@charset "utf-8";

body,td,th,input,textarea,select{font-family:'Microsoft YaHei', Arial, Tahoma; font-size:12px; color:#777177; outline:none;}
html,body{min-width:1160px;}
html,body,form{margin:0;}
img{border:0px none; vertical-align:middle; outline:none;}
ul,dl{display:block; margin:0; padding:0;}
dd{margin:0; padding:0;}
li{list-style:none;}
p{display:block; margin:0; padding:0;}
a{text-decoration:none; color:#777177; outline:none;}
a:hover{color:#ec0000;}
.wrap{width:1200px; margin:auto;}
.wrap:after{content:''; display:block; height:0; font-size:0; overflow:hidden; clear:both; float:none;}
.searHeight{font-style:normal; color:#ec0000;}
.white{color:#fff !important;}
.light{font-family:'Microsoft YaHei Light','Microsoft YaHei';}
.clear{display:block; margin:0; padding:0; clear:both; float:none;}
.red{color:#c70a19;}
h1{display:block; font-size:26px !important; font-weight:normal; padding:0; margin:0; color:#464646;}

#head{background:#fff; width:100%; height:80px; position:fixed; z-index:99; left:0; top:0; transition:height .25s; min-width:1200px;}
#head .logo{width:244px; height:100%; line-height:80px; text-align:center; margin:auto; transition:line-height .3s;}
#head .logo img{width:auto; height:46px; transition:all .3s;}

#head.small{height:60px; box-shadow:0 5px 25px rgba(0,0,0,.12);}
#head.small .logo{line-height:60px;}
#head.small .logo img{height:38px;}

#menu{width:650px; height:100%; position:absolute; top:0; left:15px;}
#menu>li{float:left; height:100%; position:relative;}
#menu>li>a{display:block; height:100%; line-height:80px; font-size:16px; color:#333; padding:0 20px; position:relative; overflow:hidden; transition:all .15s; z-index:1;}
#menu>li>a:after{content:''; display:block; position:absolute; width:100%; height:4px; background:#ec0000; left:0; bottom:-4px; transition:all .15s;}
#menu>li.A>a{color:#ec0000;}
#menu>li.A>a:after{bottom:0;}
#menu>li>div{position:absolute; left:0; top:80px; background:#fff; display:none; width:100%; transition:top .25s;}
#menu>li.product>div{width:1602px;left:-100px;}
#menu>li>div:after{display:block; content:""; clear:both;}
#menu>li>div dl{width:266px; float:left; border-right:1px dashed #999;}
#menu>li>div dl:nth-last-of-type(1){border-right:0px none;}
#menu>li>div dt{margin-bottom:12px;}
#menu>li>div dt>a{width:267px; box-sizing:border-box; display:block; background:#d60000; color:#fff; height:42px; line-height:40px; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; font-size:14px; padding:0 40px; transition:all .2s;}
#menu>li>div dd{height:52px; padding:0 25px;}
#menu>li>div dd>a{display:block; height:52px; position:relative; padding-left:65px; padding-right:15px; transition:all .15s;}
#menu>li>div dd>a>img{position:absolute; left:15px; top:5px; width:40px; height:40px; border:1px solid #e6e6e6; transition:all .25s;}
#menu>li>div dd>a>span{display:inline-block; vertical-align:middle;}
#menu>li>div dd>a>i{height:100%; vertical-align:middle; width:0; display:inline-block;}
#menu>li>div dd>a:hover{background:#eee; color:#ec0000;}
#menu>li>div dl:hover{background:#f7f7f7;}
#menu>li>div dl:hover dt>a{background:#ff0000;}
#menu>li>div dd>a:hover>img{border:1px solid #ccc; box-shadow:5px 5px 15px rgba(0,0,0,.1);}

#menu>li>div dl.solution{ border-right:none;}
#menu>li>div dl.solution dd>a{padding-left:82px;}
#menu>li>div dl.solution dd>a>img{width:56px;height:40px;}



#menu>li>div.single{width:150px;}
#menu>li>div.single>a{display:block; width:100%; border-bottom:1px solid #eee; height:40px; line-height:40px; font-size:13px; padding-left:25px; box-sizing:border-box; transition:all .2s;}
#menu>li>div.single>a:hover{background:#f5f5f5; color:#ec0000;}

#menu>li>div>p{clear:both; height:0; font-size:0;}
#menu>li>div>div{height:42px; background:#eee; padding-left:25px;}
#menu>li>div>div>a{line-height:42px; height:42px; font-size:13px; color:#464646; background:url('img/arr.png') no-repeat right 17px; display:inline-block; padding-right:12px;}
#menu>li>div>div>a:hover{color:#ec0000; background:url('img/arr_a.png') no-repeat right 17px; }

#head.small #menu>li>a{height:60px; line-height:60px;}
#head.small #menu>li>div{top:60px;}

#head .right{width:450px; height:100%; position:absolute; top:0; right:40px; text-align:right; line-height:80px; transition:all .25s;}
#head .right img{width:auto; height:20px; margin:-2px 7px 0 0;}
#head .right a{font-size:13px; margin-left:20px; color:#444;}
#head .right a.search-btn img{height:20px; margin-top:-3px;}

#head.small .right{line-height:60px;}

#head #search-wrap{
	display:none;
	width:300px;
	height:32px;
	padding:8px 0;
	border-top:4px solid #ec0000;
	background-color:#fff;
	box-shadow:0px 5px 8px rgba(0,0,0,.2);
	position:absolute;
	right:-10px;
	top:76px;
	z-index:99;
	}
#head.small #search-wrap{
	top:56px;
	}
#head #search-wrap input[type="text"]{
	float:left;
	height:32px;
	line-height:32px;
	width:80%;
	border:none;
	background-color:inherit;
	color:#666;
	font-size:12px;
    text-indent:10px;
	overflow:hidden;
	}
#head #search-wrap input::-webkit-input-placeholder{ 
	color: #666;
	} 
#head #search-wrap button{
	float:right;
	width:20%;
	height:32px;
	border:none;
	background-color:inherit;
	color:#fff;
	cursor:pointer;
	}



@media (max-width:1439px){
  #menu{widht:500px; left:10px;}
  #menu>li>a{font-size:15px; padding:0 10px;}
  #menu>li>div dt>a{padding:0 35px;}
  #menu>li>div dd{padding:0 20px;}
  #menu>li>div>div{padding-left:20px;}
  #head .right{width:400px; right:20px;}
  #head .right a{margin-left:15px; font-size:12px;}
  #menu>li>div.single>a{padding-left:20px;}
  #menu>li.product>div{width:980px;}
  #menu>li.product>div>dl{width:244px;}
  #menu>li.product>div dt>a{width:245px; padding:0 20px;}
  #menu>li.product>div dd{height:52px; padding:0 0px;}
}

.pagebg{width:100%; height:100%; position:fixed; left:0; top:0; z-index:98; background:rgba(0,0,0,.46); display:none;}

#banner{height:680px; background:#fff; overflow:hidden; margin-top:80px;}
.b-pager{width:1200px; margin:auto; height:30px; position:relative; z-index:9;}
.b-pager>div{position:absolute; top:-60px;}
.b-pager a{width:40px; height:6px; display:inline-block; background:#fff;	margin:0 6px; font-size:0; transition:all ease 0.35s;}
.b-pager a:hover{background:rgba(255,255,255,.7);}
.b-pager a.activeSlide,.b-pager a.activeSlide{background:#d60000;}

#m1{margin-top:65px;}
#m1 .title .en>img{height:32px; width:auto;}
.m1-c{width:603px; float:left; height:250px;}
.m1-r{width:330px; height:250px; float:right; background:#eee;}

.m1-c>p{font-size:13px; line-height:200%; margin-bottom:16px;}
.m1-c .more{display:block; width:120px; height:33px; line-height:33px; text-align:center; font-size:13px; border:1px solid #999; border-radius:3px; margin-top:18px; transition:all .1s;}
.m1-c .more:hover{color:#ec0000; border:1px solid #ec0000;}

.wrap>.title{width:225px; float:left;}
.wrap>.title>.en{font-size:26px; color:#333;}
.wrap>.title>.cn{font-size:20px; color:#333; font-family:'Microsoft YaHei Light'; position:relative; margin:80px 0 0 0;}
.wrap>.title>.cn:before{content:''; display:block; position:absolute; left:0; top:-41px; height:2px; background:#ec0000; width:38px;}

#m2{margin-top:62px; background:url('img/m3.jpg') no-repeat center center;}
#m2>.wrap{padding:60px 0;}

.m2-r{width:975px; float:right;}
.m2-r div{width:100%; height:400px;}
.m2-r .img{width:486px; height:100%; float:left;}
.m2-r .img>a{display:block; width:100%; height:100%;}
.m2-r .img>a>img{width:100%; height:100%;}
.m2-r .con{width:489px; height:100%; background:#fff; float:right;}
.m2-r .con span{display:block;}
.m2-r .con .tit{display:block; font-size:20px; color:#333; font-weight:bold; padding:70px 0 0 50px;}
.m2-r .con .tit:hover{color:#d60000;}
.m2-r .con span.txt{line-height:200%; padding:20px 50px 0 50px; color:#888;}
.m2-r .con .more{display:block; border:1px solid #999; width:100px; height:32px; border-radius:3px; text-align:center; line-height:32px; background:#fff; margin:25px 0 0 50px; transition:all .2s;}
.m2-r .con .more:hover{color:#ec0000; border:1px solid #ec0000;}

.m2-pager,.m3-pager{text-align:center; padding:16px 0 0 225px;}
.m2-pager a,.m3-pager a{width:12px;	height:12px; display:inline-block; background:#E6E6E6;	border-radius:100%;	margin:0 5px; font-size:0; transition:all ease 0.35s;}
.m2-pager a:hover,.m3-pager a:hover{background:#ccc;}
.m2-pager a.activeSlide,.m3-pager a.activeSlide{background:#d60000;}

#m4{height:480px; background:url('img/m4.jpg') no-repeat center center;}
#m4 .wrap{padding-top:80px;}
#m4 .wrap>.title>p{color:#fff;}
#m4 .wrap>.title>.cn:before{background:#fff;}

.m4-r{width:975px; float:right;}
.m4-r ul{width:1020px;}
.m4-r ul li{width:295px; height:120px; float:left; margin-right:45px; margin-bottom:45px;}
.m4-r ul li>a{display:block; width:100%; height:100%; border-bottom:1px solid rgba(255,255,255,.3); transition:all .35s; box-sizing:border-box;}
.m4-r ul li>a>.left{width:60px; height:80px; float:left;}
.m4-r ul li>a>.left>img{width:60px; height:auto;}
.m4-r ul li>a>.right{width:220px; height:100px; float:right;}
.m4-r ul li>a>.right>.tit{color:#fff; font-size:20px; font-weight:bold; transition:all .2s;}
.m4-r ul li>a>.right>.txt{color:rgba(255,255,255,.7); padding:10px 0 0 0; line-height:180%; transition:all .2s;}
.m4-r ul li>a:hover{border-bottom:1px solid #fff; padding-top:8px;}
.m4-r ul li>a:hover .tit{color:#e60000;}
.m4-r ul li>a:hover .txt{color:#fff;}

#m5{height:400px; padding:70px 0;}
.m5-r{width:975px; float:right;}
.m5-r ul{width:1020px;}
.m5-r ul li{width:295px; height:400px; float:left; margin-right:45px; margin-bottom:45px;}
.m5-r ul li>a{display:block; width:100%; height:100%; box-sizing:border-box;}
.m5-r ul li>a .img{width:295px; height:200px; overflow:hidden;}
.m5-r ul li>a .img>img{width:100%; height:auto; transition:all .35s;}
.m5-r ul li>a .tit{font-size:17px; font-family:'Microsoft YaHei Light'; color:#d60000; padding:30px 0 0 0; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
.m5-r ul li>a .txt{color:#888; line-height:200%; padding:10px 0 0 0;}
.m5-r ul li>a p{border:1px solid #999; width:90px; height:30px; line-height:30px; border-radius:3px; text-align:center; margin-top:45px; transition:all .2s; color:#464646;}
.m5-r ul li>a:hover p{border:1px solid #d60000; color:#d60000;}
.m5-r ul li>a:hover .img>img{width:110%; height:auto; margin:-10px 0 0 -10px;}

#btm{height:400px; background:#f5f5f5;}
#btm .wrap{padding:50px 0 0 0;}
#btm .left{width:225px; float:left; font-size:13px; color:#888;}
#btm .left>img{border-radius:10px; box-shadow:5px 5px 30px rgba(0,0,0,.07); display:block; margin-bottom:18px;}
#btm .left p{padding-left:16px;}

#btm .right{width:975px; float:right;}
#btm .right dl{width:125px; margin-right:40px; float:left;}
#btm .right dl:last-child{margin-right:0;}
#btm .right dl dt{margin-bottom:20px; padding-bottom:21px; border-bottom:1px solid #ddd;}
#btm .right dl dt a{font-size:16px; color:#464646;}
#btm .right dl dt a:hover{color:#ec0000;}
#btm .right dl dd a{font-size:13px; display:block; padding:6px 0;overflow: hidden;
text-overflow:ellipsis;
white-space: nowrap;}

#foot{height:60px; line-height:60px;}
#foot .right a{color:#ec0000;}
#foot .left{width:50%; float:left;}
#foot .right{width:50%; float:right; text-align:right;}