@charset "gb2312";
/* CSS Document */

body,h1,h2,h3,h4,h5,h6,div,hr,p,blockquote,dl,dt,dd,ul,ol,li,pre,form,fieldset,legend,button,input,textarea,th,td {
    margin: 0;
    padding: 0
}

body {
    font: 12px/1.5 Microsoft Yahei,\5FAE\8F6F\96C5\9ED1;
    margin: 0 auto;
    line-height: 24px;
    color: #444;
}

h1,h2,h3,h4,h5,h6 {
    font-size: 100%
}

address,cite,dfn,em,var {
    font-style: normal
}

code,kbd,pre,samp {
    font-family: courier new,courier,monospace
}

small {
    font-size: 12px
}

ul,ol,li,dl,dt,dd {
    list-style: none
}

sup {
    vertical-align: text-top
}

sub {
    vertical-align: text-bottom
}

legend {
    color: #000
}

fieldset,img {
    border: 0
}

button,input,select,textarea {
    font: 12px/1.5 tahoma,arial,sans-serif;
    vertical-align: middle;
}

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

.clear {
    display: block;
    float: none;
    clear: both;
    overflow: hidden;
    visibility: hidden;
    width: 0;
    height: 0;
    background: none;
    border: 0;
    font-size: 0
}

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

.clearfix {
    zoom: 1;
}

.left {
    float: left;
}

.right {
    float: right
}

img {
    border: 0;
    max-width: 100%;
    height: auto;
    vertical-align: middle;
}
/*a*/
a {
    text-decoration: none;
    color: #444;
}

a:hover {
    color: #ff6600;
}

/*title*/
h1 {
    font-size: 50px;
}

h2 {
    font-size: 40px;
}

h3 {
    font-size: 30px;
}

h4 {
    font-size: 14px;
}

h5 {
    font-size: 12px;
}

h6 {
    font-size: 9px;
}


.banner_bg{
    width: 100%;
    position: relative;
    background: url(../images/banner_bg.jpg) no-repeat center top;
    background-size: cover;
    margin-bottom:20px;
    overflow: hidden;
    animation: animatedBird 10s linear infinite alternate;
    -webkit-animation: animatedBird 10s ease-in-out infinite alternate;
    -moz-animation: animatedBird 10s ease-in-out infinite alternate;
    -ms-animation: animatedBird 10s ease-in-out infinite alternate;
    -o-animation: animatedBird 10s ease-in-out infinite alternate;
}
.main02 {
    animation: animatedBird 10s linear infinite alternate;
    -webkit-animation: animatedBird 10s ease-in-out infinite alternate;
    -moz-animation: animatedBird 10s ease-in-out infinite alternate;
    -ms-animation: animatedBird 10s ease-in-out infinite alternate;
    -o-animation: animatedBird 10s ease-in-out infinite alternate;
}
@keyframes animatedBird {
    0%{background-size: 100% 100%;
    }
    100% { background-size: 130% 130%;}
}
@-webkit-keyframes animatedBird {
    0%{background-size: 100% 100%;
    }
    100% { background-size: 130% 130%;}
}

@-moz-keyframes animatedBird {
    0%{background-size: 100% 100%;
    }
    100% { background-size: 130% 130%;}
}
@-o-keyframes animatedBird {
    0%{background-size: 100% 100%;
    }
    100% { background-size: 130% 130%;}
}
.banner_bg h1{
    position: absolute;
    left:-100000px;
}
.banner_bg .nav_bg{
    border-bottom:1px #999 solid;
    margin-bottom:140px;
}
.banner_bg .nav{
    width: 1200px;
    margin:0 auto;
    height: 80px;
    line-height:80px;
    position: relative;
    z-index: 1000;
}
.banner_bg .nav a{
    display:block;
    width:12.5%;
    float:left;
    text-align: center;
    height: 80px;
    line-height: 80px;
    font-size:16px;
}
.banner_bg .banner_box{
    width:100%;
    margin:0 auto;
    position: absolute;
    left:0;
    top:0;
    z-index: 500;
}

.top_bg{
    width: 1200px;
    margin:0 auto;
    position: relative;
}
.top_bg img.img_02,.top_bg img.img_03,.top_bg img.img_04{
    position: absolute;
    top:0;
    left:0;
}


.top_bg img.img_01{
    animation:img_01 0.5s linear 1;
    -webkit-animation:img_01 0.5s linear 1;
    -moz-animation:img_01 0.5s linear 1;
    -ms-animation:img_01 0.5s linear 1;
    -o-animation:img_01 0.5s linear 1;

}
.top_bg img.img_02{
    animation:img_01  1s linear 1;
    -webkit-animation:img_01 1s linear 1;
    -moz-animation:img_01 1s linear 1;
    -ms-animation:img_01 1s linear 1;
    -o-animation:img_01 1s linear 1;

}

.top_bg img.img_03{
    animation:img_01 1.5s linear 1;
    -webkit-animation:img_01 1.5s  linear 1;
    -moz-animation:img_01 1.5s  linear 1;
    -ms-animation:img_01 1.5s  linear 1;
    -o-animation:img_01 1.5s  linear 1;

}
.banner img.img_05{
    animation:img_01 1.2s linear 1;
    -webkit-animation:img_01 1.2s linear 1;
    -moz-animation:img_01 1.2s  linear 1;
    -ms-animation:img_01 1.2s  linear 1;
    -o-animation:img_01 1.2s  linear 1;
}

.banner img.img_07{
    animation:img_01 1.5s linear 1;
    -webkit-animation:img_01 1.5s linear 1;
    -moz-animation:img_01 1.5s  linear 1;
    -ms-animation:img_01 1.5s  linear 1;
    -o-animation:img_01 1.5s  linear 1;
}


@keyframes img_01{
    0%{
        -khtml-opacity: 0;
        opacity: 0;
        filter:alpha(opacity=0);
        -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
        filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=0);

        transform:scale(0,0);
        -ms-transform:scale(0,0);
    }
    100%{
        opacity:1;
        -khtml-opacity: 1;
        filter:alpha(opacity=100);
        -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
        filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
        transform:scale(1,1);
        -ms-transform:scale(1,1);
    }

}
@-moz-keyframes img_01{
    0%{   -moz-opacity: 0;
        -khtml-opacity: 0;
        filter:alpha(opacity=0);
        -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
        filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
        -moz-transform:scale(0,0);
        -ms-transform:scale(0,0);

    }
    100%{ -moz-opacity:1;
        -khtml-opacity: 1;
        filter:alpha(opacity=100);
        -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
        filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
        -moz-transform:scale(1,1);
        -ms-transform:scale(1,1);
    }

}
@-webkit-keyframes img_01{
    0%{ -webkit-opacity: 0;
        -khtml-opacity: 0;
        filter:alpha(opacity=0);
        -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
        filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
        -webkit-transform:scale(0,0);
        -ms-transform:scale(0,0);

    }
    100%{
        -webkit-transform:scale(1,1);
        -ms-transform:scale(1,1);
        -webkit-opacity: 1;
        -khtml-opacity: 1;
        filter:alpha(opacity=100);
        -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
        filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=100);

    }

}
@-o-keyframes img_01{
    0%{  opacity:0;
        -khtml-opacity: 0;
        filter:alpha(opacity=0);
        -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
        filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
        -ms-transform:scale(0,0);
        -o-transform:scale(0,0);

    }
    100%{
        opacity:1;
        -khtml-opacity: 1;
        filter:alpha(opacity=100);
        -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
        filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
        -ms-transform:scale(1,1);
        -o-transform:scale(1,1);
    }

}

.banner img.img_06{
    animation:img_02 1s ease 1;
    -webkit-animation:img_02 1s ease 1;
    -moz-animation:img_02 1s ease 1;
    -ms-animation:img_02 1s ease 1;
    -o-animation:img_02 1s ease 1;
}
@keyframes img_02{
    0%{
        transform: translateX(-2000px);
        -ms-transform:translateX(-2000px);
    }
    100%{
        transform: translateX(0px);
        -ms-transform:translateX(0px);
    }
}
@-webkit-keyframes img_02{
    0%{
        -webkit-transform: translateX(-2000px);
    }
    100%{
        -webkit-transform: translateX(0px);
    }
}
@-moz-keyframes img_02{
    0%{
        -moz-transform: translateX(-2000px);
    }
    100%{
        -moz-transform: translateX(0px);
    }
}
@-o-keyframes img_02{
    0%{
        -o-transform: translateX(-2000px);
    }
    100%{
        -o-transform: translateX(0px);
    }
}



.top_bg img.img_04{
    animation:img_04 1s ease 1;
    -webkit-animation:img_04 1s ease 1;
    -moz-animation:img_04 1s ease 1;
    -ms-animation:img_04 1s ease 1;
    -o-animation:img_04 1s ease 1;
}
@keyframes img_04{
    0%{
        transform: translateY(-300px);
        -ms-transform:translateY(-300px);
    }
    100%{
        transform: translateY(0px);
        -ms-transform:translateY(0px);
    }
}
@-webkit-keyframes img_04{
    0%{
        -webkit-transform: translateY(-300px);
    }
    100%{
        -webkit-transform: translateY(0px);
    }
}
@-moz-keyframes img_04{
    0%{
        -moz-transform: translateY(-300px);
    }
    100%{
        -moz-transform: translateY(0px);
    }
}
@-o-keyframes img_04{
    0%{
        -o-transform: translateY(-300px);
    }
    100%{
        -o-transform: translateY(0px);
    }
}




.banner_bg .banner,.banner_bg .banner_tel{
    width: 1200px;
    margin:0 auto;
    padding-bottom:100px;
}
.banner_bg .banner_tel span {
    display: block;
    width:25% ;
    height: 70px;
    line-height: 70px;
    float:left;
    margin:0 5% 0 18%;
    background: #afdfec url(../images/icon_tel.png) no-repeat 10% 50%;
    padding-left:10%;
    color:#fff;
    font-size:34px;
}
.banner_bg .banner_tel a.zx{
    display: block;
    float:left;
    width: 19%;
    margin:0 18% 0 5%;
    height:70px;
    line-height: 70px;
    background-color: #ea5d54;
    color:#fff;
    font-size:30px;
    text-align: center;
    border-radius: 3px;
}
dl.lead {
    width:1168px;
    border: 1px #dedede solid;
    padding:15px;
    margin:0 auto 50px;
}

dl.lead dt {
    float: left;
    background: url(../images/dy_bg.png) no-repeat center center;
    text-align: center;
    width: 10%;
    height: 90px;
    line-height: 90px;
    margin-right: 2%;
    padding-right: 2%;
    border-right: 2px #dedede solid;
    font-size: 30px;
    color: #003591;
}

dl.lead dd {
    float: right;
    padding:1.5%;
    background-color: #f4f9fa;
    width: 80%;
    font-size: 14px;
}
dl.lead dd b{
    display: block;
    font-size:16px;
    width: 100%;
    height: 26px;
    line-height: 26px;
    margin-bottom:5px;
}
h2{
    width: 1200px;
    margin:0 auto 40px;
    height:66px;
    text-align: center;
    font-size:40px;
}
h2 span{
    line-height: 50px;
    margin: 0 auto;
    padding:0px 0 10px ;
    border-bottom:6px #f09b9a solid;
}
p.tel{
    width: 1200px;
    margin:3% auto 0;
    line-height:60px !important;
    text-align:center;
}
p.tel a.yybm{
    padding:0.8% 3%;
    background:#ea5d54;
    margin:0 2%;
    color:#fff;
    border-radius: 3px;
    font-size:16px;
}
p.tel span{
    font-size:26px;
    font-weight: bold;
    background:url(../images/tel_icon.png) no-repeat left center;
    padding:1% 0 1% 4.5%;
    margin-left:3%
}
a.ljxq,.dd_r{
    display: block;
    border:1px #ea5d54 solid;
    text-align: center;
}
/* main01开始*/
.main01,.main04{
    width: 1200px;
    margin:0 auto 50px;
}
.main01_cnt{
    width: 79.8%;
    margin:0 10%;
    background: url(../images/sx_bg.png) repeat-y 5% 50%;
}
.main01_cnt dl{
    margin-bottom:4%;
}
.main01_cnt dt{
    float:left;
    width: 10%;
    font-size:60px;
    line-height: 80px;
    background:#fff url(../images/dt_bg.png) no-repeat center center;
    text-align: center;
}
.main01_cnt dl.dl01 dt{
    color:#f1c7c6;
}
.main01_cnt dl.dl02 dt{
    color:#f0b4b3;
}
.main01_cnt dl.dl03 dt{
    color:#f09593;
}
.main01_cnt dd{
    float:left;
    width: 85%;
    margin:1.5% 0 1.5% 3%;
}

.main01_cnt dd .dd_l{
    width: 78.5%;
    background: url(../images/main01_bg.jpg) repeat-x center center;
}
.main01_cnt dd .dd_l p{
    width: 75%;
    line-height: 26px;
    background-color: #b7e3ee;
    padding:2% 3%;
    font-size:14px;
}
.main01_cnt dd .dd_l p b{
    font-size:16px;
    margin-right:2%;
}

.main01_cnt dd .dd_r{
    width: 18%;
    height: 34px;
    line-height:32px;
    margin:1% 0;
}
/* main01结束 */
/* main02开始 */
.main02{
    widt:100%;
    padding:50px 0;
    margin-bottom:50px;
    background:#f2f2f2 url(../images/main02_bg.jpg) no-repeat center center;
    overflow: hidden;
}
.main02_cnt{
    width: 1200px;
    margin:0 auto;

}
.main02_cnt p.p_zhu{
    font-size: 18px;
    line-height:40px;
    margin-bottom:10px;
}
.main_cnt{
    border:1px #dedede solid;
    margin-bottom:30px;
    background-color: #f0f0f0;
}

.main_cnt dl{
    width:50%;
}

.main_cnt dl dt{
    text-align: center;
    height: 40px;
    line-height:40px;
    border-bottom:1px #dedede solid;
    font-size:16px;
    color:#fff;
}
.main_cnt dl.dl_01 dt{
    background-color:#499eaf;
    position: relative;
}
.main_cnt dl.dl_02 dt{
    background-color:#64c1d4;
}

.main_cnt dl.dl_01 dt:after{
    display: block;
    content: "";
    width: 0;
    height: 0;
    border-top: 12px solid transparent;
    border-left: 15px solid #499eaf;
    border-bottom: 12px solid transparent;
    position: absolute;
    right:-14px;
    top:10px;
}

.main_cnt dl dd{
    margin:3% 0 4%;
    padding:0 4%;

}
.main_cnt dl.dl_02 dd{
    border-left:1px #dedede dashed;
}

.main_cnt dl dd p{
    height: 60px;
}
.main_cnt dl dd a{
    width: 26%;
    height: 30px;
    line-height:30px;
    margin:0 36.9%;
}
.tj_cnt{
    border:1px #dedede solid;
    padding:1.5% 2.5% 2.5%;
    margin-bottom:3%;
    background-color: #f0f0f0;
}
.tj_cnt dl{
    border-bottom:1px #dedede dashed;
    padding:1% 0;
}
.tj_cnt dl dt{
    float:left;
    width: 10%;
    background: url(../images/lc_bg02.png) center center no-repeat;
    height: 44px;
    line-height: 44px;
    color:#fff;
    text-align: center;
    font-size:18px;
    padding-right:8px;
}
.tj_cnt dl dd{
    float:left;
    width: 87%;
}
.tj_cnt dl dd p{
    width: 80%;
    float:left;
    line-height: 26px;
}

.tj_cnt dl dd a{
    float:right;
    line-height: 26px;
    width: 15%;
    margin-top:2%;
}
/* main02结束 */
/* main03开始 */
.main03,.main06,.main07{
    width: 1200px;
    margin:0 auto 100px;
}
.main03_cnt{
    margin-bottom:1%;
    position: relative;
}
.main03_cnt .dw{
    position: absolute;
    left:40%;
    top:20%;
}
.main03_cnt .dw img{ transition:all 1s ease-in-out; -webkit-transition:all 1s ease-in-out; -moz-transition:all 1s ease-in-auto; -ms-transition:all 1s ease-in-out; -o-transition:all 1s ease-in-out; }
.main03_cnt dl:hover ~.dw img{transform: rotate(360deg);-webkit-transform:rotate(360deg); -moz-transform:rotate(360deg); -ms-transform:rotate(360deg); -o-transform:rotate(360deg); }

.main03_cnt dl{
    width:48%;
    margin:0 1% 2%;
    background-color: #f3f3f3;
}
.main03_cnt dl dd{
    width: 38%;
    padding:3% 6% 6%;
}
.main03_cnt dl dt{
    width: 50%;
    text-align: center;
    overflow: hidden;
}
.main03_cnt dl dt img{
    overflow: hidden;
    transition:all 1s ease-in-out;
    -webkit-transition:all 1s ease-in-out;
    -moz-transition:all 1s ease-in-auto;
    -ms-transition:all 1s ease-in-out;
    -o-transition:all 1s ease-in-out;
    transform:scale(1) ;
    -webkit-transform:scale(1);
    -moz-transform:scale(1);
    -ms-transform:scale(1);
    -o-transform:scale(1);
}
.main03_cnt dl:hover dt img{
    transform:scale(1.2) ;
    -webkit-transform:scale(1.2);
    -moz-transform:scale(1.2);
    -ms-transform:scale(1.2);
    -o-transform:scale(1.2);
}
.main03_cnt dl dd span{
    display: block;
    width: 100%;
    height: 40px;
    line-height: 40px;
    font-size:20px;
    text-align: center;
}
.main03_cnt dl dd p{
    height: 100px;
}
.main03_cnt dl dd a{
    width: 79.5%;
    margin: 6% 10% 0;
    height: 30px;
    line-height: 30px;
}
.main03_cnt dl dd a:hover{
    background-color: #ea5d54;
    color:#fff;
}
/* main03结束 */

.main04 .main04_cnt {
    border-right: 5px #d0d8de solid;
}

.main04 .main04_cnt .main04_tit {
    width: 24%;
    border-right: 5px #d0d8de solid;
    margin-right: 4%;
    float: left;
}

.main04 .main04_cnt .main04_tit dl {
    width: 80%;
    height: 70px;
    padding: 0% 20% 0% 0%;
    margin-bottom: 6%;
    color: #444;
}

.main04 .main04_cnt .main04_tit dl:last-of-type {
    margin-bottom: 0%;
}

.main04 .main04_cnt .main04_tit dl dt {
    float: left;
    width: 50%;
    height: 70px;
    line-height: 70px;
    text-align: center;
    font-size: 34px;
    background: #d0d8de url(../images/dl_r_bg01.png) no-repeat right center;
}

.main04 .main04_cnt .main04_tit dl dd {
    float: right;
    width: 48%;
    background: #d0d8de;
    height: 50px;
    padding: 10px 0 10px 2%;
}

.main04 .main04_cnt .main04_tit dl dd span {
    display: block;
    height: 30px;
    line-height: 30px;
    font-size: 18px;
}

.main04 .main04_cnt .main04_tit dl dd em {
    display: block;
    height: 20px;
    line-height: 20px;
}

.main04 .main04_cnt .main04_tit dl:hover,.main04 .main04_cnt .main04_tit dl.hover {
    border-right: 5px #499eaf solid;
}

.main04 .main04_cnt .main04_tit dl:hover dt,.main04 .main04_cnt .main04_tit dl:hover dd,.main04 .main04_cnt .main04_tit dl.hover dt,.main04 .main04_cnt .main04_tit dl.hover dd {
    background: #499eaf;
    color: #fff;
}

.main04 .main04_cnt .main04_tit dl:hover dt,.main04 .main04_cnt .main04_tit dl.hover dt {
    font-size: 40px;
    background: #499eaf url(../images/dl_r_bg02.png) no-repeat right center;
}

.main04 .main04_cnt .main04_box {
    width: 67%;
    padding-right: 4%;
    float: right;
}

.main04 .main04_cnt .main04_box div {
    display: none;
}

.main04 .main04_cnt .main04_box div.box_hover {
    display: block;
}
.main04 .main04_cnt .main04_box div b{
    display: block;
    height: 30px;
    line-height: 30px;
    font-size: 18px;
    margin-top:1%;
}
.main04 .main04_cnt .main04_box dl {
    width: 100%;
    height: 70px;
    margin-bottom: 1%;
    color: #444;
    overflow: hidden;
}

.main04 .main04_cnt .main04_box dl dt {
    float: left;
    width: 80px;
    font-size: 40px;
    height: 70px;
    line-height: 70px;
    background: url(../images/dl_r_bg01.png) no-repeat right center;
}

.main04 .main04_cnt .main04_box dl dd {
    float: left;
    height: 50px;
    padding: 10px 0 10px 2%;
}

.main04 .main04_cnt .main04_box dl dd span {
    display: block;
    height: 30px;
    line-height: 30px;
    font-size: 18px;
}

.main04 .main04_cnt .main04_box dl dd em {
    display: block;
    height: auto;
    line-height: 20px;
}
.main04 .main04_cnt .main04_box ul {
    line-height: 26px;
    margin-top:0.5%;
}
/*main04结束*/
/*main05开始*/
.main05{
    padding:50px 0;
    background-color: #f3f3f3;
    margin-bottom:50px;
}
.main05_cnt{
    width: 1200px;
    margin:0 auto;
}
.main05_cnt dl{
    border-bottom:1px #dedede dashed;
    padding:2% 0;
}
.main05_cnt dt{
    width: 25%;
    float:left;
    overflow: hidden;
}

.main05_cnt dt img{
    overflow: hidden;
    transition:all 1s ease-in-out;
    -webkit-transition:all 1s ease-in-out;
    -moz-transition:all 1s ease-in-auto;
    -ms-transition:all 1s ease-in-out;
    -o-transition:all 1s ease-in-out;
    transform:scale(1) ;
    -webkit-transform:scale(1);
    -moz-transform:scale(1);
    -ms-transform:scale(1);
    -o-transform:scale(1);
}
.main05_cnt dt:hover img{
    transform:scale(1.2) ;
    -webkit-transform:scale(1.2);
    -moz-transform:scale(1.2);
    -ms-transform:scale(1.2);
    -o-transform:scale(1.2);
}


.main05_cnt dd{
    width: 71%;
    float:right;
}
.main05_cnt dd .dd_cnt{
    width:77%;
}
.main05_cnt dd .dd_cnt span{
    display: block;
    font-size:18px;
    line-height: 30px;
}
.main05_cnt dd p{
    margin-top:10px;
}
.main05_cnt dd a{
    width: 20%;
    margin-top:5%;
    height: 30px;
    line-height: 30px;
}
/*main05结束*/

/*main06开始*/
.main06 .p_01,.main06 .p_02{
    font-size:20px;
    text-align: center;
    line-height: 40px;
    margin-bottom:15px;
}
.main06 .p_01 span,.main06 .p_02 span{
    background-color: #fff;
    padding:0 30px;
    position: relative;
}
.main06 .p_01 span:before,.main06 .p_01 span:after,.main06 .p_02 span:before,.main06 .p_02 span:after{
    width: 80px;
    height: 1px;
    background-color:#444;
    display: block;
    content: "";
    position: absolute;
    left:-80px;
    top:14px;
}
.main06 .p_01 span:after,.main06 .p_02 span:after{
    left:auto;
    right:-80px;
    top:14px;
}
.p_01_cnt{
    margin-bottom:40px;
}
.p_01_cnt dl{
    float:left;
    width: 26.8%;
    border:1px #dedede solid;
    padding:2.5%;
}
.p_01_cnt dl.dl_02{
    margin: 0 2%;
}
.p_01_cnt dl dt{
    width: 24%;
    float:left;
    text-align: center;
}
.p_01_cnt dl dt span,.p_01_cnt dl dt em,.main06 ul li span,.main06 ul li em,.main06 ul li p{
    display: block;
    width: 100%;
    text-align: center;
}
.p_01_cnt dl dt span{
    margin-top:10px;
    font-size:16px;
}

.p_01_cnt dl dt img{ transition:all 1s ease-in-out; -webkit-transition:all 1s ease-in-out; -moz-transition:all 1s ease-in-auto; -ms-transition:all 1s ease-in-out; -o-transition:all 1s ease-in-out; }
.p_01_cnt dl:hover dt img{transform: rotate(360deg);-webkit-transform:rotate(360deg); -moz-transform:rotate(360deg); -ms-transform:rotate(360deg); -o-transform:rotate(360deg); }





.p_01_cnt dl dd{
    float:right;
    width: 58%;
    border-left:1px #dedede dashed;
    padding-left:8%;
    margin-left:8%;
}
.p_01_cnt dl dd p{
    margin-bottom:10%;
}
.p_01_cnt dl dd a{
    width: 80%;
    margin:0 10%;
    height: 30px;
    line-height:30px;
}
.main06 ul li{
    float:left;
    width:18.6%;
    border:1px #dedede solid;
    padding-top:2.5%;
    text-align: center;
    overflow: hidden;
}
.main06 ul li.li02,.main06 ul li.li04{
    margin:0 1.5%;
}
.main06 ul li .li_cnt{
    padding:10%;
}
.main06 ul li p.img_p{
    width: 100%;
    height: auto;
    overflow: hidden;
}
.main06 ul li img{ overflow: hidden; transition:all 1s ease-in-out; -webkit-transition:all 1s ease-in-out; -moz-transition:all 1s ease-in-auto; -ms-transition:all 1s ease-in-out; -o-transition:all 1s ease-in-out;transform:scale(1) ;-webkit-transform:scale(1); -moz-transform:scale(1); -ms-transform:scale(1); -o-transform:scale(1); }
.main06 ul li:hover img{transform:scale(1.2) ;-webkit-transform:scale(1.2); -moz-transform:scale(1.2); -ms-transform:scale(1.2); -o-transform:scale(1.2); }




.main06 ul li span{
    font-size:18px;
}
.main06 ul li em{
    margin-bottom:3%;
    color:#666;
}
.box_tit{
    margin-bottom:2%;
}
.box_tit li{
    float:left;
    width:50%;
    height: 34px;
    line-height:34px;
    text-align: center;
    background-color: #f3f3f3;
    font-size:16px;
}
.box_tit li:hover,.box_tit li.hover{
    background-color: #314357;
    color:#fff;
}
.box_cnt table{
    border-left:1px #dedede solid;
    border-top:1px #dedede solid;
    display: none;
}
.box_cnt table.table_01{
    display: block;
}
.box_cnt table th,.box_cnt table td{
    border-bottom:1px #dedede solid;
    border-right:1px #dedede solid;
    text-align: center;
    padding:5px 15px;
}
/*main06结束*/
/*main07开始*/
.main07 p{
    font-size:16px;
    line-height: 26px;
    margin-bottom:15px;
}
/*main07结束*/
/*结束语*/
.epilogue {
    width: 1160px;
    background: url(../images/jy_bg.jpg) center center;
    padding: 0 20px;
    height: 110px;
    margin:0 auto 30px;
    color: #fff;
}
.epilogue dt {
    width: 12%;
    height: 110px;
    line-height: 110px;
    text-align: center;
    font-size: 30px;
    color: #1d6498;
    float: left;
    background: url(../images/jy_bg_01.png) no-repeat center bottom;
}

.epilogue dd {
    width: 86%;
    float: left;
    margin: 2% 0 2% 2%;
    font-size: 14px;
}
.epilogue dd p{
    float:left;
    width: 80%;
}
.epilogue dd a{
    width:15%;
    float:right;
    display: block;
    background-color: #f39800;
    height: 32px;
    line-height: 32px;
    margin-top:2%;
    color:#fff;
    text-align: center;
    border-radius: 2px;
}
.fbpl {
    width: 1158px;
    border: 1px #dedede solid;
    padding: 20px;
    margin:0 auto 30px;
}

.fbpl h2{ border-bottom:5px #b2c2de solid;  height:54px; line-height:54px;margin-bottom:25px; background:#f7faff none;}
.fbpl  h2 span{ display:block; float:left; line-height: 54px; border-bottom:#1c58be 5px solid; padding:0 20px; font-size:30px; font-weight:normal; color:#1c58be; background-color: inherit;}

.plqy {
    width: 70%;
    margin: 0 15% 4%;
}

.plqy li.sry {
    margin-bottom: 20px;
}

.plqy li textarea {
    width: 96.5%;
    height: 130px;
    padding: 1.5%;
    font-size: 12px;
    color: #888;
    border: 1px #dedede solid;
}

.plqy li textarea:hover {
    border: 1px #a4c4fd solid;
}

.plqy li.yzm {
    width: 35%;
    float: left;
    margin-right: 2%;
}

.plqy li.yzm span {
    float: left;
    display: block;
    font-size: 14px;
    margin-right: 5px;
    height: 30px;
    line-height: 30px;
}

.plqy li.yzm input {
    height: 24px;
    line-height: 24px;
    width: 43%;
    margin: 3px 1% 3px 0;
    float: left;
    padding: 0 1%;
}

.plqy li.sub_btn {
    width: 20%;
    text-align: right !important;
    margin-right: 0;
    float: right;
}

.plqy li.sub_btn input {
    width: 80%;
    height: 32px;
    line-height: 32px;
    background: #f08300;
    border-radius: 2px;
    border: 0;
    color: #fff;
    float: none;
    font-size: 16px;
}

.ckpl h3 {
    font-size: 20px;
    color: #003591;
    border-bottom: 1px #003591 solid;
    height: 40px;
    line-height: 40px;
    font-weight: normal;
}

.ckpl dl {
    margin-top: 30px;
    padding-bottom: 20px;
    border-bottom: 1px #dedede dashed;
}

.ckpl dl:last-of-type {
    border-bottom: 0;
}

.ckpl dl dt {
    float: left;
    width: 100px;
    margin-right: 30px;
    padding: 10px 0
}

.ckpl dl dd {
    float: left;
    width: auto;
    width: 1020px;
}

.ckpl dl dd p {
    color: #888;
    margin-bottom: 15px;
    height: 20px;
    line-height: 20px;
}

.ckpl dl dd p a {
    font-size: 14px;
    color: #003591;
    margin-right: 10px;
}

.ckpl dl dd .pl_cnt {
    background-color: #f8f8f8;
    padding: 1.5%;
    margin-bottom: 15px;
}

.ckpl dl dd p.dianzan {
    margin-bottom: 0;
    padding:0 0 2%;
    text-align: right;
}

.ckpl dl dd p.dianzan span {
    display: block;
    float: right;
    width: 30px;
    height: 24px;
    padding: 0 10px 0 20px;
    line-height: 24px;
    text-align: center;
    cursor: pointer;
}

.ckpl dl dd p.dianzan span.zan {
    border-right: 1px #ccc solid;
    margin-right: 15px;
    background: url(../images/zan.png) no-repeat left center;
}

.ckpl dl dd p.dianzan span.cai {
    background: url(../images/cai.png) no-repeat left center;
}

.ckpl dl dd p.dianzan span b {
    font-weight: normal;
    float: right;
    width: 100%;
    text-align: center;
}

.ckpl dl dd p.dianzan span b.wen {
    display: none;
}

.ckpl dl dd p.dianzan span.zan:hover {
    color: #003591;
}

.ckpl dl dd p.dianzan span:hover b.wen {
    display: block;
}

.ckpl dl dd p.dianzan span:hover b.shu {
    display: none;
}

.ckpl a.ckgd {
    display: block;
    width: auto;
    margin: 0 auto;
    color: #003591;
    text-align: center;
    font-size: 16px;
}

.ckpl a.ckgd:hover {
    color: #ff6600;
}

#footer {
    width: 1200px;
    margin: 15px auto;
    text-align: center;
    overflow: hidden;
    clear: both;
    padding-bottom: 30px;
}

#footer table {
    width: 100% !important;
}

/*微信*/
.weixin{ width:120px; padding:10px; background:#e8e8e8; position:fixed;  bottom:20px;left:20px; padding-top:10px;}
.weixin span{ display:block; width:15px; height:15px; background:url("http://www.yuloo.com/images/style/weixin_close.jpg") no-repeat; margin-bottom:10px; float:right; cursor:pointer;}
.weixin dl{margin:0; padding:0; }
.weixin dd{ margin:0; padding:0; display:block; clear:both;height:120px; overflow:hidden; margin-bottom:5px;}
.weixin dt{ margin:0; padding:0; display:block;}
.weixin b{ display: block; width: 100%; text-align: center;  font-weight:normal;}
.weixin img{margin:0; padding:0;}

.copyright {
    display: none;
    padding: 1em 0em 1em;
    text-align: center;
    border-top: 2px solid #4e8099;
    margin: 1.5em 0 2em;
}

.copyright p {
    margin-bottom: 0.3em;
    margin: 0 0.3em 0.3em;
}

.copyright p a {
    margin-right: 5px;
}

.last {
    display: none;
    width: 100%;
    height: 40px;
    line-height: 40px;
    background: #2978BB;
    position: fixed;
    z-index: 99999;
    bottom: 0px;
}

.last ul li {
    float: left;
    width: 33%;
    height: 40px;
    border-right: 1px #61B3FA solid;
    background: #2978BB;
    text-align: center;
    display: block;
    overflow: hidden;
}

.last ul li a {
    display: inline-block;
    height: 40px;
    width: 99.8%;
    color: #FFF;
    border-right: 1px #0469BB solid;
    text-align: center;
}

.last ul li a span {
    font-size: 14px;
    font-weight: 600;
}

@media only screen and (max-width:1200px){
    dl.lead{
        width:992px;
    }
    .banner_bg .nav,.top_bg,.banner_bg .banner,.banner_bg .banner_tel,h2, p.tel,.main01, .main02_cnt,.main04,.main03,.main05_cnt, .main06, .main07,#footer{
        width: 1024px;
    }
    .banner_bg .nav_bg{
        margin-bottom:10%;
    }
    .banner_bg .banner_tel span{
        width:25%;
        margin:0 5% 0 18%;
    }
    .epilogue{
        width: 984px;
    }
    .fbpl{
        width: 982px;
    }
    .fbpl h2{
        width: 100%;
    }
    .plqy{
        width: 80%;
        margin:0 10% 4%
    }
    .ckpl dl dt{
        width:10%;
        margin-right:3%;
    }
    .ckpl dl dd{
        width:87%;
    }
}

@media only screen and (max-width: 1024px){
    .banner_bg .banner,.banner_bg .banner_tel{
        width: 90%;
        margin:0 5%;
        padding-bottom:6%;
    }
    .banner_bg .nav,.top_bg,.main02_cnt,.main05_cnt{
        width: 90%;
        margin:0 5%;
    }
    .banner_bg .banner_tel span{
        width: 34%;
        margin:0 4% 0 10%;
        padding-left:15%
    }
    .banner_bg .banner_tel a.zx{
        width: 23%;
        margin:0 10% 0 4%
    }
    dl.lead{
        width:85.8% ;
        padding:2%;
        margin:0 5% 5%;
    }
    dl.lead dt{ width:15%;}
    dl.lead dd{ width:75%;}
    h2,p.tel{
        width: 100%;
    }
    h2{
        margin-bottom:4%;
    }
    p.tel span{
        padding:1% 0 1% 8%;
    }
    .main01, .main04{
        width: 90%;
        margin:0 5% 5%;
    }
    .main01_cnt{
        width: 100%;
        margin:0;
    }
    .main01_cnt dt{
        width: 15%;
    }
    .main01_cnt dd{
        width: 80%;
    }
    .main01_cnt dd .dd_l p{
        width: 85%;
    }
    .main02,.main05{
        padding:5% 0;
    }

    .main_cnt dl dd a{
        width: 50%;
        margin:0 24.7%;
    }
  .main03, .main06, .main07{
        width: 90%;
        margin:0 5% 10%;
    }
    .main03_cnt .dw{
        display: none;
    }
    .main03_cnt dl dd a{
        width: 50%;
        margin:6% 25% 0%;
    }
    .main03_cnt dl dt{
        width:100%;
    }
    .main03_cnt dl dd{
        width: 88%;
    }
    .main03_cnt dl dd p{
        height: 80px;
    }
    .main04 .main04_cnt .main04_tit{
        width: 30%;
    }
    .main04 .main04_cnt .main04_box{
        width: 62%;
        padding-right:3%;
    }
    .main04 .main04_cnt .main04_tit dl{
       width: 90%;
        padding-right:10%;
    }
    .p_01_cnt{
        margin-bottom:4%;
    }
    .p_01_cnt dl{
        width: 41.7%;
        margin:0 1%  2% !important;
    }
    .main06 .p_01 span::before, .main06 .p_01 span::after, .main06 .p_02 span::before, .main06 .p_02 span::after{
        width: 40px;
    }
    .main06 .p_01 span::before,.main06 .p_02 span::before{
         left:-40px;
     }
    .main06 .p_01 span::after, .main06 .p_02 span::after{
        right:-40px;
    }
    .main06 ul li{
        width: 31.5%;
        margin-bottom:2%
    }
    .main06 ul li.li02, .main06 ul li.li04{
        margin:0 2% 2%;
    }
    .main06 ul li.li04{
        margin-left:0%;
    }
    .fbpl{
        width: 86%;
        padding:0 2%;
        margin: 0 5% 3%;
    }
    .epilogue{
        width: 84%;
        padding:3%;
        margin:0 5% 3%;
    }
    .epilogue dt{ width:17%;}
    .epilogue dd{ width:81%;}
    .fbpl{
        padding:2%;
    }
    .plqy{
        width: 90%;
        margin:0 5% 4%;
    }
    #footer{
        width: 95%;
        margin:1.5% 2.5%;
    }
}
@media only screen and (max-width:900px){
    .banner_bg .banner_tel span{
        width: 38%;
        margin:0 4% 0 5%;
        padding-left:15%
    }
    .banner_bg .banner_tel a.zx{
        width: 23%;
        margin:0 10% 0 4%
    }
}
@media only screen and (max-width:767px){
    .banner_bg .nav_bg{
        display: none;
    }
    .banner_bg .nav{
        width: 100%;
        margin:0;
        height: 70px;
        line-height: 35px;
    }
    .banner_bg .nav a{
        width: 33.333333%;
        height: 35px;
        line-height: 35px;
    }
    .banner_bg .nav a.ak{
        display: none;
    }
    .banner_bg .banner_box{
        position: inherit;
    }
    .top_bg{
        width: 100%;
        margin:0;
    }
    .banner_bg .banner{
        width: 100%;
        margin:0;
        padding-bottom:15%;
    }
    .banner_bg .banner_tel{
        display: none;
    }
    h2{
        font-size:26px;
        height:auto;
        line-height: 40px;
    }
    h2 span{
        border-bottom:0;
    }
    .main01_cnt dt{
        display: none;
    }
    .main01_cnt dd{
        width: 100%;
        margin:1.5% 0 3%;
    }
    .main01_cnt dd .dd_l p{
        padding:5%;
        width: 80%;
    }
    .main01_cnt dd .dd_r{
        margin:8% 0 5%;
    }
    .main_cnt dl dd p{
        height: 90px;
    }
    .tj_cnt dl{
        padding:5% 0;
    }
    .main03_cnt dl dd a{
        width: 70%;
        margin:6% 12.5% 0%;
    }
    .main05 h2{
        width: 97%;
        padding:0 1.5%;
    }
    .main05_cnt dl{
        padding:4% 0;
    }
    .main05_cnt dt{
        width:100%;
        text-align: center;
    }
    .main05_cnt dd{
        width: 100%;
        margin-top:5%;
    }
    .main05_cnt dd .dd_cnt{
        width: 100%;
        float:none;
    }
    .main05_cnt dd a{
        float: none;
        width: 30%;
        margin:3% 34.5% ;
    }
    .main06 ul li .li_cnt{
        padding:5%;
    }
    .box_cnt table th, .box_cnt table td{
        padding:4px 1px;
    }
    .p_01_cnt dl{
        width: 91.7%;
    }

    .main04 .main04_cnt{ border-right:0; border-bottom:5px #d0d8de solid;}
    .main04 .main04_cnt .main04_tit{ width:100%; border-right:0; margin-right:0; margin-botom:2%;}
    .main04 .main04_cnt .main04_tit dl{ width:31.3333%; float:left; margin:0 1% 0; padding:0 0 3% 0; border-bottom:5px #d0d8de solid;}
    .main04 .main04_cnt .main04_tit dl:hover, .main04 .main04_cnt .main04_tit dl.hover{ border-right:0; border-bottom:5px #499eaf solid;}
    .main04 .main04_cnt .main04_box{ width:96%; padding-right:0; padding:2%;}
    .main06 .p_01 span, .main06 .p_02 span{
        padding:0;
        font-size:16px;
        line-height: 30px;
    }
    .main06 .p_01 span::before, .main06 .p_01 span::after, .main06 .p_02 span::before, .main06 .p_02 span::after{
        display: none;
    }
    .epilogue{
        height: auto;
    }
    .epilogue dt{
        width:25%;
    }
    .epilogue dd{
        width:71%;
        margin:2% 0 2% 4%;
    }
    .epilogue dd p{
        width: 70%;
    }
    .epilogue dd a{
        width: 25%;
    }
    .weixin,#footer,#qiao-wrap,#QIAO_INVITE_CONTAINER,#QIAO_ICON_CONTAINER .qiao-icon-sector-inner{ display:none !important;}
    #QIAO_ICON_CONTAINER{ width:0 !important; height:0 !important;}
    .copyright,.last{ display:block;}
}
@media only screen and (max-width:680px){
    .plqy{ margin:0 0 5%; width:100%;}
    .main03_cnt dl{
        width: 100%;
        margin:0 0 4%;
    }
    .main03_cnt dl dt{
        width: 50%;
    }
    .main03_cnt dl dd{
        width: 38%;
    }
    .main03_cnt dl dd p{
        height: auto;
    }
}
@media only screen and (max-width:600px){

    dl.lead{
        padding:4%;
        width: 81.8%;
    }
    dl.lead dt{ height:100%; width:15%; margin-right:4%; border-right:0; background:none; line-height: 60px; }
    dl.lead dd{ width:68%; padding:5%;}
    p.tel{
        line-height: inherit !important;
    }
    p.tel a.yybm{
        display: block;
        padding:0 3%;
        width: 50%;
        margin:0 22% 8%;
        line-height: 40px;
    }
    p.tel span{
        padding:1.5% 0 1.5% 10%;
    }

    .tj_cnt dl dt{
        width: 20%;
    }
    .tj_cnt dl dd{
        width: 77%;
    }
    .tj_cnt dl dd p{
        width:70%;
    }
    .tj_cnt dl dd a{
        width: 25%;
    }
    .main03_cnt dl dd a{
        width: 100%;
        margin:6% 0 0;
    }
    .main04 .main04_cnt .main04_tit dl{ height:120px;}
    .main04 .main04_cnt .main04_tit dl dt{ width:100%; background:#d0d8de none; height:60px; line-height:60px;}
    .main04 .main04_cnt .main04_tit dl :hover dt,.main04 .main04_cnt .main04_tit dl.hover dt{ background:#499eaf none;}
    .main04 .main04_cnt .main04_tit dl dd{ width:90%; padding:0; height:60px; line-height:60px; padding:0 5%}
    .main06 ul li{
        width:47.5%;
        margin:0 1% 2% !important;
    }
    .epilogue dt{
        width:95%;
        background-position:left top;
        text-align:left;
        line-height:80px;
        padding-left:5%;
    }
    .epilogue dd {
        width: 100%;
        margin: 2% 0;
    }
    .epilogue dd p{
        width: 100%;
    }
    .epilogue dd a{
        width: 30%;
    }
    .plqy li.yzm{ width:80%; margin-bottom:3%;}
    .plqy li.sub_btn {width:100%; text-align:center !important;}
    .plqy li.sub_btn input{ width:40%;}

}
@media only screen and (max-width:480px){

    p.tel span{
        padding:1.5% 0 1.5% 18%;
    }
    .main01_cnt dd .dd_l{
        width: 73.5%;
    }
    .main01_cnt dd .dd_r{
        width:25%;
    }
    .main02_cnt p.p_zhu{
        line-height: 30px;
    }
    .tj_cnt dl dd p{
        width: 100%;
    }
    .tj_cnt dl dd a{
        width: 50%;
    }
    .main_cnt dl{
        width: 100%;
    }
    .main_cnt dl dd p{
        height: auto;
        margin-bottom:3%;
    }
    .main_cnt dl.dl_02{
        border-top:1px #dedede solid;
    }
    .main_cnt dl.dl_01 dt::after{
        display: none;
    }
    .main03_cnt dl dt{
        width:90%;
        margin:5%;
    }
    .main03_cnt dl dd{
        width: 88%;
    }
    .main03_cnt dl dd a{
        width: 60%;
        margin:6% 20% 0;
    }
    .main05_cnt dd a{
        width: 50%;
        margin:3% 24.5%;
    }
    .main06 ul li{
        width: 47%;
    }
    .ckpl dl dt{ width:20%; margin-right:5%}
    .ckpl dl dd{ width:75%;}
}

@media only screen and (max-width:400px){
    .main04 .main04_cnt .main04_box dl{
        height: auto;
    }
    .main04 .main04_cnt .main04_box dl dt{
        width:25%;
    }
    .main04 .main04_cnt .main04_box dl dd{
        width:72%;
        height: auto;
    }
    .main06 ul li{
        width: 95%;
        margin:0 2.2% 3% !important;
    }
    .epilogue dd a{
        width: 50%;
    }
    .plqy li.yzm{ width:100%;}
    .plqy li.sub_btn input{ width:60%;}
}