/* CSS Document */
body,ul,li,dd,dt,dl,p,span,div,a,img,select,input,textarea,h1,h2,h3,h4,h5,h6,video{border:none;margin:0;padding:0;}
h1,h2,h3,h4,h5,h6{font-weight:normal}
a{text-decoration:none}
li{list-style:none}
input,select,textarea{outline:none}
input[type="submit"],input[type="reset"],input[type="button"],button{-webkit-appearance:none}
.userSelect{-webkit-user-select:none}
.clear{clear:both}
input:-webkit-autofill{-webkit-box-shadow:0 0 0px 1000px white inset}

html{font-family:Arial,"Microsoft YaHei"}

@font-face {
	font-family:'jinshan';     /*用时字体名称*/
	src:url('../fonts/ecoicons/ecoicon.eot');                                             /*IE9*/
	src:url('../fonts/ecoicons/ecoicon.eot?#iefix') format('embedded-opentype'),          /*IE6-IE8*/
		url('../fonts/ecoicons/ecoicon.woff') format('woff'),                         /*chrome/firefox*/
		url('commao.ttf') format('truetype'),                      /*chrome/firefox/opera/Safari/Android/IOS 4.2+  google有效*/
		url('../fonts/ecoicons/ecoicon.svg#ecoicon') format('svg');                   /*IOS4.1-*/
	font-weight: normal;
	font-style: normal;
}

.page-width{ width:1200px; margin:0 auto;}

/*滚动条整体部分*/
.option::-webkit-scrollbar{ width:8px;}
/*滚动条里面的小方块，能向上向下移动（或往左往右移动，取决于是垂直滚动条还是水平滚动条）*/
.option::-webkit-scrollbar-thumb{border-radius:999px; min-height:20px; background-clip:content-box; box-shadow: 0 0 0 5px rgba(0,0,0,.2)inset;}
/*滚动条的轨道（里面装有Thumb）*/
.option::-webkit-scrollbar-track{box-shadow: 1px 1px 5px rgba(0,0,0,.2)inset; border-radius: 999px; }
/*滚动条的轨道的两端按钮，允许通过点击微调小方块的位置。*/
.option::-webkit-scrollbar-button{background:0 0; height:0px; width:0px;}
/*内层轨道，滚动条中间部分（除去）*/
.option::-webkit-scrollbar-track-piece{}
/*边角，即两个滚动条的交汇处*/
.option::-webkit-scrollbar-corner{}
/*两个滚动条的交汇处上用于通过拖动调整元素大小的小控件*/
.option::-webkit-resizer{}

/*顶部*/
.top{ background:#333; min-width:1200px; height:36px; position:absolute; top:0; left:0; width:100%; z-index:6;}
.top-a{ line-height:36px; text-align:right;}
.top-a a{ color:#fff; font-size:12px; display:inline-block; margin-left:24px; cursor:pointer;}
.top-a a:hover{ color:#e60012;}
.top-a a:hover span{ background-position:0 0;}
.top-ar{ position:relative; padding-left:48px;}
.top-global{ display:block; width:48px; height:36px; background:url(../227/icon.png) -80px -46px no-repeat; position:absolute; top:0; left:0;}

/*导航*/
.top-nav{ position:relative; height:82px; background:#fff; position:absolute; top:36px; left:0; width:100%; z-index:6;}
.logo{ height:82px; float:left;}
.logo a{ display:inline-block; margin:15px 0;}
.logo img{ width:230px; height:50px;}
.nav{}
.nav-div{ float:right;}
.nav-div:hover .nav-t{ color:#e60012;}
.nav-list{ position:relative; width:72px; text-align:center; padding:0 15px;}
.nav-div:nth-child(1) .nav-list{}
.nav-t{ font-size:18px; line-height:82px; display:inline-block; color:#000; width:100%; cursor:pointer;}
.nav-icon{ display:none; width:14px; height:7px; background:url(../227/icon.png) -48px 0 no-repeat; position:absolute; top:82px; left:50%; margin-left:-7px; z-index:15;}
.nav-b{ position:absolute; top:82px; left:0; width:100%; min-width:1200px; height:0px; display:none; overflow:hidden;}
.nav-bg{ width:100%; height:100%; position:absolute; top:0; left:0; z-index:11; background:#f9f9f9; /*opacity:0.6; filter:alpha(opacity=60);*/}
.nav-c{ width:1200px; height:300px; margin:0 auto; position:relative; z-index:12;}
.nav-cl{ width:406px; padding:170px 0 0 80px; border-right:1px solid #ccc; height:70px; position:absolute; top:30px; left:0; color:#555; z-index:14;}
.nav-cl h3{ font-size:30px; font-weight:normal; line-height:40px;}
.nav-cl p{ font-size:14px; line-height:24px;}
.nav-cr{ width:714px; position:absolute; right:0; top:30px; height:240px; overflow:hidden;}
.nav-cr-r{ position:absolute; right:0px; top:0; width:400px; height:100%; z-index:20; text-align:center;}
.nav-cr-r div{ margin-top:0px; height:160px; overflow:hidden; text-align:center;}
.nav-cr-r p{ position:absolute; bottom:0; right:0; width:100%; line-height:24px; font-size:14px; max-height:72px; height:72px; overflow:hidden; text-indent:2em; text-align:justify; text-justify:inter-ideograph; color:#000;}
.nav-cr-r div img{ transition:0.27s ease-out; -webkit-transition:0.27s ease-out;}
.nav-cr-r:hover img{ transform:scale(1.05); -webkit-transform:scale(1.05);}
.nav-cr-r:hover p{ color:#666;}
.nav-cr-div{ position:relative; float:left; color:#555; line-height:30px; padding:3px 0 3px 200px; width:500px; min-height:30px;}
.nav-cr-div-bg{ position:absolute; top:0; left:0; width:100%; height:100%; background:#ccc; opacity:0; filter:alpha(opacity=0); z-index:12;}
.nav-duan{ width:200px;}
.nav-cr-div:hover .nav-cr-div-bg{ opacity:0.2; filter:alpha(opacity=20);}
.nav-cr-div p{}
.nav-cr-div a{ position:relative; z-index:13; color:#555; font-size:14px; line-height:30px; margin:0 5px; display:inline-block; border-bottom:1px solid rgba(255,255,255,0);}
.nav-cr-div a:hover{ border-bottom:1px solid #e60012;}
.nav-cr-div .nav-h4,.nav-cr-div h4{ position:absolute; top:3px; left:17px; /*width:160px;*/ line-height:30px; z-index:13; font-size:16px; font-weight:normal;}
.nav-cr-div .nav-h4{ cursor:pointer;}
.nav-div-a .nav-t{ color:#e60012;}

.nav-cp{ width:210px; height:30px; background-image:url(../227/nav-cp.png); background-repeat:no-repeat;}
.nav-cp3{ background-position:0 0;}/*产品中心*/
.nav-cp4{ background-position:0 -30px;}/*核心技术*/
.nav-cp5{ background-position:0 -60px;}/*交流合作*/
.nav-cp6{ background-position:0 -90px;}/*品牌质量*/
.nav-cp7{ background-position:0 -120px;}/*关心支持*/
.nav-cp8{ background-position:0 -150px;}/*新闻中心*/
.nav-cp2{ background-position:0 -180px;}/*走进金山*/

.nav-div-che .nav-icon{ display:block;}
.nav-b-show{ display:block;}
.nav-div-che .nav-b-show{ height:300px;}
.nav-div-che .nav-list{ background:#e60012;}
.nav-div-che .nav-list a{ color:#fff !important;}

/*底部*/
.footer{ width:100%; min-width:1200px; background:#333;}
.footer-a{ padding-top:40px; width:1200px; overflow:hidden; margin-bottom:20px;}
.footer-a ul{ width:1320px;}
.footer-a li{ width:210px; margin-right:120px; float:left; overflow:hidden;}
.footer-t{ color:#e60012; border-bottom:1px solid #e60012; line-height:40px; font-size:18px; margin-bottom:10px;}
.footer-a p{ line-height:24px; font-size:14px;}
.footer-a a{ color:#777;}
.footer-a a:hover{ color:#fff;}
.footer-b{ min-height:40px; position:relative; margin-top:0px;}
.footer-bl{ line-height:24px;}
.footer-bl a{ font-size:20px; color:#fff;}
.footer-bl p{ font-size:14px; color:#fff;}
.footer-share{ position:absolute; right:0; bottom:0;}
.footer-share p{ color:#fff; font-size:14px; line-height:14px; padding-top:10px; width:120px; text-align:center;}
.footer-share a{ display:inline-block; width:40px; height:40px; background-image:url(../227/icon.png); background-repeat:no-repeat; cursor:pointer; margin-left:20px; border-radius:50%;}
.share-qq{ background-position:0 -84px;}
.share-wx{ background-position:-40px -84px; position:relative;}
.share-wx-img{ position:absolute; bottom:45px; left:50%; margin-left:-60px; width:120px; height:127px; display:none; overflow:hidden; transition:height linear 0.27s;}
.share-wx-img div{ padding-bottom:7px; border-radius:5px; position:relative;}
.share-wx-img p{ background:#fff; border-radius:5px; overflow:hidden;}
.share-wx-img img{ background:#fff; width:110px; padding:5px;}
.share-wx-img span{ width:14px; height:7px; background:url(../227/icon.png) -58px -60px no-repeat; position:absolute; bottom:0; left:50%; margin-left:-7px; z-index:3;}
.share-wb{ background-position:-80px -84px;}
.share-qq:hover{ background-position:0 -124px;}
.share-wx:hover{ background-position:-40px -124px;}
.share-wx:hover .share-wx-img{ display:block; opacity:1;
animation:sharewx linear 0.27s;
-webkit-animation:sharewx linear 0.27s;}
@keyframes sharewx{
0%{ display:none; opacity:0;}
1%{ display:block; opacity:0;}
100%{ display:block; opacity:1;}
}
@-webkit-keyframes sharewx{
0%{ display:none; opacity:0;}
1%{ display:block; opacity:0;}
100%{ display:block; opacity:1;}
}
.share-wb:hover{ background-position:-80px -124px;}
.footer-c{ line-height:50px; font-size:14px; border-bottom:1px solid #e60012; margin-bottom:20px;}
.footer-c a{ color:#777; display:inline-block; margin-right:20px;}
.footer-c .ft-a{ margin-right:0; margin-left:10px; vertical-align:middle;}
.footer-c a:hover{ color:#fff;}
.footer-c span{ color:#777; float:right;}
.footer-c span a{ margin-right:0;}
.footer-top{ width:36px; height:30px; background:url(../227/icon.png) -64px 0 no-repeat; cursor:pointer;}

.xslw-paging{ padding-bottom:40px;}
/*分页*/
.paging{ text-align:center; font-size:14px; color:#666;}
.paging a,.paging-che{ display:inline-block; background:#e6e6e6; padding:0 12px; line-height:32px; margin-left:6px; color:#5d5d5d; font-size:14px; cursor:pointer;}
.paging a:nth-child(1){ border-radius:5px 0 0 5px;}
.paging a:nth-last-of-type(1){ border-radius:0 5px 5px 0;}
.paging .paging-che,.paging a:hover{ background:#fe5f56; color:#fff;}

/*了解更多*/
.more{ font-size:20px; padding:0 52px 0 26px; height:46px; line-height:46px; position:relative; width:80px; color:#fff; border-radius:5px; overflow:hidden;}
.more-bg{ position:absolute; top:0; left:0; width:100%; height:100%; background:#e60012; z-index:1;}
.more p{ position:relative; z-index:3;}
.more span{ position:absolute; top:50%; right:26px; display:inline-block; background:url(../227/icon.png) -48px -10px no-repeat; width:8px; height:15px; margin-top:-8px; z-index:2;}
.more:hover span{
animation:more ease-out 1.2s infinite;
-webkit-animation:more ease-out 1.2s infinite;}
@keyframes more{
0%{ right:26px;}
25%{ right:20px;}
75%{ right:32px;}
100%{ right:26.5px;}
}
@-webkit-keyframes more{
0%{ right:26px;}
25%{ right:20px;}
75%{ right:32px;}
100%{ right:26.5px;}
}

/*首页标题*/
.index{ overflow:hidden; margin-top:30px;}
.index-title{ padding-left:24px; min-height:48px; position:relative; margin-bottom:30px;}
.index-title div{ border-top:24px solid #000; border-bottom:24px solid #e60012; height:0; width:4px; position:absolute; left:0; top:0;}
.index-title span{ font-size:30px; color:#333; line-height:30px; padding-top:18px; display:inline-block;}
.index-title a{ color:#fff; background:#e60012;width:50px; height:12px; padding-top:4px; font-size:12px; text-align:right; display:inline-block; float:right; margin-top:32px;}
.index-title a:hover{ background:#a00;}

/*滚屏效果*/
.roll{ min-height:840px; width:100%; min-width:1200px; display:table; background-size:cover; background-repeat:no-repeat; background-position:center; background-color:#fff; height:954px;}
.table{ display:table-cell; vertical-align:middle;}
.roll .td{ height:840px; width:1200px; margin:0 auto; position:relative;}

.jinshan-0{ position:relative; min-height:118px;}

/*警告（禁止访问）*/
.errorDiv{ position:fixed; top:0; left:0; width:100%; height:100%; display:table; overflow:hidden;}
.errorTd{ display:table-cell; vertical-align:middle; text-align:center;}
.errorC{ display:inline-block; padding-left:160px; min-height:120px; position:relative; text-align:left;}
.errorCi{ width:137px; height:120px; background-image:url(../227/error404.png); background-repeat:no-repeat; display:inline-block; position:absolute; top:50%; left:0; margin-top:-60px;}
.errorC h5{ font-size:30px; font-weight:normal; line-height:40px; padding:20px 0; margin:0;}
.errorC p{ font-size:14px; margin:0;}
.errorC p a{ color:#144577; font-weight:bold; margin-right:10px; display:inline-block;}
.errorC p a:hover{ color:#f00;}