@charset "utf-8";
* {margin:0; padding:0;}
body, ul, ol, li, p, h1, h2, h3, h4, h5, h6, form, fieldset, table, td, img, div, tr {margin:0; padding:0;}
input, select{ vertical-align:middle}
textarea, input {word-wrap:break-word; word-break:break-all; padding:0px;}
li {list-style-type:none;}
img {border:0 none;}
.none{
    display: none;
}
a:link{
    text-decoration:none; color: #272727;text-decoration: none;
}
a:visited{
    text-decoration:none; color: #272727;text-decoration: none;
}
a:hover{
    text-decoration:none; color: #272727;text-decoration: none;
}
a:active{
    text-decoration:none; color: #272727;text-decoration: none;
}

body {
    font-family:"寰蒋闆呴粦", "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-size: 14px;
    color: #272727;
    background-color: #fff;
    overflow-x:hidden ;
}
.clear{
    clear: both;
}
.fl-r{
    float: right;
}
.fn-16{
    font-size: 16px;
}
/*璇█閫夋嫨*/
.hold{
    max-width: 780px;
    margin: 0 auto;
    overflow: hidden;
    padding-bottom: 50px;
}
.login{
    width: 100%;height: 100%;position: fixed;   max-width: 780px;
    left: 0%;top:0px;bottom: 0px;top:0px;background: url("../images/yindao-bg.jpg") no-repeat;background-size: cover;
    background-position: 50% 50%;
}
.logo{
    position: absolute;top:40%;left: 0%;width: 80%;;text-align: center;margin-left: 10%;
    animation-name:topAni;
    -webkit-animation:topAni 1s ease 0s normal none;
    -moz-animation:topAni 1s ease 0s normal none;
    animation:topAni 1s ease 0s normal none;
}
@-webkit-keyframes topAni{from{opacity:0;top:10%;} to{opacity:1;top:40%;} }
@-moz-keyframes topAni{from{opacity:0;top:10%;} to{opacity:1;top:40%;} }
@keyframes topAni{from{opacity:0;top:10%;} to{opacity:1;top:40%;}}

.lange{
    position: absolute;top:62%;width: 80%;;text-align: center;margin-left: 10%;  opacity: 0;

}
.langela{  opacity: 1;
    animation-name:baoAni;
    -webkit-animation:baoAni 1s linear 0s normal none;
    -moz-animation:baoAni 1s linear 0s normal none;
    animation:baoAni 1s linear 0s normal none;
}
.video ul li{
    width: 100%;margin: 10px;
}
.video ul li p{
    text-align: center;padding: 5px;line-height: 27px;
}
.video ul li iframe{
    width: 100%;height: auto;
}
@-webkit-keyframes baoAni{from{opacity:0;left:60%;} to{opacity:1;left:0%;} }
@-moz-keyframes baoAni{from{opacity:0;left:60%;} to{opacity:1;left:0%;} }
@keyframes baoAni{from{opacity:0;left:60%;} to{opacity:1;left:0%;}}

.logo img{
    width: 80%;max-width: 400px;
}
.lange img{
    width:50%;margin-top: 20px;max-width: 300px;
}
/*澶撮儴瀵艰埅*/
.head{
    overflow: hidden;padding: 10px 0;background: #47b189;
}
.head img{
   margin-left: 2%;max-width:260px;margin-top: 5px;
}
.head .tit{
    float: right;width: 30px;margin-right: 5%;margin-top: 10px;
}
.head-guide ul{
    display: none;
}
.head-guide ul li{
    padding: 10px;border-bottom: 1px solid #459c7b;background: #338d6b
}
.n-about table {
    margin-top:15px;
    border-collapse:collapse;
    border:1px solid #aaa;
    width:100%;
    text-align: center;
    vertical-align: middle;
}

.n-about table  th {
    vertical-align:baseline;
    padding:5px 15px 5px 6px;
    background-color:#3F3F3F;
    border:1px solid #3F3F3F;
    text-align:left;

}

.n-about table  td {
    vertical-align:middle;
    padding:6px 15px 6px 6px;
    border:1px solid #fff;
    vertical-align: middle;
}
.n-about table  td img{
    vertical-align: middle;padding-right: 10px;
}
.n-about table tr:first-child{
    background:#0068b7;color:#fff
}
.n-about table tr:nth-child(odd){

}
.n-about table tr:nth-child(even){
    background: #aedcff;

}

.head-guide ul li:nth-child(1){

}
.head-guide ul li a{
    color: #fff;
}
.head-guide ul li i{
    width: 20px;height: 20px;background: url("../images/icon-9.png") no-repeat;
    background-size: 100% 100%;display: inline-block;vertical-align: middle;margin-right: 10px;
}
.head-guide ul li:nth-child(2) i{
    background: url("../images/icon-1.png") no-repeat;
    background-size: 100% 100%;
}
.head-guide ul li:nth-child(3) i{
    background: url("../images/icon-4.png") no-repeat;
    background-size: 100% 100%;
}
.head-guide ul li:nth-child(4) i{
    background: url("../images/icon-2.png") no-repeat;
    background-size: 100% 100%;
}
.head-guide ul li:nth-child(5) i{
    background: url("../images/icon-3.png") no-repeat;
    background-size: 100% 100%;
}
.head-guide ul li:nth-child(6){

}
.second-guider ul li:nth-child(6){

}
.head-guide ul li:nth-child(6) i{
    background: url("../images/icon-5.png") no-repeat;
    background-size: 100% 100%;
}
.head-guide ul li:nth-child(7){
    display: none;
}
.head-guide ul li:nth-child(7) i{
    background: url("../images/icon-8.png") no-repeat;
    background-size: 100% 100%;
}
.head-guide ul li:nth-child(8) i{
    background: url("../images/icon-8.png") no-repeat;
    background-size: 100% 100%;
}
.head-guide ul li:nth-child(11) i{
    background: url("../images/icon-6.png") no-repeat;
    background-size: 100% 100%;
}
.head-guide ul li:nth-child(9) i{
    background: url("../images/icon-8.png") no-repeat;
    background-size: 100% 100%;
}
/*浜岀骇瀵艰埅*/
.second-guider{
    margin: 10px 0;overflow: hidden;
}
.second-guider ul li{
    float: left;width: 33.333%;text-align: center;margin: 10px 0;
}
.second-guider ul li .list-1{
    width: 45px;height: 45px;background: #07d2a3;margin: 0 auto;vertical-align: middle;border-radius: 10px;
}
.second-guider ul li p{
    margin-top: 5px;
}
.second-guider ul li:nth-child(1){
    display: none;
}
.second-guider ul li:nth-child(2) .list-1{
;background: #ffb30f;
}
.second-guider ul li:nth-child(3) .list-1{
;background: #f63274;
}
.second-guider ul li:nth-child(4) .list-1{
;background:#ff5379;
}
.second-guider ul li:nth-child(5) .list-1{
;background:#3796f8;
}
.second-guider ul li:nth-child(6) .list-1{
;background:#ff7d01
}
.second-guider ul li:nth-child(7) .list-1{
;background:#4daaef;
}
.second-guider ul li:nth-child(8) .list-1{
;background:#00ffff
}


.second-guider ul li .list-1 i{
    width: 35px;height: 35px;display: inline-block;background: url("../images/icon-1.png") no-repeat;background-size: 100% 100%;
    vertical-align: middle;margin-top: 5px;
}
.second-guider ul li:nth-child(2) .list-1 i{
background: url("../images/icon-2.png") no-repeat;background-size: 100% 100%;
}
.second-guider ul li:nth-child(3) .list-1 i{
    background: url("../images/icon-3.png") no-repeat;background-size: 100% 100%;
}
.second-guider ul li:nth-child(4) .list-1 i{
    background: url("../images/icon-7.png") no-repeat;background-size: 100% 100%;
}
.second-guider ul li:nth-child(5) .list-1 i{
    background: url("../images/icon-5.png") no-repeat;background-size: 100% 100%;
}
.second-guider ul li:nth-child(6) .list-1 i{
    background: url("../images/icon-6.png") no-repeat;background-size: 100% 100%;
}
.second-guider ul li:nth-child(7) .list-1 i{
    background: url("../images/icon-8.png") no-repeat;background-size: 100% 100%;
}
.second-guider ul li:nth-child(8) .list-1 i{
    background: url("../images/icon-8.png") no-repeat;background-size: 100% 100%;
}
.second-guider ul li:nth-child(10) .list-1 i{
    background: url("../images/icon-9.png") no-repeat;background-size: 100% 100%;
}
/*浜у搧瀵艰埅*/
.s-guider{
    border-bottom: 1px solid  #0068b7;padding-bottom: 5px;
}

.s-guider i{
    width: 2px;height: 20px;background: #0068b7;display: inline-block;margin: 0 10px;vertical-align: middle;
}
.s-guider span{
    font-size: 18px;vertical-align: middle;font-weight: bold;
}
.n-s-guider{
    border-bottom: 1px solid  #0068b7;padding-bottom: 5px;margin-top: 20px;position: relative;
}
.n-s-guider i{
    width: 2px;height: 20px;background: #0068b7;display: inline-block;margin: 0 10px;vertical-align: middle;
}
.n-s-guider span{
    font-size: 18px;vertical-align: middle;font-weight: bold;
}
.n-s-guider font{
    width: 20px;
    height: 20px;
    background: url("../images/d.png") no-repeat;
    background-size: 100% 100%;
    display: inline-block;
    float: right;
    margin-right: 10px;
    margin-top: 5px;
}
/*浜у搧鍒楄〃*/
.pro-l-hold ul{
    margin-bottom: 10px;display: none;
}
.pro-l-hold ul li{
    padding: 8px;border-bottom: 1px dotted #ddd;background: #338d6b
}
.pro-l-hold ul li a{
    color: #fff;
}

/*浜у搧鍒楄〃*/
.list-prodect{
    overflow: hidden;padding-bottom: 10px;
}
.list-prodect ul li{
    width: 44%;margin:3% ;background: #dadada;text-align: center;float: left;
}
.list-prodect ul li img{
    width: 90%;margin-top: 15px;;
}
.list-prodect ul li p{
    padding: 10px 0;white-space: nowrap;text-overflow: ellipsis;overflow: hidden;
}
/*搴旂敤棰嗗煙*/
.yingyong-hold{
    margin: 10px 0;
}
.yingyong-hold ul li{
    width: 94%;margin-left: 3%;border-bottom: 1px solid #459c7b;
}
.yingyong-hold ul li>p{
    background: #0068b7;overflow: hidden;padding: 10px 15px;vertical-align: middle;
}
.yingyong-hold ul li>p span{
    vertical-align: middle;color: #fff;
}
.yingyong-hold ul li>p i{
    width: 20px;height: 20px;display: inline-block;background: url("../images/down1.png") no-repeat;
    background-size: 100% 100%;float: right;vertical-align: middle;
}
.yingyong-hold ul li .yingyong-list{
   border: 1px solid #ddd;padding-bottom: 20px;display: none;
}
.yingyong-hold ul li .yingyong-list img{
    width: 100%;
}
.yingyong-hold ul li .yingyong-list p{
    line-height: 27px;
}
.yingyong-hold ul .active>p i{
    background: url("../images/up1.png") no-repeat;
    background-size: 100% 100%;
}
/*鑱旂郴鎴戜滑*/
.contact{
 width: 94%;margin-left: 3%;border: 1px solid #ddd;border-radius: 20px;text-align: center;padding: 20px 0;margin-top: 20px;
    box-shadow: rgb(217, 217, 217) 0px 0px 6px 0px;
}
.contact img{
    width: 80%;
}
.contact ul li{
    padding: 10px 0;border: 1px solid #ddd;border-radius: 20px;width:90% ;margin-left: 5%;margin-top: 10px;text-align: left;margin-left: 5%;
}
.contact ul li span{
    vertical-align: middle;
}

.contact ul li i{
    width: 20px;height: 20px;display: inline-block;vertical-align: middle;background: url("../images/phone.png") no-repeat;
    background-size: 100% 100%;margin-right: 10px;margin-left: 10px;
}

.contact ul li:nth-child(2) i{
    vertical-align: middle;background: url("../images/phone.png") no-repeat;
    background-size: 100% 100%;
}
.contact ul li:nth-child(3) i{
    vertical-align: middle;background: url("../images/icon-81.png") no-repeat;
    background-size: 100% 100%;
}
.contact ul li:nth-child(4) i{
    vertical-align: middle;background: url("../images/address.png") no-repeat;
    background-size: 100% 100%;
}
.contact ul li:nth-child(5) {
   text-align: center;
}
.c-bom{
    text-align: center;padding: 10px;
}
/*缃戠珯搴曢儴*/
.footer{
    position: fixed;bottom: 0px;;margin: 0 auto;width: 100%;background: #fff;z-index: 2;
}
.footer ul{
    overflow: hidden;border: 1px solid #ddd;
}
.footer ul li{
    width: 32.3333%;text-align: center;border-right: 1px solid #ddd;float: left;padding: 10px 0;font-size: 18px;
}
.footer ul li i{
    width: 20px;height: 20px;display: inline-block;background: url("../images/icon-91.png") no-repeat;
    background-size: 100% 100%;margin-right: 10px;vertical-align: middle;
}
.footer ul li:nth-child(2) i{
    background: url("../images/icon-21.png") no-repeat;  background-size: 100% 100%;
}
.footer ul li:nth-child(3) i{
    background: url("../images/icon-81.png") no-repeat;  background-size: 100% 100%;
}
.footer ul li span{
    vertical-align: middle;
}
.footer ul li:nth-child(3){
    border-right: 0px;
}
/*鐢佃瘽涓庤繑鍥為《閮?/
.scroll{
    position: fixed;right: 10px;bottom: 70px;z-index: 10;
}
.s-tel{
    width: 40px;height: 40px;background: #0068b7;border-radius: 50%;text-align: center;
}
.s-tel i{
    width: 25px;height:25px;background: url("../images/ph.png") no-repeat;background-size: 100% 100%;display: inline-block;
}
.s-tel p{
    font-size: 12px;color: #fff;margin-top: -10px;
}
.s-scroll{
    width: 40px;height: 40px;background: #0068b7;border-radius: 50%;text-align: center;margin-top: 10px;
}
.s-scroll i{
    width: 15px;height: 15px;background: url("../images/up1.png") no-repeat;background-size: 100% 100%;display: inline-block;margin-top: 5px;
}
.s-scroll p{
    font-size: 12px;color: #fff;margin-top: -5px;
}
/*鏂伴椈鍒楄〃*/
.list-news{
;background: #dadada;overflow: hidden;
}
.list-news ul li{
    overflow: hidden;height: 120px;border-bottom: 1px dashed #a7a7a7;
}
.list-news ul li .list-news-l{
    width: 60%;overflow: hidden;float: left;
}
.list-news ul li .list-news-l p:first-child{
    font-size: 16px;color: #333;margin-top: 10px;
}
.list-news ul li .list-news-l p {
    line-height: 27px;font-size: 14px;padding-left: 10px;
}
.list-news ul li .list-news-l p+p{
    white-space: nowrap;overflow: hidden;text-overflow: ellipsis;
}
.list-news ul li .list-news-l p+p+p{
    font-size: 12px;color: #737373;
}
.list-news ul li .list-news-r{
    width: 40%;text-align: center;float: right;
}
.list-news ul li .list-news-r img{
    width: 120px;height: 100px;margin-top: 10px;
}
.table{
    width: 100%;
}
.table tbody tr td {
    border-bottom: 1px solid #ddd;
}
.table tbody tr td:first-child{
    width: 120px;text-align: center;padding: 10px 0;
}
.table tbody tr td:first-child img{
    width: 100px;
}
.title{
    font-size: 16px;font-weight: bold;
}


/*鏂伴椈鍒楄〃*/
.n-list-news ul{
    margin-bottom: 20px;
}
.n-list-news ul li i{
    background: url("../images/about_20.png");width: 8px;height: 10px;display: inline-block;vertical-align: middle;
}
.n-list-news ul li  span{
    vertical-align: middle;
}
.n-list-news ul li{
    overflow: hidden;padding: 10px;border-bottom: 1px dashed #ddd;
}
.fenye{
    overflow: hidden;margin: 15px 0;
}
.fenye ul  li{
    float: left;padding: 5px;
}
.n-about{
    line-height: 27px;padding: 10px;
}
.n-about h2{
    font-size: 18px;text-align: center;margin: 20px 0;
}
.n-about img{
    width: 96%;margin-left: 2%;
}

.n-about-con table tr td{
    text-align: center;vertical-align: middle;
}
.n-about-con table tr td:nth-child(odd){
    background: #98A697;
}
.n-about-con table tr td:nth-child(even){
    background: #00a0e9;
}
.itemFullText{
    overflow-x:auto ;
}
.itemFullText table {
    line-height:27px;
    margin-top:15px;
    border-collapse:collapse;
    border:1px solid #e1e1e1;
    width:800px;
    text-align: center;


}

.itemFullText table  th {
    vertical-align:baseline;
    padding:5px 15px 5px 6px;
    background-color:#3F3F3F;
    border:1px solid #e1e1e1;
    text-align:left;

}

.itemFullText table  td {
    vertical-align:middle;
    padding:6px 15px 6px 6px;
    border:1px solid #e1e1e1;

}
.itemFullText table  td  a{
    padding: 6px 10px;
    background: #55a1d9;
    color: #fff;
    border-radius: 5px;
}
.itemFullText table tr:first-child{
    background: #55a1d9;color:#fff
}

.wrap-message .message .form-l {
    margin: 1%;
}
.form-b{
    margin: 1%;
}
.form-l select{
    outline: none;

    width: 100%;
    min-height: 40px;
    margin-top: 20px;
    padding: 5px 18px;

    border: 1px solid #e4e4e4;
    background-color: #f7f7f7;
}
.wrap-message .message form input,
.wrap-message .message form textarea
{
    line-height: 26px;
    outline: none;

    width: 90%;
    min-height: 32px;
    margin-top: 20px;
    padding: 3px 18px;

    border: 1px solid #e4e4e4;
    background-color: #f7f7f7;
}
.wrap-message .message form input::-webkit-input-placeholder,
.wrap-message .message form textarea::-webkit-input-placeholder
{
    color: #999;
}
.wrap-message .message form input:-o-placeholder,
.wrap-message .message form textarea:-o-placeholder
{
    color: #999;
}
.wrap-message .message form input::-moz-placeholder,
.wrap-message .message form textarea::-moz-placeholder
{
    color: #999;
}
.wrap-message .message form input:-ms-input-placeholder,
.wrap-message .message form textarea:-ms-input-placeholder
{
    color: #999;
}
.wrap-message .message form input:focus::-webkit-input-placeholder,
.wrap-message .message form textarea:focus::-webkit-input-placeholder
{
    color: #c5c5c5;
}
.wrap-message .message form input:focus::-o-placeholder,
.wrap-message .message form textarea:focus::-o-placeholder
{
    color: #c5c5c5;
}
.wrap-message .message form input:focus::-moz-placeholder,
.wrap-message .message form textarea:focus::-moz-placeholder
{
    color: #c5c5c5;
}
.wrap-message .message form input:focus::-ms-input-placeholder,
.wrap-message .message form textarea:focus::-ms-input-placeholder
{
    color: #c5c5c5;
}
.col-xs-12{
    text-align: center;
}
.wrap-message .message form .submit
{
    display: inline-block;

    width: 160px;

    margin: 30px auto;
    text-align: center;


    -webkit-transition: all .4s;
    transition: all .4s;
    border: 0px;
    cursor: pointer;
    color: #fff;
    border-radius: 0;
    background-color: #004da0;
}
.wrap-message .message form .submit:hover
{
    background-color: #c11439;
}

.n-about {
    overflow-x: auto;
}