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


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

}
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	font: inherit;
	vertical-align: baseline;
}
html{ overflow-x:hidden;}
.clear{ clear:both;_overflow:hidden;*height:0px;}
img{ border:0px;}
a{ text-decoration:none; color:#2b2a2a; }
a:hover{ color:#eb4921;}
div, img, ul, li, span, a, p{ margin:0px; padding:0px;}
li{ list-style:none;}
.ds{
	display:block;}
.fl{
	float:left;}
.rl{
	float:right;}
.cytoplogo{ width:100%; margin:0 auto; height:100px; background:url(../images/navbgg.png) repeat; position:fixed; top:0; z-index:10000;}
.cylogo{ margin-top:33px;}

.dymenu{ width:1200px; margin:0 auto; height:100px;background:url(../images/navbg.png) no-repeat; background-position:right;}
.wtlogo{ margin-top:11px; margin-right:30px;}
#nav {width:800px; float:left;  height:80px; overflow:hidden; margin-top:30px; }
#nav li a {
	display: block;
	width: 100%;
	text-align:center;
	color:#312f32;
	font-size:17px;
	height:42px;
	line-height:42px; 
}
#nav li {float: left; width:16%;}
#nav li a:hover{text-decoration:none;color:#e54000;width:100%;}
#nav li a#cur{color:#e54000;}

#nav li ul {
	line-height:42px;
	list-style-type: none;
	text-align:left;
	left: -999em;
	width: 128px;
	position: absolute;
	border-top-style: none;
	z-index:100000;
	overflow:hidden;
}

#nav li ul li{
	float: left;
	width: 100%;
	background: #FFF;filter: Alpha(Opacity=90);
	border-top: none #F9F9F9;
	border-right: none #F9F9F9;
	border-bottom: 1px solid #e54000;
	border-left: none #F9F9F9;
}
#nav li ul li a{
 display: block;
  width: 100%;
  text-align:center;
 font-size:15px;
 font-weight:normal;
 background:none;
 background:#000; border-bottom:1px solid #e54000;
}
#nav li ul a:link  {
 color:#FFF; text-decoration:none;
}
#nav li ul a:visited  {
 color:#FFF;text-decoration:none;
}
#nav li ul a:hover  {
 color:#e54000;text-decoration:none;font-weight:normal;border-top:none;
 background:#FFF;filter: Alpha(Opacity=70);border-bottom:1px solid #e54000;
}
#nav li:hover ul {
 left: auto;
}
#nav li.sfhover ul {
 left: auto;
}
.dxsp01{ width:57px; text-align:center; color:#FFF; margin-top:35px; }
.dxsp01 img{border:1px solid #FFF;}
.dxsp01 a{ color:#FFF;}
.dxsp01 a:hover{ color:#FFF; text-decoration:underline;}
/**********************/	
/*	
.barwrap{ width:100%;height:80px; top:0; left:0; right:0; margin:0 auto;-index:1000000;}
.dymenu{ width:1200px; margin:0 auto; height:80px;background:url(../images/navbg.png) no-repeat; background-position:right;}
.wtlogo{ margin-top:2px; margin-right:30px;}
#nav {width:800px; float:left;  height:80px; overflow:hidden; margin-top:20px; }
#nav li a {
	display: block;
	width: 100%;
	text-align:center;
	color:#312f32;
	font-size:17px;
	height:42px;
	line-height:42px; 
}
#nav li {float: left; width:16%;}
#nav li a:hover{text-decoration:none;color:#e54000;width:100%;}
#nav li a#cur{color:#e54000;}

#nav li ul {
	line-height:42px;
	list-style-type: none;
	text-align:left;
	left: -999em;
	width: 6%;
	position: absolute;
	border-top-style: none;
	z-index:100000;
	overflow:hidden;
}

#nav li ul li{
	float: left;
	width: 100%;
	background: #FFF;filter: Alpha(Opacity=90);
	border-top: none #F9F9F9;
	border-right: none #F9F9F9;
	border-bottom: 1px solid #e54000;
	border-left: none #F9F9F9;
}
#nav li ul li a{
 display: block;
  width: 100%;
  text-align:center;
 font-size:15px;
 font-weight:normal;
 background:none;
 background:#000; border-bottom:1px solid #e54000;
}
#nav li ul a:link  {
 color:#FFF; text-decoration:none;
}
#nav li ul a:visited  {
 color:#FFF;text-decoration:none;
}
#nav li ul a:hover  {
 color:#e54000;text-decoration:none;font-weight:normal;border-top:none;
 background:#FFF;filter: Alpha(Opacity=70);border-bottom:1px solid #e54000;
}
#nav li:hover ul {
 left: auto;
}
#nav li.sfhover ul {
 left: auto;
}
.dxsp01{ width:57px; text-align:center; color:#FFF; margin-top:15px; }
.dxsp01 img{ margin-bottom:2px; border:1px solid #FFF;}
.dxsp01 a{ color:#FFF;}
.dxsp01 a:hover{ color:#FFF; text-decoration:underline;}

.barwrap.on{ animation-name: down; background:#dce4f0; height:80px; animation-duration: 1s;top:0;border-bottom: none;}*/
/**********************/
.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;
			color:#FFF;
        }

    .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: 84px;
}

    .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: 58px;
    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: 42px;
    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%;
    }
}

/********************/
.about01{ width:1200px; margin:0 auto; margin-bottom:30px; text-align:center; font-size:98px; font-family:Britannic Bold; color:#b5bed2;}
.about02{ width:1200px; margin:0 auto;}
.about02-1{ width:70%;}
.about02-1 h1{ display:block; width:100%; font-size:37px; color:#343434; float:left;}
.about02-1 span{ display:block; width:100%; font-size:42px; color:#343434;float:left; color:#56595f; font-size:20px; margin-top:18px;}
.about02-1 h2{ display:block; width:100%; font-size:37px; color:#343434;float:left; margin-top:65px;}

.about02-2{ width:30%;}
.about02-2 a{ display:block; float:right; width:260px; height:75px; line-height:75px; text-align:center; background:#003399; color:#FFF; font-size:20px; border-radius:50px;}
.about02-2 a:hover{ background:#eb4921; color:#FFF;}

.about03{ width:1200px; margin:0 auto; margin-top:50px;}
.about03 ul{ width:100%; float:left;}
.about03 li{ width:25%; text-align:center; float:left;}
.about03 li a{ color:#84a0d7; font-size:25px;}
.about03 li a img{ margin-bottom:10px;}
.about03 li a:hover{ text-decoration:underline; font-weight:bold;}
/***********/
.chanpin01{ width:1200px; height:600px; overflow:hidden; background-image:url(../images/chanpinbg2.gif); background-position:left bottom; background-repeat:no-repeat; background-color:#FFF; border-radius:50px; margin:0 auto; padding:60px; overflow:hidden;}
.chanpin01-1{ width:354px; overflow:hidden;}
.chanpin01-1 h1{ display:block; width:100%; font-size:42px; float:left;font-weight:bold; color:#000;}
.chanpin01-1 h2{ display:block; width:100%; font-size:52px;float:left; color:#4f4d4d; font-family:Impact;}
.chanpin01-1 hr{ display:block; width:98px;float:left; height:8px; border:none; background:#eb4921;}
.chanpin01-1 p{ width:100%; color:#393838; text-align:justify; float:left; color:#393838; line-height:27px; font-size:17px;}
.cpmore{ display:block; width:50%; height:60px; line-height:60px; text-align:center; background:#eb4921; color:#FFF; border-radius:30px; font-size:17px; margin-top:50px;}
.cpmore:hover{ background:#003399; color:#FFF;}

.chanpin01-2{ width:670px;overflow:hidden; margin-left:56px;}
.chanpin01-2 ul{ width:100%; float:left;}
.chanpin01-2 li{ width:100%; float:left;}
.chanpin01-2 li a img{width: 100%;
    height: auto;
    margin-bottom: 15px;
    transition: all .5s ease .1s;}
.chanpin01-2 li a img:hover{transform: scale(1.1);}

.dxsp02{ width:100%; text-align:center; color:#FFF; font-size:30px; font-weight:bold; position:relative; margin-top:-150px; height:35px; line-height:35px;}
.dxsp02 strong{ color:#eb4921; font-size:35px;}
.chanpin01-2 li a:hover .dxsp02{ text-decoration:underline;}

.dxsp03{ width:100%; text-align:center; color:#FFF; font-size:30px; font-weight:bold; position:relative; margin-top:-150px; height:35px; line-height:35px;}
.dxsp03 strong{ color:#eb4921; font-size:35px;}
.chanpin01-2 li a:hover .dxsp03{ text-decoration:underline;}
/**********************************/

.tuzhan01{ width:1200px; margin:0 auto; text-align:center; color:#FFF; font-size:70px;}
.tuzhan02{ width:1200px; margin:0 auto; text-align:center; color:#FFF; font-size:22px; margin-top:15px}
.tuzhan03{ width:1200px; margin:0 auto; text-align:center; color:#FFF; font-size:50px; margin-top:30px}

.clearfix {/* width: 1200px; */}

/* 必要布局样式css */
.change-content {
    padding: 30px 0;
}

.change-box {
  /*  padding-bottom: 70px;*/
}

.change-main {
    width: 1200px !important;
    margin: 0 auto;
    position: relative;
    transition: all .3s ease;
}


.change-box .change-cut {
	width:1200px;
	 background-color: #F5F5F5;
	 color:#FFF;
   /* margin: 40px 0 30px;*/
    /* width: 1551px; */
}

.transition {
    -moz-transition: all .3s ease;
    -webkit-transition: all .3s ease;
    transition: all .3s ease;
}

.change-box .change-cut .tab {
    height: 60px;
    line-height: 60px;
    text-align: center;
    font-size: 24px;
    background-color: #eb4921;
    box-sizing: border-box;
  /*  border-right: 1px solid #e5e5e5;*/
    /* border-left: none; */
    position: relative;
    cursor: default;
    width: 33.333333%;
    float:left;
	 color:#FFF;
    /* margin-right: 0px; */
}

.flex-rows{
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
}

.change-box .change-cut ul{
/*    border: 1px solid #e5e5e5;*/
    margin-left: 0px;
    /* width: 1200px; */
}

.contents{
    width:1200px;
}

.change-box .change-cut .tab{ color:#FFF;}
.change-box .change-cut .tab a{ color:#FFF;}
.change-box .change-cut .tab.on {
	cursor:pointer;
    background-color: #003399;
    color: #fff;
}

.change-box .change-cut .tab.on:after {
    content: "";
    position: absolute;
    width: 0;
    height: 0;
    border: 11px solid;
    border-color: #003399 transparent transparent transparent;
    bottom: -22px;
    left: 50%;
    transform: translateX(-50%);
    transition: all .3s ease;
}



.change-box .contents > .flex-row {
    justify-content: space-between;
}



.change-box .item {
    box-sizing: border-box;
    border: 1px solid #E5E5E5;
    width: 280px;
    height: 103px;
    float: left;
    transition: all .3s ease;
    margin-right: 26px;
}

.img-block {
    margin: 0 auto;
    display: block;
}

.change-box .img-block {
    margin: 0 20px 0 0;
    float: left;
}
/*********************/
.dxul02{ width:100%; background:#FFF; padding:2%}
.dxul02 li{ width:23%; margin:1.5% 1%; float:left; border-bottom:1px solid #000; text-align:center; padding-bottom:30px;}
.dxul02 li a{ font-size:17px;}
.dxul02 li a img{ border:1px solid #000; width:100%; height:auto; float:left; margin-bottom:20px;}
/***********************/

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

.change-box .item-title {
    font-size: 18px;
    color: #333;
}

.change-box .item-p {
    font-size: 12px;
    color: #999;
    margin-top: 10px;
}

.change-box .item:hover {
    box-shadow: 0 4px 10px 0 rgba(0, 0, 0, .1);
}

.items-news .items-news-list .item a:hover {
    color: #20B09F;
}
/**************************************************/
.xinwen01{ width:1200px; margin:0 auto; font-size:32px; color:#2b2a2a;}
.xinwen01 strong{ font-family:Impact;}
.xinwen02{ width:1200px; margin:0 auto; margin-top:30px;}
.xwimg{ border:1px solid #333;}

.xinwen02-1{ width:431px; margin-left:30px; background:#FFF; padding:25px 20px; height:337px; overflow:hidden;}
.dxsp04{ width:165px; height:42px; line-height:42px; background:#4e4d4d; text-align:center; color:#FFF; font-size:17px;}
.dxxwul{ width:100%; margin-top:12px;}
.dxxwul li{ width:100%; margin:5px 0; float:left; border-bottom:1px dashed #CCC; padding-bottom:10px;}
.dxxwul li span{ display:block; float:left; width:100%; font-size:30px; margin-bottom:12px;}
.dxxwul li a h1{ font-size:17px; display:block; width:100%; float:left;}
.dxxwul li a p{ font-size:14px; margin-top:5px; line-height:23px;width:100%; float:left;}
/*********************************/
.wrapfoot{ width:100%; margin:0 auto; padding:2.5% 0; margin-top:25px;}

.wrapfoot_new{ width:100%; margin:0 auto; padding:1.5% 0; margin-top:25px;}

.dxfoot{ width:1200px; margin:0 auto;}
.dxfoot01{ width:542px;}
.dxfoot01-1{ width:249px; border:1px solid #4b4e77; margin-bottom:20px; height:160px; padding:10px;}
.dxfoot01-1-1{ width:100%; color:#FFF; font-weight:bold; font-size:12px; line-height:25px; text-align:center;}
.dxfoot01-1-2{ width:100%; margin-top:12px;}
/**************************/

.e_dxfoot01{ width:593px;}
.e_dxfoot01-1{ width:300px; border:1px solid #4b4e77; margin-bottom:20px; height:160px; padding:10px;}

.dxfoot01-1-3{width:249px; border:1px solid #4b4e77; height:160px; margin-bottom:20px;padding:10px; color:#74768f; line-height:42px; font-size:15px;}
.dxfoot01-1-3 strong{ color:#FFF; font-size:20px;}

.dxfoot01-1-3_new{width:249px; border:1px solid #4b4e77; height:160px; margin-bottom:20px;padding:20px 30px; color:#74768f; line-height:23px; font-size:17px;}
.dxfoot01-1-3_new strong{ color:#FFF; font-size:20px; line-height:36px;}

.fotmm1{ margin-right:20px;}

.dxfoot02{ width:80px;}
.dxfoot02 span{ display:block; width:100%; text-align:center; color:#FFF; font-size:17px; font-weight:bold;}
.dxfoot02 ul{ width:100%; float:left; margin-top:20px;}
.dxfoot02 li{ width:100%; float:left; text-align:center; line-height:32px;}
.dxfoot02 li a{ color:#8488b2;}

.dxfoot03{ width:119px;}
.dxfoot03 span{ display:block; width:100%; text-align:center; color:#FFF; font-size:17px; font-weight:bold;}
.dxfoot03 ul{ width:100%; float:left; margin-top:5px; margin-bottom:10px;}
.dxfoot03 li{ width:100%; float:left; text-align:center; line-height:27px;}
.dxfoot03 li a{ color:#8488b2;}

.dxfoot03_new{ width:80px;}
.dxfoot03_new span{ display:block; width:100%; text-align:center; color:#FFF; font-size:17px; font-weight:bold;}
.dxfoot03_new ul{ width:100%; float:left; margin-top:20px; }
.dxfoot03_new li{ width:100%; float:left; text-align:center; line-height:25px;}
.dxfoot03_new li a{ color:#8488b2;}


.dxfoot04{ width:122px;}
.dxfoot04 span{ display:block; width:100%; text-align:center; color:#FFF; font-size:17px; font-weight:bold;}
.dxfoot04 ul{ width:100%; float:left; margin-top:20px;}
.dxfoot04 li{ width:100%; float:left; text-align:center; line-height:32px;}
.dxfoot04 li a{ color:#8488b2;}
.fotm2{ margin-left:108px;}

.dxfoot2{ width:1200px; margin:0 auto; color:#8386b4; margin-top:100px;}
.dxfoot2 a{ color:#8386b4; text-decoration:underline;}
.dxfoot2 a:hover{ color:#8386b4; text-decoration:none;}


.dxfoot2_new{ width:1200px; margin:0 auto; color:#8386b4; margin-top:20px; line-height:42px; border-top:1px solid #373a64;}
.dxfoot2_new a{ color:#8386b4; text-decoration:underline;}
.dxfoot2_new a:hover{ color:#8386b4; text-decoration:none;}
/********************/
.dxfot01{ width:1200px; margin:0 auto; text-align:center; color:#FFF; }
.dxfot01 a{ color:#FFF; text-decoration:underline;}
.dxfot01 a:hover{ color:#FFF; text-decoration:none;}
/*************************************/



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

.sznei{ width:1400px; margin:0 auto; margin-top: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:0;}
.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:#eb4921; color:#FFF; height:45px; line-height:45px; border:1px solid #999; border-radius:5px;}

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

.szneirr-3{ width:100%; margin-top:25px;}
.szneirr-3 ul{ width:100%; float:left;}
.szneirr-3 li{ width:100%; float:left; margin:2% 0;}
.szneirr-3 li:hover{ cursor:pointer; background:#eb4921; border-radius:5px; color:#FFF;}
.szneirr-3 li:hover a{ color:#FFF;}
.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;}

.szxw1{ width:75%; margin-left:5%; line-height:30px;}
.szx1{ font-weight:bold; font-size:16px;}
.szxw1 a{ display:block; width:100%; float:left;}
.szxwmore{ width:100%; color:#003399; text-decoration:underline;}


.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;}
.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;}


.message{ margin:0 auto;width:1280px; background:#FFF; padding:60px; margin-top:50px; margin-bottom:30px;}
.blzh8{ width:100%; font-size:17px; color:#000;}
.message .box{  margin-top:50px;}
.message .box li{line-height:47px;margin-bottom:25px; }
.message .box 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 .box li .input-text:focus{border-color:#b59665;}
.message .box li textarea.input-text{height:84px;line-height:24px;resize:none;}
.message .box li.btn{ margin:0 1.5%;}
.message .box li .button{cursor:pointer;width:47%;border:none;height:40px;background-color:#2775b7;border-radius:20px;color:#fff;font-size:16px}
.message .box li .button:hover{ background:#003399; 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:#eb4921 url(../images/fixCont.png) no-repeat 0 0;}
.yb_bar .yb_phone{background:#eb4921 url(../images/fixCont.png) no-repeat 0 -57px;}
.yb_bar .yb_ercode{background:#eb4921 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;}

.cpspan01{ width:100%; text-align:center; font-size:17px; border-radius:5px; height:45px; line-height:45px; background:#003399; color:#FFF; margin-top:20px; cursor:pointer;}


.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%;}