﻿@charset "utf-8";
/* CSS Document */

@font-face {font-family: '微软雅黑';font-weight: normal;font-style: normal;}
body{overflow-x: hidden;min-width: 1200px;}
body,html,ul,li,a,ol,dl,dt,dd,div,section,p,header,nav,aside,footer,span,mark,h1,h2,h3,h4,h5,h6,font,address,input{padding:0;margin:0;list-style: none;text-decoration: none;font-style:normal;background:none;border:none;font-weight:normal;font-family: "微软雅黑";}
img {border: none;transition:all 0.3s ease-in 0s;}
a{color:#666;}
.wrap{width:100%;float:left;}
.fw {margin: 0 auto;width: 1180px;}
.main{/*margin-top:40px;margin-bottom:40px;padding-bottom:40px;float:left;*/}
#main{margin:0;padding:0;background:#f9f9f9;}
.container{margin:0 auto;width:1200px;}
.Pcontainer{margin:0 auto;width:1166px;}
input {border: none;background: none;}
input, textarea {outline: 0;font-size: 14px;-webkit-appearance: none;}
.ellipsis {text-overflow: ellipsis;overflow: hidden;white-space: nowrap;display: block;}
.clear{clear:both;float:none}
.pl{float: left;}
.pr{float: right;}
.hide{display:none;}
.show{display:block;}
.mt3{margin-top:30px;}


header{width:100%;float:left;overflow:hidden;background:#f9f9f9;}
.top{height:35px;line-height:35px;overflow:hidden;background:url(../img/idextopimgbg.jpg) repeat-x left top;box-sizing:border-box;border-bottom:1px solid #eee;}
.top img{float:left;margin:10px 0 0 0;}
.top p a{display:block;font-size:13px;color:#666;float:left;padding:0 15px;}

.head{height:147px;background:url(../img/headerimgbg.jpg) no-repeat center top;}
.head h3,.head p{height:28px;font-size:21px;line-height:28px;color:#cb5228;margin:42px 0 0 0;float:left;}
.head h3 img{float:left;margin-right:10px;}
.head p{margin:10px 0 0 0;}

nav{width:100%;height:55px;background-color:#484848;float:left;text-align: center;overflow: hidden;}
nav ul{display:inline-block;max-width: 1200px;}
nav ul li{width:171px;float:left; }
nav ul li a{width:100%;display:block;line-height:55px;font-size:16px;color:#fffefe;transition:all 0.3s ease-in 0s;}
nav ul li img{vertical-align:top;margin-right:5px;}
nav ul li:hover a,nav ul li.hover a{color:#f1831d;}
nav ul li:hover a img,nav ul li.hover a img{margin-top:-55px;}
.nav_scroll{position:fixed;width:100%;margin:0;left:0;top:0;box-shadow:2px 3px 3px #eee;z-index:9;}
.banner,.banner img,.min-banner,.min-banner img{width:100%;float:left;}

/**动画放大**/
/*.ImgEnlarge{display:block;overflow:hidden;margin:0 auto;}*/
.ImgEnlarge img{max-width:100%;min-height: 199px}
.FlashEnlarge ul li:hover img{transform:scale(1.2,1.2);}
/**延迟时间**/
.delay2,.FlashEnlarge ul li,.proCont ul li,.caseList ul li{animation-delay:.2s;-webkit-animation-delay:.2s;}
.delay3,.FlashEnlarge ul li:nth-child(2),.proCont ul li:nth-child(2),.caseList ul li:nth-child(2){animation-delay:.3s;-webkit-animation-delay:.3s;}
.delay4,.FlashEnlarge ul li:nth-child(3),.proCont ul li:nth-child(3),.caseList ul li:nth-child(3){animation-delay:.4s;-webkit-animation-delay:.4s;}
.delay5,.FlashEnlarge ul li:nth-child(4),.proCont ul li:nth-child(4),.caseList ul li:nth-child(4){animation-delay:.5s;-webkit-animation-delay:.5s;}
.delay6,.FlashEnlarge ul li:nth-child(5),.proCont ul li:nth-child(5),.caseList ul li:nth-child(5){animation-delay:.6s;-webkit-animation-delay:.6s;}
.delay7,.FlashEnlarge ul li:nth-child(6),.proCont ul li:nth-child(6),.caseList ul li:nth-child(6){animation-delay:.7s;-webkit-animation-delay:.7s;}
.delay8,.FlashEnlarge ul li:nth-child(7),.proCont ul li:nth-child(7){animation-delay:.8s;-webkit-animation-delay:.8s;}
.delay9,.FlashEnlarge ul li:nth-child(8),.proCont ul li:nth-child(8){animation-delay:.9s;-webkit-animation-delay:.9s;}
.delay10,.FlashEnlarge ul li:nth-child(9),.proCont ul li:nth-child(9){animation-delay:1s;-webkit-animation-delay:1s;}
.delay11,.FlashEnlarge ul li:nth-child(10){animation-delay:1.1s;-webkit-animation-delay:1.1s;}
.delay12,.FlashEnlarge ul li:nth-child(11){animation-delay:1.2s;-webkit-animation-delay:1.2s;}
.delay13,.FlashEnlarge ul li:nth-child(12){animation-delay:1.3s;-webkit-animation-delay:1.3s;}


aside{width:236px;float:left;margin-top:-25px;}
/**侧栏头部**/
.Paside{margin-bottom:60px;float:left;}
.PasideTop{width:236px;height:125px;position:relative;color:#FFF;}
.PasideTop h3{width:236px;height:57px;font-size:26px;text-align:center;color:#FFF;position:absolute;left:0;bottom:0;}

aside ul{width:100%;border-left:8px solid #e4e4e4;box-sizing:border-box;float:left;}
aside ul li{width:100%;height:auto;margin:10px 0 0 0;float:left;position:relative;}
aside ul li i{display:block;width:30px;font-size:20px;position:absolute;cursor:pointer;color:#FFF;right:0;top:16px;text-align:center;}
aside ul li h3{width:100%;height:50px;float:left;margin-left:-8px;border-left:8px solid #e4e4e4;transition:all 0.3s ease-in 0s;}
aside ul li p{width:218px;height:50px;float:right;background:#484848;transition:all 0.3s ease-in 0s;}
aside ul li mark{width:8px;height:8px;border:1px solid #FFF;border-radius:50%;float:left;margin:20px 14px;}
aside ul li span{width:4px;height:4px;margin:2px;background:#FFF;border-radius:50%;float:left;;}
aside ul li a{display:block;width:180px;float:left;font-size:16px;color:#FFF;height:100%;margin:auto;line-height:50px;}
aside ul li.hover a{width:150px;}

aside.Iaside ul img{margin:40px 0 20px 28px;}

aside ul li.hover p,aside ul li:hover p{background:#cd542a;}
aside ul li.hover h3,aside ul li:hover h3{border-left:8px solid #cd542a;}
aside ul li h3 i.fa{display:none;}

aside ul.subnav{width:100%;border:none;float:left;display:none;}
aside ul.subnav li{width:100%;margin-top:0;float:left;}
aside ul.subnav li p{width:194px;margin-right:12px;background:none;border-bottom:1px solid #ccc;}
aside ul.subnav li a{width:180px;display:block;padding-left:12px;color:#666666;font-size:15px;box-sizing:border-box;transition:all 0.3s ease-in 0s;}
aside ul.subnav li:hover a,aside ul.subnav li.hover a{color:#cd542a;}
aside ul li.hover ul.subnav,aside ul li.hover h3 i{display:block;}

/**案例综合**/
.IdexCase ul,.IdexProduct ul{width:100%;float:left;display:flex;justify-content:space-between;flex-wrap: wrap;}
.IdexCase ul li{width:284px;height:auto;float:left;margin:0 0 20px 0;}
.IdexCase ul li mark{width:284px;height:199px;overflow:hidden;float:left;display:block;display: flex;justify-content: center;align-items: center;}
.IdexCase ul li section{width:100%;height:62px;border-bottom:2px solid #FFF;float:left;display:block;transition:all 0.3s ease-in 0s;}
.IdexCase ul li h3{width:100%;float:left;font-size:16px;color:#000;margin:10px 0 5px;}
.IdexCase ul li p{width:100%;float:left;font-size:12px;color:#868686;font-family:Arial, Helvetica, sans-serif;}
.IdexCase ul li:hover section{width:97%;padding-left:3%;border-bottom:2px solid #cb5228;box-shadow:3px 0 2px rgba(229,229,229,.85);}
/**案例**/
.caseList{margin:36px 0 0;float:left;}

/**友情链接**/
.friendlink{height:65px;background:#f3f3f3;line-height:65px;border-bottom:2px solid #aaa;}
.friendlink h3{width:1134px;float:right;}
.friendlink h3 span{font-size:16px;color:#333;}
.friendlink h3 a{margin-left:15px;font-size:14px;color:#666;}

/**页尾**/
footer{width:100%;background:#f3f3f3;float:left;overflow:hidden;}
address,footer img{margin:35px 0 0 20px;float:right;opacity:.5;}
.footNav dl{float:left;margin:35px 60px 0 0;}
.footNav dl dt{width:100%;float:left;color:#444444;margin:0 0 20px 0;font-size:14px;}
.footNav dl dd a{max-width:254px;padding:5px 0;font-size:14px;color:#999;display:block;}
.footNav dl.active{margin-right:0;}
address{width:280px;color:#999;font-size:14px;line-height:30px;opacity:1;}
address h3{width:100%;float:left;font-size:25px;color:#cb522a;font-weight:bold;margin:0 0 5px 0;}
address p{width:100%;float:left;}
address p mark,address p span{float:left;display:block;color:#999;}

input::-webkit-input-placeholder { /* WebKit browsers */
　　color:#FFF;
　　}
　input::-moz-placeholder { /* Mozilla Firefox 4 to 18 */
　　color:#FFF;
　　}
　　input::-moz-placeholder { /* Mozilla Firefox 19+ */
　　color:#FFF;
　　}
　　input::-ms-input-placeholder { /* Internet Explorer 10+ */
　　color:#FFF;
　　}


.foot{line-height:66px;font-size:14px;color:#FFF;text-align:center;background:#444444;margin:80px 0 0 0;}
.foot a{color:#FFF;}

#JSDiv_1,#JNDiv_1,#JCDiv_1,#JPDiv_1,#JPDiv_2,#JPDiv_3,#JPDiv_4{display:none;}

