﻿.ui_div {
    width: 100%;
}

.ui_div_con {
    width: 88.33%;
    margin: 0px auto;
}

.header {
    width: 100%;
    position: fixed;
    height: 115px;
    left: 0px;
    top: 0px;
    z-index: 10000;
    -webkit-transition: all ease-out 0.2s;
    transition: all ease-out 0.2s;
}

.header.fixedmenu {
    top: 0px;
    background-color: #fff;
    -moz-box-shadow: 0px 0px 10px #c7c5bf;
    -webkit-box-shadow: 0px 0px 10px #c7c5bf;
    box-shadow: 0px 0px 10px #c7c5bf;
}

.header.fixednav.fixedmenu {
    position: fixed;
}


.header:hover {
    background-color: #ffffff;
}


/* .header:hover .ui_div_con .i_logo_img .logo_1s::after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 69%;
    background: url(./logo_1s.png) no-repeat center;
} */

.header:hover .ui_div_con .i_logo_ul .a_nav {
    color: #000;
}

.i_logo_img {
    width: 24%;
    float: left;
    padding-top: 34px;
    margin-left: 4%;
}

.i_logo_img img {
    width: 95%;
}   

.i_logo_img .logo_2s {
    width: 95% !important;
}

/* .i_logo_img .logo_3s {
    display: none;
} */

.i_logo_ul {
    width: 62.5%;
    float: left;
}

.i_logo_ul .nav_menu {
    width: 100%;
    margin: 0px;
    padding: 0px;
}

.i_logo_ul .nav_menu li {
    width: 14%;
    height: 115px;
    float: left;
    margin: 0px;
    padding: 0px;
    position: relative;
}

.i_logo_ul .nav_menu li .a_nav {
    width: 100%;
    position: relative;
    height: 115px;
    line-height: 115px;
    display: inline-block;
    text-align: center;
    overflow: hidden;
    color: #ffffff;
    font-size: 20px;
}

.header.fixedmenu .i_logo_ul .nav_menu li .a_nav {
    color: #1a1a1a;
}

.i_logo_ul .nav_menu li .a_nav:hover, .i_logo_ul .nav_menu li .a_nav.active, .i_logo_ul .nav_menu li .a_nav.active1 {
    color: #ffffff;
    /*background-color:#c1cef2; */
    text-decoration: none;
}

.i_logo_ul .nav_menu li .a_nav:after {
    content: "";
    width: 0px;
    height: 2px;
    background-color: rgb(10, 80, 180);
    position: absolute;
    left: 36%;
    bottom: 20px;
    -webkit-transition: all ease-out 0.2s;
    transition: all ease-out 0.2s;
    margin-left: 0px;
    -moz-border-radius: 1.5px;
    /* Gecko browsers */
    -webkit-border-radius: 1.5px;
    /* Webkit browsers */
    border-radius: 1.5px;
    /* W3C syntax */
}

.i_logo_ul .nav_menu li .a_nav:hover:after, .i_logo_ul .nav_menu li .a_nav.active:after, .i_logo_ul .nav_menu li .a_nav.active1:after {
    width: 78px;
    margin-left: -23px;
}

.i_logo_ul .nav_menu li dl {
    width: 280px;
    position: absolute;
    left: 70%;
    margin-left: -80px;
    padding: 10px 5px 4px;
    top: 100%;
    background-color: rgba(253, 253, 253, 0.9);
    z-index: 111;
    display: none;
}

.i_logo_ul .nav_menu li:nth-child(4) dl {
    width: 104px;
}

.i_logo_ul .nav_menu li:nth-child(6) dl {
    width: 104px;
}

.i_logo_ul .nav_menu li:nth-child(2) dl {
    width: 366px;
}

.i_logo_ul .nav_menu li:last-child dl{
    width: 100px;
    left: 75%;
}

.i_logo_ul .nav_menu li:last-child dl dd{
    width: 100%;
}

.i_logo_ul .nav_menu li:last-child dl dd a::after {
    left: 7px;
}

.i_logo_ul .nav_menu li dl dd {
    width: 50%;
    float: left;
    position: relative;
}



.i_logo_ul .nav_menu li dl dd a {
    height: 40px;
    line-height: 40px;
    overflow: hidden;
    text-align: inherit;
    color: #333;
    padding-left: 18%;
    font-size: 16px;
    display: inline-block;
}


.i_logo_ul .nav_menu li:nth-child(4) dl dd {
    width: 100%;
}

.i_logo_ul .nav_menu li:nth-child(6) dl dd {
    width: 100%;
}

.i_logo_ul .nav_menu li:nth-child(4) dl dd a {
    padding-left: 23%;
}

.i_logo_ul .nav_menu li:nth-child(6) dl dd a {
    padding-left: 23%;
}


.i_logo_ul .nav_menu li dl dd a::after {
    content: "";
    position: absolute;
    top: 28%;
    left: 10px;
    width: 2px;
    height: 16px;
    background-color: #0a50b4;
}

.i_logo_ul .nav_menu li dl dd a:hover {
    color: #0a50b4;
    text-decoration: none;
}


.right_s {
    width: 5%;
    height: 115px;
    float: left;
}

.right_s .shu_ge {
    width: 2px;
    height: 24px;
    background-color: #999;
    display: inline-block;
    margin-right: 36%
}

.right_s .sou_s {
    width: 22px;
    height: 23px;
    display: inline-block;
    margin-top: 46px;
}

.right_s .sou_s img {
    width: 100%;
    height: 100%;
}


.right_s .sou_s .x_h {
    width: 100%;
    height: 100%;
}

/* --------------------- heards_nav   end */



/* 手机导航 start */
/* CSS Document */
.phone_nav{ display:none;}
.phone_nav.fixedmenu{ position:fixed; top:0px; background-color:#fff; left:0px;z-index:100000;-moz-box-shadow:0px 0px 10px #c7c5bf;/*firefox*/  
-webkit-box-shadow:0px 0px 10px #c7c5bf;/*webkit*/  
box-shadow:0px 0px 10px #c7c5bf;/*opera或ie9*/}
.phone_logo{padding:10px 0px;}
.phone_logo .p1 img{width:auto; height:40px;}

@media screen and (max-width:1200px) {
.phone_logo .p1 { display: block; width:100%; display:inline-block; position:relative;}

/*.header{ display:none;}*/
.phone_logo {width: 100%;padding: 15px 20px;box-sizing: border-box;}

.phone_nav{display:block; background-color: #fff;  position:relative; width:100%; top:0;left:0; display:block; z-index:100000;}

/*导航按钮*/
.phone_nav .nav_but_box{ display:block; position:absolute; width:30px; height:30px; right:10px; top:50%; margin-top:-15px; z-index:1;
transition:all 0.7s; -webkit-transition:all 0.7s;}
.phone_nav .nav_but { display:inline-block; position:relative;width:20px; height:2px; z-index:2; margin:13px 0 0 5px; background:#194D90;
-webkit-transition-property: background-color, -webkit-transform;
transition-property: background-color, -webkit-transform;
transition-property: background-color, transform;
transition-property: background-color, transform, -webkit-transform;
-webkit-transition-duration: 300ms;
transition-duration: 300ms;}
.phone_nav .nav_but:before,.nav_but:after {content: ''; display:block; width:20px; height:2px; position:absolute; background:#194D90;
transition-property: margin, -webkit-transform; -webkit-transition-property: margin, -webkit-transform;
transition-property: margin, transform; transition-property: margin, transform, -webkit-transform;
transition-duration: 300ms; -webkit-transition-duration: 300ms;}
.phone_nav .nav_but:before{margin-top:-5px;}
.phone_nav .nav_but:after {margin-top:5px;}

/*栏目名称*/
.phone_nav .nav_main{height:100%; position:fixed;  left:0; opacity:0; width:0; transition:all 0.4s ease 0.3s; -webkit-transition:all 0.4s ease 0.3s; background-color:#fff;overflow:hidden;}
.phone_nav .nav_main ul{ padding:0 20px; margin-top:40px;}
.phone_nav .nav_main li a{background-position:left; color:#333; height:46px; line-height:46px; display:inline-block; background-size:32px; background-repeat:no-repeat; font-size:14px;}
.phone_nav .nav_main .ss{border:1px solid #fff; margin-top:20px;}
.phone_nav .nav_main .ss .p2{ float:right;}
.phone_nav .nav_main .ss .p2 input{ border:0;  width:34px; height:34px;}
.phone_nav .nav_main .ss .p1{ display:block; margin:0 34px 0 5px; }
.phone_nav .nav_main .ss .p1 input{ width:100%; height:34px; line-height:34px; background:none; border:0; font-family:"Microsoft YaHei"; font-size:14px; color:#fff;}
.phone_nav .nav_main li b{ display:inline-block; position:absolute; right:10px; top:0px; width:50%; height:50px; background: url("./lmfooter_bottom.png") center right no-repeat; z-index:99;}
.phone_nav .nav_main .ul{padding:0 0 0px 40px; margin:0;  max-height:0; overflow:hidden; transition:max-height 0.4s; -webkit-transition:max-height 0.4s;}
.phone_nav .nav_main .ul li{ padding:0; border-bottom:0; transform:translateX(0px); -webkit-transform:translateX(0px);}
.phone_nav .nav_main .ul li a{ padding:0; height:auto; line-height:30px; font-weight:normal}

.phone_nav .nav_main .b_one .ul{ max-height:300px; padding:0 0 0px 20px; margin-bottom:10px;}
.phone_nav .nav_main .b_one b {
    background: url(./lmfooter_bottom1.png) center right no-repeat;
    background-size: 12px 7px;
    /* transform:rotate(180deg); -webkit-transform:rotate(180deg); */
}

.phone_nav .nav_main li{width:100%; transform:translateX(100px); -webkit-transform:translateX(100px); transition:all 0.8s ease; -webkit-transition:all 0.8s ease; border-bottom:1px solid rgba(225,225,225,0.5); position:relative;}
.phone_nav .nav_main li:nth-of-type(1){ transition-delay:0.1s; -webkit-transition-delay:0.1s; }
.phone_nav .nav_main li:nth-of-type(2){ transition-delay:0.2s; -webkit-transition-delay:0.2s; }
.phone_nav .nav_main li:nth-of-type(3){ transition-delay:0.3s; -webkit-transition-delay:0.3s; }
.phone_nav .nav_main li:nth-of-type(4){ transition-delay:0.4s; -webkit-transition-delay:0.4s; }
.phone_nav .nav_main li:nth-of-type(5){ transition-delay:0.5s; -webkit-transition-delay:0.5s; }
.phone_nav .nav_main li:nth-of-type(6){ transition-delay:0.6s; -webkit-transition-delay:0.6s; }
.phone_nav .nav_main li:nth-of-type(7){ transition-delay:0.6s; -webkit-transition-delay:0.6s; }
.phone_nav .nav_main li:nth-of-type(8){ transition-delay:0.6s; -webkit-transition-delay:0.6s; }
.phone_nav .nav_main li:nth-of-type(9){ transition-delay:0.6s; -webkit-transition-delay:0.6s; }
.phone_nav .nav_main li:nth-of-type(10){ transition-delay:0.6s; -webkit-transition-delay:0.6s; }
/*打开样式*/
.phone_nav_one{  transition-delay:0s; -webkit-transition-delay:0s; }
.phone_nav_one .nav_main {opacity:1; width:100%; overflow:inherit;}
.phone_nav_one .nav_but{background: rgba(0, 0, 0, 0); }
.phone_nav_one .nav_but:before {margin-top: 0; transform:rotate(45deg); -webkit-transform:rotate(45deg);}
.phone_nav_one .nav_but:after {margin-top:0; transform:rotate(-45deg); -webkit-transform:rotate(-45deg);}
.phone_nav_one .nav_but_box { opacity:0.8;}
.phone_nav_one .nav_main li{width:100%; transform:translateX(0); -webkit-transform:translateX(0);}
}

@media screen and (max-width:470px){/*--768-0--*/
.phone_logo {padding: 10px 10px}
.phone_nav .nav_main ul{ height:410px;}
.phone_nav .nav_main .b_one .ul{ height:auto;}

}
@media screen and (max-width:758px){/*--768-0--*/
/*.phone_nav .nav_but_box{ top:34px; right:10px;}*/
.phone_nav .nav_main ul{ margin-top:20px; height:550px; overflow-y:auto; box-sizing:border-box;}
.phone_nav .nav_main .b_one .ul{ height:auto;}

}

.i_ssbn{width:50px; height:100%; background:url(./ss_2.png) center no-repeat;  background-size:17px; position:absolute; top:0px; right:40px; z-index:10000;}
.i_ssbn span{width:100%; height:100%; display:inline-block;}
.i_ssbn_div{width:200px; overflow: hidden; display:none; background-color:#fff; z-index:10000; position:absolute; right:0px; top:100%;box-shadow: 0px 0px 9px 0px #ccc;}
.i_ssbn_div .ipt1{width:80%; height:40px; line-height:40px; float: left; text-indent:15px; border:0px; font-family:"微软雅黑"; background-color:#fff; color:#b9b9b9; font-size:0.16rem;}
.i_ssbn_div .ipt2{width:20%; height:40px; float: right; background:url(./ss_1.png) center no-repeat; background-color:#1a4d8f; border:0px; background-size:15px;}
.i_ssbn_div input:-moz-placeholder { /* Mozilla Firefox 4 to 18 */
    color: #b9b9b9;  
}

.i_ssbn_div input::-moz-placeholder { /* Mozilla Firefox 19+ */
    color: #b9b9b9;
}

.i_ssbn_div input:-ms-input-placeholder {
    color: #b9b9b9;
}

.i_ssbn_div input::-webkit-input-placeholder {
    color: #b9b9b9;
}

/* 手机导航 end */
.heards {
    width: 100%;
    height: 128px;
    /* background-color: #fff; */
    position: fixed;
    top: 0;
    z-index: 1000;
}

.heards .logs {
    position: absolute;
    left: 5%;
    top: 50%;
    transform: translateY(-50%);
    width: 23%;
    max-width: 447px;
}

.heards.fixedmenu, .heards.fixedmenu1.fixedmenu {
    position: fixed;
    top: 0;
    -moz-box-shadow: 0px 0px 10px #c7c5bf;
    /*firefox*/
    -webkit-box-shadow: 0px 0px 10px #c7c5bf;
    /*webkit*/
    box-shadow: 0px 0px 10px #c7c5bf;
    /*opera或ie9*/
    background: #ffffff !important;
    z-index: 99;
}

.heards.fixedmenu1 {
    position: relative;
}

#homes {
    width: 59%;
    height: 128px;
    display: inline-block;
    position: absolute;
    left: 26%;
    text-align: center;
}

#homes>li {
    display: inline-block;
    line-height: 126px;
    width: 12%;
    text-align: center;
    height: 126px;
}

/* #homes>li:hover{
    color: #0a50b4;
    border-bottom: 2px solid #0a50b4;
} */

#homes a {
    color: #1a1a1a;
    font-size: 20px;
    display: inline-block;
    height: 100px;

}


.loks {
    width: 300px;
    height: 170px;
    background-color: rgba(253, 253, 253, 0.5);
    position: absolute;
    z-index: 2;
    margin-left: 29.7%;
    display: none;
}

.loks ul {
    width: 100%;
}

.loks ul li {
    color: #333333;
    font-size: 18px;
    display: inline-block;
    line-height: 50px;
    margin-left: 25px;
    width: 38%;
}

.loks ul li div {
    height: 16px;
    border-left: 2px solid #0a50b4;
    display: inline-block;
}

.loks ul li a {
    padding-left: 14px;
    color: #333333;
}

.loks li a:hover {
    color: #0a50b4;
}


.myprev {
    transform: translateY(-50%);
    z-index: 8;

}

.mynext {
    transform: translateY(-50%);
    z-index: 8;
}
