@charset "utf-8";
.header { width:100%; float:left;}
.w1400 { max-width:1400px; width:100%; margin:0px auto;}
.w1300 { max-width:1240px; width:100%; margin:0px auto; position:relative}
.logo { float:left; height:80px;}
.logo img { height:80px; float:left;}
.nav { float:right;}
.nav li { float:left; line-height:80px; text-transform:capitalize; margin-right:60px; font-weight: bold}
.nav li a { color:#000; font-size:20px;}
.nav li a:hover { color:#1769cd}
.nav li.dqqq a { color:#1769cd}
.ssouo { float:right; margin-top:25px;}
.ssouo img { width:30px; height:30px; float:left;}
.flash { width:100%; float:left;}
.flash img { width:100%; float:left} 
.kf { position:fixed; top:30%; right:20px; width:100px;}
.kf img { width:100%;}
.commer { width:100%; float:left; }
.commer .title { width:100%; float:left; margin-top:20px; margin-bottom:20px; font-size:24px; color:#307fdf; line-height:100px;}
.product { width:100%; float:left; margin-bottom:40px;}
.product li { width:21%; margin:2%; position:relative; margin-top:1%; overflow:hidden; border-radius:5px; float:left;}
.product img { width:100%; float:left; height:254px;}
.product li span { position:absolute; bottom:0px; left:0px; width:100%; background-color:rgba(41,72,111,.8); line-height:38px; font-size:16px; color:#fff}
.product li:hover span { background-color:rgba(41,72,111,1);}
.bg { background-color:#fafafa;}

.header .w1400 { position: relative}

.black_overlaya {
    display: none;
    display: none;
    position: fixed;
    top: 0%;
    left: 0%;
    width: 100%;
    height: 100%;
   
    z-index: 999999;

}
.white_contenta {
    display: none;
    position: absolute;
    top: 20px; right:0px;
    margin-left: 0%;
    height: auto;
    padding: 0px;

    z-index: 1000000;
    overflow: auto;
}
.wap_w {
        display: block;
        margin-top: 35px;
        margin-right: 0px;
        float: right;
        width: 40px; margin-left:20px;
    }
.sousuox { width:300px; height:40px; border-radius:32px; background-color:#fff; overflow:hidden; border:solid 1px #efefef; float:left; line-height:40px; box-sizing:border-box;}
.sousuo { width:240px; height:38px; box-sizing:border-box; border:none; float:left; text-indent:20px; font-size:14px; line-height:38px;}
.anniu { float:right; width:40px; height:40px; background-image:url(../images/sousuo.png); background-repeat:no-repeat; background-position:center center; background-size:30px; padding:0px; background-color:#fff; box-sizing:border-box; margin:0px; border:none;}

#owl-demo { width:100%; float:left; margin-left: auto; margin-right: auto;}
#owl-demo .item{ display: block;}
#owl-demo img { display: block; width: 100%;}

.about_none { display:table;
display:none; background-color:#307fde; position:absolute; left:0px; top:0px; font-size:16px; line-height:30px; padding:20px; box-sizing:border-box; color:#fff; width:100%; float:left; height:100%;word-break:break-word;}
.about_none div {display: table-cell;vertical-align: middle;word-break:break-word }




.about_black  { display:table; width:100%; float:left; height:250px; font-size:44px; color:#3180df;}
.about_black p {display: table-cell;vertical-align: middle;}
	
.about { float:left; width:100%; margin-bottom:30px;}
.about li { width:18%; margin:3.5%; height:250px; overflow:hidden; margin-top:0px; float:left; background-color:#fff; border-radius:10px; border:solid 1px #3081dd; box-sizing:border-box; position:relative; overflow:hidden; cursor:pointer}
.about li:hover .about_none { display:table}
.about li:hover { border: none}
.aykk { width:100%; float:left}
.aykk li { width:28%; float:left; margin:2.65%; margin-top:0px; margin-bottom:50px; background-color:#fff; border-radius:10px; overflow:hidden;box-shadow:0px 0px 10px #666;}
.aykk li img { width:100%; float:left; height:260px;}
.aykk li span { height:70px; line-height:70px; font-size:20px; color:#323232; width:100%; float:left;}
.aykk li:hover span { color:#307fde}

.footer { background-color:#353535; color:#fff; width:100%; float:left; padding-top:50px; padding-bottom:50px;}
.footer_left { width:60%; float:left;}
.footer_left span { width:100%; float:left; line-height:32px; font-size:16px; text-align:left;}
.foot_bt { margin-top:15px;}
.footer_left span.foot_t { font-size:24px; line-height:60px;}
.footer_right { width:40%; float:right;}
.footer_logo { float:right; margin-top:30px;}
.footer_ico { width:100%; float:right; margin-top:80px;}
.footer_ico img { float:right; margin-left:30px;}

.owl-prev { width:72px; height:72px; float:left; background-image:url(../images/next.png); background-repeat:no-repeat; background-position:center center; position:absolute; left:-50px; top:50%; margin-top:-36px;}
.owl-next { width:72px; height:72px; float:left; background-image: url(../images/prce.png); background-repeat:no-repeat; background-position:center center;position:absolute; right:-50px; top:50%; margin-top:-36px;}
#owl-demoa { position:relative; width:100%;}
#owl-demoa .owl-controls { position:static}

.banner { width:100%; background-repeat:no-repeat; background-position:center center; height:320px; float:left;}
.guyuwomnebn { width:93%; margin-left:3.5%; float:left; font-size:16px; line-height:32px; text-align:left; color:#333; margin-bottom:50px;}
.guyuwomnebn img { max-width:100%; float:left; margin-bottom:30px;}

.contact_l { width:50%; float:left; margin-bottom:30px;}
.contact_l img { width:100%; float:left;}
.contact_r { width:48%; float:right; color:#333; text-align:left; line-height:40px; font-size:18px;}

.line { width:100%; float:left; margin-bottom:40px;}
.line li { width:100%; float:left; font-size:16px; line-height:42px; text-align:right; border-bottom:dotted 1px #efefef;}
.xiazmingc { float:left; color:#666}
.line li a { float:right; font-size:14px; line-height:38px; color:#2d80e0;}
.line li a img { float:left; width:18px; height:18px; margin:10px;}