/* 
* @Author: anchen
* @Date:   2019-03-28 10:31:36
* @Last Modified by:   anchen
* @Last Modified time: 2019-03-28 18:05:38
*/
.clearfix{ *zoom:1; }
.clearfix:after{ content: ""; display: block; clear: both; }
body { font-family:"Microsoft YaHei"; font-size:12px; margin: 0; }

.bg { background:#fff; }
.bx{ width: 1200px; margin: 0 auto; }
.fl{ float: left; }
.fr{ float: right}
*{ margin: 0; padding: 0; list-style: none; text-decoration: none; }
.font_wight { font-weight: bold; }


/*1*/
.top{ height: 100px; background-color: rgba(255,255,255,.5); position: absolute; left: 0; right: 0; z-index: 100; }
.nav1 a{ display: block; font-size: 16px; color: #333; width: 130px; line-height: 100px; text-align: center; }
.nav1 a:hover{background:white;color:#e60707;}
.nav0 a img{ display: block; margin: 11px 82px 0 0;}
.nav1{ margin-left: 18px; }
.nav1.last{ /*margin-left: 0px;*/ }
.nav2{ margin-left: 20px; }

/*2*/
/*.banner{ background: url(../img/banner.jpg) no-repeat center; height:  960px; position: relative; margin-bottom: 80px; }*/


/*3*/
.main{ margin-bottom: 80px; }
.col{ width: 300px; }
.tit h3{ font-size: 30px; color: #e60707; text-align: center; }
.tit p{ font-size: 18px; color: #e60707; text-align: center; margin-top: 10px; }
.tit{ margin-bottom: 50px; }
.col_1 img{ display: block; margin:0 auto 30px; transition:1s; -webkit-transition:1s; -moz-transition:1s; }
.col_1 img:hover{ -webkit-transform: rotate(360deg) scale(1.2); -moz-transform: rotate(360deg) scale(1.2); -ms-transform: rotate(360deg) scale(1.2); -o-transform: rotate(360deg) scale(1.2); }
.dian{ width: 6px; height: 6px; background-color: #00a9cd; border-radius: 100px; margin-top: 9px; margin-right: 10px; }
.yewu-title-text{ font-size: 18px; color: #333; font-weight: 600; }
.col_text{ margin: 0 auto; width: 102px; margin-bottom: 20px; }
.yewu_describe{ font-size: 15px; color: #333; text-align: center; line-height: 24px; }
.dian2{ background-color: #ca6349; }
.dian3{ background-color: #e48900; }
.dian4{ background-color: #57a758; }

.display1920{display: none;}
.display1440{display: none;}

/*4*/
.por{margin-bottom: 50px;}
@media screen and (min-width:1441px) and (max-width:1920px) 
{ /*这里写1920的样式*/
    .por0 {
    width: 67%;
}
    .display1920{display: block;}
	.por{margin-top:80px;}
    .por2 img{display: block;margin-top:15px;max-width:100%;}
    .por3{margin-top: 30px}
    .por2{width:29%;margin-left:1%;}  
    .por4{margin-left: 30px;margin-top: 30px;}
    .por4.last{margin-left: 0px;}
}
@media screen and (max-width: 1440px) 
{ /*这里写1440的样式*/
    .display1440{ display: block; }
	.por_left{width:67%}
	.por2{width:29%;margin-left:1%;}
	.por2 img{margin-top:15px;max-width:100%;}
    .por4 {
        display: inline-block;
        padding: 1rem;
        width: 33%;
        transition: 400ms;
        cursor: pointer;
        box-sizing: border-box;
    }
        .por4 img{width:100%;}
        .por4:hover {
            box-shadow: 0 4px 30px rgba(0, 0, 0, .15);
            transform: translateY(-4px);
        }
}


    /*5*/

.main{
    position:relative;
   /* width:680px;*/
    margin: 0 auto;
}
.view {
   width: 50%;
   /*height: 540px;*/
   display:inline;
   overflow: hidden;
   position: relative;
   text-align: center;
   cursor: default;
   background: #fff url(../img/about.jpg) no-repeat center center;background-size: contain;
}
.view2{background: #fff url(../img/honor.jpg) no-repeat center center;background-size: contain;}
.view .mask,.view .content {
   width: 100%;
   height: 100%;
   position: absolute;
   overflow: hidden;
   top: 0;
   left: 0;
}
.view img {
    max-width: 100%;
   display: block;
   position: relative;
}
.view h2 {
   text-transform: uppercase;
   color: #fff;
   text-align: center;
   position: relative;
   font-size: 30px;
   padding: 30px;
   margin: 20px 0 0 0;
}
.view h2 a{color: #fff;}
.view p {
   font-size: 16px;
   position: relative;
   color: #fff;
   padding: 30px 20px 40px;
   text-align: center;
}
.view a.info {
   display: inline-block;
   text-decoration: none;
   padding: 10px 20px;
   background: #fff;
   color: #333;
   text-transform: uppercase;
   -webkit-box-shadow: 0 0 1px #000;
   -moz-box-shadow: 0 0 1px #000;
   box-shadow: 0 0 1px #000;
}
.view a.info: hover {
   -webkit-box-shadow: 0 0 5px #000;
   -moz-box-shadow: 0 0 5px #000;
   box-shadow: 0 0 5px #000;
}
.view-fourth img {
   -webkit-transition: all 0.4s ease-in-out 0.2s;
   -moz-transition: all 0.4s ease-in-out 0.2s;
   -o-transition: all 0.4s ease-in-out 0.2s;
   -ms-transition: all 0.4s ease-in-out 0.2s;
   transition: all 0.4s ease-in-out 0.2s;
   -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=100)";
   filter: alpha(opacity=100);
   opacity: 1;
}
.view-fourth .mask {
   background-color: rgba(0,0,0,0.6);
   -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=0)";
   filter: alpha(opacity=0);
   opacity: 0;
   -webkit-transform: scale(0) rotate(-180deg);
   -moz-transform: scale(0) rotate(-180deg);
   -o-transform: scale(0) rotate(-180deg);
   -ms-transform: scale(0) rotate(-180deg);
   transform: scale(0) rotate(-180deg);
   -webkit-transition: all 0.4s ease-in;
   -moz-transition: all 0.4s ease-in;
   -o-transition: all 0.4s ease-in;
   -ms-transition: all 0.4s ease-in;
   transition: all 0.4s ease-in;
   -webkit-border-radius: 0px;
   -moz-border-radius: 0px;
   border-radius: 0px;
}
.view-fourth h2 {
   -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=0)";
   filter: alpha(opacity=0);
   opacity: 0;
   border-bottom: 1px solid #666;
   background: transparent;
   margin: 10% 40px 0px 40px;
   -webkit-transition: all 0.5s ease-in-out;
   -moz-transition: all 0.5s ease-in-out;
   -o-transition: all 0.5s ease-in-out;
   -ms-transition: all 0.5s ease-in-out;
   transition: all 0.5s ease-in-out;
}
.view-fourth p {
   -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=0)";
   filter: alpha(opacity=0);
   opacity: 0;
   -webkit-transition: all 0.5s ease-in-out;
   -moz-transition: all 0.5s ease-in-out;
   -o-transition: all 0.5s ease-in-out;
   -ms-transition: all 0.5s ease-in-out;
   transition: all 0.5s ease-in-out;
}
.view-fourth a.info {
   -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=0)";
   filter: alpha(opacity=0);
   opacity: 0;
   -webkit-transition: all 0.5s ease-in-out;
   -moz-transition: all 0.5s ease-in-out;
   -o-transition: all 0.5s ease-in-out;
   -ms-transition: all 0.5s ease-in-out;
   transition: all 0.5s ease-in-out;
}
.view-fourth:hover .mask {
   -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=100)";
   filter: alpha(opacity=100);
   opacity: 1;
   -webkit-transform: scale(1) rotate(0deg);
   -moz-transform: scale(1) rotate(0deg);
   -o-transform: scale(1) rotate(0deg);
   -ms-transform: scale(1) rotate(0deg);
   transform: scale(1) rotate(0deg);
   -webkit-transition-delay: 0.2s;
   -moz-transition-delay: 0.2s;
   -o-transition-delay: 0.2s;
   -ms-transition-delay: 0.2s;
   transition-delay: 0.2s;
}
.view-fourth:hover img {
   -webkit-transform: scale(0);
   -moz-transform: scale(0);
   -o-transform: scale(0);
   -ms-transform: scale(0);
   transform: scale(0);
   -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=0)";
   filter: alpha(opacity=0);
   opacity: 0;
   -webkit-transition-delay: 0s;
   -moz-transition-delay: 0s;
   -o-transition-delay: 0s;
   -ms-transition-delay: 0s;
   transition-delay: 0s;
}
.view-fourth:hover h2,
.view-fourth:hover p,
.view-fourth:hover a.info {
   -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=100)";
   filter: alpha(opacity=100);
   opacity: 1;
   -webkit-transition-delay: 0.5s;
   -moz-transition-delay: 0.5s;
   -o-transition-delay: 0.5s;
   -ms-transition-delay: 0.5s;
   transition-delay: 0.5s;
}
.about_text{font-size: 16px;color: #333;text-align: center;line-height: 36px;margin-bottom: 50px;}
.about{margin-bottom: 80px;}

/*6*/
.zixun-cont {
    min-height: 180px;
    color: #000;
    margin-bottom: 40px;
}
.zixun-pic-box {
    text-align: center;
}
.zixun-pic-box img {
    position: relative;
    width: 270px;
    height: 160px;
    -webkit-transition: all .3s ease-in-out;
    -moz-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out;
    -o-transition: all .3s ease-in-out;
    z-index: 2;
    vertical-align: middle;
}
.zixun-text-box {
    width: 70%;
    -webkit-transition: all .3s ease-in-out;
    -moz-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out;
    -o-transition: all .3s ease-in-out;
    padding-left: 60px;
    min-height: 180px;
}
.zixun-text-box h4 {
    font-size: 22px;
    margin: 0 0 20px 0;
    font-weight: normal;
    color: #000;
}
.zixun-remark {
    color: #8D8D8E;
    font-size: 16px;
    min-height: 92px;
}
.zixun-fujia span {
    font-size: 14px;
    margin-right: 50px;
}
.zixun-fujia .time-icon {
    background: url(../img/eye.png) no-repeat -33px -3px;
}
.sm-icon {
    width: 22px;
    height: 22px;
    display: inline-block;
    margin-right: 5px;
    vertical-align: bottom;
}
.zixun-fujia .renqi {
    background: url(../img/eye.png) no-repeat -5px -3px;
}
a.want-more {
    display: block;
    margin: 0 auto;
    width: 114px;
    height: 36px;
    background-color: #fff;
    color: #535353;
    font-size: 16px;
    line-height: 36px;
    text-align: center;
    margin-top: 40px;
    border: 1px solid #D4D4D4;
}

.new{margin-bottom: 80px;}


/*8*/
.box_8{background-color: #333333;height: 305px;padding: 60px 0 0 0;border-bottom: 1px solid #666;}
.sao2{margin: 0 100px 0 60px;}
.con h3{color: #fff;font-size: 26px;}
.fang{width: 40px;height: 4px;background-color: #fff;margin: 15px 0 20px;}
.con p{font-size: 16px;color: #fff;margin-bottom:20px;letter-spacing: 1px;}
.con2{margin-right: 100px;}
.ser p{font-size: 16px;color: #fff;margin-bottom: 0}
.ser .pho{font-size: 28px;}
.ser{margin-left: 10px;margin-bottom:20px;}
.nav2 li a{color: #fff;height: 40px;line-height: 40px;}
.nav2 li a:hover{background-color: #fff;color: #333;}
.nav2{margin-top: 60px;}

/*9*/
.box_9{background-color: #333333;height: 60px;}
.box_9 p{font-size: 16px;color: #fff;line-height: 60px;text-align: center;}

/*kefu*/
.cndns-right{position:fixed;right:1px;top:50%;margin-top:-100px;z-index:100}
.cndns-right-meau{position:relative;}
.cndns-right-btn{width:48px;height:48px;border:1px solid #ddd;text-align:center;display:block;margin-bottom:6px;position:relative;background-color:#fff}
.cndns-right-btn span{color:#848484;font-size:26px;line-height:48px;}
.cndns-right-btn sup{display:block;min-width:24px;height:24px;text-align:center;line-height:24px;color:#fff;border-radius: 50%;background-color:#ff6800;position:absolute;left:-12px;top:-12px;}
.cndns-right-btn p{color:#ff6800;font-size:14px;line-height:18px;padding-top:5px;display:none;}
.cndns-right-meau:hover .cndns-right-btn span{display:none}
.cndns-right-meau:hover .cndns-right-btn p{display:block;}
.meau-car .cndns-right-btn {border-color:#ff6800;margin-bottom:20px;}
.meau-car.cndns-right-meau:hover .cndns-right-btn{background-color:#ff6800}
.meau-car.cndns-right-meau:hover .cndns-right-btn span{color:#fff;display:block;}
.meau-car .cndns-right-btn span{color:#ff6800;}
.meau-sev .cndns-right-btn{border-color:#ff6800;background:url(/img/02index-banner-8.gif) no-repeat #ff6800 center;} 
.meau-sev .cndns-right-btn p{color:#fff}
.meau-sev .cndns-right-btn span{color:#fff}
.meau-top .cndns-right-btn span{font-size:12px;line-height:12px;padding-top:10px;display:block}
.meau-top .cndns-right-btn i{display:block;color:#999}
.meau-top.cndns-right-meau:hover .cndns-right-btn{background-color:#ff6800}
.meau-top.cndns-right-meau:hover .cndns-right-btn span{display:block;color:#fff} 
.meau-top.cndns-right-meau:hover .cndns-right-btn i{color:#fff;}
.cndns-right-box{position:absolute;top:-15px;right:48px;padding-right:25px;display:none;}
.cndns-right-box .box-border{border:1px solid #ccc;border-top:4px solid #ff6800;padding:20px;background-color:#fff;-webkit-box-shadow: 0 3px 8px rgba(0,0,0,.15);-moz-box-shadow: 0 3px 8px rgba(0,0,0,.15);box-shadow: 0 3px 8px rgba(0,0,0,.15);position:relative}
.cndns-right-box .box-border .arrow-right{display:block;width:13px;height:16px;background:url(/img/arrow.png) no-repeat;position:absolute;right:-13px;top:26px;}
.cndns-right-box .box-border .sev-t span{font-size:42px;float:left;display:block;line-height:56px;margin-right:20px;color:#d3d3d3}
.cndns-right-box .box-border .sev-t p{float:left;color:#ff6800;font-size:24px;line-height:28px;}
.cndns-right-box .box-border .sev-t p i{display:block;font-size:14px;color:#aaa;}
.cndns-right-box .box-border .sev-b{padding-top:15px;margin-top:15px;border-top:1px solid #e4e4e4}
.cndns-right-box .box-border .sev-b h4{color:#666;font-size:14px;font-weight:normal;padding-bottom:15px;}
.cndns-right-box .box-border .sev-b li{float:left;width:33.33333%}
.cndns-right-box .box-border .sev-b li a{display:inline-block;color:#999;font-size:13px;padding-left:43px;background:url(/img/q1.gif) no-repeat left 3px;line-height:36px;}
.cndns-right-box .box-border .sev-b li a:hover{color:#ff6800}
.meau-sev .cndns-right-box .box-border{width:430px;}
.meau-contact .cndns-right-box .box-border{width:230px;}
.cndns-right-meau:hover .cndns-right-box{display:block}
.meau-code .cndns-right-box{top:inherit;bottom:-35px;}
.meau-code .cndns-right-box .box-border{width:156px;text-align:center;border-top:1px solid #ccc;}
.meau-code .cndns-right-box .box-border i{display:block;color:#f66e06;font-size:16px;line-height:16px;}
.meau-code .cndns-right-box .box-border .arrow-right{top:inherit;bottom:50px;}
.meau-sev .cndns-right-btn .demo-icon{display:none;}
.meau-sev:hover .cndns-right-btn{background:#ff6800}
.meau-zs .cndns-right-btn{background-color:#ff6800;color:#fff;margin-top:80px;border-color:#ff6800}
.meau-zs .cndns-right-btn span{color:#fff}
.meau-zs .cndns-right-btn p{color:#fff}
/*kefu*/
.clear{clear:both;font-size:0px;line-height:0;height:0;}

@font-face {
	font-family: 'icomoon';
    src:url('/fonts/icomoon.eot?qradjf');
    src:url('/fonts/icomoon.eot?qradjf#iefix') format('embedded-opentype'),
        url('/fonts/icomoon.ttf?qradjf') format('truetype'),
        url('/fonts/icomoon.woff?qradjf') format('woff'),
        url('/fonts/icomoon.svg?qradjf#icomoon') format('svg');
    font-weight: normal;
    font-style: normal;
}
.demo-icon{
  font-family:"icomoon";
  font-style:normal;
  font-weight:normal;
  speak:none;
  display:inline-block;
  text-decoration:inherit;
  text-align:center;
  font-variant:normal;
  text-transform:none;
  font-size:24px;
  -webkit-font-smoothing:antialiased;
  -moz-osx-font-smoothing:grayscale;
  line-height:24px;
  color:#999; 
}


/*主图*/
.banner{width:100%;overflow:hidden;height:960px;position:relative; margin-bottom: 80px; }
.banList{position:absolute;left:50%;margin-left:-960px;height:960px}
.banList li{height:960px;opacity:0;position:absolute;transform:scale(0);transition:transform 0.5s ease 0s, opacity 1.5s ease 0s;z-index:1;}
.banList li.active{opacity:1;transform:scale(1);z-index:2;}
.fomW{position:absolute;bottom:20px;left:50%;height:20px;z-index:9;width:1000px;margin-left:-500px}
.jsNav{text-align:center;}
.jsNav a{display:inline-block;background:#fff;width:15px;height:15px;border-radius:50%;margin:0 5px;}
.jsNav a.current{background:#fc8f0f;cursor:pointer}

/*工程案例*/
.zCase {margin: 60px 0;padding: 69px 0;background: url(../img/solutionbg.jpg) center no-repeat;}
.zCase .hd{height:30px;text-align:center;margin-top:30px;margin-bottom:30px;}
.zCase .hd li{display:inline-block;margin:0 10px;height:28px;line-height:28px;padding:0 15px;border:1px solid #eee;background:#fff;color:#333;cursor:pointer;}
.zCase .hd li a{color:#333;}
.zCase .hd li.on,.zCase .hd li:hover{background:#e60707;border-color:#e60707;}
.zCase .hd li.on a,.zCase .hd li:hover a{color:#fff;}
.zCase .bd{overflow:hidden;}
.zCase .bd ul{width:1260px;overflow:hidden;}
.zCase .bd li{margin-right:30px;width:380px;float:left;margin-bottom:20px;}
.zCase .bd li .pic{display:block;position:relative;width:380px;height:278px;overflow:hidden;}
.zCase .bd li .pic .cover{position:absolute;left:0;top:0;z-index:4;width:100%;height:100%;transition:all .2s ease-in-out;-webkit-transition:all .2s ease-in-out;-ms-transition:all .2s ease-in-out;-moz-transition:all .2s ease-in-out;}
.zCase .bd li:hover .pic .cover{box-shadow:inset 0 0 100px rgba(0,0,0,0.3);-webkit-box-shadow:inset 0 0 100px rgba(0,0,0,0.3);-ms-box-shadow:inset 0 0 100px rgba(0,0,0,0.3);-moz-box-shadow:inset 0 0 100px rgba(0,0,0,0.3);}
.zCase .bd li .pic img{-webkit-transition:.5s;-o-transition:.5s;transition:.5s;width:380px;height:278px;}
.zCase .bd li .cont{padding-top:10px;overflow:hidden;}
.zCase .bd li .cont .tit{margin-bottom:5px;font-size:16px;color:#000;text-align:center;}
.zCase .bd li .cont .tit a{color:white;}
.zCase .bd li .cont .des a{color:#999;font-size:12px;}
.zCase .bd li:hover .cont .tit a{color:#e60707;}
.zMore{width:172px;height:42px;margin:0 auto;padding-top:40px;}
.moreA{position:relative;z-index:1;display:block;width:170px;height:40px;line-height:40px;text-align:center;color:#e60707;border:1px solid #e60707;-webkit-transition:.3s;-o-transition:.3s;transition:.3s;}
.moreA:hover{background:transparent;-webkit-transition:.3s;-o-transition:.3s;transition:.3s;}
.moreA i{display:inline-block;margin-left:5px;font-style:normal;}
a.animBtn:link,a.animBtn:visited{position:relative;text-align:center;text-decoration:none;text-transform:uppercase;overflow:hidden;letter-spacing:.08em;text-shadow:0 1px 1px rgba(0,0,0,0.2);-webkit-transition:all .3s ease;-moz-transition:all .3s ease;-o-transition:all .3s ease;transition:all .3s ease;}
a.animBtn:link:after,a.animBtn:visited:after{content:"";position:absolute;background:none repeat scroll 0 0 #e60707;height:0%;left:50%;top:50%;width:100%;z-index:-1;-webkit-transition:all .3s ease 0s;-moz-transition:all .3s ease 0s;-o-transition:all .3s ease 0s;transition:all .3s ease 0s;}
a.animBtn:link:hover,a.animBtn:visited:hover{color:#fff;text-shadow:none;}
a.animBtn:link:hover:after,a.animBtn:visited:hover:after{height:420%;}
a.animBtn.themeA:after{-moz-transform:translateX(-50%) translateY(-50%) rotate(-45deg);-ms-transform:translateX(-50%) translateY(-50%) rotate(-45deg);-webkit-transform:translateX(-50%) translateY(-50%) rotate(-45deg);transform:translateX(-50%) translateY(-50%) rotate(-45deg);}
.w1200 {
    position: relative;
    width: 1200px;
    margin: 0 auto;
}
.zTitle {
    text-align: center;
    position: relative;
    overflow: hidden;
}
    .zTitle h3 {
        font-size: 30px;
        line-height: 35px;
        color: white;
        background: url(../img/bgbt.png) no-repeat center;
    }
    .zTitle p {
        color: white;
        line-height: 30px;
        font-size: 15px;
    }