@charset "utf-8";
@font-face {
/* font-test*/
font-family: hiragino_sans_gb_w3;
src:url('Font/hiragino_sans_gb_w3-webfont.woff'),
url('Font/apple.ttf'),
url('Font/apple.eot'); /* IE9 */
}

/*
::-webkit-scrollbar{width:6px;background-color:#e1e5ea}
::-webkit-scrollbar-thumb{background-color:#c3cad4;border-radius:10px;border:2px solid #e1e5ea;}
::-webkit-scrollbar-thumb:hover{background-color:#aab1bc;}
::-webkit-scrollbar-thumb:active{border:0;border-radius:0;background-color:#737ed7}
::-webkit-scrollbar-thumb:window-inactive{background-color:#4c97da}

*/
body{margin:0px; background:url(../Images/body.gif) repeat-x top #ffffff; overflow-x:hidden;}
body,html,p,a,input{font-family:"微软雅黑"; font-size:14px; line-height:30px; color:#666666; text-decoration:none;}
a,p,div,input,selcet,li{transition-duration:0.5s;}
a:hover,p:hover,div:hover,input:hover,select:hover,li:hover{transition-duration:0.5s;}
img{border:0px;}
.clear{clear:both;}
.kx{height:15px; overflow:hidden;}
.mt5{margin-top:5px;}
.left{float:left;}
.right{float:right;}
ul,li{margin:0px; padding:0px; list-style:none;}
.round{-moz-border-radius:5px; -webkit-border-radius:5px; border-radius: 5px;}
a:link:hover{color:#255DA8;}

.head{width:100%; height:34px; background:#005baa;}
.head a{line-height:34px;color: #FFFFFF;font-size: 12px;}
.head img{height: 20px;padding-top: 0px;vertical-align: middle;margin-left: 20px;}
.head .hebg{height: 30px;width: 30px;background: url(../Images/h1.png) no-repeat;background-size: 100% 100%;}


.top{height:115px; width:100%; background:#FFFFFF; border-bottom:1px solid #F2F2F2;}

.logo{width:316px; height:55px; background:url(../Images/logo.png) no-repeat; background-size:100% 100%; float:left; margin-top:30px;}


nav{float:left; margin-top:45px;}
nav ul{margin:0px; padding:0px;}
nav ul li{float:left; margin-left:55px;}
nav ul li a{line-height:30px; color:#333333; font-size:15px; display:block;}
nav ul li:hover a{border-bottom:1px solid #255DA8; padding-bottom:3px; color:#2378D5;}


.tel{margin-top: 30px;background: url(../Images/tel.png) no-repeat center left;background-size: 40px 40px;padding-left: 45px;float: right;}
.tel p{font-size: 20px;line-height: 24px;color: #005baa;}
.tel p span{font-size: 12px;}




.warp{width:1200px; margin:0px  auto;}

.banner{height:448px; width:100%; background:url(../Images/~~~banner.jpg) no-repeat center; background-size:cover;}

.banneri{height:370px; width:100%; background:url(../Images/banner.jpg) no-repeat center; background-size:cover;}




.homeabout{width: 1200px;margin: auto;margin-top: 50px;}
.homeabout .aboutbt{float: left;width: 25%;}
.homeabout .aboutbt p{font-size: 30px;color: #000000;margin-top: 40px;}
.homeabout .aboutbt p:before{content: '';position: absolute;margin-top: -20px;margin-left: 0px;width: 50px;height: 3px;background: #005baa;}
.homeabout .aboutbt .more{width: 55%;height: 40px;border: 1px solid #333333;margin-top: 80px;padding-left: 8%;background: url(../Images/jt.png) no-repeat;background-position: 90% 15px;}
.homeabout .aboutbt .more a{font-size: 14px;color: #333333;line-height: 40px;display: block;}
.homeabout .aboutbt .more:hover{border: 1px solid #FFFFFF;background: url(../Images/jts.png) no-repeat #005baa;background-position: 92% 15px;}
.homeabout .aboutbt .more:hover a{color: #FFFFFF;}

.homeabout .text{width: 40%;float: left;padding: 0px 5% 50px 0px;}
.homeabout .text p{margin-top: 0px;line-height: 30px;font-size: 13px;}
.homeabout .text p span{color: #000000;display: block;font-size: 18px;line-height: 40px;}
.homeabout .pic{width: 30%;float: left;margin-top: 10px;}
.homeabout .pic img{width: 100%;}


.sec-title{position: relative;z-index: 1;margin-bottom: 45px;text-align: center;margin-top: 45px;}
.sec-title h2{position: relative;
    display: block;
    font-size: 36px;
    line-height: 1.2em;
    color: #222222;
    font-weight: 700;
    letter-spacing: 1px;
    padding-left: 70px;
    display: inline-block;}

    .sec-title h2:before {
    position: absolute;
    content: '';
    left: 0px;
    top: 22px;
    width: 50px;
    height: 1px;
    background-color: #1e4fa2;
}
.sec-title h2 {
    padding-right: 70px;
}

.sec-title h2:after {
    position: absolute;
    content: '';
    right: 0px;
    top: 22px;
    width: 50px;
    height: 1px;
    background-color: #1e4fa2;
}
.sec-title .text {
    position: relative;
    display: block;
    font-size: 15px;
    line-height: 25px;
    color: #000;
    font-weight: 400;
    margin-top: 20px;
    line-height: 2em;
}



.rollpic {
            width: 90%;
            height: 310px;
            margin: 50px 5% auto;
            overflow: hidden;
        }

.rollpic ul {
            width: 200%;
            height: 100%;
            animation: picmove 30s linear infinite forwards;
        }
.rollpic ul li{text-align: center;float: left;margin: 0px 10px;}
@keyframes picmove {
            from {
                transform: translate(0);
            }
            to {
                transform: translate(-1200px);
            }
        }

.rollpic img {
            height: 270px;
            margin-right: 15px;
        }

.rollpic ul:hover {
            animation-play-state: paused;
        }
.rollpic ul li:hover p{color: #ae8d24;}



.jishu_index_bg{ background:url(../Images/jishu_bg.jpg) no-repeat top center;background-size: cover; clear:both; overflow:hidden; padding-top:64px; margin-bottom:0px;margin-top: 70px;padding-bottom: 50px;}
.jishu01{ font-size:32px; color:#ffffff; text-align:center; line-height:84px; }
.jishu02{ font-size:20px; color:#ffffff; text-align:center;line-height:98px;  }
.jishu_index_bg ul{ clear:both; margin-top:5px; margin-bottom:51px; overflow:hidden;text-align: center;}
.jishu_index_bg ul li{ width:18%;display: inline-table;margin: 0px 1%;}
.jishu_index_bg ul li p{ font-size:16px; color:#ffffff;font-weight: 600;}
.jishu_index_bg ul li span{ font-size:14px; color:#FFFFFF;}


.ditu{background: url(../Images/ditu_leftbg.jpg) no-repeat left;width: 1200px;margin: 0 auto;overflow: hidden;clear: both;height: 370px;margin-top: 70px;}
.ditu_right{width: 385px;float: right;margin-right: 30px;}
.ditu_right_top{color: #000000;font-size: 34px;margin-top: 30px;padding-bottom: 30px;}
.ditu_right_main{font-size: 16px;color: #797979;padding-bottom: 60px;}
.ditu_right_bot{font-size: 24px;color: #005baa;line-height: 30px;}

.yyly{width: 100%;}
.yyly ul{margin: 0px;padding: 0px;}
.yyly ul li{width: 24%;float: left;margin: 0.5%;text-align: center;}
.yyly ul li img{width: 100%;}




footer{width:100%; margin-top:30px; height:220px; padding-top:0px; background:#04325a; padding-top:40px;}
footer ul{padding:0px; width:1200px; margin:auto; border-top:0px solid #F2F2F2;}
footer ul li{width:185px; float:left; height:180px;}
footer ul li.line{border-right:0px solid #F2F2F2;}
footer ul li.kd{width:305px; float:left; height:180px;}
footer ul li .ft{margin-bottom:10px;}
footer ul li .ft a{font-size:16px; color:#FFFFFF;}
footer ul li .ft a:hover{padding-left:0px;}
footer ul li a{color:#FFFFFF; font-size:12px; line-height:28px;}
footer ul li a:hover{padding-left:10px; color:#FFFFFF;}

footer ul li.ewm{margin-left:60px; width:120px; margin-top:20px; float:right;text-align: center;color: #FFFFFF;}
footer ul li.ewm img{width:120px; height:120px; border:0px solid #CCCCCC; float:left; margin:0px 5px;}
footer ul li.ewm .wz{margin-left:5px; margin-top:10px; text-align:left;}
footer ul li.ewm .wz a{font-size:12px; line-height:20px; padding:0px;}

.footline{height:50px; border-top:1px solid #EEEEEE; text-align:center; width:100%; margin:auto; background:#EBEBEB;}
.footline a{line-height:50px; font-size:12px; padding:0px 10px; color:#333333;}



.ban-inner{height: 300px;width: 100%;background: url(../Images/inbanner.jpg) no-repeat center;background-size: cover;}

.zuo{width: 25%;float: left;margin-top: 20px;border-top-left-radius: 10px;border-top-right-radius: 10px;}
.shadows{box-shadow: 0px 0px 20px #CCCCCC;border-top-left-radius: 10px;border-top-right-radius: 10px;}

.you{width: 72%;float: left;margin-left: 3%;margin-top: 50px;}

.titlebg{height: 80px;width: 90%;line-height: 80px;padding-left: 10%;font-size: 24px;font-weight: bold; color: #FFFFFF;background-image: -webkit-linear-gradient( 0deg, rgb(0,77,205) 0%, rgb(0,186,255) 100%);border-top-left-radius: 10px;border-top-right-radius: 10px;margin-top: 30px;}


/* about */

.local{height:140px; margin-top:-140px; width:100%; background:rgba(247, 249, 251, 0.95)!important; filter:Alpha(opacity=95); background:#F7F9FB; /*　使用IE专属滤镜实现IE背景透明*/ }



.smalltitle{text-align:center; width:100%; height:90px;margin: 50px;}
.smalltitle ul{margin:0px; padding:0px; width:1200px; margin:auto; text-align:center;}
.smalltitle ul li{display:inline-table; width:150px; border:1px solid #F2F2F2;background: #e9eef3;margin: 0px 10px;}
.smalltitle ul li a{line-height:50px; display:block;color: #337ab7;font-size: 16px;}
.smalltitle ul li.in{background:#005baa;}
.smalltitle ul li:hover{background:#005baa;}
.smalltitle ul li:hover a{color:#FFFFFF;}
.smalltitle ul li.in a{color:#FFFFFF;}


.txt{margin-bottom: 60px;}
.txt p{font-size: 15px;line-height: 34px;}






/* news */

.newslist{margin-top:20px;}
.newslist ul{margin:0px; padding:0px;}
.newslist ul li{height:130px; width:100%; border-bottom:1px dotted #F2F2F2; padding-top:20px;}
.newslist ul li .left{width:285px;}
.newslist ul li .left img{width:285px; height:110px;}
.newslist ul li .right{width:875px;}
.newslist ul li .right a{line-height:30px; font-size:16px; color:#000000;}
.newslist ul li .right a span{font-size:14px; color:#666666; line-height:24px;}
.newslist ul li .right a font{font-size:12px; color:#666666; line-height:30px;}



.sl-list1 li{
    overflow: hidden;
    padding-bottom: 25px;
    margin-bottom: 25px;
    border-bottom: 1px solid #e5e5e5;
}
.sl-list1 .date{
    float: left;
    font-size: 18px;
    color: #8c8c8c;
    line-height: 1.5em;
    padding: 0 68px 0 32px;
    text-align: right;
}
.sl-list1 .date span{
    display: block;
    color: #000000;
}
.sl-list1 .date .day{
    font-size: 60px;
    color: #006ebd;
    line-height: 1.2em;
    font-weight: bold;
}
.sl-list1 .con{
    overflow: hidden;
}
.sl-list1 h4{
    font-size: 18px;
    color: #1b1b1b;
    line-height: 2em;
    margin-bottom: 15px;
    display:-webkit-box;
    overflow: hidden;
    -webkit-line-clamp:2;
    -webkit-box-orient:vertical;
}
.sl-list1 h4 a{color: #1b1b1b;font-size: 18px;}
.sl-list1 h4 a:hover{color: #006ebd;}
.sl-list1 .txt{
    font-size: 14px;
    color: #ababab;
    line-height: 1.71em;
    margin-bottom: 20px;
    display:-webkit-box;
    overflow: hidden;
    -webkit-line-clamp:2;
    -webkit-box-orient:vertical;
}
.sl-list1 .det{
    display: block;
    width: 120px;
    height: 40px;
    line-height: 38px;
    color: #0070bc;
    text-align: center;
    border: 1px solid #0070bc;
}
.sl-list1 .det:hover{
    color: #fff;
    background-color: #0070bc;
}



.snav{width:100%;border:0px solid #cdcdcd;margin-right:0%; background: #ecf3fe; overflow: hidden;}
.snav .tit{width:100%;height:58px;line-height:58px;background-color:#38A1DB;font-size:24px;color:#333333;padding-left:0px; text-indent: 30px;}
.snav ul li{line-height:59px;text-align: left;text-indent: 25px;border-bottom: 1px solid #dedede;}
.snav ul li:hover{background: #288feb;}
.snav li .v1{display:block;width:100%;height:100%;font-size:16px;border-top:0px solid #cdcdcd; line-height: 59px;color: #333333;background: url(../Images/arr.png) no-repeat right;background-size: 45px 15px;transition-duration:0s;}
.snav-l1 li .v1:hover{color:#FFFFFF}
/*.snav li.on{background: #38A1DB;}*/
.snav li a{color: #333333;}
.snav li:hover>a{color: #FFFFFF;}
.snav li.on>a{color: #FFFFFF;}
.snav ul li.on{background: url(../Images/arrs.png) no-repeat right top #288feb; background-size: 84px 60px;transition-duration:0s;}
.snav li.on .v1{background: none;}
.snav li.on》a{color: #FFFFFF;}


.slide-nav {
    background: #ecf3fe;
    display: none;
    border-top: 1px solid #cdcdcd;
}
.slide-nav dd,.slide-nav dl{margin: 0px;background: #eef5ff;}
.slide-nav dd:hover,.slide-nav dl:hover{background: #d9e9ff;}
.snav li.on .slide-nav dd a {
    display: block;
    text-align: left;
    line-height: 50px;
    padding-left: 15px;
    font-size: 14px;
    color: #666666;
    -o-transition: .3s;
    -ms-transition: .3s;
    -moz-transition: .3s;
    -webkit-transition: .3s;
    transition: .3s;
}
.slide-nav dd.ok{background: #aaaaaa;}
.slide-nav dd.ok a{color:#FFFFFF;}

.slide-nav dd ul.sanji{display: none;position: absolute;margin-left: 250px;
    margin-top: -50px;background: #aaaaaa;padding: 0px;}
.slide-nav dd:hover ul.sanji{display: block;}
.slide-nav dd:hover ul.sanji li{height: 50px;text-indent: 0px;padding: 0px 15px;}
.slide-nav dd:hover ul.sanji li a{line-height: 50px;color: #FFFFFF;padding-left: 15px;}
.slide-nav dd:hover ul.sanji li:hover{background: #CCCCCC;}
.slide-nav dd:hover ul.sanji li:hover a{text-decoration: underline;}


.m-txt1{
    padding: 0px 0;
    font-size: 14px;
    color: #686868;
    line-height: 1.7em;
}
.m-txt1 h1{
    font-size: 24px;
    color: #1b1b1b;
    line-height: 1.5em;
    margin-bottom: 15px;
    text-align: center;
    font-weight: bold;
}
.m-txt1 .date{
    font-size: 16px;
    color: #686868;
    margin-bottom: 30px;
    text-align: center;
}
.m-txt1 .back{
    display: block;
    width: 150px;
    height: 40px;
    line-height: 40px;
    color: #fff;
    margin: 40px auto;
    text-align: center;
    border-radius: 3px;
    background-color: #0070bc;
    cursor: pointer;
}


.pages{
    text-align: center;
    font-size: 0;
    margin: 40px 0;
}

.pages li{
    display: inline-block;
    margin: 0 2px;
}
.pages li a{
    display: block;
    height: 35px;
    width: 35px;
    line-height: 35px;
    font-size: 13px;
    color: #808080;
    border-radius: 3px;
    border: 0px solid #e5e5e5;
    background: #F2F2F2;
}
.pages li.on a,.pages li a:hover{
    color: #fff;
    background: #999999;
/*    background-image: -webkit-linear-gradient( 0deg, rgb(0,77,205) 0%, rgb(0,186,255) 100%);*/
}
.pages .prev a,.pages .next a{
    width: 80px;
}
.pages .last a{width: 60px;}




/* product */

.conpro{padding: 5%;}

.b5{width:32.3%; float:left; margin-right:.5%; text-align:center; margin-bottom:10px; background:#FFFFFF; border:1px solid #F2F2F2;}
.b5.spec{margin-right:0px;}
.b5 a{line-height:30px; font-size:14px;}
.b5 img{width:94%; height:230px; padding:3%;}
.b5:hover { box-shadow: 1px 5px 8px #CCCCCC;}
.b5 .btxx{height:40px; background:#F2F2F2;}
.b5 .btxx{line-height:40px;}
.b5:hover .btxx{background:#EEBE00;}


.protitle{text-align: center;font-size: 26px;color: #000000;font-weight: bold;}
.proimg{margin: 40px;text-align: center;}
.proimg img{max-width: 100%;}

.protext,.protext p{line-height: 35px;}
.protext img{max-width: 100%;}




.servicelist{margin: 0px 0px;}
.servicelist ul{padding: 0px;margin: 0px;}
.servicelist ul li{width: 100%;background: #F2F2F2;clear: both;margin-bottom: 30px;overflow: hidden;height: 240px;border-radius: 7px;}
.servicelist ul li .pic{float: left;width: 40%;overflow: hidden;}
.servicelist ul li:nth-of-type(odd) .pic{float: right;}
.servicelist ul li .pic img{width: 100%;transition-duration:0.5s;height: 100%;height: 240px;}
.servicelist ul li .text{width: 50%;float: right;padding: 0px 5%;}
.servicelist ul li:nth-of-type(odd) .text{float: left;}
.servicelist ul li .text p{font-size: 26px;color: #333333;font-weight: 600;line-height: 40px;padding-bottom: 0px;transition-duration:0.5s;margin-bottom: 10px;margin-top: 30px;}
.servicelist ul li .text span{font-size: 16px;color: #666666;line-height: 30px;}
.servicelist ul li:hover img{transition-duration:0.5s;transform:scale(1.05);
            -webkit-transform:scale(1.1);  
            -moz-transform:scale(1.1); }
.servicelist ul li:hover{box-shadow: 0px 0px 20px #CCCCCC;}

.probt{text-align: center;font-size: 34px;margin-bottom: 50px;color: #000000;font-weight: bold;}


.sidebar-widget{
    position: relative;
    margin-bottom: 40px;
}
/* Quote Widget */

.quote-widget .widget-content{
    position:relative;
    padding:40px 30px 40px;
    background-color:#1e4fa2;
}

.quote-widget .widget-content .upper-box{
    position:relative;
    text-align:center;
    padding-bottom:18px;
    border-bottom:1px solid rgba(0,0,0,0.15);
}

.quote-widget .widget-content .upper-box .icon{
    position:relative;
    color:#ffffff;
    font-size:60px;
    line-height:1em;
    margin-bottom:20px;
}

.quote-widget .widget-content .upper-box h3{
    position:relative;
    color:#ffffff;
    font-weight:700;
    line-height:1.3em;
    font-size:20px;
}

.quote-widget .widget-content .upper-box .touch{
    position:relative;
    font-size:15px;
    margin-top:6px;
    color:rgba(255,255,255,1);
}

.quote-widget .widget-content .lower-box{
    position:relative;
    margin-top:20px;
    text-align:center;
}

.quote-widget .widget-content .lower-box h4{
    position:relative;
    color:#ffffff;
    font-weight:500;
    line-height:1.3em;
    font-size:24px;
    font-family: 'Poppins', sans-serif;
}

.quote-widget .widget-content .lower-box .email{
    position:relative;
    font-size:15px;
    margin-top:6px;
    margin-bottom:28px;
    color:rgba(255,255,255,1);
}


.btn-style-six{
    position: relative;
    display: inline-block;
    font-size: 15px;
    line-height: 6px;
    color: #222222;
    padding: 14px 41px;
    font-weight: 700;
    overflow:hidden;
    border-radius: 50px;
    border:2px solid #ffffff;
    background-color: #ffffff;
    text-transform: capitalize;
    font-family: "Microsoft Yahei",Arial,tahoma,arial;
}

.btn-style-six .arrow{
    position:relative;
    margin-left:5px;
}

.btn-style-six:hover{
    color:#ffffff;
    background:none;
}