@charset "utf-8";

/*base style*/

html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, abbr, address, cite, code, del, dfn, em, img, ins, kbd, q, samp, small, strong, sub, sup, var, b, i, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, figure, footer, header, menu, nav, section, time, mark, audio, video, details, summary{ margin:0; padding:0;}

body{ font-family:"Microsoft Yahei","Arial"; color:#333; background-color:#fff; font-size:14px; background-attachment:fixed; overflow-x:hidden;}

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;

}

img{ border:none; vertical-align:middle;}

i,em{ font-style:normal;}

li{ list-style-type:none;}

textarea{ resize:vertical;}

input, select, textarea{ font-family:"Microsoft Yahei","Arial"; background-color:#fff; margin:0; padding:0; outline:none;}

.clear{

    clear: both;

}

.fl-r{

    float: right;

}

.fl-l{

    float: left;

}

.n-banner img{

width:100%

}

/*头部导航*/

.head{

    position: fixed;left: 0px;top:0px;width: 100%;background: rgba(1, 133, 241, 0.8);z-index: 1000;

}

.head .head-guider{

    width: 1280px;margin: 0 auto;

}

.head .head-guider .head-left{

    float: left;

}

.head-right{

    float: right;    padding-top: 20px;

}

.head-right-top{

    margin-top: 10px;float: right;

}

.head-right-top img{

    margin: 0 10px;

}

.nav li {

    float: left;

    padding: 0 14px 0 23px;

    background: url(../images/ico2.png) no-repeat left center;

    position: relative;

    line-height: 40px;



}

.nav li:first-child {

    background: none;

}

.nav li a {

    font-size: 16px;

    color: #fff;

    text-decoration: none;

    transition: color 0.3s linear 0s;

    padding: 10px 0;



}

.nav li span {

    display: none;

    font-size: 0;

}

.nav li ul{

    position: absolute;left: 0px;top:40px;width: 100px;text-align: center;display: none;

}

.nav li:hover ul{

    display: block;

}

.nav li ul li{

    background: rgba(1, 133, 241, 0.8);width: 100%;padding: 0px;

}

.nav li ul li:first-child{

    background: rgba(1, 133, 241, 0.8)

}

.nav li ul li:hover{

    background: #0185f1;

}



/*网站内页*/

.n-product-hold{

    width: 1200px;overflow: hidden;margin: 40px auto;

}

.n-hold{

    width: 1200px;margin: 40px auto;

}

.n-pro-guide{

    height: 40px;margin: 20px auto;border-bottom: 1px solid #49c9f1;overflow: hidden;width: 1300px;

}

.n-pro-guide .n-pro-g-left{

    float: left;height: 40px;line-height: 40px;

}

.n-pro-guide .n-pro-g-left i{

    height: 22px;width: 4px;background: #0058a6;display: inline-block;line-height: 40px;vertical-align: middle;

}

.n-pro-guide .n-pro-g-left span{

    color: #000;font-size: 18px;line-height: 40px;vertical-align: middle;display: inline-block;line-height:40px;margin-left: 5px;

}

.n-pro-g-right{

    float: right;height: 40px;line-height: 40px;font-size: 16px;

}

.fenye{

    overflow: hidden; width:1380px;margin: 24px auto;

}

.fenye span{ padding: 5px;}
.fenye span.active font{ color: #0185f1;}

.fenye ul li{

    float: left;padding: 5px;

}






.n-product-tit{

    text-align: center;margin-bottom: 40px;

}

.n-product-list ul li{

    float: left;width: 42%;margin:0 2% ;overflow: hidden;padding: 2%;

    -webkit-transition: -webkit-transform 0.3s;

    transition: -moz-transform 0.3s;

    -o-transition: -o-transform 0.3s;

    transition: transform 0.3s;

}

.n-product-list ul li:hover{

    transform: translate(0,-5px);

    -moz-transform: translate(0,-5px);

    -o-transform: translate(0,-5px);

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

    box-shadow: 5px 5px 30px rgba(0, 0, 0, 0.3);

}

.n-product-list ul li .n-product-list-left{

    float: left;width: 180px;height: 178px;text-align: center;background: url("../images/n-pro-bg.png") repeat;color: #fff;

}

.n-product-list ul li .n-product-list-right img{

    width: 320px;height: 178px;

}

.n-product-list ul li .n-product-list-left .n-pro-tit{

    font-size: 22px;margin-top: 30px;

}

.n-product-list ul li .n-product-list-left .xian{

    width: 40px;height: 2px;background: #fff;display: inline-block;margin: 20px auto;

}

.fenxiang{

    padding-top:30px; padding-bottom:30px;float: right;

}

.n-fooer{

    background: #0185f1;line-height: 30px;padding: 20px;text-align: center;color: #fff;

}

.n-fooer a{

    color: #fff;

}

.n-pro-leftguider{

    float: left;width: 150px;background:#0085cd;text-align: center;

}

.n-pro-leftguider .n-pro-leftguider-top{

    padding: 20px 0;border-bottom: 1px solid #fff;

}

.n-pro-leftguider .n-pro-leftguider-list ul li{

    padding: 10px 0;border-bottom: 1px solid #fff;

    webkit-transition: all 0.5s ease 0s;

    transition: all 0.5s ease 0s;

    -ms-transition: all 0.5s ease 0s;

}



.n-pro-leftguider .n-pro-leftguider-list ul li:hover{

    background: #005499;

}

.n-pro-leftguider .n-pro-leftguider-list ul .current{

    background: #005499;

}

.n-pro-leftguider .n-pro-leftguider-list ul li a{

    color: #fff;

}

.n-pro-right-hold{

   width: 1340px; margin: 0 auto;

}



.n-pro-right-hold ul li{

    float: left;text-align: center;width:295px;margin: 15px;border: 4px solid #cecece;background: #fff;

    webkit-transition: all 1s ease 0s;

    transition: all 1s ease 0s;

    -ms-transition: all 1s ease 0s;

    overflow: hidden;

    height: auto;

}

.n-pro-right-hold ul li .img-ps{

    width: 290px;height: 260px;margin: 10px auto;overflow: hidden;

}

.n-pro-right-hold ul li img{

    width: 100%; webkit-transition: all 1s ease 0s;

    transition: all 1s ease 0s;

    -ms-transition: all 1s ease 0s;

}

.n-pro-right-hold ul li p{

    padding: 20px;background: #cecece;font-size: 16px;

    webkit-transition: all 1s ease 0s;

    transition: all 1s ease 0s;

    -ms-transition: all 1s ease 0s;

    white-space: nowrap;

    overflow: hidden;

    text-overflow: ellipsis;

}



.n-pro-right-hold ul li:hover{

    border:4px solid  #0085cd;

}

.n-pro-right-hold ul li:hover p{

    color: #fff;background:#0085cd;

}

.n-pro-right-hold ul li:hover img{

    transform: scale(1.1);

}

.n-pro-right-hold1{

    float: right;width: 1000px;

}

.n-pro-right-hold1 h4{

    text-align: center;font-size: 22px;margin: 20px;

}

.arcImg{

    width: 700px;margin: 0 auto;

}

.iw_poi_title {color:#CC5522;font-size:14px;font-weight:bold;overflow:hidden;padding-right:13px;white-space:nowrap}

.iw_poi_content {font:12px arial,sans-serif;overflow:visible;padding-top:4px;white-space:-moz-pre-wrap;word-wrap:break-word}

@media screen and (max-width: 1550px){

    .contact-img img{

        width: 300px;

    }

    .set6-top{

        margin-bottom: 2%;

    }

    .set6-conter{

        display: none;

    }

    .pro-fl-hold .pro-fl-list ul li{

        width: 18%;margin: 1% 3.5%;

    }

}











.wrap {

    width: 1200px;

    height: auto;

    margin: 0 auto;

    padding-top: 6px;

    padding-bottom: 7px;

    line-height: 27px;

    font-size: 14px;

}

.wrap ul {

    width: 100%;

    height: auto; }

.wrap ul li:nth-child(3n) {

    margin-right: 0; }

.wrap ul li {

    width: 31%;

    height: 510px;

    float: left;

    margin-top: 54px;

    margin-right: 3.5%; }

.wrap ul li a {

    width: 100%;

    height: auto;

    display: block;

    perspective: 2000px; }

@media (min-width: 1024px) {

    .wrap ul li a:hover .front {

        transform: rotateY(180deg); }

    .wrap ul li a:hover .back {

        transform: rotateY(0deg); } }

.wrap ul li a .front {

    width: 100%;

    height: auto;

    transform-style: preserve-3d;

    transition: all 1s;

    backface-visibility: hidden; }

.wrap ul li a .front .tu {

    width: 100%;

    height: auto;

    overflow: hidden; }

.wrap ul li a .front .tu img {

    width: 100%;

    height: 280px; }

.wrap ul li a .front .date {

    font-size: 12px;

    line-height: 50px;

    color: #999;

    font-family: Arial; }

.wrap ul li a .front .tit {

    font-size: 18px;

    color: #444;

    line-height: 18px; }

.wrap ul li a .front .content {

    color: #888;

    padding-top: 10px; }

.wrap ul li a .front .more {

    width: 114px;

    height: 35px;

    border: 1px solid #e3e3e3;

    margin-top: 30px;

    display: block;

    text-align: center;

    line-height: 35px;

    border-radius: 35px;

    position: relative;

    overflow: hidden; }

.wrap ul li a .front .more .txt {

    display: inline-block;



    color: #a2a2a2;

    transition: all 0.3s;

    margin: 0 1px;

    position: relative;

    z-index: 10;

    vertical-align: middle; }

.wrap ul li a .front .more .ico {

    display: inline-block;

    width: 10px;

    transition: all 0.3s;

    height: 10px;

    position: relative;

    z-index: 10;

    margin: 0 1px;

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

    vertical-align: middle; }

.wrap ul li a .back {

    width: 82%;

    height: 100%;

    padding: 0 9%;

    transform-style: preserve-3d;

    transition: all 1s;

    backface-visibility: hidden;

    position: absolute;

    left: 0;

    top: 0;

    transform: rotateY(-180deg);

    background: #f5f5f5;

    z-index: 20; }

.wrap ul li a .back .date {

    font-size: 12px;

    padding-top: 40px;

    color: #015f47;

    line-height: 12px;

    font-family: Arial; }

.wrap ul li a .back .tit {

    font-size: 18px;

    color: #444;

    padding-top: 8px;

    line-height: 30px; }

.wrap ul li a .back .content {

    color: #888;

    padding-top: 10px; }

.wrap ul li a .back .content p {

    padding-bottom: 10px; }

.wrap ul li a .back .more {

    width: 114px;

    height: 35px;

    background: #0085cd;

    display: block;

    text-align: center;

    line-height: 35px;

    margin-top: 30px;

    border-radius: 35px;

    position: relative;

    overflow: hidden; }

.wrap ul li a .back .more .txt {

    display: inline-block;



    color: #fff;

    transition: all 0.3s;

    margin: 0 1px;

    position: relative;

    z-index: 10;

    vertical-align: middle; }

.wrap ul li a .back .more .ico {

    display: inline-block;

    width: 10px;

    transition: all 0.3s;

    height: 10px;

    position: relative;

    z-index: 10;

    margin: 0 1px;

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

    vertical-align: middle; }





.n-second-guide-hezuo{

    width: 1200px;position: relative;margin: 30px auto;text-align: center;

    animation:zoomIn 2s;

    -moz-animation:zoomIn 2s; /* Firefox */

    -webkit-animation:zoomIn 2s; /* Safari and Chrome */

    -o-animation:zoomIn 2s; /* Opera */

}

@keyframes zoomIn {

    from {

        opacity: 0;

        -webkit-transform: scale3d(.3, .3, .3);

        transform: scale3d(.3, .3, .3);

    }

    50% {

        opacity: 1;

    }

}

@-moz-keyframes zoomIn /* Firefox */

{

    from {

        opacity: 0;

        -webkit-transform: scale3d(.3, .3, .3);

        transform: scale3d(.3, .3, .3);

    }

    50% {

        opacity: 1;

    }

}

@-webkit-keyframes zoomIn  /* Safari and Chrome */

{

    from {

        opacity: 0;

        -webkit-transform: scale3d(.3, .3, .3);

        transform: scale3d(.3, .3, .3);

    }

    50% {

        opacity: 1;

    }

}

@-o-keyframes  zoomIn  /* Opera */

{



    from {

        opacity: 0;

        -webkit-transform: scale3d(.3, .3, .3);

        transform: scale3d(.3, .3, .3);

    }

    50% {

        opacity: 1;

    }

}

.n-second-guide-hezuo .line{

    border-top: 1px solid #ddd;

    position: absolute;

    top: 50%;

    z-index: -1;

    width: 100%;

}

.n-second-guide-hezuo a{

    display: inline-block;

    padding: 6px 16px;

    margin-bottom: 0;

    font-size: 16px;

    font-weight: 400;

    line-height: 1.5;

    text-align: center;

    white-space: nowrap;

    vertical-align: middle;

    -ms-touch-action: manipulation;

    touch-action: manipulation;

    cursor: pointer;

    -webkit-user-select: none;

    -moz-user-select: none;

    -ms-user-select: none;

    user-select: none;

    background-image: none;

    border: 1px solid #ddd;

    border-radius: 6px;

    background: #fff;

}

.n-second-guide-hezuo a:hover{

    background: #0085cd;

    color: #fff;

}



.n-about-us1{

    line-height: 27px;width: 1200px;margin: 20px auto;

}



.n-list-news2{

;margin: 30px auto;

}

.n-list-news2 ul li{

    border-bottom: 1px dashed #ddd;padding: 20px;line-height: 27px;

}

.n-news-tit{

    font-size: 16px;    font-weight: bold;

}

.n-news-tit span{

    font-size: 14px; font-weight: normal;

}

.n-list-news2 ul li:hover .n-news-tit {

    color: #00a0e9;

}

.n-list-news2 ul li .n-news-con{

    margin: 5px 0;

}

.n-about-con{

    line-height: 27px;width: 1300px;margin: 20px auto;padding-bottom: 30px;overflow:hidden;

}



.n-about-con-history{

    line-height: 27px;width: 1300px;margin: 20px auto;padding-bottom: 30px;overflow:hidden;

}

.n-about-con h1{

    text-align: center;font-size: 18px;margin: 10px;

}

.n-about-con h2{

    font-size: 14px;text-align: center;margin-bottom: 20px;

}

.n-about-con img{

    max-width: 100%;

}

.n-about-con table{

    table-layout:fixed;

    empty-cells:show;

    border-collapse: collapse;

    margin:20px auto;

}

.n-about-con table tr td{

    border: 1px solid #fff; padding: 5px; text-align: center;

}

.n-about-con table tr:nth-child(odd){

    background-color: #FFF;

}

.n-about-con table tr:nth-child(even){

    background-color: #FFF;

}



.n-pro-con{

    line-height: 27px;width: 1000px;margin: 20px auto;padding-bottom: 30px;overflow:hidden;

}



.n-pro-con-history{

    line-height: 27px;width: 1300px;margin: 20px auto;padding-bottom: 30px;overflow:hidden;

}

.n-pro-con h1{

    text-align: center;font-size: 18px;margin: 10px;

}

.n-pro-con h2{

    font-size: 14px;text-align: center;margin-bottom: 20px;

}

.n-pro-con img{

    max-width: 100%;

}

.n-pro-con table{

    table-layout:fixed;

    empty-cells:show;

    border-collapse: collapse;

    margin:20px auto;

}

.n-pro-con table tr td{

    border: 1px solid #fff; padding: 5px; text-align: center;

}

.n-pro-con table tr:nth-child(odd){

    background-color: #FFF;

}

.n-pro-con table tr:nth-child(even){

    background-color: #FFF;

}





.pro-list-hold1 ul li{

    width: 31.333%;margin: 1%;text-align: center;float: left;padding: 2% 0;

}

.pro-list-hold1 ul li img{

    width: 90%;

}

.pro-list-hold1 ul li p{

    line-height: 27px;

}

.pro-list-hold1 ul li:hover p{

    color: #08a4f1;

}

.power:hover{

    transform: translate(0,-5px);



    -moz-transform: translate(0,-5px);



    -o-transform: translate(0,-5px);



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



    box-shadow: 0 0 30px rgba(0, 0, 0, 0.3);

}

/*留言*/

.forem {

    margin-top: 40px;width: 600px;margin: 60px auto;

}

.forem table tr td{

    height: 50px;line-height:50px;font-size: 14px;

}

.forem table tr td input{

    height: 30px;font-size: 16px;line-height: 30px;

}

.forem table tr td textarea{

    margin-top: 10px;

}

.coolbg{

    width: 80px;margin: 20px 20px 20px 0px;background: #3c8beb;border: 0px;color: #fff;  border-radius: 4px;cursor: pointer;outline: none;

}



/*留言*/

/*地图*/

.map{

    width: 100%;text-align: center;height: 360px;background: url("../images/map-img.png") no-repeat;background-size: cover;

}



.map .map-bg{

    width: 100%;height: 100%;background: rgba(0, 0, 0, 0.5)

}

.map   .map-tit{

    padding-top: 120px;cursor: pointer;width: 200px;text-align: center;margin: 0 auto;letter-spacing: 1px;font-size: 16px;

}

.map .map-tit span{

    display: inherit;padding:10px 15px ;border: 1px solid #fff;color: #fff;

}

.map .map-tit i{

    display: block;

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

    width: 36px;

    height: 45px;

    margin: 0 auto 0px;

    animation: myanimate 0.65s infinite alternate;

    -webkit-animation: myanimate 0.65s infinite alternate;

}

.big-maptt{

    width:100%;height:100%;border:#ccc solid 1px;position: fixed;left: 0px;top:0px;right: 0px;bottom: 0px;z-index:-1;min-width: 800px;min-height: 600px;opacity: 0;

}

.show{

    opacity: 1;z-index:1000;

    webkit-transition: all 1s ease 0s;

    transition: all 1s ease 0s;

    -ms-transition: all 1s ease 0s;

}

#dituContent{

    width: 100%;height: 100%;

}

.close{

    width: 50px;height: 50px;background: url("../images/cha.png") no-repeat;background-size: 100% 100%;position: absolute;right: 40px;top:40px;z-index: 1000;cursor: pointer;

}

.iw_poi_title {color:#CC5522;font-size:14px;font-weight:bold;overflow:hidden;padding-right:13px;white-space:nowrap}

.iw_poi_content {font:12px arial,sans-serif;overflow:visible;padding-top:4px;white-space:-moz-pre-wrap;word-wrap:break-word}

.contact-map{

    width: 900px;margin: 40px auto;overflow: hidden;

}

.contact-map .contact-map-left{

    width: 500px;float: left;

}

.contact-tit{

    font-size: 18px;color: #08a4f1;font-weight: bold;margin: 20px 0;

}

.shipin-about-con {

    width:1300px;margin:40px auto;

}



.hsitbody{ background:#f8f8fb; padding:60px 0 80px;}

.historytime,.conghonor{ width:850px; margin:0 auto;}

.historyname{ background:url(../images/icon40.png) no-repeat left center;padding-left:83px;}

.historyname h5{ float:left; position:relative; padding-right:40px; line-height:47px; color:#0085cd; font-size:26px;}

.historyname h5 span{ width:30px; height:2px; background:#06b1b4; position:absolute; right:0px; bottom:10px;}

.historytime ul{ margin-left:23px; border-left:1px solid #c6e6e9; padding:30px 0 60px; position:relative;}

.historytime ul:after{ content:""; display:block; width:7px; height:7px; position:absolute; border-radius:50%; background:#06b1b4; position:absolute; left:-4px; bottom:-3px;}

.historytime li{ position:relative; margin:20px 0px 40px; padding-left:220px;}

.tipsld{ background:url(../images/icon41.png) no-repeat center center; width:21px; height:21px; position:absolute; left:-10px; top:15px;}

.tipsld span{ display:block; height:2px; width:31px; position:absolute; background:#c6e6e9; left:30px; top:50%; margin-top:-1px;}

.timeer{ background:url(../images/icon42.png) no-repeat center center; width:130px; height:47px; line-height:47px; text-align:center; position:absolute; left:63px; top:0px; color:#fff; font-size:22px;}

.historytime li img{ display:block; width:100%; margin-bottom:20px;}

.txylist{ line-height:31px; padding-top:8px; font-size:16px; /*color: #3c3c3c;*/color: #666;}





/*search*/

.n-pro-guide{

    height: 40px;margin-top: 20px;border-bottom: 1px solid #49c9f1;overflow: hidden;padding:  0 10px;

}

.n-pro-guide .n-pro-g-left{

    float: left;height: 40px;line-height: 40px;

}

.n-pro-guide .n-pro-g-left i{

    height: 22px;width: 4px;background: #0058a6;display: inline-block;line-height: 40px;vertical-align: middle;

}

.n-pro-guide .n-pro-g-left span{

    color: #000;font-size: 18px;line-height: 40px;vertical-align: middle;display: inline-block;line-height:40px;margin-left: 5px;

}

.n-pro-g-right{

    float: right;height: 40px;line-height: 40px;font-size: 16px;

}

.n-about-con{

    line-height: 27px;margin: 20px auto;;padding: 0 10px;

}

.n-about-con h1{

    text-align: center;font-size: 18px;margin: 10px;

}

.n-about-con h2{

    font-size: 14px;text-align: center;margin-bottom: 20px;

}

.n-about-con img{

    max-width:100%

}

.n-hold .n-about-con1{

    line-height: 27px;margin: 20px auto;;padding: 0 10px;

}

.n-hold .n-about-con1 img{

    width:100%;

}

.power{

    -webkit-transition: -webkit-transform 0.3s;

    transition: -moz-transform 0.3s;

    -o-transition: -o-transform 0.3s;

    transition: transform 0.3s;

}

.power:hover{

    transform: translate(0,-5px);

    -moz-transform: translate(0,-5px);

    -o-transform: translate(0,-5px);

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

    box-shadow: 5px 5px 30px rgba(0, 0, 0, 0.3);

}

.pro-list ul li{

    float: left;

    width: 25%;

    margin: 1% 0;

    text-align: center;

}

.pro-list ul li img{

    width: 90%;

    border: 1px solid #ddd;

    margin-top: 5%;

    height:270px

}

.pro-list ul li p{

    padding: 5px;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;color:#fff

}

.article-shop h4{

    text-align: center;

    font-size: 22px;

    margin: 20px 0;

}

.arcImg{ text-align: center}

.n-about-con{

    line-height: 27px;

    margin: 20px auto;

    padding: 0 10px;

}









.product-hold{

    max-width: 1200px;margin: 40px auto;



}

.product-hold .pro-guider{

    animation:zoomIn 2s;

    -moz-animation:zoomIn 2s; /* Firefox */

    -webkit-animation:zoomIn 2s; /* Safari and Chrome */

    -o-animation:zoomIn 2s; /* Opera */

}

.product-hold .pro-guider ul li{

    float: left;width:145px;margin: 1%;padding: 10px 0;background:#0185f1;border: 1px solid #ddd;text-align: center;position: relative; 



}

.product-hold .pro-guider ul li a{font-size:16px;

   color: #fff; 

}

.product-hold .pro-guider ul li ul{

    position: absolute;left: 0px;top:40px;width: 123px;display: none;z-index: 10; font-size:12px;

}

.product-hold .pro-guider ul li ul li{

    width: 100%;margin: 0px;background: #fd920a;border: 1px solid #f3aa63;

}

.product-hold .pro-guider ul li ul li:hover{

    background: #0550ad;

}

.product-hold .pro-guider ul li:hover{

    background: #fd920a;color: #fff;border: 1px solid #f3aa63;

}

.product-hold .pro-guider ul li:hover ul{

    display: block;

}



.product-hold .pro-guider ul li:hover a{

    color: #fff;

}





.product-hold .pro-guider{

    animation:zoomIn 2s;

    -moz-animation:zoomIn 2s; /* Firefox */

    -webkit-animation:zoomIn 2s; /* Safari and Chrome */

    -o-animation:zoomIn 2s; /* Opera */

}

.product-hold .pro-guider ul li{

    float: left;width: 145px;margin: 1%;padding: 10px 0;background: #0550ad;border: 1px solid #ddd;text-align: center;position: relative; 



}

.product-hold .pro-guider ul li a{

   color: #fff;

}

.product-hold .pro-guider ul li ul{

    position: absolute;left: 0px;top:40px;width: 144px;display: none;z-index: 10; font-size:16px;

}

.product-hold .pro-guider ul li ul li{

    width: 100%;margin: 0px;background: #fd920a;border: 1px solid #f3aa63;

}

.product-hold .pro-guider ul li ul li:hover{

    background: #0550ad;

}

.product-hold .pro-guider ul li:hover{

    background: #fd920a;color: #fff;border: 1px solid #f3aa63;

}

.product-hold .pro-guider ul li:hover ul{

    display: block;

}



.product-hold .pro-guider ul li:hover a{

    color: #fff;

}