@charset "utf-8";

body{

	margin:0;

	padding: 0;

    overflow-x: hidden;



}

* { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; font-family: "Microsoft YaHei"}

:after, :before { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }    

.transition:{

    transition: all .8s;

    -webkit-transition: all .8s;

    -moz-transition: all .8s;

    -o-transition: all .8s;

}

a{text-decoration:none;color: #000;}

ul{

	padding-left: 0;

	margin:0;

}

li{

	list-style: none;

}

p{

        cursor: default;

}

.fex {

    display: flex;

    display: -webkit-box;

    display: -moz-box;

    display: -webkit-flex;

    display: -moz-flex;

    display: -ms-flexbox;

    display: flex;

}

.fl{

    float: left;

}

.fr{

    float: right;

}

.idx{

    width: 1200px;

    margin:0 auto;

}

.op_0{

    opacity: 0;

}

.top_nav{

    width: 100%;

    background: rgba(69,69,69,0.5);

    position: fixed;

    top: 0;

    padding: 10px 0;

    z-index: 999;

    transition: all .3s;

    -webkit-transition: all .3s;

    -moz-transition: all .3s;

    -o-transition: all .3s;

}
.nynavv{
      background: rgba(69,69,69,1)!important;
  
}
.top_nav_in{

    animation:top_navin 1s; 

}



@keyframes top_navin

{

0% {top: -20vh}

25% {}

50% {}

75% {}

100%{top:0vh}

}

#lod{

    position: fixed;

    top: 0;

    width: 100%;

    height: 100%;

    background: #353434;

    z-index: 9999;

}

.lod_no{

    -webkit-transition: all 800ms ease 100ms;

    transition: all 800ms ease 100ms;

    opacity: 1;

    visibility: hidden; 

    pointer-events: none;



}



#lod_idx{

    position: absolute;

    left: 0;

    top: 50%;

    margin-top: -160px;

    width: 100%;

    text-align: center;

    color: #2b3779;

}

.bar{

    position: relative;

    width: 100%;

    height: 1px;

    background-color: #e3e3e3;

    overflow:hidden;

}

.bar s{

    position: absolute;

    left: 0;

    top: -1px;

    margin-left: -54px;

    width: 100%;

    height: 3px;



}

.bar s strong{

    width: 600px;

    height: 2px;

    background: #353434;

    display: block;

    animation: jz 1.5s infinite;

    position: relative;

    left: 0;



}

.lod_clo{

    margin-top: 20px;
    line-height: 30px;
    color: #fff;
    cursor: pointer;
    opacity: 0.7;
    width: 120px;
    margin: 24px auto;
    border: 1px solid rgba(255,255,255,0.5);
    border-radius: 10px;

}

@keyframes jz

{

0%   {left: 0 }



100% {left: 100%}

}

.nav_img{

    margin-right: 2vw;

}

.top_nav>div{

    position: relative;

}

.top_nav img{

    width: 16vw;

}

.top_nav ul{}

.top_nav ul li{display: inline-block;}

.top_nav ul li a{

    color: #f9f9f9;

    padding: 0 1vw;

    line-height: 8vh;

}

.top_nav ul li:hover a{

    color: #ccc;

}

.nav_r{    

    position: absolute;

    right: 0;

    padding-top: 2vh;

}

.nav_r span{margin:0 10px;cursor: pointer;} 

.top_ss{

    width: 30px;

    display: inline-block;

    height: 30px;

    position: relative;

    background: url(../images/sous.png);

    background-position: 0px 0px;

    background-size: 100%;

    transition: all .3s;

    -webkit-transition: all .3s;

    -moz-transition: all .3s;

    -o-transition: all .3s;

}

.top_ssdowm{

    background-position: 0px 31px!important;

}

.top_ss:before{

    content: " ";

    position: absolute;

    right: -10px;

    top: 3px;

    width: 1px;

    height: 26px;

    background: #fff;

    z-index: 99;  

}   





.ss_bg{

    position: absolute;

    top: 7vh;

    right: 0;

    overflow:hidden;

}

.ss_bg form{

    width: 200px;

    position: relative;

    top: -50px;

    transition: all .3s;

    -webkit-transition: all .3s;

    -moz-transition: all .3s;

    -o-transition: all .3s;

}

.form_btm{

    top: 0!important;

}

.ss_bg input{

    width: 100%;

    height: 42px;

    padding-left: 15px;

}

.wx_tc{

    position: absolute;

    top: 55px;

    opacity: 0;

}

.wx_tc_o{

    opacity: 1!important

}

.wx_tc img{

    width: 100%;

}

.top_submit_sou{

    height: 42px;

    width: 42px!important;

    position: absolute;

    top: 0;

    right: 0;

    cursor: pointer;

    background: #145294 url(../images/more.png) no-repeat;

    background-size: 73%;

    background-position: center;

    border: none;

    z-index: 99

}



.idx_top{
position: fixed;
    top: 0;
    z-index: 10;
    width: 100%;
    background: rgba(0,0,0,0.3);
    padding: 1vh 6vw;
    box-shadow: 0 0 0 0;
    justify-content: space-between;
    transition: all .3s;
    opacity: 1;
    -webkit-transition: all .8s;
    -moz-transition: all .8s;
    -o-transition: all .8s;
}

.top_wx{

    width: 30px;

    display: inline-block;

    height: 30px;    

}

.top_wx img{

    width: 30px;

}

.idx_top_logo{

    width: 20vw;

    display: block;

}



.idx_top_o{

    opacity: 0;

    padding: 10vh 6vw;

    visibility: hidden;



}



.idx_abt{

    

}

.idx_abt_r,.idx_abt_l{

      width: 50%;    position: relative;  

}

.idx_abt_l{

    background: url(../images/abt_l_bg.png) no-repeat;;
    background-position-x: 0px;
    padding: 47px;

    transition: all .5s;

    -webkit-transition: all .5s;

    -moz-transition: all .5s;

    -o-transition: all .5s;
}
.idx_abt_l:hover{
    background-position-x: 130px;
}

.idx_abt_l:hover a{
    animation: abtla 1s;
}


@keyframes abtla
{

0%   { background: #145294;color: #fff;    border-radius: 0px;}
50%  { background: #fff;color: #145294;    border-radius: 10px; }
100% {  background: #145294;color: #fff;    border-radius: 0px;}

}


.idx_abt_l a{

    position: absolute;

    display: block;

    background: #145294;

    width: 65px;

    height: 65px;

    color: #fff;

    padding: 11px;

    text-align: center;

    right: 50px;

    bottom: 26px;

}

.idx_abt_l img{

    width: 95%;

}

.idx_abt_r{

    padding:41px 83px;

}



.idx_abt_r h3{

    font-size: 2.5em;

    font-family: Segoe UI Emoji;

    color: #242424;

    opacity: 0.4;

    margin: 0;

    line-height: 1.1em;

}

.idx_abt_r h4{

    font-size: 2em;

    margin: 10px 0;

    color: #252525;  

    transition: all .5s;

    -webkit-transition: all .5s;

    -moz-transition: all .5s;

    -o-transition: all .5s;
}

.idx_abt_r:hover h4{
color: #145294;  
}
.idx_abt_r:hover h4 b{
color: #252525;  
}
.idx_abt_r:hover p{
   opacity: 1;
}
.idx_abt_r h4 b{

  color: #145294;  

    transition: all .5s;

    -webkit-transition: all .5s;

    -moz-transition: all .5s;

    -o-transition: all .5s;
}

.idx_abt_r img{

    display: block;

}

.idx_abt_r *{
      transition: all .5s;

    -webkit-transition: all .5s;

    -moz-transition: all .5s;

    -o-transition: all .5s;  
}

.idx_abt_r strong{

    color: #145294; 

    font-weight: normal;

}

.idx_abt_r p{

    opacity: 0.65;

    line-height: 24px;

}



.top_mur{
    position: relative;
    padding-top: 1vw;
}

.top_mur span{

    display: inline-block;

    background: #145294;

    height: 51px;

    width: 51px;

    padding: 3px;

    margin: 0 5px;

    cursor: pointer;

    overflow:hidden;

}



.top_mui{

    position: relative;

}



.top_mui s{

    position: absolute;

    left: 10px;

    display: block;

    width: 30px;

    height: 3px;

    -webkit-box-sizing: border-box;

    box-sizing: border-box;

    background-color: #fff;

    -webkit-transition: opacity .3s ease, left .3s ease, width .3s ease, -webkit-transform .3s ease;

    transition: opacity .3s ease, left .3s ease, width .3s ease, -webkit-transform .3s ease;

    transition: transform .3s ease, opacity .3s ease, left .3s ease, width .3s ease;

    transition: transform .3s ease, opacity .3s ease, left .3s ease, width .3s ease, -webkit-transform .3s ease;

    -webkit-transform-origin: 0 50%;

    transform-origin: 0 50%;

}

.top_mui .i1{

        top: 7px;

}

.top_mui .i2{

    width: 18px;

    top: 34%;

    margin-top: -1.5px;

    -webkit-transform-origin: 50% 50%;

    transform-origin: 50% 50%;

}

.top_mui .i3{

    bottom: 24px;

}

.top_mui p{

    margin: 0;

    font-size: 12px;

    position: absolute;

    bottom: 3px;

    color: #fff;

    left: 8px;

}



.top_mui:hover .i2{

        left: 26px;

    width: 14px !important;

    -webkit-animation-name: none;

    animation-name: none;

}

.menu{

    width: 100%;

    height: 100%;

    position: fixed;

    top: 0;

    left: 0;

    z-index: 999;

    -webkit-transition: all 250ms ease 300ms;

    transition: all 250ms ease 300ms;

    opacity: 0;

    filter: alpha(opacity=0);

    visibility: hidden;



}

.navShow .menu {

    -webkit-transition: all 400ms ease 0ms;

    transition: all 400ms ease 0ms;

    opacity: 1;

    filter: alpha(opacity=100);

    visibility: visible;

}

.navShow .menu .flx,.navShow .menu .frx{

     -webkit-transform: none !important;

    transform: none !important;

    -webkit-transition: all 500ms ease-out 0s;

    transition: all 500ms ease-out 0s;

    opacity: 1;   

}

.menu .flx,.menu .frx{

    z-index: 1;

    position: absolute;

    top: 0;

    -webkit-transition: all 300ms ease 0s;

    transition: all 300ms ease 0s;

    opacity: .6;

}

.menu .flx{

    width: 50%;

    height: 100%;

    background: url(../images/dh_bg.png) no-repeat;

    background-size: 200% 100%;



    left: 0;

    background-color: #7f7f7f;

    -webkit-transform: translateX(-100%);

    transform: translateX(-100%);

}

.menu .frx{

    width: 50%;

    height: 100%;

    background: url(../images/dh_bg.png) no-repeat;

    background-size: 200% 100%;

    background-position-x: 100%;



    right: 0;

    -webkit-transform: translateX(100%);

    transform: translateX(100%);

}

.menu_list{

    width: 100%;

    height: 100%;

    background:rgba(0,0,0,0.7);

}

.menu_list ol{

    counter-reset: li;

    margin: 16vh 0 0;

    padding: 0;

}

.menu_list ol li{

    font-family: "Lato", sans;

    list-style: none;

    margin: 0 0 0.5em 4.95em;

    padding: 0.5em 4em;

    position: relative;

}

.menu_list ol li:first-child a{

    color: #fff

}

.menu_list ol li:first-child s{

    width: 3em;

    right: 4em;

    background-color: #fff;

}

.menu_list ol li a{

    color: #7f7f7f;

        -webkit-transition: all 300ms ease 0s;

    transition: all 300ms ease 0s;

        font-size: 1.2em;

}

.menu_list ol li i{

    position: absolute;

    left: 0;

    top: 50%;

    margin-top: -0.5em;

    height: 1em;

    font-size: 14px;

    font-family: Arial, sans-serif, "Microsoft YaHei", "微软雅黑";

    color: #565454;

    line-height: 1;

}

.menu_list ol li:hover a{

    color: #fff;

}

.menu_list ol li:hover s{

    width: 3em;

    right: 4em;

    background-color: #fff;

}

.menu_list ol li s{

    position: absolute;

    right: 4em;

    top: 50%;

    margin-top: -1px;

    width: 2em;

    height: 2px;

    background-color: #7f7f7f;

    -webkit-transition: all 400ms ease 0s;

    transition: all 400ms ease 0s;

}

.menu_list_btm{

    color: #7f7f7f;

    position: absolute;

    bottom: 4em;

    left: 5em;

}





.menu_list_clos{

    position: relative;

    text-align: right;

    width: 100%;

    color: #fff;

    cursor: pointer;

    padding: 3em 3em 3em 0;

    font-size: 1em;

}

.menu_list_clos s{

    position: absolute;

    right: 1em;

    top: 50%;

    margin-top: -15px;

    overflow: hidden;

    padding: 5px;

    width: 29px;

    height: 29px;

    -webkit-transition: all 1500ms ease 0s;

    transition: all 1500ms ease 0s;

}

.menu_list_clos:hover s{

    -webkit-transform: rotate(720deg);

    transform: rotate(720deg);

}

.menu_list_clos s:before,.menu_list_clos s:after{

    content: " ";

    position: absolute;

    left: 5px;

    width: 20px;

    height: 2px;

    border-radius: 2px;

    -webkit-box-sizing: border-box;

    box-sizing: border-box;

    -webkit-transition: all 300ms ease 0s;

    transition: all 300ms ease 0s;

    -webkit-transform-origin: 0 50%;

    transform-origin: 0 50%;

    background-color: #fff;

    pointer-events: none;

}

.menu_list_clos s:before{

        -webkit-transform: rotate(45deg) translate(3.93502884px, 0);

    transform: rotate(45deg) translate(3.93502884px, 0);

    top: 4px;

}

.menu_list_clos s:after{

        -webkit-transform: rotate(-45deg) translate(3.93502884px, 0);

    transform: rotate(-45deg) translate(3.93502884px, 0);

    bottom: 4px;

}

.top_phon{

    overflow: hidden;

        -webkit-transition: all 1500ms ease 0s;

    transition: all 1500ms ease 0s;

    padding: 0!important;



}

.top_phon img{

    position: relative;

    -webkit-transition: all 800ms ease 0s;

    transition: all 800ms ease 0s;

    top: 0;

}

.top_phon_img{

    top: -51px!important;  

}

.top_mur div{

    padding: 1em 2em;

    font-size: 16px;

    color: #fff;

    height: 51px;

    background: #145294;

    cursor: pointer;

    position: absolute;

    top: 81px;

    opacity: 0;

    left: 118px;

    -webkit-transition: all 1500ms ease 0s;

    transition: all 1500ms ease 0s;

}

.top_mur_360{

    -webkit-transform: rotateX(180deg);

    transform: rotateX(180deg);   

}

.top_mur_div{

    padding: 1em 2em;

    font-size: 1em;

    color: #fff;

    height: 51px;

    background: #145294;

    cursor: pointer;

    position: absolute;

    top: 57px;

    opacity: 1!important;

    left: -49px!important;

    -webkit-transition: all 1500ms ease 0s;

    transition: all 1500ms ease 0s;

}



#section-footer{

    display:block !important;

    height:600px!important;

    background:#ccc;

        position: relative;

}

#section-footer 

.foot_t{

    background: #145294;

    width: 100vw;

    text-align: center;

    color: #fff;

    height: 230px;

    position: absolute;

    top: 0;

    padding-top: 50px;

}

.foot_t h3{

    font-size: 38px;

    margin: 0;

    font-weight: normal;

}

.foot_t a{

 text-decoration: underline;

 color: #fff;

 font-size: 26px;

    position: relative;



}

.foot_t a:before{

    content: " ";

    position: absolute;

    left: 118px;

    width: 35px;

    height: 48px;

    background: url(../images/aljt.png);

    animation: allink 2s infinite;

    -moz-animation: allink 2s infinite;

    -webkit-animation: allink 2s infinite;

    -o-animation: allink 2s infinite;

}

@keyframes allink

{

0%   {transform:scale(0.8) }

50%  {transform:scale(1)}

100% {transform:scale(0.8)}

}

.foot_t p{

    font-size: 12px;

}

.foot_t div{

    position: relative;

}

.foot_t span{

    position: absolute;

    right: 182px;

    top: -141px;

}

.foot_t span h4{

    margin: 5px 0;

    font-weight:normal;

}

.foot_b{

background: #222222;

    width: 100vw;

    text-align: center;

    color: #fff;

    height: 370px;

    position: absolute;

    top: 230px;

    padding: 50px 0 0 0;  

}

.foot_nav{

    position: relative;

    padding-top: 15px;

}

.foot_nav ul{

    display: inline-block;

    margin: 0 20px;





}

.foot_nav ul li{

    margin: 9px auto;

}

.foot_nav ul li:hover a{

    color: #bdbaba;

}



.foot_nav ul li:first-child{

    margin-bottom: 15px;

    position: relative;

}

.foot_nav ul li:first-child:before{

    content: " ";

    position: absolute;

    left: 0px;

    top: 28px;

    width: 20px;

    height: 3px;

    background: #ff6200; 

}



.foot_nav ul li a{

    color: #6e6e6e;

}

.foot_xx{

    border-top: 1px solid #373737;

    padding: 5px 0;

    color: #848484;

    position: absolute;

    bottom: 0;

    text-align: center;

    width: 100%;

    min-width: 1200px;

}

.foot_xx a{

    color: #848484;  

}

.abt_djs{

    width: 100%;

    cursor: context-menu;

}

.abt_djs span{

    display: inline-block;

    text-align: center;

    width: 24.5%;

}

.abt_djs span span{

    font-family: Impact;

    font-size:  3.3em;

    width: 100%!important

}

.abt_djs span:nth-child(2){

    color: #145294

}

.idx3{

    background: url(../images/pdt_bg.jpg);

    background-size: 100% 100%;

}

.kh{

    display: block;

    margin-top: 3vh;

    position: relative;

}

.kh img{

    position: relative;

    width: 100%;

    z-index: 10 

}

.kh div{

    position: absolute;

    z-index: 1

}

.kh_x1{   top: 15px; }

.kh_x2{

    right: 0;

    bottom: 0;

}

.kh_x3{

    right: 0;

    top: 50px;

}

.kh_x4{

    left: 0;

    bottom: 50px;

}

.kh_s1{

    animation: khone 5s infinite;

    left: 108px;

    bottom: 29px;

}

.kh_s2{

    animation: khone2 10s infinite;

    left: 40%;

    bottom: 10vh;

}

.kh_s3{

    animation: khone 4s infinite;

    left: 36%;

    bottom: 2vh;   

}

.kh_s4{

    animation: khone3 7s infinite;

    left: 55%;

    bottom: 10vh;

}

.kh_s5{

    animation: khone2 6s infinite;

    right: 2%;

    top: 0vh;

}

@keyframes khone

{

0% {transform:translateY(0px) translateX(0px)}

25% {transform:translateY(10px) translateX(0px)}

50% {transform:translateY(20px) translateX(10px)}

75% {transform:translateY(5px) translateX(20px)}

100%{transform:translateY(0px) translateX(0px)}

}

@keyframes khone2

{

0% {transform:translateY(10px) translateX(5px)}

25% {transform:translateY(-10px) translateX(0px)}

50% {transform:translateY(5px) translateX(10px)}

75% {transform:translateY(15px) translateX(30px)}

100%{transform:translateY(10px) translateX(5px)}

}

@keyframes khone3

{

0% {transform:translateY(30px) translateX(-10px)}

25% {transform:translateY(10px) translateX(0px)}

50% {transform:translateY(20px) translateX(10px)}

75% {transform:translateY(5px) translateX(20px)}

100%{transform:translateY(30px) translateX(-10px)}

}



        .slideTxtBox{

            width: 1200px;    

            text-align: left;

            margin: auto;

            height: 41em;

            margin-top: 0em;

        }

        .slideTxtBox .hd{ 

                width: 300px;

                padding: 0 10px 0 20px;

                position: relative;

                height: 100%;

         }

        .slideTxtBox .hd ul{ float:left;  position:absolute; left:20px; top:-1px; height:32px;   }

        .slideTxtBox .hd ul li{    

            float: left;

            cursor: pointer;

            text-align: center;

            width: 7em;

            height: 5em;

            margin: 0.3em;

            position: relative;

            background: #f5f5f5;

        }

        .slideTxtBox .hd ul li img{

            width: 50%;

        }

        .slideTxtBox .hd ul li p{

            margin:0;    

            line-height: 8;

            transition: all .3s;

            -webkit-transition: all .3s;

            -moz-transition: all .3s;

            -o-transition: all .3s;  

        }    

        .slideTxtBox .hd ul li.on{ background:#145294;}

        .slideTxtBox .hd ul li.on p{



            color: #fff

        }

        .slideTxtBox .bd ul{  zoom:1;  }

        .slideTxtBox .bd li{ height:24px; line-height:24px;   }

        .slideTxtBox .bd li .date{ float:right; color:#999;  }



        .bg30:before{

            content: '';

            position: absolute;

            left: auto;

            right: 1.7em;

            top: 0;

            bottom: auto;

            width: 3.5em;

            height: 3.5em;

            background-image: url(../images/pdt_tab30.png);

            background-position: center;

            background-size: 100%;



            

        }

         .slideTxtBox .hd ul li.on.bg30:before{

            background-image:url(../images/pdt_tab30s.png);

        }

        .bg31:before{

            content: '';

            position: absolute;

            left: auto;

            right: 1.7em;

            top: 0;

            bottom: auto;

            width: 3.5em;

            height: 3.5em;

            background-image: url(../images/pdt_tab31.png);

            background-position: center;

            background-size: 100%;



            

        }

         .slideTxtBox .hd ul li.on.bg31:before{

            background-image:url(../images/pdt_tab31s.png);

        }

        .bg32:before{

            content: '';

            position: absolute;

            left: auto;

            right: 1.7em;

            top: 0;

            bottom: auto;

            width: 3.5em;

            height: 3.5em;

            background-image: url(../images/pdt_tab32.png);

            background-position: center;

            background-size: 100%;



            

        }

         .slideTxtBox .hd ul li.on.bg32:before{

            background-image:url(../images/pdt_tab32s.png);

        }

        .bg33:before{

            content: '';

            position: absolute;

            left: auto;

            right: 1.7em;

            top: 0;

            bottom: auto;

            width: 3.5em;

            height: 3.5em;

            background-image: url(../images/pdt_tab33.png);

            background-position: center;

            background-size: 100%;



            

        }

         .slideTxtBox .hd ul li.on.bg33:before{

            background-image:url(../images/pdt_tab33s.png);

        }

        .bg34:before{

            content: '';

            position: absolute;

            left: auto;

            right: 1.7em;

            top: 0;

            bottom: auto;

            width: 3.5em;

            height: 3.5em;

            background-image: url(../images/pdt_tab34.png);

            background-position: center;

            background-size: 100%;



            

        }

         .slideTxtBox .hd ul li.on.bg34:before{

            background-image:url(../images/pdt_tab34s.png);

        }

        .bg35:before{

            content: '';

            position: absolute;

            left: auto;

            right: 1.7em;

            top: 0;

            bottom: auto;

            width: 3.5em;

            height: 3.5em;

            background-image: url(../images/pdt_tab35.png);

            background-position: center;

            background-size: 100%;



            

        }

         .slideTxtBox .hd ul li.on.bg35:before{

            background-image:url(../images/pdt_tab35s.png);

        }

        .bg36:before{

            content: '';

            position: absolute;

            left: auto;

            right: 1.7em;

            top: 0;

            bottom: auto;

            width: 3.5em;

            height: 3.5em;

            background-image: url(../images/pdt_tab36.png);

            background-position: center;

            background-size: 100%;



            

        }

         .slideTxtBox .hd ul li.on.bg36:before{

            background-image:url(../images/pdt_tab36s.png);

        }

        .bg37:before{

            content: '';

            position: absolute;

            left: auto;

            right: 1.7em;

            top: 0;

            bottom: auto;

            width: 3.5em;

            height: 3.5em;

            background-image: url(../images/pdt_tab37.png);

            background-position: center;

            background-size: 100%;



            

        }

         .slideTxtBox .hd ul li.on.bg37:before{

            background-image:url(../images/pdt_tab37s.png);

        }

        .bg38:before{

            content: '';

            position: absolute;

            left: auto;

            right: 1.7em;

            top: 0;

            bottom: auto;

            width: 3.5em;

            height: 3.5em;

            background-image: url(../images/pdt_tab38.png);

            background-position: center;

            background-size: 100%;



            

        }

         .slideTxtBox .hd ul li.on.bg38:before{

            background-image:url(../images/pdt_tab38s.png);

        }

        .bg39:before{

            content: '';

            position: absolute;

            left: auto;

            right: 1.7em;

            top: 0;

            bottom: auto;

            width: 3.5em;

            height: 3.5em;

            background-image: url(../images/pdt_tab39.png);

            background-position: center;

            background-size: 100%;



            

        }

         .slideTxtBox .hd ul li.on.bg39:before{

            background-image:url(../images/pdt_tab39s.png);

        }

        .bg40:before{

            content: '';

            position: absolute;

            left: auto;

            right: 1.7em;

            top: 0;

            bottom: auto;

            width: 3.5em;

            height: 3.5em;

            background-image: url(../images/pdt_tab40.png);

            background-position: center;

            background-size: 100%;



            

        }

         .slideTxtBox .hd ul li.on.bg40:before{

            background-image:url(../images/pdt_tab40s.png);

        }

        .bg41:before{

            content: '';

            position: absolute;

            left: auto;

            right: 1.7em;

            top: 0;

            bottom: auto;

            width: 3.5em;

            height: 3.5em;

            background-image: url(../images/pdt_tab41.png);

            background-position: center;

            background-size: 100%;



            

        }

         .slideTxtBox .hd ul li.on.bg41:before{

            background-image:url(../images/pdt_tab41s.png);

        }

.pdt_r{

    width: 897px;

    height: 100%;

}             

.pdt_r_d{

    color: #fff;

    width: 575px;

    padding: 0 50px;

}

.pdt_r_d h3{}

.pdt_r_d p{

    position: relative;

    margin-bottom: 2em;

    box-sizing: border-box;

}

.pdt_r_d img{}

.pdt_r_d a{

    display: block;

    color: #fff;

    background: #145294;

    width: 100px;

    text-align: center;

    height: 45px;

    top: 1em;

    line-height: 45px;

    position: relative;

    left: 20px;

    transition: all .3s;

    -webkit-transition: all .3s;

    -moz-transition: all .3s;

    -o-transition: all .3s;

}

.pdt_r_d a:after{

    content: '';

    position: absolute;

    left: auto;

    top: 0;

    right: -46px;

    bottom: auto;

    height: 0;

    width: 0;

    border: 23px solid;

    border-style: solid;

    border-color: transparent transparent transparent #145294;

    transition: all .3s;

    -webkit-transition: all .3s;

    -moz-transition: all .3s;

    -o-transition: all .3s;

}

.pdt_r_d a:before{

    content: '';

    position: absolute;

    left: auto;

    top: 0;

    right: 100px;

    bottom: auto;

    height: 0;

    width: 0;

    border: 23px solid;

    border-style: solid;

    border-color: transparent #145294 transparent transparent ;

    transition: all .3s;

    -webkit-transition: all .3s;

    -moz-transition: all .3s;

    -o-transition: all .3s;

}

.pdt_r_d a:hover{

     color: #145294;

    background: #fff;   

}

.pdt_r_d a:hover:before{

    border-color: transparent #fff transparent transparent ;   

}



.pdt_r_d a:hover:after{

    border-color: transparent  transparent transparent #fff;       

}





.bodyCon08 .students{

    margin: 0 auto;

    width: 100%;

    height: 42em;

    position: relative;

    

}

.bodyCon08 .students p.PP{width:510px;height:50px;font-size:16px;color:#333;text-align:center;position:absolute;top:60px; left:300px;}

#four_flash{

        width: 100%;

    height: 100%;

    margin: 0 auto;

    position: absolute;

}

#four_flash .flashBg{

    width: 100%;

    height: 100%;

    margin: 0 auto;

    position: relative;

    overflow: hidden;    

}

#four_flash .flashBg ul.mobile{

    width: 100%;

    height: 100%;

    left: -29px;

    position: relative;

}

#four_flash .flashBg ul.mobile li{

    float: left;

    width: 33.33%;

    height: 20em;


    /* padding-top: 40px; */

    color: #6C6E85;

    transition: all 1s ease 0s;

}

#four_flash .flashBg ul.mobile li:hover{



    color: #fff;

    -webkit-box-shadow: 0px 0px 5px 10px rgba(0,0,0,1.00);

    box-shadow: 0px 0px 10px 10px rgba(0,0,0,.5);

}

#four_flash .flashBg ul.mobile li img{

    width: 88%;

    display: block;

    margin: 0 auto;    

}

#four_flash .flashBg ul.mobile li dd{

    font-size: 16px;

    width: 100%;

    line-height: 1.7em;

    text-align: center;

    margin-left: 0;

    color: #fff;    

}

#four_flash .flashBg ul.mobile li p{font-size:16px; text-align:center;width:260px; line-height:24px;margin-top:10px;}

#four_flash .flashBg ul.mobile li a{}

#four_flash .flashBg ul.mobile li a:hover{}

#four_flash .but_left{width:50px;height:100px;position:absolute; top:39%; left:0px;}

#four_flash .but_right{width:50px;height:100px; position:absolute; top:39%; right:43px;}

#four_flash .but_left:hover{background:url(../images/qianxleft1.png) no-repeat;}

#four_flash .but_right:hover{background:url(../images/qianxr1.png) no-repeat;}

.idxpdtll{
    width: 100%;

}

.idxpdtll li{
    width: 33.33%;
    float: left;
    line-height: 1.5em!important;
    padding-top: 0.5em;
    height: 51%!important;
    position: relative;
    overflow: hidden;
    margin-bottom: 0.5em;
}
.idxpdtll li:hover:before{
    width: 100%;
}
.idxpdtll li:hover:after{
    height: 100%;
}
.idxpdtll li:before{
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    bottom: auto;
    right: auto;
    height: 100%;
    width: 0%;
    border-bottom: 2px solid #8796a9;
    border-top: 2px solid #8796a9;
    pointer-events: none;
    transition: all .3s;
    -webkit-transition: all .3s;
    -moz-transition: all .3s;
    -o-transition: all .3s;
}
.idxpdtll li:after{
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    bottom: auto;
    right: auto;
    height: 0%;
    width: 100%;
    border-left: 2px solid #8796a9;
    border-right: 2px solid #8796a9;
    pointer-events: none;    
    transition: all .3s;
    -webkit-transition: all .3s;
    -moz-transition: all .3s;
    -o-transition: all .3s;

}
.idxpdtll li img{
    width: 86%;
    display: block;
    margin:0 auto;
}
.idxpdtll li dd{
    color: #fff;
    margin:0;
    text-align: center;
}
.idxpdtll li p{
    color: #fff;
    margin:0;
    text-align: center;
}

.idx4{

    background: url(../images/idx4.jpg);

    background-size: 100% 100%;

    background-position: center;

}



.case_tt{

    text-align: center;
    position: relative;
    margin-top: 7vh;
}

.case_tt h3{

    font-family: Segoe UI Emoji;

    font-size: 4em;

    color: #242424;

    position: relative;

    opacity: 0.1;

    line-height: 0;

    top: 10px;

    margin: 0;

}

.case_tt h4{

    font-size: 2em;

    margin:0;

    color: #252525;

}

.case_tt h4 b{color: #145294;}

.case_tt img{}

.case_tt p{

    color: #145294;

    font-weight: normal;

    margin: 0;

}

.case_bd{

    position: relative;

}



#hexGrid{

    width: 100%;

    overflow:hidden;

}

.hex {

    position: relative;

    list-style-type: none;

    float: left;

    overflow: hidden;

    padding-bottom: 15%;

    width: 13%;

    margin-left: 5px;

    visibility: hidden;

    outline: 1px solid transparent;

    transition: all .5s;

    -webkit-transition: all .5s;

    -moz-transition: all .5s;

    -o-transition: all .5s;

    -webkit-transform: rotate(-60deg) skewY(30deg) translatez(-1px);

    -ms-transform: rotate(-60deg) skewY(30deg) translatez(-1px);

    transform: rotate(-60deg) skewY(30deg) translatez(-1px);

}

.hex * {

    position: absolute;

    visibility: visible;

    outline: 1px solid transparent;

}

.hexIn {

    display: block;

    width: 100%;

    height: 100%;

    text-align: center;

    color: #fff;

    overflow: hidden;

    -webkit-transform: skewY(-30deg) rotate(60deg);

    -ms-transform: skewY(-30deg) rotate(60deg);

    transform: skewY(-30deg) rotate(60deg);

}

.hex img {

    left: -100%;

    right: -100%;

    width: auto;

    height: 100%;

    margin: 0 auto;

} 

.hexIn:before{

    content: " ";

    position: absolute;

    left: 0;

    width: 100%;

    height: 100%;

    background: url(../images/case_sbg.png);

    z-index: 99;

    transition: all .5s;

    -webkit-transition: all .5s;

    -moz-transition: all .5s;

    -o-transition: all .5s;

    background-size: 100%;



}

.hex:hover .hexIn:before{

    content: " ";

    position: absolute;

    left: 0;

    width: 100%;

    height: 100%;

    background: url(../images/case_sbg2.png);

    z-index: 99;

    background-size: 100%;

}

.hex:nth-child(1){

padding-bottom: 11%;

    width: 9.6%;  

}

.hex:nth-child(2){

    padding-bottom: 15%;

    width: 13.1%;

    margin-bottom: 0em;

    top: 2.7em;

}

.hex:nth-child(3){

    padding-bottom: 8%;

    width: 6.9%;

    top: 0.5em;  

}

.hex:nth-child(4){

    padding-bottom: 15%;

    width: 13.1%;

    margin-bottom: 0em;

    top: 3.5em;

}

.hex:nth-child(5){

    padding-bottom: 8%;

    width: 6.9%;

    margin-left: 1em;

    top: 2.5em;  

}

.hex:nth-child(6){

    padding-bottom: 15%;

    width: 13.1%;

    margin-bottom: 0em;

    top: 3em;

    margin-left: 1em;

}

.hex:nth-child(7){

    padding-bottom: 8%;

    width: 6.9%;

    top: 0.5em; 

}

.hex:nth-child(8){

    padding-bottom: 15%;

    width: 13.1%;

    margin-bottom: 0em;

    top: 2.7em;

}

.hex:nth-child(9){

    padding-bottom: 11%;

    width: 9.6%;

    

}

.hex:nth-child(10){

    padding-bottom: 13%;

    width: 11.3%;

    margin-bottom: 0em;

    top: -1em;

    margin-left: 1em;

}

.hex:nth-child(11){

    padding-bottom: 13%;

    width: 11.3%;

    margin-bottom: 0em;

    top: 4em;

    margin-left: 1em;

}

.hex:nth-child(12){

    padding-bottom: 10.7%;

    width: 9.3%;

    margin-bottom: 0em;

    top: 1em;

}

.hex:nth-child(13){

    padding-bottom: 9%;

    width: 7.8%;

    margin-bottom: 0em;

    top: 5em;

}

.hex:nth-child(14){

    padding-bottom: 9.6%;

    width: 8.3%;

    margin-bottom: 0em;

    top: 1em;

    margin-left: 1em;

}

.hex:nth-child(15){

    padding-bottom: 9%;

    width: 7.8%;

    margin-bottom: 0em;

    top: 5em;

}

.hex:nth-child(16){

    padding-bottom: 10.7%;

    width: 9.3%;

    margin-bottom: 0em;

    top: 1em;

}

.hex:nth-child(17){

    padding-bottom: 10%;

    width: 8.7%;

    margin-bottom: 0em;

    top: 3em;

    margin-left: 2em;

}

.hex:nth-child(18){

    padding-bottom: 13%;

    width: 11.3%;

    margin-bottom: 0em;

    top: -1em;

    margin-left: 1em;

}

.hex:nth-child(19){

    padding-bottom: 10%;

    width: 8.7%;

    margin-bottom: 0em;

    top: 3em;

    margin-left: -3em;

}

.hex:nth-child(20){

    margin-bottom: 0em;

    top: -2em;

    margin-left: 1em;

}



.hex:nth-child(21){

    margin-bottom: 0em;

    top: -2em;

    margin-left: 1em;

}

.hex:nth-child(21){

padding-bottom: 17%;

    width: 14.8%;

    margin-bottom: 0em;

    top: -2em;

    margin-left: 3em;

}

.hex:nth-child(22){

    margin-bottom: 0em;

    top: -2em;

    margin-left: 3em;

}

.hex:nth-child(23){

padding-bottom: 12%;

    width: 10.5%;

    margin-bottom: 0em;

    top: -3em;

    margin-left: 2.3em;

}

.hex:nth-child(24){

    padding-bottom: 12%;

    width: 10.5%;

    margin-bottom: 0em;

    top: -3em;

    margin-left: 0.5em;

}

.hex:nth-child(25){

    padding-bottom: 12%;

    width: 10.5%;

    margin-bottom: 0em;

    top: 4em;

    margin-left: -12.2em;

}

.idx_cp{

    width: 100%;

    height: 100vh;

    overflow:hidden;

}

.idx_cp li{

    float: left;

    width: 33.33%;

    height: 100vh;

    overflow:hidden;

    position: relative;

    left: 0;

    right: 0;

    transition: ease-out all .3s;

    -webkit-transition:ease-out  all .3s;

    -moz-transition:ease-out  all .3s;

    -o-transition:ease-out  all .3s;

}

.cp_l{

    visibility: hidden;

    width: 0!important;

    left: 100%!important;

}

.cp_r{

    visibility: hidden;

    width: 0!important;

    right: 100%!important;

}

.cp_on{

    width: 100vw!important;

    height: 100vh!important;

}

.cp_onimg{

    width: 100vw!important;

    height: 100vh!important; 

}

.idx_cp li:before{

    content: '';

    position: absolute;

    left: 100%;

    top: auto;

    bottom: 0;

    right: auto;

    height: 100vh;

    z-index: 10;

    pointer-events:none;

    width: 100%;

    background: rgba(0,0,0,0.4) url(../images/lianj.png) no-repeat;

    background-position: center;  

    transition: ease-out all  .3s;

    -webkit-transition:ease-out  all .3s;

    -moz-transition:ease-out  all .3s;

    -o-transition:ease-out  all .3s;

}

.idx_cp li:hover:before{

    left: 0%;

}

.idx_cp li b{

    position: absolute;

    right: 5%;

    top: 83%;

    margin-top: -15px;

    overflow: hidden;

    padding: 5px;

    width: 29px;

    z-index: 11;

    height: 29px;

    -webkit-transition: all 1500ms ease 0s;

    transition: all 1500ms ease 0s;

}

.idx_cp li b:before {

    -webkit-transform: rotate(45deg) translate(3.93502884px, 0);

    transform: rotate(45deg) translate(3.93502884px, 0);

    top: 4px;

}

.idx_cp li b:after {

    -webkit-transform: rotate(-45deg) translate(3.93502884px, 0);

    transform: rotate(-45deg) translate(3.93502884px, 0);

    bottom: 4px;

}

.idx_cp li b:before, .idx_cp li b:after{

    content: " ";

    position: absolute;

    left: 5px;

    width: 20px;

    height: 2px;

    border-radius: 2px;

    -webkit-box-sizing: border-box;

    box-sizing: border-box;

    -webkit-transition: all 300ms ease 0s;

    transition: all 300ms ease 0s;

    -webkit-transform-origin: 0 50%;

    transform-origin: 0 50%;

    background-color: #fff;

    pointer-events: none;

}

/*

.idx_cp li b:hover{

    -webkit-transform: rotate(720deg);

    transform: rotate(720deg);

}

*/

.idx_cp li a{

    

}

.idx_cp li img{

    width: 100vw;

    height: 100vh;

    position: relative;



    transition: ease-out all .3s;

    -webkit-transition:ease-out  all .3s;

    -moz-transition:ease-out  all .3s;

    -o-transition:ease-out  all .3s;

}

.bannerbox{

    position: relative;

}

.ny_topimg{

    display: block;

}

.abt_fl{

    position: absolute;

    bottom: 0;

    width: 100%;

}

.abt_fl a{

    float: left;

    width: 24.8%;

    height: 50px;

    margin-right: 1px;

    line-height: 50px;

    text-align: center;

    transition: ease-out all .3s;

    -webkit-transition:ease-out  all .3s;

    -moz-transition:ease-out  all .3s;

    -o-transition:ease-out  all .3s;    

}



.ny_abt{

    padding: 50px 0;

}

.abt_p{

    opacity: 0.65;

    line-height: 24px;    
    transition: ease-out all .3s;

    -webkit-transition:ease-out  all .3s;

    -moz-transition:ease-out  all .3s;

    -o-transition:ease-out  all .3s;  
}
.abt_p:hover{
    opacity: 1;
}
.abt_sz{

    width: 100%;

    background: url(../images/abt_ds.jpg);

    background-position: center;

    cursor: context-menu;

    justify-content: center;

}

.abt_sz span{

    display: inline-block;

    text-align: center;

    width: 18.5%;

    padding: 24px;

        justify-content: center;

}

.abt_sz span span {

    font-family: Impact;

    font-size: 3.3em;

    width: 100%!important;

    color: #fff;

}



.abt_sz span p{

    color: #fff;

}



        .picScroll-left{ width: 100%;  overflow:hidden; position:relative;  border:1px solid #ccc;margin: 5vh 0 0; }

        .picScroll-left .hd{ 

            position: relative;

            z-index: 99;

            top: 30vh;

            width: 1200px;

            margin: 0 auto;

        }

        .picScroll-left .hd .prev,.picScroll-left .hd .next{ display:block;  width:50px; height:40px;position: absolute;

             cursor:pointer; }

        .picScroll-left .hd .next{background: url(../images/left.png);}

        .picScroll-left .hd .prev{background: url(../images/right.png);right: 0}

        .picScroll-left .hd ul{ float:right; overflow:hidden; zoom:1; margin-top:10px; zoom:1; }

        .picScroll-left .hd ul li{ float:left;  width:9px; height:9px; overflow:hidden; margin-right:5px; text-indent:-999px; cursor:pointer; background:url("images/icoCircle.gif") 0 -9px no-repeat; }

        .picScroll-left .hd ul li.on{ background-position:0 0; }

        .picScroll-left .bd{  position: relative; }

        .picScroll-left .bd ul{ overflow:hidden; zoom:1; }

        .picScroll-left .bd ul li{ float:left; _display:inline; overflow:hidden; text-align:center;  }

        .picScroll-left .bd ul li .pic{ text-align:center; }

        .picScroll-left .bd ul li .pic img{ width:50vw; height:60vh; display:block; }

        .picScroll-left .bd ul li .pic a:hover img{ border-color:#999;  }

        .picScroll-left .bd ul li .title{ line-height:24px;   }

        .picScroll-left .tempWrap{left: -25vw;    margin: 5vh 0;}

.abt_crc{

    text-align: center;

    position: relative;

    top: 20px;

}

.abt_crc h4{

    font-size: 2em;

    margin: 10px 0;

    color: #252525;

}

.abt_crc h4 b{

        color: #145294;

}

.abt_crc img{

   display: block; 

   margin:0 auto;

}

.abt_crc strong{

 

    font-weight: normal;

}







#header{

    height:118px;

}

#header *{

    z-index:10;

}

#logo{

    margin:auto;

    width:1000px;

    height:74px;

}

#logo a{

    margin-top:8px;

    margin-left:16px;

    float:left;

}

#logo span{

    margin-top:20px;

    margin-right:12px;

    float:right;

}

#nav{

    position:relative;

    width:960px;

    height:44px;

    margin:auto;

}

#nav .nav_box{

    cursor:pointer;

    float:left;

    width:119px;

    height:44px;

    border-right:1px solid #CCC;

}

#nav .nav_box span{

    z-index:11 !important;

    font-size:14px;

    position:relative;

    line-height:22px;

    display:block;

    width:119px;

    text-align:center;

}

.nav_box span b{

    display:none;

    cursor:default;

    position:absolute;

    top:24px;

    left:54px;

}

.inbox{

    background:url(inbox_bg.jpg);

    display:none;

    background:#FFFFFF;

    cursor:default;

    position:absolute;

    top:44px;

    left:0;

    min-height:100px;

    width:960px;

    border:1px solid #343d51;

}

.inbox_d{

    float:left;

    text-align:center;

    margin-top:15px;

    margin-left:27px;

    margin-right:27px;

    margin-bottom:15px;

}

.inbox_d a{

    line-height:24px;

}

.inbox .top{

    height:8px;

    background:#343d51;

}

/*footer*/

#footer{

    margin:auto;

    margin-bottom:5px;

    width:1000px;

    background:url(footer_bac.gif);

    height:55px;

    text-align:center;

}

#footer span{

    font-family:"黑体";

    font-weight:600;

    font-size:20px;

    color:#FFFFFF;

    padding:10px;

    line-height:55px;

}

#footer_bar{

    margin:auto;

    height:40px;
    opacity: 0.4;
    width:1000px;

}

#footer_bar p{

    display:block;

    line-height:40px;

    float:left;

    padding-left:30px;

}

#footer_bar p a{

    margin-left:10px;

}

#footer_bar span{

    margin-right:10px;

    display:block;

    float:right;

    line-height:40px;

}

#footer_bar span b{

    margin-right:8px;

}

/*首页*/

/*首页图片滚动*/

#gla{

    overflow: hidden;

    margin: 0 auto;

    position: relative;

    height: 520px;

}

.bac{

    position:absolute;

    bottom:0;

    left:50px;

}

#gla_box{

    width:1200px;

    margin:auto;

}

.gla_inbox{

    overflow:hidden;

    position:relative;
    pointer-events: none;
}

.gla_inbox p{

    text-indent:1em;

    font-size:14px;

    width:100%;

    color:#FFFFFF;

    line-height:30px;

    background:#000000;

}

.gla_inbox a{

    padding:5px;

    display:block;

    position:absolute;

    top:220px;

    left:90px;

    background:#0066CC;

    color:#FFF;

}

.gla_inbox img{
    width: 90%;
    display: block;
    pointer-events: auto;


   

}
.ry_tt{
   text-align: center;
    position: relative;
    margin-top: 14vh; 
}
.ry_tt h3{
    font-family: Segoe UI Emoji;
    font-size: 5em;
    color: #fff;
    position: relative;
    opacity: 0.1;
    line-height: 0;
    top: 4px;
    margin: 0; 
}

.ry_tt h4{
    font-size: 2em;
    margin: 0;
    color: #fff;   
}

.ry_tt h4 b{
    color: #145294;
}
.ry_tt p{
    color: #fff;
    opacity: 0.7;
}
.roundabout-holder {

    height: 450px;

    width: 1200px;

}
#idx5{
    background: url(../images/idx5bg.jpg);
    background-size: 100% 100%;
    background-position: center;
}

.roundabout-moveable-item {

    display:block;

    height: 300px;

    width: 500px;;

    cursor: pointer;
    pointer-events: none;
}

.roundabout-in-focus {

    cursor: auto;

}

/*首页Logo栏*/

#logos{

    background:url(logos_bac.jpg);

    margin:auto;

    margin-top:10px;

    margin-bottom:10px;

    height:136px;

    width:1000px;

    border:1px solid #999;

}

#sth{

    float:left;

    padding:6px;

    padding-left:15px;

}

#logos ul{

    margin-top:8px;

    margin-left:80px;

}

#logos li{

    padding:5px;

    display:block;

    width:140px;

    float:left;

}

#logos li img{

    height:50px;

    width:130px;

}

/*内页共有*/

#neiye{

    width:1000px;

    margin:auto;

    margin-top:7px;

    margin-bottom:50px;

}

#top_img{

    margin-bottom:4px;

}

#top_img img{

    width:1000px;

}

#con_top img{

    width:1000px;

}

#sidebar{

    width:200px;

    float:left;

}

#sidebar li{

    border-bottom:1px solid #6d82ab;

    padding-left:25px;

    background:#536588;

    line-height:26px;

}

.li_hover{

    background:url(list_bg.jpg) !important;

    border-bottom:1px solid #6d82ab !important;

}

.a_hover{

    color:#536588 !important;

}

#sidebar li a{

    font-family:"宋体";

    font-size:12px;

    font-weight:600;

    color:#FFF;

}

#r_con{

    width:780px;

    float:right;

}

#r_con *{

    font-family:"宋体";

}

#r_con_top{

    border-bottom:1px solid #CCC;

    line-height:30px;

    font-family:"宋体";

}

#r_con_top p{

    color:#CCCCCC;

}

#r_con_top span{

    color:#CCCCCC;

    padding-left:5px;

    padding-right:5px;

}

/*neiye*/

.jianjie p{

    text-indent:2em;

    margin-top:10px;

    margin-bottom:20px;

    font-size:14px;

    line-height:22px;

}

.jianjie img{

    margin:3px;

    _margin:2px;

    float:left;

}

/*neiye2*/

.inc_2{

    margin-left:30px;

    width:720px;

    border-bottom:1px solid #f5f5f5;

}

.inc_1{

    padding-right:19px;

    float:left;

    width:340px;

    margin-top:8px;

    margin-bottom:8px;

}

.inc_1 a{

    font-weight:600;

    color:#0460cd;

    line-height:24px;

    font-size:14px;

    text-decoration:underline;

}

.inc_1 a:hover{

    text-decoration:none;

}

.inc_1 p{

    color:#333333;

    line-height:16px;

}

.inc_1 img{

    margin-left:20px;

    margin-right:5px;

    float:left;

}

.inc_1_border{

    border-left:1px solid #f5f5f5;

}

.inc_2_box{

    margin-top:10px;

}

/*neiye3*/

.con ul{

    margin-top:15px;

    margin-left:30px;

}

.con li{

    padding-left:5px;

    display:block;

    width:720px;

    height:24px;

    line-height:24px;

    margin-top:0;

}

.con li a{

    padding-left:12px;

    background:url(ico.png) no-repeat;

    display:block;

    float:left;

    color:#727576;

}

.con li span{

    color:#6c6f70;

    padding-right:10px;

    display:block;

    float:right;

}

/*neiye4*/

.product{

    overflow:hidden;

    margin:10px;

    float:left;

    width:170px;

    height:250px;

}

.product p{

    line-height:20px;

}

.product a{

    font-weight:600;

    line-height:30px;

    color:#00b1f1;

    font-size:14px;

}

/*neiye5*/

.artc_con{

    width:740px;

    margin-left:20px;

}

.artc_con h3{

    font-family: "黑体" !important;

    line-height:50px;

    font-size:24px;

    text-align:center;

}

.artc_con_de{

    text-align:center;

    background:#efefef;

}

.artc_con_de span *{

    color:#919191;

}

.artc_con_de span{

    color:#919191;

    margin-left:5px;

    margin-right:5px;

    line-height:24px;

}

/*jiejue*/

.jiejue{

    margin-top:10px;

    width:720px;

    margin-left:30px;

}

.jiejue_top{

    padding-bottom:10px;

    border-bottom:1px solid #CCC;

}

.jiejue_top a{

    color:#61c339;

    font-family: "微软雅黑" !important;

    font-weight:600;

    font-size:20px;

    line-height:45px;

}

.jiejue_top img{

    margin-right:10px;

    float:left;

}

.jiejue_top p{

    margin-left:54px;

    line-height:20px;

}

.jiejue_con{

    margin:20px;

    margin-left:30px;

    _margin-left:20px;

    float:left;

    width:305px;

}

.jiejue_con h3{

    color:#008cd9;

    font-size:18px;

}

.jiejue_con img{

    margin-top:5px;

    margin-bottom:5px;

}

.jiejue_con p{

    color:#6a6a6a;

    line-height:20px;

}

.jiejue_con li{

    line-height:20px;

    list-style:disc inside;

}

.jiejue_con li a{

    font-weight:600;

    color:#008cd9;

}

.nynews{

    background: url(../images/news_bg.jpg);

    background-size: 100%;
    background-position-y: 75px;
        padding: 5vh 0 10vh;

    min-height: 700px;

}




.op_0{
    opacity: 0;
}










        .txtScroll-left{ width:100vw;position:relative;}

        .txtScroll-left .hd{

            overflow: hidden;

            position: relative;

            height: 100px;

            top: 343px;

        }

        .txtScroll-left .hd .prev,.txtScroll-left .hd .next{

            display:block;

           opacity: 1;

            z-index: 10;

            position: absolute;

            width:60px;

            height:60px;

            float:right;

            margin-right:5px;

            margin-top:10px;  overflow:hidden; cursor:pointer;

            transition: ease-out all .3s;

            -webkit-transition: ease-out all .3s;

            -moz-transition: ease-out all .3s;

            -o-transition: ease-out all .3s; 

        }

        .txtScroll-left .hd:before{

                content: " ";

                position: absolute;

                right: 0px;

                top: 42px;

                width: 100%;

                height: 1px;

                background: #bbbbbb;



    

        }

        .txtScroll-left .hd .prev:hover{
            right:4.8vw;
            opacity: 1;

        }

        .txtScroll-left .hd .next:hover{
            left: 4.8vw;
            background: url(../images/newleft2.png);
            opacity: 1;


        }
        .txtScroll-left .hd .next:hover{

        }
        .txtScroll-left .hd .next{background: url(../images/newleft.png);     left: 5vw;}

         .txtScroll-left .hd .prev{ background: url(../images/newright.png); opacity: 1!important;   right: 5vw; }

        .txtScroll-left .hd .prevStop{ background-position:-60px 0; }

        .txtScroll-left .hd .nextStop{ background-position:-60px -50px; }

        .txtScroll-left .hd ul{ float:right; overflow:hidden; zoom:1; margin-top:10px;  }

        .txtScroll-left .hd ul li{ float:left;  width:9px; height:9px; overflow:hidden; margin-right:5px; text-indent:-999px; cursor:pointer; background:url("images/icoCircle.gif") 0 -9px no-repeat; }

        .txtScroll-left .hd ul li.on{ background-position:0 0; }

        .txtScroll-left .bd{

            width: 1200px;

            margin: 0 auto;

            overflow: hidden;

        }

        .txtScroll-left .bd ul{ overflow:hidden; zoom:1; }

        .txtScroll-left .bd ul li{

    margin-right: 20px;

    float: left;

    text-align: center;

    height: 464px;

    padding-top: 194px;

    position: relative;

    _display: inline;

    transition: ease-out all .3s;

    -webkit-transition: ease-out all .3s;

    -moz-transition: ease-out all .3s;

    -o-transition: ease-out all .3s;          

        }

.txtScroll-left .bd ul li:nth-child(1){

    background: #fff;

    padding-top: 0!important; 
}
.txtScroll-left .bd ul li:nth-child(1) img{
    display: block!important;
}
.txtScroll-left .bd ul li:nth-child(1) h4{
    display:inline-block!important;
}


        .txtScroll-left .bd ul li:before{

            content: " ";

            position: absolute;

            right: 120px;

            top: 284px;

            width: 47px;

            height: 3px;

            background: #145294;

        }

        .txtScroll-left .bd ul li img{

            display: none;

            width: 100%;

            height: 200px;

        }

        .txtScroll-left .bd ul li span{ color:#999;  }

        .txtScroll-left .bd ul li h4{

            padding: 9px 15px;

            color: #fff;

            background: #145294;

            text-align: center;

            margin:0;

            font-weight: normal;

            display: none;



        }

.txtScroll-left .bd ul li p{

    padding:0 10px;

}



.news_n{

    background: #fff;

    padding-top: 0!important;



}

.news_n img{

    display: block!important;

}

.news_n h4{

    display: inline-block!important;

}

.newlistto{

    position: relative;

    top: 100px;

}

.nynews_xq{

    padding-top: 7vw;

}

.nynews_posi{

    padding-left: 5px

}

.nynews_posi img{

    position: relative;

    top: 6px;

    left: -5px;

}

.newny_body_tt{

    text-align: center;

    border-bottom: 1px dashed #ccc;

}

.newny_body_bd{

        border-bottom: 1px dashed #ccc;

        padding: 3vh 0;

}



.fyfy{

    display: flex;

    /* background: rgba(20,82,148,0.7); */

    justify-content: space-around;

    text-align: center;

    padding: 10px;

    /* position: absolute; */

    /* width: 100%; */

    left: 0;



}

.fyfy a{

    position: relative;

    padding: 10px 10px;

    line-height: 13px;

    border-radius: 22px;

    transition: 0.3s;

    color: #000;



    display: inline-block;

    border: 1px solid #ccc;

}





.fyfy a:hover{

    position: relative;

    padding: 10px 10px;

    line-height: 13px;

    display: inline-block;

    border-radius: 22px;

    border: 1px solid #ccc;

    color: #fff;

    background: rgba(20,82,148,0.7);

}





.cont_top{

    background: url(../images/map.png) no-repeat;

    background-size: 100%;

    background-position: center;

    height: 600px;

    width: 100%;

    color: #fff;

    text-align: center;

    padding-top: 200px;

    position: relative;

}

.cont_top h4{

    margin: 0;

    font-weight: normal;

    font-size: 32px;

}

.cont_top p{



}

.cont_top h3{

font-weight: normal;

    font-size: 36px;

    margin: 0;

}

.cont_top a{

     position: relative;

    bottom: 0px;

    color: #fff;

    border-bottom: 1px solid;

    padding-bottom: 5px;



}

.cont_top a img{

    display: block;

    margin: 26px auto;

    animation: allinks 2s infinite;

    -moz-animation: allinks 2s infinite;

    -webkit-animation: allinks 2s infinite;

    -o-animation: allinks 2s infinite;

}

@keyframes allinks

{

0%   {transform:translateY(0px) }

50%  {transform:translateY(6px)}

100% {transform:translateY(0px)}

}

.cont_list{

    background: url(../images/news_bg.jpg);

    background-size: 100%;

    background-position: center;

    padding: 70px 0;



}

.cont_list span{

    text-align: center;

    display: inline-block;

    width: 33%;

    position: relative;

}

.cont_list span img{

    

}

.cont_list span strong{

    color: #145294;

}

.cont_ly{}

.cont_ly h3{

    text-align: center;

    color: #145294;

    font-size: 32px;

    font-weight: normal;

}

    .__contact{

      padding-top: 8px;

      font-size: 14px !important;

      font-family: '微软雅黑';

      padding-left: 25px;

    }

    .__contact .top{

        padding-bottom: 25px;

        /*border-bottom: 1px dotted black;*/

    }

    .__contact .top li{

        list-style-position: inside;

    }

    .__contact .top ul{

        float: left;

        overflow: hidden;

        padding: 0px 20px;

        margin-top: 20px;

        padding-right: 50px;

    }

    .__contact .search button{

       

    }

    .__contact ul li{

        padding-left: 28px;

    }

    .__contact .map_contact{

        width: 678px;

        height: 309px;

    }

    .__contact .form input{

        display: inline-block;

        width: 339px;

        margin-right: 18px;

        /*height: 48px;*/

        border:1px solid #dadbdc;

        padding:15px;

        color: #999;

        background: #fafafa;

    }

    .__contact .form textarea{

        display: inline-block;

        width: 1063px;

        height: 243px;

        margin-top: 20px;

        background: #fafafa;

        border:1px solid #dadbdc;
        resize:none;
        font-size: 14px;

    }

    .__contact .img-l,.img-r{

        display: block;

    }

    .__contact .img-l{

        margin-left: 45px;

        margin-bottom: 15px;

    }

    .__contact .img-r{

        float: right;

        margin-right: 62px;

    }

    .__contact{

        /*padding-top: 68px;*/

        overflow: hidden;

        padding-bottom: 25px;

        margin-bottom: 10px;

        width: 1100px;

        margin:auto;

    }

    .__contact p,.__contact li{

        font-size: 16px;

        line-height: 30px;

        font-weight: lighter;

    }

    ::-webkit-input-placeholder{

        font-family: "微软雅黑";

    };

    ::input-placeholder{

        font-family: "微软雅黑";

    }



.bannerbox>h3{

    color: #fff;

    font-size: 32px;

    position: absolute;

    top: 45%;

    text-align: center;

    width: 100%;

}

.ny_pdt{

    min-height: 700px;

    padding: 5vh 0;

    background: #f6f6f6;



}

.ny_pdtlist{

    padding-top: 3vh

}



#imageGallery li{


    margin-bottom: 3vh;
    width: 30%;
    margin: 1%;
    float: left;

}

#imageGallery a{



}

#imageGallery img{

    width: 100%;

    display: block;

}

#imageGallery h3{

    margin: 0;

    background: rgba(0,0,0,0.6);

    height: 40px;

    line-height: 40px;

    color: #fff;

}

















.csSlideOuter {

    overflow: hidden;

}

.lightSlider:before,

.lightSlider:after {

    content: " ";

    display: table;

}

.csSlideWrapper > ul:after {

    clear: both;

}

.csSlideWrapper .csSlide {

    -webkit-transform: translate(0px, 0px);

    -ms-transform: translate(0px, 0px);

    transform: translate(0px, 0px);

    -webkit-transition: all 1s;

    transition: all 1s;

    -webkit-transition-duration: inherit;

    transition-duration: inherit;

    -webkit-transition-timing-function: inherit;

    transition-timing-function: inherit;

}

.csSlideWrapper .csFade {

    position: relative;

    -webkit-transition-duration: 1s;

    transition-duration: 1s;

    -webkit-transition-timing-function: ease;

    transition-timing-function: ease;

}

.csSlideWrapper .csFade > li {

    position: absolute !important;

    top: 0;

    left: 0;

    opacity: 0;

    z-index: 9;

    margin-right: 0;

    -webkit-transition-delay: 0s;

    transition-delay: 0s;

    -webkit-transition-duration: inherit;

    transition-duration: inherit;

    -webkit-transition-property: opacity;

    transition-property: opacity;

    -webkit-transition-timing-function: inherit;

    transition-timing-function: inherit;

}

.csSlideWrapper .csFade > li.active {

    opacity: 1;

    z-index: 10;

}

/** /!!! End of core css Should not edit !!!/**/



/* Pager */

.csSlideOuter .csPager.cSpg {

    margin: 10px 0 0;

    padding: 0;

    text-align: center;

}

.csSlideOuter .csPager.cSpg > li {

    cursor: pointer;

    display: inline-block;

    padding: 0 5px;

}

.csSlideOuter .csPager.cSpg > li a {

    background-color: #222222;

    border-radius: 30px;

    display: inline-block;

    height: 8px;

    overflow: hidden;

    text-indent: -999em;

    width: 8px;

    -webkit-transition: all 0.5s linear 0s;

    transition: all 0.5s linear 0s;

}

.csSlideOuter .csPager.cSpg > li:hover a,

.csSlideOuter .csPager.cSpg > li.active a {

    background-color: #428bca;

}

.csSlideOuter .media {

    opacity: 0.8;

}

.csSlideOuter .media.active {

    opacity: 1;

}

/* End of pager */



/** Gallery */

.csSlideOuter .csPager.cSGallery {

    list-style: none outside none;

    padding-left: 0;

    margin: 0;

    -webkit-touch-callout: none;

    -webkit-user-select: none;

    -khtml-user-select: none;

    -moz-user-select: none;

    -ms-user-select: none;

    user-select: none;

}

.csSlideOuter .csPager.cSGallery li {

    opacity: 0.7;

    -webkit-transition: opacity 0.35s linear 0s;

    transition: opacity 0.35s linear 0s;

}

.csSlideOuter .csPager.cSGallery li.active, .csSlideOuter .csPager.cSGallery li:hover {

    opacity: 1;

}

.csSlideOuter .csPager.cSGallery img {

    display: block;

    height: auto;

    max-width: 100%;

}

.csSlideOuter .csPager.cSGallery:before,

.csSlideOuter .csPager.cSGallery:after {

    content: " ";

    display: table;

}

.csSlideOuter .csPager.cSGallery:after {

    clear: both;

}

/* End of Gallery*/



/* slider actions */

.csAction > a {

    width: 32px;

    display: block;

    /* top: 33px; */

    bottom: -66px;

    height: 32px;

    background-image: url(../images/controls.png);

    cursor: pointer;

    position: absolute;

    z-index: 99;

    margin-top: -16px;

    opacity: 0.8;

    -webkit-transition: opacity 0.35s linear 0s;

    transition: opacity 0.35s linear 0s;

}

.csAction > a:hover {

    opacity: 1;

}

.csAction > .csPrev {

    background-position: 0 0;

    left: 10px;

}

.csAction > .csNext {

    background-position: -32px 0;

    right: 10px;

}

.cS-hidden {

    height: 1px;

    opacity: 0;

    filter: alpha(opacity=0);

    overflow: hidden;

}

.ny_pdt_l{

    width: 870px;

    text-align: center;

}
.ny_pdt_l>span{
    font-size: 26px;
    position: relative;
    width: 340px;
    text-align: center;
    display: block;
    margin: 0 auto;
    margin-bottom: 30px;
}
.ny_pdt_l>span:before{
        content: '';
        position: absolute;
        left: 19%;
        top: auto;
        bottom: -5px;
        right: auto;
        height: 1px;
        width: 60%;
        background-color: #ccc;
}
.ny_pdt_l>span:after{
    content: '';
    position: absolute;
    left: 39%;
    top: auto;
    bottom: -6px;
    right: auto;
    height: 3px;
    width: 23%;
    background-color: #145294;
}

.ny_pdt_l_list{
    width: 100%;
    min-height: 300px;
    border-bottom: 1px solid #ccc;
    margin-bottom: 20px;
}
.ny_pdt_l_list li{
    width: 33.33%;
    float: left;
    padding: 0 10px;
    margin-bottom: 20px;
    position: relative;
}

.ny_pdt_l_list li img{
    width: 100%;
    transition: all .3s;
    -webkit-transition: all .3s;
    -moz-transition: all .3s;
    -o-transition: all .3s;
}
.ny_pdt_l_list li h3{
    margin: 0;
    font-size: 16px;
        transition: all .5s;
    -webkit-transition: all .5s;
    -moz-transition: all .5s;
    -o-transition: all .5s;
}
.ny_pdt_l_list li:hover img{
    box-shadow: 8px 5px 10px 0px #ccc;
}

.ny_pdt_l_list li p{
    margin: 4px;
    font-size: 14px;
            transition: all .5s;
    -webkit-transition: all .5s;
    -moz-transition: all .5s;
    -o-transition: all .5s;
}

.ny_pdt_l .active img{

    width: 100%;

}


.ny_fy{
    margin:16px auto;
    text-align: center;
}
.ny_fy a{
    margin: 10px;
    display: inline-block;
    border: 1px solid#ccc;
    padding: 5px 10px;
    opacity: 0.7;
        transition: all .5s;
    -webkit-transition: all .5s;
    -moz-transition: all .5s;
    -o-transition: all .5s;
}
.ny_fy a:hover{
 opacity: 1;
}

.pdtz_list {
    text-align: center;
    padding: 20px;
}
.pdtz_list {
    text-align: center;
    padding: 20px;
}
.pdtz_list li {
    display: inline-block;
    padding: 5px 10px;
    border: solid 1px #1c5a83;
    margin: 0 5px;
}
.pdtz_list li.c {
    background: #1c5a83;
    color: white;
}
.pdtz_list li a {
    color: #000;
}



        .sideMenu{

            background: #145294;

            padding: 3em 0;

            box-shadow: 5px 5px 10px #8d8d8d;

        }

        .sideMenu h3{ 

            height: 48px;

            line-height: 44px;
            display: block;
            padding-left: 10px;

            color: #fff;

            margin: 0px 23px;

            background: #145294;

            cursor: pointer;

            position: relative;

            font: normal 18px/52px "Microsoft YaHei";    

            transition: all .3s;

            -webkit-transition: all .3s;

            -moz-transition: all .3s;

            -o-transition: all .3s;

        }
        .sideMenu_h3:before{
                height: 0!important;
        }

        .ny_pdt_rfex{
            position: fixed;
            top: 129px;
           
        }

        .sideMenu h3:before{

            content: " ";

            position: absolute;

            right: 0px;

            bottom: 0px;

            width: 100%;

            height: 1px;

            background: url(../images/pdtr_x.png);

            background-size: 100%;

                 

        }

        .sideMenu h3 a{color: #fff}

        .sideMenu h3.on a{color: #000}

        .sideMenu h3 em{ float:left; display:block; width:40px; height:40px;   background: url(../images/pdtjj.png) 16px 20px no-repeat; cursor:pointer; }
        .sideMenu h3 p{margin:0;}
        .sideMenu h3.on{background: #fff;color: #5a5a5a}

        .sideMenu h3.on em{background: url(../images/pdtjj2.png) 16px 20px no-repeat; }

        .sideMenu ul{ 

            padding: 0px 44px;

            color: #999;

        }

        .sideMenu ul li{

            color: #fff;

            height: 53px;

            line-height: 49px;}
        .sideMenu ul li p{margin:0;}
        .sideMenu ul li em{ float:left; display:block; width:40px; height:40px;   background: url(../images/pdtjj.png) 16px 20px no-repeat; cursor:pointer; }

        .sideMenu ul li a{

            color: #fff

        }

.ny_pdt_r{

    width: 325px;
    padding: 0 20px;
            transition: all .3s;

            -webkit-transition: all .3s;

            -moz-transition: all .3s;

            -o-transition: all .3s;
}




.qiy_bg1{
    background: rgba(27,76,129,0.7);
    width: 25vw;
    height: 60vh;
    position: absolute;
    z-index: 10;
    left: 0vw;
}

.qiy_bg2{
    background: rgba(27,76,129,0.7);
    width: 25vw;
    height: 60vh;
    position: absolute;
    z-index: 10;
    right: -1vw;
}