@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;}
.heads.on{background: #FFFFFF;transition-duration: .1s;border-bottom: 1px solid #CCCCCC;padding: 0px;background:rgba(255, 255, 255, 0.95);padding-top: 5px;}


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

/*.heads .tel{color: #FFFFFF;text-align: right;padding-right: 20px;}
.heads .tel img{width: 16px;vertical-align: middle;margin-top: -5px;}*/

.heads .nav{float: right;margin-top: 0px;margin-right: 1%;}
.heads .nav ul{margin: 0px;padding: 0px;margin-top: 10px;}
.heads .nav ul li{list-style: none;float: left;margin: 0px 5px;border-radius: 30px;}
.heads .nav ul li a{color: #FFFFFF;padding: 0px 25px;font-size: 14px;text-decoration: none;line-height: 30px;}
.heads .nav ul li:hover a{color: #FFFFFF;}
.heads .nav ul li:hover{background: #a80023;}
/*.heads .nav ul li ul{margin: 0px;padding: 20px;display: none;position: absolute;margin-left: -160px;}
.heads .nav ul li ul .kg{padding: 20px 20px;display: table;background: #012d55;width: 200px;padding-bottom: 40px;border-right: 1px solid #506f95;border-radius: 8px;}
.heads .nav ul li:hover ul{display: block;}
.heads .nav ul li ul li{width: 200px;list-style: none;padding: 0px 0px;border-bottom: 2px solid #7b91a5;margin: 0px 25px;}*/


.heads.on .nav a{color: #000000;font-size: 13px;transition-duration:0.5s;}
.heads.on .logo img{width: 95%;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;}


/*.heads .nav ul li ul li{width: 190px;list-style: none;padding: 0px 0px;border-bottom: 2px solid #7b91a5;margin: 0px 5px;float: left;}*/

/*
.heads .nav ul li ul li a{color: #FFFFFF;font-size: 14px;display: block;line-height: 50px;}
.heads .nav ul li ul li:hover{background: #004e7b;}*/


.welcome{position: absolute;text-align: center;top: 38%;z-index: 10;width: 100%;}
.welcome font{font-size: 90px;color: #FFFFFF;font-weight: bolder;display: block;line-height: 130px;letter-spacing: 15px;}
.welcome span{font-size: 70px;color: #FFFFFF;font-weight: bold;display: block;line-height: 60px;font-style:italic}
.welcome span em{color: #a80023;font-weight: bolder;}

.advantage{width: 100%;padding: 30px 0px;height: 100px;}
.advantage ul{padding: 0px;width: 1200px;margin: auto;}
.advantage ul li{width: 25%;float: left;margin:0px 4%;}

.advantage ul li i{color: #a80023;float: left;margin-top: 20px;}
.advantage ul li p{padding-left: 55px;}
.advantage ul li p font{color: #000000;font-size: 16px;}
.advantage ul li p span{display: block;}


.homeabout{width: 100%;background: url(../Images/aboutbg.jpg) no-repeat center;background-attachment: fixed;background-size: cover;display: table;}
.homeabout .text{background:rgba(255, 255, 255, 0.8);width: 35%;float: right;padding: 70px 10% 50px 5%;height: 400px;}
.homeabout .text .titlea{height: 40px;font-size: 26px;color: #000000;}
.homeabout .text .titlea:before{content: "";position: absolute;margin-top: 35px;margin-left: 0px;height: 3px;width: 50px;background: #a80023;}
.homeabout .text p{margin-top: 70px;line-height: 30px;}
.homeabout .text .more{height: 40px;background: #a80023;width: 150px;text-align: center;border-radius: 20px;margin-top: 120px;}
.homeabout .text .more a{color: #FFFFFF;line-height: 40px;font-size: 12px;display: block;}
.homeabout .text .more:hover{box-shadow: 0px 0px 15px #e7555f;}
.homeabout .text .more:hover a{font-size: 14px;}


.title{text-align: center;margin-top: 80px;font-size: 26px;color: #000000;}
.title span{font-size: 13px;display: block;line-height: 50px;}

.slick_list2{margin-top: 50px;}

.slick_list2 .item{
    display: block;
    margin: 0 12px;
    border: 1px solid #e4e4e4;
}
.slick_list2 .pic{
    height: 225px;
    overflow: hidden;
    text-align: center;
}
.slick_list2 .pic img{
    display: block;
    width: auto;
    height: 100%;
    -o-transition:.3s;
    -ms-transition:.3s;
    -moz-transition:.3s;
    -webkit-transition:.3s;
    transition:.3s;
    margin: auto;
}
.slick_list2 .txt{
    height: 57px;
    padding: 0px;
    background-color: #fff;
    -o-transition:.3s;
    -ms-transition:.3s;
    -moz-transition:.3s;
    -webkit-transition:.3s;
    transition:.3s;
    text-align: center;
}
.slick_list2 .txt h4{
    font-size: 14px;
    margin: 0px;
    color: #000;
    line-height: 57px;
    font-weight: normal;
    white-space: nowrap;
    overflow: hidden;
    -ms-text-overflow: ellipsis;
    text-overflow: ellipsis;
}
.slick_list2 .txt p{
    font-size: 12px;
    color: #959595;
    line-height: 2em;
}
.slick_list2 .item:hover .txt{
    background-color: #a80023;
}
.slick_list2 .item:hover .txt h4,
.slick_list2 .item:hover .txt p{
    color: #fff;
}
.slick_list2 .item:hover .pic img{
    -webkit-transform: scale(1.05);
    -moz-transform: scale(1.05); 
    -ms-transform: scale(1.05); 
    -o-transform: scale(1.05); 
    transform: scale(1.05);
    transform-origin: 50% 50%;
}

.slick2_btn{
    margin-top: 60px;
    text-align: center;
    font-size: 0;
}
.slick2_btn a{
    display: inline-block;
    vertical-align: middle;
    width: 40px;
    height: 40px;
    margin: 0 10px;
    cursor: pointer;
}
.slick2_btn .btn1{
    background: url(../Images/prev1.png) center center no-repeat;
}
.slick2_btn .btn2{
    background: url(../Images/icon_s02.png) center center no-repeat;
}
.slick2_btn .btn3{
    background: url(../Images/next1.png) center center no-repeat;
}
.slick2_btn .btn1:hover{
    background: url(../Images/prev2.png) center center no-repeat;
}
.slick2_btn .btn3:hover{
    background: url(../Images/next2.png) center center no-repeat;
}




.application{height: 500px;width: 100%;margin-top: 100px;}
.application ul{margin: 0px;padding: 0px;}
.application ul li{width: 25%;float: left;height: 500px;text-align: center;overflow: hidden;}
.application ul li img{transition-duration: 0.5s;width: 100%;}
.application ul li .hs{position: relative;margin-top: -400px;margin-left: 0px;padding: 50px 50px;}
.application ul li .hs p{color: #FFFFFF;font-size: 24px;}
.application ul li .hs span{color: #FFFFFF;font-size: 14px;line-height: 35px;width: 60%;display: block;margin: 10px 20%; transition-duration:0.5s;}
.application ul li:hover img{transform: scale(1.05);transition-duration: 0.5s;}
.application ul li:hover .hs{margin-top: -420px;}
.application ul li:hover .hs span{margin-top: -10px; transition-duration:0.5s;}

.cprz{width: 100%;margin-top: 30px;display: table;}
.cprz ul{margin: 0px;padding: 0px;}
.cprz ul li{width: 14%;float: left;border: 1px solid #F5F5F5;}
.cprz ul li img{height: 90px;transition-duration:0.5s;}
/*.cprz ul li:hover img{transform: scale(1.07);box-shadow: 0px 0px 16px #CCCCCC;transition-duration:0.5s;}*/

footer{height: 280px;width: 100%;background: url(../Images/footbg.jpg) no-repeat center;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: 20%;float: left;padding-right: 5%;}
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: #aaaaaa;}

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

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




.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;}

.abouttitle{border-bottom: 1px solid #F2F2F2;text-align: center;}
.abouttitle ul{margin: 0px;padding: 0px;}
.abouttitle ul li{display: inline-table;height: 70px;margin: 0px;}
.abouttitle ul li a{line-height: 70px;padding: 0px 92px;display: block;font-size: 14px;}
.abouttitle ul li:hover{background: #a80023;}
.abouttitle ul li:hover a{color: #FFFFFF;}
.abouttitle ul li.in{background: #a80023;}
.abouttitle ul li.in a{color: #FFFFFF;}


.abouttext{margin-top: 40px;min-height: 600px;/*display: table;*/}
.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: #a80023;}

.leftlist{width: 250px;float: left;margin-right: 50px;position: fixed;margin-left: 0px;margin-top: 0px;}
.leftlist.on{margin-top: -310px;}
.leftlist ul{}
.leftlist ul li{width: 100%;text-indent: 50px;background: #F2F2F2;}
.leftlist ul li a{line-height: 50px;display: block;}
.leftlist .btbf{background: #a80023;border-top-left-radius: 10px;border-top-right-radius: 10px;line-height: 30px;color: #FFFFFF;font-size: 20px;text-indent: 30px;padding: 20px 0px;}
.leftlist .btbf span{display: block;color: #FFFFFF;font-size: 13px;}
.leftlist ul li:hover{background: #8d0c0c;}
.leftlist ul li:hover a{color: #FFFFFF;}
.leftlist ul li.on{background: #636363;}
.leftlist ul li.on a{color: #FFFFFF;}

/* news */

.newslist{width:900px; margin:auto;float: right;margin-top: -30px;}
.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:650px; 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:#a80023;}
.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:#a80023;}





.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:#a80023;}
.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;}
.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: #a80023;}


/*.result{height:30px; background:#FAFAFA; -moz-border-radius: 5px; -webkit-border-radius:5px; border-radius: 5px; display:inline-table; margin-top:90px; margin-bottom:0px;}
.result a{height:30px; padding:8px 15px; line-height:35px; background:#FFFFFF; border:1px solid #F2F2F2; border-left:none;}
.result a:hover{background:#a80023; color:#FFFFFF;}
.result li{float: left;}
.result li.on{background: #a80023;}
.result a.prev{background:#FFFFFF; border-top-left-radius:6px; border-bottom-left-radius:6px; border-left:1px solid #F2F2F2;}
.result a.prev:hover{background:#a80023;}
.result a.prev.current:hover{background:#FFFFFF; color:#666666;}
.result a.next{background:#FFFFFF; color:#333333; border-top-right-radius:6px; border-bottom-right-radius:6px;}
.result a.next:hover{background:#a80023; color:#FFFFFF;}
.result a.next:hover.current{background:#FFFFFF; color:#666666;}
.result a.current:hover{background:#FFFFFF; color:#666666;}
.result a.current{background:#a80023; color:#FFFFFF;}
.result a.next.current{background:#FFFFFF; color:#666666;}
.result a.prev.current{background:#FFFFFF; color:#666666;}*/


.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: #a80023;
}
.pages .prev a,.pages .next a{
    width: 80px;
}
.pages .last a{width: 60px;}




.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;}



.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;}
.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:900px;float: right;margin-bottom: 80px;}
.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;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;}