@charset "utf-8";

#owl-demo { width:100%; margin-left: auto; margin-right: auto; float:left}

#owl-demo .item{ display: block;}

#owl-demo img { display: block; width:100%;}

.top_logo { position:absolute; width:100%; top:00%;}

.top_logo img { max-width:30%; float:left; margin-left:30px;}

.top { position:relative; width:100%; float:left; height:100%;}

.top_qh { width:100%; position:absolute; bottom:12%; left:0px;}

.w1400 { width:1400px; margin:0px auto}

#owl-demoa { position:relative; width:100%; }

#owl-demoa .item { float:left; padding-left:20px; padding-right:20px;padding-top:10px; padding-bottom:10px;}

#owl-demoa .item span { float:left; width:100%; font-size:20px; color:#009a74; line-height:40px; margin-bottom:10px;}

#owl-demoa .item img { width:80%; margin:10%; float:left; height:120px;}

.ysgd { background-color:#fff; border-radius:25px; width:100%; float:left; overflow:hidden;box-shadow:#666 0px 0px 10px 3px}

#owl-demoa .owl-prev { background-image:url(../images/left.png); position:absolute; left:-60px; background-repeat:no-repeat; background-position:center center; width:60px; height:60px;}

#owl-demoa .owl-next { background-image:url(../images/right.png); background-repeat:no-repeat; right:-60px; position:absolute; background-position:center center; width:60px; height:60px;}

#owl-demoa a:hover span { color:#123a9e}

.nav li a.ls {color:#123a9e}

.bgg { position:relative;}

#owl-demob { position:relative; width:100%; margin-top:20px; float:left; }

#owl-demob .item { float:left; padding:30px; padding-bottom:10px;}

#owl-demob .item span { float:left; width:100%; font-size:22px; color:#333333; line-height:70px;}

#owl-demob .item img { width:100%;float:left; height:242px; border-radius:10px;}

#owl-demob .owl-prev { background-image:url(../images/left.png); position:absolute; left:-60px; background-repeat:no-repeat; background-position:center center; width:60px; height:60px;}

#owl-demob .owl-next { background-image:url(../images/right.png); background-repeat:no-repeat; right:-60px; position:absolute; background-position:center center; width:60px; height:60px;}

#owl-demob a:hover span { color:#123a9e}

#owl-demob .item:hover .bgg_a { display:block}

.bgg_a { position:absolute; background-color:rgba(0,0,0,.5); float:left; width:100%; left:0px; top:0px; height:242px;border-radius:10px; padding:20px; box-sizing:border-box; display:none}

.bgg_a p { width:100%; float:left; font-size:18px; line-height:36px; color:#fff; text-align:left;}

.footer { width:100%; float:left; background-color:#123a9e; padding-top:60px;}

.foot { width:100%; float:left; font-size:22px; color:#fff; line-height:80px; margin-bottom:20px;}

.footer_a { width:100%; float:left;}

.foot { font-size:22px; color:#fff}

.footer_a li { width:17%; padding-left:20px; float:left; box-sizing:border-box; text-align:left;}

.footer_a li p { width:100%; float:left; text-align:left; height:60px; line-height:30px; font-size:18px; color:#fff}

.footer_a li p.footer_a_t { color:#fafafa; font-size:22px; width:100%; float:left; line-height:30px;}

.footer_a li p a { font-size:18px; color:#fff;}

.footer_a li p a:hover { color:#efefef}

.footer_a li.dy { width:32%;}

@keyframes mylogo

{

from  {top: 10px;}

to  {top: -10px;}

}

 

@-moz-keyframes mylogo /* Firefox */

{

from  {top: 10px;}

to  {top: -10px;}

}

 

@-webkit-keyframes mylogo /* Safari 和 Chrome */

{

from  {top: 10px;}

to  {top: -10px;}

}

 

@-o-keyframes mylogo /* Opera */

{

from  {top: 10px;}

to  {top: -10px;}

}



.imagelogo { width:100%; text-align: center; left:0px;

    padding: 0px; height:60px; z-index:10;

    cursor: pointer;

    animation: mylogo 0.5s linear 0s infinite alternate;

    /* Firefox: */

    -moz-animation: mylogo 0.5s linear 0s infinite alternate;

    /* Safari 和 Chrome: */

    -webkit-animation: mylogo 0.5s linear 0s infinite alternate;

    /* Opera: */

    -o-animation: mylogo 0.5s linear 0s infinite alternate;

	 top:80%;

    float: left; position:absolute; margin-top:240px;

}

.et-hero-tabs,

.et-slide {

  display: flex;

  flex-direction: column;

  justify-content: center;

  align-items: center;

  height: 85px;

  position: relative;

  text-align: center; width:100%;

}



.et-hero-tabs-container {

  display: flex;

  flex-direction: row;

  position: absolute;

  top: 0;

  width: 100%;

  height: 85px;

  background: #fff;

  z-index: 10;

   border-bottom:solid 1px #c1c1c1;

}

.et-hero-tabs-container--top {

  position: fixed;

  top: 0;

}

.logo { float: left; height:50px; margin-top:18px;}

.logo img { height:50px;}

.nav { float:right;}

.nav li { float:left; line-height:35px; margin-top:28px; margin-left:24px; margin-right:24px;}

.nav li a { color:#333; font-size:20px;}

.nav li a:hover {color:#123a9e}

.commer { width:100%; float:left; padding-top:40px; padding-bottom:40px;}

.about_left { width:704px; float:left;}

.about_left img { float:left; width:100%;}

.about_right { width:600px; float:right;}



.about_right h1 { width:100%; float:left; margin-top:15px; font-size:28px; line-height:50px;  color:#333333; font-weight: normal}

.about_right h2 { width:100%; float:left; font-size:22px; line-height:30px; font-weight:normal; color:#333333}

.about_wenzi { width:100%; float:left; font-size:22px; color:#333333; line-height:40px; text-align:left; margin-top:20px; margin-bottom:20px;}

.about_more { width:100%; float:left; margin-top:30px;}

.about_more a { color:#123a9e; font-size:22px; border:solid 1px #123a9e; padding-top:12px; padding-bottom:12px; padding-left:100px; padding-right:100px; border-radius:10px;}

.about_more a:hover { background-color:#123a9e; color:#fff}



.bg { background-color:#fafafa}

.title { color:#123a9e; font-size:28px; width:100%; float:left; font-weight:bold; line-height:50px;}

.title_b { width:100%; float:left; color:#666; font-size:20px; line-height:30px;}

.cp { width:100%; float:left; margin-top:50px; margin-bottom:20px;}

.cp li { float:left; width:50%;}

.cp_left { position:relative; float:left; width:50%;}

.cp_left img { width:100%; height:350px;}

.cp_right { float:right; width:50%; height:350px; padding:30px; box-sizing:border-box; background-color:#fff}

.cp_left p { position:absolute; right:0px; top:25px; background-image:url(../images/z3.png); width:25px; height:30px; background-repeat:no-repeat; background-position:center center}

.cp_right span { width:100%; float:left;  text-align:left;}

.cp_right_t {font-size:24px; color:#1940a1; line-height:40px;}

.cp_right_t2 {font-size:22px; color:#1940a1; line-height:40px;}

.cp_right_t3 {font-size:20px; color:#666; line-height:36px; margin-top:20px;}

.cp li:nth-child(3) .cp_left { float:right;}

.cp li:nth-child(4) .cp_left { float:right;}

.cp li:nth-child(4) .cp_left p {background-image:url(../images/y3.png); left:0px;}

.cp li:nth-child(3) .cp_left p {background-image:url(../images/y3.png); left:0px;}





.flash { width:100%; float:left; background-image:url(../images/banner.png); height:320px; background-repeat:no-repeat; background-position:center center;}



.flash span { width:100%; float:left; height:320px; line-height:320px; font-size:32px; color:#fff; background-color:rgba(0,0,0,.2)}

.dqwz { width:100%; float:left; border-bottom:solid 1px #efefef; background-color:#fff; line-height:60px; font-size:14px; text-align:left; color:#666}

.about { float:left; margin-top:30px; width:100%;}

.tupian { width:100%; float:left; margin-top:30px; text-align:left; font-size:16px; color:#333; line-height:34px; margin-bottom:60px;}

.tupian img { max-width:100%;}

.left { float:left; width:260px;} 

.main { float:left; padding-top:30px; padding-bottom:60px; width:100%;}

.left h1 { float:left; width:100%; font-size:24px; color:#fff; background-color:#123a9e; line-height:60px; text-align:left; text-indent:24px; font-weight:normal;}

.left ul { float:left; border:solid 1px #efefef; border-top:none; box-sizing:border-box; background-color:#fff; width:100%;}

.left ul li {  border-top:solid 1px #efefef; float:left; width:100%; text-align:left; }

.left ul li a { font-size:16px; margin-top:18px; height:16px; line-height:16px; margin-bottom:18px; float:left; width:100%; padding-left:24px; box-sizing:border-box;}

.left ul li a:hover { border-left: solid 3px #123a9e; float:left; margin-left:24px; padding-left:8px;}

.left ul li a.fa {border-left: solid 3px #123a9e; color:#123a9e; float:left; margin-left:24px; padding-left:8px;}

.zixund { width:100%; background-color:#fff; border:solid 1px #efefef; float:left; margin-top:20px; padding:20px; box-sizing:border-box}

.zuxn { width:100%; float:left; font-size:16px; line-height:30px; margin-bottom:10px; text-align:left; color:#666}

.zuxn img { float:left; margin-top:8px; margin-right:6px;}

.zix { float:left; width:100%; text-align:left; font-size:16px; line-height:30px; color:#333; font-weight:bold;}

.right { width:1100px; float:right; background-color:#fff; padding:20px; padding-top:0px; box-sizing:border-box}

.right h2 { line-height:60px; border-bottom:solid 1px #efefef; width:100%; float:left;box-sizing:border-box}

.right h2 span { float:left; font-size:20px; font-weight:bold; color:#333; border-bottom:solid 1px #000; box-sizing:border-box; padding-left:5px; padding-right:5px;}

.chanpint { width:100%; float:left; margin-top:40px;}

.chanpint li { width:21%; margin:2%; float:left; margin-top:0px;}

.chanpint li img { width:100%; float:left; height:190px;}.bt { width:100%; float:left; height:40px; line-height:40px; font-size:16px;}

.fy { float:left; width:100%; margin-top:20px; margin-bottom:20px; font-size:16px;}

.fy li { display:inline-block; margin-left:10px; margin-right:10px; }

.fy li a { font-size:16px; line-height:40px;}

.right h1 { width:100%; font-size:24px; text-align:center; float:left; line-height:60px; margin-top:40px;}

.line { width:100%; float:left; margin-top:10px; }

.line li { float:left; padding-top:20px; padding-bottom:20px; border-bottom:dashed 1px #efefef;}

.xmbt { width:100%; float:left; line-height:40px; font-size:20px; text-align:left;}

.time { font-size:12px; color:#999; float:left; width:100%; text-align:left; line-height:30px;}

.mis  { font-size:14px; color:#666; float:left; width:100%; text-align:left; line-height:24px;}

@media (max-width: 1600px) {

.top_logo img { width:240px;}

}



@media (max-width: 1400px) {

.top_logo img { width:200px;}

.w1400 { width:100%;}

}

@media (max-width: 1200px) {

.top_logo img { width:160px;}

}

.wap_w {

    display: none

}



.black_overlaya {

    display: none;

    display: none;

    position: fixed;

    top: 0%;

    left: 0%;

    width: 100%;

    height: 100%;

    background-color: black;

    z-index: 999999;

    -moz-opacity: 0.4;

    opacity: .40;

    filter: alpha(opacity=44);

}

.white_contenta {

    display: none;

    position: absolute;

    top: 66px;

    left: 0%;

    margin-left: 0%;

    width: 100%;

    height: auto;

    padding: 0px;

    background-color: white;

    z-index: 1000000;

    overflow: auto;

}


.footer .w1400 { max-width:1200px;}

.footer_a li p { font-size:14px; line-height:30px; height:auto; margin-bottom:5px;}
.footer_a li p.footer_a_t { font-size:18px; margin-bottom:10px;}
.footer_a li p a { font-size:14px;}
.foot { font-size:16px; line-height:52px;}
@media (max-width: 1024px) {

	  .wap_w {

        display: block;

        margin-top: 15px;

        margin-right:10px;

        float: right;

        width: 35px;

    }

	.main { padding-top:10px; padding-bottom:20px; padding-left:10px; padding-right:10px; box-sizing:border-box}

	.flash span { height:200px; line-height:200px;}

.flash { height:200px;}

.left { width:100%;}

.left h1 { text-align:center; text-indent:0px;}

.chanpint li { width:46%;}

.chanpint li img { height:130px;}

.left ul li { width:50%;}

.right { width:100%; padding:10px; margin-top:20px;}

    .dqwz { padding-left:10px; padding-right:10px; box-sizing:border-box}

	.about { margin-top:10px; margin-bottom:20px; padding-left:10px; padding-right:10px; box-sizing:border-box} 

	.wap_w img {

        width: 100%;

    }



    .wap_nav {

        width: 100%;

        float: left;

        text-align: center;

        padding-bottom: 15px;

    }



    .wap_nav a {

        font-size: 14px;

        line-height: 40px;

        float: left;

        width: 100%;

        color: #666;

        border-bottom: solid 1px #efefef;

    }

#owl-demoa .item span { font-size:16px;}

.top_logo img { width:100px;}

.logo img { height:35px;}

.logo { height:35px; margin-top:15px; margin-left:5px;}

.et-hero-tabs-container { height:65px;}

.nav { display: none}

.et-hero-tabs,.et-slide { height:65px;}

.commer { padding:10px; box-sizing:border-box}

.about_left { width:100%;}

.about_right { width:100%;}

.about_right h1 { font-size:20px; font-weight:bold; line-height:32px;}

.about_right h2 { font-size:16px;}

.about_wenzi { font-size:16px; line-height:30px; margin-top:10px;}

.about_more { margin-bottom:30px; margin-top:10px;}

.about_more a { float:left; width:60%; margin-left:20%; margin-right:20%; font-size:18px; padding:0px; line-height:40px; height:40px; box-sizing:border-box;border-radius:5px;}

.title_b { font-size:16px;}

.title { font-size:20px; line-height:32px; margin-top:15px;}

.cp { margin-top:20px;}

.cp li { width:100%;}

.cp_left img { height:200px}

.cp_right_t { font-size:18px; line-height:20px; margin-top:5px; }

.cp_right_t2 { font-size:16px; line-height:30px;}

.cp_right_t3 { font-size:14px; line-height:20px; margin-top:0px;}

.cp_right { padding:10px; height:auto;height:200px; overflow:hidden;}

.cp li:nth-child(2) .cp_left { float:right;}

.cp li:nth-child(2) .cp_left p {background-image:url(../images/y3.png); left:0px;}

.cp li:nth-child(3) .cp_left { float:left;}

.cp li:nth-child(3) .cp_left p {background-image:url(../images/z3.png); left:0px;}

.cp li:nth-child(4) .cp_left { float:right;}

.cp li:nth-child(4) .cp_left p {background-image:url(../images/y3.png); left:0px;}

.footer { padding-top:20px;}

.footer_a li.dy { width:100%;}

.footer_a li p.footer_a_t { font-size:18px; line-height:30px; margin-bottom:15px; height:30px; font-weight:bold;}

.footer_a li p { font-size:14px; line-height:30px; height:30px;}

.footer_a li p a { font-size:14px; line-height:30px; height:30px;}

.footer_a li { width:50%; margin-bottom:20px;}

.footer_a li.dy p { height:48px;}

.footer_a li.dy .footer_a_t { height:30px;}

.foot { font-size:14px; line-height:30px; padding-top:10px; padding-bottom:10px;}

#owl-demob .item img { height:auto}

#owl-demob .item span { font-size:16px; line-height:36px;}

#owl-demob .item { padding:10px;}

#owl-demob { width:86%; margin-left:7%;}

#owl-demoa { width:80%; margin-left:10%;}

.top_logo { top:5px;}

.top_logo img { width:85px;}



.ysgd { border-radius:5px;}

#owl-demoa .item img { width:90%; margin:5%; height:auto}

#owl-demoa .item { padding:10px;}

#owl-demoa .item span { line-height:30px; margin-bottom:2px;}

#owl-demob .owl-prev { width:30px; height:30px; background-size:100% 100%; left:-30px; margin-top:20px;}

#owl-demob .owl-next { width:30px; height:30px; background-size:100% 100%; right:-30px; margin-top:20px;}

#owl-demoa .owl-prev { width:30px; height:30px; background-size:100% 100%; left:-30px; margin-top:20px;}

#owl-demoa .owl-next { width:30px; height:30px; background-size:100% 100%; right:-30px; margin-top:20px;}

#owl-demoa .item { padding:15px;}

#owl-demoa .item span { font-size:14px;}

.top_qh { bottom:8%;}

.imagelogo { margin-top:105px;}

.imagelogo img { width:20px;}

}