@charset "utf-8";
body{margin:0px; background:#ffffff; overflow-x:hidden;}
body,html,p,a{font-family:"微软雅黑"; font-size:14px; line-height:30px; color:#666666; text-decoration:none;}
img{border:0px;}
.clear{clear:both;}
ul,li{margin:0px; padding:0px; list-style:none;}
.round{-moz-border-radius:5px; -webkit-border-radius:5px; border-radius: 5px;}
div,a,ul,li,input{transition-duration:0.5s;}
div:hover,a:hover,ul:hover,li:hover,input:hover{transition-duration:0.5s;}
div,a,p,tr,td,font,span,select{font-family:Arial,微软雅黑; font-size:13px; line-height:24px; color:#666666; text-decoration:none;}
img{border:0px;}
.clear{clear:both;}






.wrap{width: 1200px;margin: auto;}



.heads{position: fixed;width: 100%;margin: auto;top: 0px;left: 0px;z-index: 999;padding-top: 25px;padding-bottom: 25px;transition-duration: .1s;background:rgba(0, 0, 0, 0);transition-duration: 0.5s;}
.heads.on{transition-duration: .1s;border-bottom: 0px solid #CCCCCC;padding: 10px 0px;background:rgba(0, 0, 0, 0.75);transition-duration: 0.5s;}


.heads .logo{width: 200px;float: left;margin-left: 4%;transition-duration: 0.5s;}
.heads .logo img{width: 100%;transition-duration:0.5s;}

.heads .logo.red{display: block;}
.heads .logo.write{display: none;}

.heads.on .logo.red{display: none;}
.heads.on .logo.write{display: block;}

.heads.on .logo{margin-left: 3%;transition-duration:0.5s;}

.heads .nav{float: right;margin-top: 0px;margin-right: 4%;}
.heads .nav ul{margin: 0px;padding: 0px;margin-top: 10px;}
.heads .nav ul li{list-style: none;float: left;margin: 0px 30px;border-radius: 5px;}
.heads .nav ul li a{color: #FFFFFF;padding: 0px;font-size: 14px;text-decoration: none;line-height: 30px;}
.heads .nav ul li:hover a{color: #ae8d24;border-bottom: 3px solid #ae8d24;padding-bottom: 10px;}
/*.heads .nav ul li:hover{background: #ae8d24;}*/
.heads .nav ul li.on a{color: #ae8d24;border-bottom: 3px solid #ae8d24;padding-bottom: 10px;}
/*.heads .nav ul li.on{background: #ae8d24;}*/


.heads.on .nav a{color: #FFFFFF;font-size: 14px;transition-duration:0.5s;}
.heads.on .logo img{width: 80%;transition-duration:0.5s;}

.heads .search{margin-top: 10px;margin-right: 4%;float: right;width: 140px;}
.heads .search input[type="text"]{width: 80px;border: none;outline: none;height: 30px;border-radius: 30px;float: left;text-indent: 15px;font-size: 12px;background: #e8f0fe;}
.heads .search input[type="image"]{width: 20px;height: 20px;float: left;border-radius: 30px;margin-left: -30px;border: none;margin-top: 5px;opacity: 0.3;}
.heads.on .search input[type="text"]{background: #e8f0fe;transform: scale(0.95);}
.heads.on .search input[type="image"]{transform: scale(0.95);}
.heads .search input[type="image"]:hover{opacity: 1;}
.heads .search:hover input[type="text"]{width: 140px;}


.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: #52c3f1;}
.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 #52c3f1;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%;}




.btext{font-weight: 700;padding-top: 16%;color: #FFFFFF;font-size: 46px;line-height: 80px;/*text-shadow: 0px 1px 20px #CCCCCC;*/text-align: center;}
.btext font{display: block;font-size: 22px;font-weight: normal;line-height: 80px;color: #FFFFFF;}
.btext span{display: block;font-size: 16px;font-weight: normal;line-height: 80px;color: #FFFFFF;}



.title{text-align: left;margin: 50px 0px;font-size: 30px;color: #000000;letter-spacing: 1px;}
.title span{font-size: 14px;display: block;line-height: 50px;}

.title.spec{text-align: center;margin: 80px;font-size: 30px;color: #FFFFFF;letter-spacing: 1px;}
.title.spec span{font-size: 14px;display: block;line-height: 50px;color: #FFFFFF;}






.application{width: 100%;margin-top: 30px;display: table;}
.application ul{margin: 0px;padding: 0px;}
.application ul li{width: 23%;float: left;text-align: center;margin-right: 2.6%;transition-duration: 0.5s;}
.application ul li:nth-child(4){margin-right: 0px;}
.application ul li:before{content: '';position: absolute;margin-top: 0px;margin-left: 130px;width: 4px;height: 100px;background: #2aa35f;}
.application ul li:nth-child(2):before{background: #ee192c;}
.application ul li:nth-child(3):before{background: #118dcf;}
.application ul li:nth-child(4):before{background: #f8b22a;margin-right: 0px;}

.application ul li .hs{margin-top: 0px;margin-left: 0px;height: 40px;}
.application ul li .hs p{color: #000000;font-size: 18px;text-align: right;padding-right: 20px;}
.application ul li .jj{margin-top: 20px;margin-left: 0px;padding-right: 16px;height: 95px;overflow: hidden;padding-left: 5px;}
.application ul li .jj p{color: #666666;font-size: 13px;text-align: left;}

.application ul li img{transition-duration: 0.5s;width: 100%;height: 150px;margin-top: 20px;}

.application ul li:after{content: '';position: absolute;margin-left: -276px;margin-top:180px;width: 0px;height: 4px;}
.application ul li:hover{transform: scale(1.1);transition-duration: 0.5s;/*border-bottom: 4px solid #ae8d24;*/}
.application ul li:hover:after{width: 276px;transition-duration: 0.5s;}
.application ul li:nth-child(1):hover:after{background: #2aa35f;}
.application ul li:nth-child(2):hover:after{background: #ee192c;}
.application ul li:nth-child(3):hover:after{background: #118dcf;}
.application ul li:nth-child(4):hover:after{background: #f8b22a;}


.rollpic {
            width: 100%;
            height: 200px;
            margin: 50px auto;
            overflow: hidden;
        }

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

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

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



.ads{height: 180px;width: 100%;background: #b60a00;margin-bottom: -100px;}
.ads .texts{float: left;width: 45%;}
.ads .texts.spec{float: left;width: 55%;}
.ads .texts p{font-size: 26px;color: #FFFFFF;line-height: 50px;letter-spacing: 1px;padding-top: 50px;float: left;}
.ads .texts p font{font-size: 32px;color: #FFFFFF;}
.ads .texts p span{font-size: 16px;color: #FFFFFF;display: block;font-family: verdana;}
.ads .texts .icon{width: 60px;height: 60px;background: url(../Images/tel.png) no-repeat;background-size: cover;float: left;margin-top: 70px;margin-right: 20px;}



footer{height: 280px;width: 100%;background: #0d182e;clear: both;background-size: cover;padding-top: 50px;margin-top: 100px;display: table;background-attachment: fixed;}

footer ul{margin: auto;width: 1200px;}
footer ul li{width: 14%;float: left;}
footer ul li.yyhy{margin-left: 5%;width: 20%;}
footer ul li.lxwm{width: 25%;}
footer ul li.ewms{float: right;padding-right: 0;padding-top: 40px;text-align: right;width: 120px;}
footer ul li.ewms img{width: 120px;}
footer ul li p{font-size: 16px;color: #EEEEEE;padding-bottom: 14px;}

footer ul li a{color: #aaaaaa;font-size: 13px;padding-right: 20px;display: block;}
footer ul li.yyhy a{display: block;}
footer ul li a:hover{color: #FFFFFF;}

.copyright{height: 50px;text-align: center;clear: both;width: 100%;margin-top: 60px;line-height: 50px;color: #aaaaaa;background: #0c1427;}




.bannerinner{background:url(../Images/bannerabout.jpg) no-repeat center;height: 170px;padding-top: 180px;}
.bannerinner p{font-size: 30px;color: #FFFFFF;padding-left: 15px;margin: 0px;line-height: 30px;letter-spacing: 5px;display: block;}
.bannerinner span{color: #FFFFFF;font-size: 15px;line-height: 28px;letter-spacing: 5px;margin-top: 5px;display: block;}
/*.bannerinner p:before{content: "";height: 55px;width: 3px;background: #FFFFFF;margin-top: 0px;margin-left: 0px;display: block;float: left;margin-right: 16px;}*/

.bannerinner p.spec{font-size: 14px;color: #ae8d24;padding-left: 15px;margin: 0px;line-height: 30px;letter-spacing: 5px;display: block;text-align: center;}
.bannerinner span.spec{color: #FFFFFF;font-size: 17px;line-height: 28px;letter-spacing: 5px;margin-top: 5px;display: block;text-align: center;}

.abouttitle{border-bottom: 1px solid #F2F2F2;text-align: center;background: #FFFFFF;margin-top: -40px;box-shadow: 0px 30px 45px #CCCCCC;display: table;width: 100%;}
.smso{float: left;width: 40%;text-align: left;line-height: 70px;padding-left: 3%;color: #000000;font-weight: bolder;}
.abouttitle .rights{float: right;width: 50%;}
.abouttitle ul{margin: 0px;padding: 0px;float: right;}
.abouttitle ul li{height: 70px;margin: 0px;float: left;}
.abouttitle ul li a{line-height: 70px;padding: 0px 22px;display: block;font-size: 12px;}
.abouttitle ul li a:before{content: '';position: absolute;margin-top: 27px;margin-left: -22px;width: 2px;height: 16px;;background: #CCCCCC;}
.abouttitle ul li:hover a{color: #ae8d24;}
.abouttitle ul li.in a{color: #ae8d24;}


.abouttext{margin-top: 40px;min-height: 300px;/*display: table;*/margin-top: 70px;}
.abouttext img{width: 100%;}
.aboutpic{width: 45%;float: left;margin-right: 5%;height: 500px;}
.aboutpic img{width: 100%;}
.aboutcontent{width: 50%;float: left;}


.contactcontent{width: 1200px;margin: auto;margin-top: 80px;}

.contactcontent .left{width: 45%;float: left;margin-right: 5%;}
.contactcontent .right{width: 50%;float: left;}
.contactcontent .right img{width: 100%;}


.message{width: 90%;padding: 5%;background: #F2F2F2;border-radius: 15px;margin-top: 40px;}
.message .item{float:left;width:48.5%;display:flex;height:40px;margin-bottom:24px}
.message .item:nth-child(even){float:right}
.message .item span{display:inline-block;vertical-align:middle;flex-basis:80px;font-size:16px;height:40px;line-height:40px;color:#4a4a4a;text-align:right;display: none;}

.message .item .inp{overflow:hidden;flex:1;padding-left:10px;font-size:16px;border:1px solid #dadada;outline: none;}
.message .item-area{width:100%;height:140px}
.message .item-area .txa{resize:none;padding-top:10px;border:1px solid #dadada;font-family: 微软雅黑;}
.message .item.item-yzm{float:left}
.message .item-box{overflow:hidden;width:100%}
.message .item-box .pic{float:left;margin-left:16px}
.message .item-box .sub{float:right;width:220px;height:40px;background-color:#00a8ec;border:none;font-size:16px;color:#fefefe;border-radius:5px;cursor: pointer;}
.message .g_tit_l1{margin-bottom:20px}
.message .item-box .sub:hover{background: #ae8d24;}



.leftlist{width: 300px;float: left;margin-right: 50px;margin-left: 0px;margin-top: 0px;}
/*.leftlist.on{margin-top: -310px;}*/
.leftlist ul{}
.leftlist ul li{width: 100%;text-indent: 35px;background: #F2F2F2;}
.leftlist ul li a{line-height: 50px;display: block;}
.leftlist .btbf{    background: linear-gradient(150deg,#222222,#EEEEEE);border-top-left-radius: 5px;border-top-right-radius: 5px;line-height: 30px;color: #FFFFFF;font-size: 20px;text-indent: 30px;padding: 20px 0px;margin-top: 0px;}
.leftlist .btbf span{display: block;color: #FFFFFF;font-size: 13px;}
.leftlist .btbf.spec{margin-top: 50px;}
/*.leftlist ul li:hover{background: #8d0c0c;}*/
.leftlist ul li:hover a{color: #8d0c0c;}
/*.leftlist ul li.on{background: #636363;}*/
.leftlist ul li.on a{color: #8d0c0c;}

.smalllist{text-indent: 60px;border-bottom: 1px solid #F2F2F2;height: 40px;}
.smalllist a{line-height: 40px;}
.smalllist:hover a{color: #8d0c0c;}
.smalllist.on a{color: #8d0c0c;}

.conleft{padding: 20px;background: #F2F2F2;}


/* news */

.newslist{width:850px; margin:auto;float: right;margin-top: 0px;}
.newslist ul{margin:0px; padding:0px;}
.newslist ul li{width:100%;height:160px; border-bottom:1px dotted #CCCCCC; padding-bottom:30px; padding-top:30px;}
.newslist ul li .left{width:220px; float:left; height:160px; overflow:hidden;}
.newslist ul li .left img{width:220px; height:160px; transition: all 0.6s; }
.newslist ul li:hover img{transform: scale(1.1);-webkit-transform: scale(1.1);-moz-transform: scale(1.1);-ms-transform: scale(1.1)}

.newslist ul li .right{width:600px; margin-left:30px; float:left;}
.newslist ul li .right .up{height:20px;}
.newslist ul li .right .up a{line-height:20px; color:#000000; font-size:16px;}
.newslist ul li .right .up a:hover{color:#ae8d24;}
.newslist ul li .right .time{height:40px;}
.newslist ul li .right .time a{line-height:40px; font-size:12px;}
.newslist ul li .right .down{height:120px; overflow:hidden; margin-top:10px;}
.newslist ul li .right .down a{line-height:24px; color:#999999; font-size:13px;}
.newslist ul li .right .down a:hover{color:#ae8d24;}





.newsdetail{width:1200px; margin:auto;margin-bottom: 80px;display: table;}
.newsdetail .left{width:300px; border-right:1px solid #EBEBEB; margin-top:30px; float:left;}
.newsdetail .right{width:899px; float:left; }

.newsdetail .left ul{margin:0px; padding:0px;}
.newsdetail .left ul li{width:279px; border-bottom:1px solid #EBEBEB; height:86px; padding:10px 0px;}
.newsdetail .left ul li .tp{width:86px; float:left; margin-right:9px;}
.newsdetail .left ul li .tp img{width:86px; height:86px;}
.newsdetail .left ul li .texts{width:170px; float:left;}
.newsdetail .left ul li .texts .up a{line-height:20px;}
.newsdetail .left ul li .texts .up a:hover{color:#ae8d24;}
.newsdetail .left ul li .texts .time{margin-top:0px;}
.newsdetail .left ul li .texts .time a{color:#CCCCCC; font-size:12px;}




.newsdetail .right .time{margin-top:0px; text-align:center;}
.newsdetail .right .time a{font-size:12px; color:#333333; line-height:20px;}
.newsdetail .fl{margin-top:0px; margin-bottom:10px;}
.newsdetail .fl a{font-size:12px; color:#333333; line-height:20px;}
.newsdetail .right .title{height:40px; margin-top:10px; text-align:center;margin: 0px;}
.newsdetail .right .title a{line-height:40px; color:#000000; font-size:26px;}

.newsdetail .con{margin: 5% auto;width: 90%; margin-top:30px;}
.newsdetail .con p{font-size:14px; color:#999999;line-height: 30px;}
.newsdetail .con img{width:640px;}

.protool{width: 90%;margin: 5%;}
.protool a{font-size: 16px;}
.protool a:hover{color: #ae8d24;}



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

.pages li{
    display: inline-block;
    margin: 0 8px;
}
.pages li a{
    display: block;
    height: 35px;
    width: 35px;
    line-height: 35px;
    font-size: 14px;
    color: #808080;
    border-radius: 5px;
    border: 0px solid #e5e5e5;
    background: #F2F2F2;
}
.pages li.on a,.pages li a:hover{
    color: #fff;
    background-color: #ae8d24;
}
.pages .prev a,.pages .next a{
    width: 80px;
}
.pages .last a{width: 60px;}

.pages li.no a{
    color: #808080;
    background-color: #F2F2F2;
}



.local{height: 80px;width: 100%;background: url(../Images/home.jpg) no-repeat left;background-size: 15px 15px;padding-left: 30px;font-size: 14px;line-height: 80px;}
.local.specs{height: 80px;background: url(../Images/home.jpg) no-repeat left;background-size: 15px 15px;padding-left: 30px;font-size: 14px;line-height: 80px;float: right;width: auto;}


.cert{width: 100%;margin-bottom: 80px;display: table;}
.cert ul{}
.cert ul li{width: 20%;float: left;}
.cert ul li .pic{margin: 5px;border: 1px solid #F2F2F2;}
.cert ul li img{width: 100%;}


.lingyubt{margin: 60px;text-align: center;}
.lingyubt p{font-size: 30px;color: #000000;font-weight: bolder;margin: 0px;}
.lingyubt p img{height: 25px; vertical-align: middle;}
.lingyubt span{font-size: 16px;margin: 20px;display: block;}

.servicelist{margin: 50px 0px;}
.servicelist ul{padding: 0px;margin: 0px;}
.servicelist ul li{width: 100%;background: #F2F2F2;clear: both;margin: 20px 0px;overflow: hidden;height: 240px;border-radius: 10px;}
.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;}


.servicetext{margin: 50px;}
.servicetext p{line-height: 30px;}

/*


.servicecontent{width:1200px; margin:auto; margin-top:50px; border-bottom:1px dotted #F2F2F2; display:table; padding-bottom:40px;}
.servicecontent .left{width:290px; float:left; text-align:right; padding-right:110px;}
.servicecontent .left .title a{font-size:22px; color:#000000;}

.servicecontent .right{width:800px; float:left;}
.servicecontent .right img{width:100%; padding-bottom:20px;}
.servicecontent .right a{line-height:28px; font-size:14px;}
.servicecontent .right p{line-height:28px; font-size:14px; padding:0px; margin:0px;}*/

.titles{text-align: center;font-size: 16px;color: #000000;}

.industry{margin: 0px;}
.industry .title{margin: 20px;}
.industry .title a{font-size: 26px;color: #000000;}
.industry .con{margin: 30px 0px;}

.icases{width:850px;float: right;margin-bottom: 80px;margin-top: 0px;}
.icases ul{margin:0px; padding:0px;display: table;width: 100%;}
.icases ul li{width:25%; float:left; height:100%; overflow:hidden; position:relative; display:block;}
.icases ul li .xgpic{width: 96%;margin: 2%;overflow: hidden;border: 0px solid #CCCCCC;text-align: center;}
.icases ul li .xgpic img{width:auto; height:260px; transition: all 0.6s;margin: auto;}
.icases ul li:hover .xgpic img{transform: scale(1.1);-webkit-transform: scale(1.1);-moz-transform: scale(1.1);-ms-transform: scale(1.1);}
.icases ul li .xgtext p{font-size: 14px;color: #000000;margin: 0px;overflow: hidden;height: 30px;text-align: center;}
.icases ul li .xgtext p font{font-size: 14px;color: #FF0000;}




.casedetail{border-top: 1px solid #CCCCCC;padding-top: 20px;}
.casedetail img{max-width: 100%;}
.casedetail{font-size: 14px;line-height: 30px;}
.casedetail p{font-size: 14px;line-height: 30px;}

.protitle{height: 60px;font-size: 24px;color: #000000;border-bottom: 1px dotted #CCCCCC; line-height: 60px;margin-bottom: 20px;}

.prodeta{width: 100%;margin-bottom: 40px;display: table;}
.prodeta .zbpic{width: 30%;float: left;text-align: center;}
.prodeta .zbpic img{width: auto; height: 200px;}
.prodeta .ybms{width: 59%;margin-left: 5%;background: #F2F2F2;float: left;height: 180px;padding: 10px 3%;border-radius: 15px;}
.prodeta .ybms p{font-size: 20px;color: #000000;margin-bottom: 10px;}
.prodeta .ybms font{font-size: 13px;color: #333333;display: block;}
.prodeta .ybms span{font-size: 14px;margin-top: 10px;display: block;}




.procon img{width: 100%;}