/*页面顶部大图片*/
.headbanner{width:100%; height:600px; position:relative;  overflow:hidden;margin-top:82px;}
.headbanner img {width: 1920px;position: absolute;left: 50%;top: 0;margin-left: -960px;}

/*内页定位*/
.location{width:100%;clear:both;height:40px;line-height:40px;border-bottom:1px solid #e9e9e9;}
.locationcon{margin:0 auto;width:1200px;}
.locationlist li{float:left;margin-right:10px;}
.locationlist li a{margin-left:5px;}
.locationlist li a:hover{color:#1579bc;}

.inside{width:100%;clear:both;padding:30px 0;}
.insidecon{margin:0 auto;width:1200px;}
.inside img{max-width:1200px;}

.insideleft{float:left;width:260px;margin-bottom:20px;}
.insideleft .sortsname{border:1px solid  #008cd6;width:220px;height:45px;line-height:45px;text-indent:20px;font-size:18px;background: #008cd6; color: #fff;border-radius:5px;}
.insideleft .sortslist li{text-indent:20px;width:220px;height:35px;line-height:35px;overflow:hidden;border:1px solid #dcdcdc;margin-top:10px;border-radius:5px;}
.insideleft .sortslist li a{width:220px;height:35px;display:block;}
.insideleft .sortslist li a:hover,.insideleft .sortslist li.hover a{width:220px;height:35px;display:block;background: #008cd6; color: #fff;}

.insideright{float:left;width:940px;margin-bottom:20px;}
.insideright .title{font-size:16px;height:45px;line-height:45px;border-bottom:2px solid #008cd6;}
.insideright .title i{margin-right:10px;}
.insideright .content{padding:15px 10px;}


/*新闻动态*/

.news{float:left;width:865px;margin-bottom:30px;}
.news .sorts li{float:left;margin-right:30px;font-size:18px;}
.news .sorts li.hover a{color:#1579bc;}

.newslist ul{ }
.newslist li{ float:left; width:820px;  padding:10px 0; margin-top:20px;border-bottom:1px solid #dcdcdc;}
.newslist li:hover{border-bottom:1px solid #1579bc;}
.newslist .photo{float:left;width:300px;margin-right:40px;height:225px;overflow:hidden;}
.newslist li img{max-height:225px;max-width:300px;}
.newslist .text{width:480px;height:225px;overflow:hidden;}
.newslist .name{width:480px; font-size:18px; font-weight:bold;overflow:hidden;line-height:35px;}
.newslist .time{  font-size:14px; line-height:24px;}
.newslist .note{ width:480px; font-size:14px; line-height:22px; height:72px; margin-top:15px; overflow:hidden;}


.newsright{float:right;width:315px;}
.newsright .title{font-size:20px;}
.newsright .list{background:#dcdcdc;padding:20px;margin-top:20px;min-height:300px;text-indent:-10px;}
.newsright .list li{line-height:30px;margin-left:10px;}
.newsright .list li i{color:#666;margin-right:8px;}


.shownews{float:left;width:865px;margin-bottom:30px;}
.shownews .articletitle{font-size:24px;font-weight:bold;height:35px;line-height:35px;text-align:center;}
.shownews .articlefrom{margin-top:20px;border-bottom:1px #dcdcdc solid;padding-bottom:20px;text-align:center;}
.shownews .articlefrom ul{text-align:center;width:100%;height:100%;}
.shownews .articlefrom li{display:inline;margin-right:20px;}
.shownews .articlefrom li i{margin-right:10px;}

.shownews .articlecontent {margin-top:30px;}
.shownews .articlecontent p{margin-top:15px;font-size:16px;line-height:30px;text-indent:2em;}


/*解决方案*/

.products{margin-top:20px;border-bottom:1px #dcdcdc solid;height:350px;}
.products .photo{width:600px;height:350px;float:left;overflow:hidden;text-align:center;}
.products .photo img{width:400px;height:300px;}

.products .text{float:left;width:560px;padding:0 20px;height:350px;}
.products .text .name{font-size:18px;font-weight:bold;height:50px;line-height:50px;}
.products .text .note{font-size:16px;line-height:35px;margin-top:15px;}

.products:hover {color:#1579bc;border-bottom:1px #1579bc solid;}

.hotproducts{margin-top:30px;}

.hotproducts ul{}
.hotproducts ul li{width:600px;float:left;}

.hotproducts ul li .img{width:600px;height:450px;overflow:hidden;}
.hotproducts ul li .img img{width:600px;height:450px;}

.hotproducts ul li p.name{font-size:16px;text-align:center;height:30px;line-height:30px;background-color:#5e5e5e;color:#fff;position:relative;top:-30px;z-index:100;
                         background-color:rgba(0,0,0,0.2);}




/*关于我们*/

.insidenav{background:#ededed;height:50px;}
.insidenav .sort{padding-top:15px;}
.insidenav .sort li{float:left;font-size:16px;text-align:center;margin-right:15px;border-right:1px #333 solid;}
.insidenav .sort li a{display:block;margin-right:15px;}
.insidenav .sort li.hover,.insidenav .sort li:hover{color:#1579bc;}
.insidenav .sort li.hover a,.insidenav .sort li:hover a{color:#1579bc;}

/*.insidenav .sort li a.hover,.insidenav .sort a:hover{background:#5e5e5e;color:#fff;display:block;width:90px;height:30px; margin-top:10px;border-radius:20px;line-height:30px;}
.insidenav .sort li a.hover ,.insidenav .sort a:hover {color:#fff;}*/

.insidevision{background:#dcdcdc;height:80px;}
.insidevision .sort{height:80px;line-height:25px;}
.insidevision .sort li{float:left;width:100px;font-size:16px;text-align:center;margin-right:15px;}
.insidevision .sort li.hover,.insidevision .sort li:hover{color:#1579bc;}
.insidevision .sort li.hover a,.insidevision .sort li:hover a{color:#1579bc;}
.insidevision .sort li i{font-size:30px;margin-top:10px;}

.aboutborder{border-bottom:1px #dcdcdc solid;}
.aboutborder:hover{border-bottom:1px #1579bc solid;color:#1579bc;}

.about{}
.about .sort{text-align:center;margin-bottom:50px;background:#dcdcdc;height:50px;}
.about .sort ul{text-align:center;width:100%;height:100%;}
.about .sort ul li{display:inline;padding:20px;font-size:16px;margin:0 10px;}
.about .sort ul li:hover,.about .sort ul li.hover{background:#1579bc;color:#fff;border-radius:20px;height:30px;}
.about .sort ul li:hover a,.about .sort ul li.hover a{color:#fff;}




.websitecontent{margin:10px 0;}
.websitecontent p{margin-top:10px;font-size:16px;line-height:30px;}


.aboutphoto{width:1230px;margin:0 auto;overflow:hidden;}
.aboutphotolist li{width:380px;float:left;margin-right:30px;height:330px;}
.aboutphotolist li .photo{width:380px;height:280px;overflow:hidden;border:1px #e9e9e9 solid; text-align:center;}
.aboutphotolist li .photo img{height:280px;}
.aboutphotolist li .name{font-size:16px;height:30px;line-height:30px;text-align:center;}





/*产品展示*/
/*.prolist{margin-top:10px;}
.prolist ul li{float:left;width:400px; height:450px; margin-bottom:40px;  overflow:hidden;}
.prolist ul li:hover{border:1px solid #0024ff;background-color:#dcdcdc;border-radius:3px;} 
.prolist ul li:hover a{color:#fff;}
.prolist ul li .photo{width:350px;height:350px;overflow:hidden;text-align:center;border:1px solid #dee1e8;padding:1px;}
.prolist ul li .photo img{height:350px;width:350px;}
.prolist ul li p{ color:#535151; font-size:16px; line-height:50px;text-align:center;}*/

.prolist{margin-bottom:50px;}
.prolist .sorts{border-bottom:2px #333 solid;font-size:16px;height:35px;line-height:35px;}
.prolist .sorts a{color:#333;}

.prolist .lists li{float:left;width:288px;height:330px;margin-top:30px;margin-right:12px; padding-bottom:30px;text-align:center;font-size:16px;transition: .9s;}
.prolist .lists li img{width:200px;margin:30px;}
.prolist .lists li:hover{
    box-shadow: 0 15px 30px 0 rgba(0,0,0,.19);
    transform: translate3d(0,-2px,0);
    transition: all .9s cubic-bezier(.55,0,.1,1);
         border-radius:10px;
   -webkit-transition: .9s;

     /*border-radius:10px;
      -webkit-box-shadow:0 15px 30px rgba(0,0,0,0.2);
    box-shadow:0 15px 30px rgba(0,0,0,0.2);
    -webkit-transform:translate3d(0, -2px, 0);
    transform:translate3d(0, -2px, 0);*/

    /*-webkit-transition: .9s;
    -moz-transition: .9s;
    -ms-transition: .9s;
    -o-transition: .9s;
    transition: .9s;*/

}
.iv_none{display:none;}
.iv_show{display:block;}



/*产品详情*/
.productsdetail{margin-top:15px;margin-bottom:20px;}
.pimage{float:left;width:450px;}
.pimage img{max-width:400px;border:1px solid #dcdcdc;border-radius:5px;}
/*.market{float:left;width:400px;}*/
.market .pname{font-size:20px;color:#ff0000;margin-bottom:20px;line-height:35px;}
.market .pmarket{font-size:15px;line-height:30px;}
.market .ptel{text-align:center;margin:20px;font-size:16px;color:#ff0000;}
.market .porder{width:100px;height:35px;line-height:35px;margin:0 auto;font-size:15px;background:#dcdcdc;border-radius:5px;text-align:center;}
.market p{margin-top:15px;}

.detail{margin-top:20px;}
.detail .title{font-size:18px;font-weight:bold;color:#237cbe;border-bottom:1px solid #dcdcdc;padding-bottom:10px;margin-top:20px;}
.detail .title i{margin-right:8px;}
.detail .pdetail p{margin-top:10px;} 
.detail img{max-width:1200px;}

/*产品放大镜*/
  .bg{width:1200px;height: 540px;margin:0 auto;padding:20px;border:1px solid #E8E8E8;overflow: hidden;min-width: 900px;box-sizing: border-box;background: #fff;}
    .bg_left{width: 430px;height:auto;float: left}
    .bg_right{float: left}
    .bg_right .market{margin-left:60px;float:left;width:500px;}
    .show{width: 430px;height: 430px;margin-bottom: 10px;position: relative;border:1px solid #E8E8E8;cursor:move}
    .show img{width: 430px;height: 430px;}
    .mask{width: 215px;height: 215px;background: #000;filter: Alpha(opacity=50);opacity:0.5;position: absolute;top: 0;left: 0;display: none;}
    .bigshow{width: 530px;height: 430px;overflow: hidden;margin-left: 10px;display: none;border:1px solid #E8E8E8;position:relative;top:-510px;left:0px;}
    .bigshow img{width: 860px;height: 860px;margin-right: 10px;}
    .smallshow{width: 100%;height: 70px;position: relative}
    .smallshow img{width:100%;border:1px solid #e8e8e8;box-sizing: border-box;transition: all 0.5s}
    .smallshow>.middle_box{margin-left: 30px;margin-right: 30px;width:370px;overflow: hidden;height: 70px;}
    .smallshow .middle{overflow: hidden;transition: all 0.5s;height: 70px;}
    .smallshow .middle>li{width: 64px;height: 64px;float: left;cursor:pointer;padding:0 5px;}
    .smallshow>p{position: absolute;top:50%;width: 22px;height: 32px;margin-top: -16px;}
    .smallshow>.prev{left: 0;background: url(../images/hover-prev.png) no-repeat;transition: all 0.5s}
    .smallshow>.next{right: 0;background: url(../images/hover-next.png) no-repeat;transition: all 0.5s}
    .smallshow>.prev.prevnone{left: 0;background: url(../images/prev.png) no-repeat;cursor: not-allowed}
    .smallshow>.next.nextnone{right: 0;background: url(../images/next.png) no-repeat;cursor: not-allowed}



/*工程案例*/
.caselist{margin-top:10px;}
.caselist{width:1200px;margin:0 auto;}
.caselist li{width:180px;height:60px;padding:20px 20px;float:left;margin-bottom:15px;}
.caselist img{width:180px;height:60px;border:1px #dcdcdc solid;padding:5px;}

.showcase{margin-top:10px;margin-bottom:20px;}
.showcase .articlephoto img{border-radius:5px;}
.showcase .articletitle{margin:10px 0;font-size:18px;}
.showcase .articlecontent p{margin-top:10px;}


/*加入我们*/
.job{margin-bottom:30px;}
.joblist a{font-size:16px;display:block;height:40px;line-height:40px;border-bottom:1px #dcdcdc solid;}
.joblist a:hover{border-bottom:1px #1579bc solid;}
.joblist li span{float:right;}
.joblist li i{margin-right:8px;}

.job .shownews{float:none;width:1000px;margin:0 auto;}


/*分页控件*/
.pagelist{clear:both;margin-top:30px;margin-bottom:20px;height:50px;text-align:center;}
.pagelist ul{list-style-type:none;}
.pagelist li{display:inline;}
.pagelist li a{padding:8px 15px;border:1px solid #dcdcdc;margin-right:10px;}
.pagelist li:hover a,.pagelist li.hover a{border:1px solid #1579bc;background:#1579bc;color:#fff;}

/*下一页*/
.pagenext{border-top:1px solid #dcdcdc;padding:10px;}
.pagenext a:hover{color:#0024ff;}


/*在线留言表格*/
.uctable{width:95%;overflow:hidden;border:1px solid #EEE;}
.uctable * a{color:#0066CC;}
.uctable * a:hover{color:#0024ff;text-decoration:underline;}
.uctable tr th{background:#FFE;border-bottom:1px solid #DBDFE1;padding:10px;}
.uctable tr td{padding:5px 10px;color:#333;vertical-align:top;border-bottom:1px solid #F0F0F0;}
.uctable input,.uctable button{padding:5px;border:1px solid #dcdcdc;}




/*象新闻列表一样显示产品*/
.pnewslist ul{ }
.pnewslist li{ float:left; width:844px;  padding:10px; margin-left:20px; margin-top:20px;border:1px solid #dcdcdc;border-radius:5px;}
.pnewslist li:hover{border:1px solid #eee;}
.pnewslist .photo{float:left;width:220px;margin-right:20px;height:200px;border-radius:3px;}
.pnewslist li img{max-height:200px;max-width:200px;}
.pnewslist .text{width:580px;height:120px;overflow:hidden;}
.pnewslist .name{width:580px;color:#0024ff; font-size:18px; font-weight:bold;overflow:hidden;}
.pnewslist .time{  color:#777777; font-size:14px; line-height:24px;}
.pnewslist .note{  color:#777777;width:500px; font-size:16px; line-height:30px; height:100px; margin-top:6px; overflow:hidden;}