@charset "utf-8";
body,td,th,input,textarea,select{font-family:Microsoft YaHei, Arial, Tahoma; font-size:14px; color:#777177; outline:none;    background-color: #fff;}
html,body{min-width:1140px;}
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;float: left;}
p{display:block; margin:0; padding:0;}
a{text-decoration:none; color:#777177; outline:none;}
a:hover{color:#013f8a;}
.wrap{width:1174px; margin:auto;}
.wrap:after{content:''; display:block; height:0; font-size:0; overflow:hidden; clear:both; float:none;}
.searHeight{font-style:normal; color:#fb2846;}
.white{color:#fff !important;}
.light{font-family:Microsoft YaHei Light;}
h1{display:block; font-size:26px !important; font-weight:normal; padding:0; margin:0;}

#top{border-bottom:1px solid #eaeaea; height:40px; position:fixed; left:0; top:0; width:100%; z-index:999; background:#003e89;min-width: 1200px;max-width: 1920px;}
#topL{width:600px; height:100%;float:right; line-height:40px;}
#topL .alibaba{display:block;background: url(../images/ali.png)no-repeat center;width: 43px;height: 40px;float: right;transition:all .35s;}
#topL .tel{display:block;background: url(../images/tel.png)no-repeat left;width: 220px;height: 40px;float: right;text-indent: 28px;transition:all .35s; color:#fff;}
#topL .en{display:block;background: url(../images/en.png)no-repeat left center;width: 88px;text-indent:35px; color:#fff; font-weight:bold;height: 40px;float: right;margin-left: 20px;transition:all .35s;}
#topL .weixn{display:block;background: url(../images/weix.png)no-repeat center;width: 30px;height: 40px;float: right;margin-right: 20px;transition:all .35s;position: relative;}
#topL .weixn .top-wix{position: absolute;top:50px;left: -70px;padding: 10px;background: #FFFFFF;border-radius:5px;box-shadow: 0px 2px 5px #777177;display: none;z-index: 999;}
#topL .alibaba:hover{background: url(../images/ali2.png)no-repeat center;}
#topL .tel:hover{background: url(../images/taobao2.png)no-repeat center;}
#topL .weixn:hover{background: url(../images/weixin2.png)no-repeat center;}
#topR{width:500px; line-height:40px; color:#fff; font-weight:500; font-size:14px; float:left; position:relative; z-index:9;}

#search{width:36px; height:36px; background:#ed1b23; display:block; border-radius:3px; cursor:pointer; transition:all .35s;  z-index:2;position: absolute;top:39px;right:0px;}
#search>img{padding:6px; height:24px; filter:alpha(opacity=70); opacity:.7;}
#search:hover,#search.A{background:#0c3181;}
#search-wrap{height:36px; width:0px; background:#0c3181; position:absolute; right:-40px; top:75px; border-radius:3px; z-index:100; transition:top .35s,right .35s;}
#search-wrap>input{padding:0 10px; background:none; color:#fff; border:0px none; font-size:13px; line-height:36px; height:36px;}
#search-wrap>input::-webkit-input-placeholder{color:rgba(255,255,255,.8);}

#head{height:112px; position:fixed; left:0; top:38px; width:100%; z-index:998; background:#fff;}
#logo{width:340px; float:left; padding-top:25px; position:relative; z-index:8;}
#logo img{width:100%;}


#menu{width:720px; float:right; margin-right:40px;}
#menu>li{height:100px; float:left; position:relative; z-index:3;}
#menu>li>a{display:block; height:112px; line-height:120px; padding:0 20px; overflow:hidden; font-size:16px; color:#464646; transition:ALL 0.35s;}
#menu>li:hover>a{color:#fe0000;}
#menu>li>.sub{
	position:fixed; width:100%; height:350px; overflow:hidden; left:0; top:150px;
box-shadow:0 0 5px 0 16px rgba(251,40,70,.13); display:none;background:#FFFFFF ;min-width: 1200px;max-width: 1920px;
border-top:5px solid #ef0000;}
#redline{position:absolute; z-index:2; width:0; height:8px; background:#013f8a; left:0; top:0px; filter:alpha(opacity=0); -moz-opacity:0; -khtml-opacity:0; opacity:0;}

/*headsmallcss*/

#head.small{height: 80px;box-shadow: 0px 2px 5px #777177;}
#head.small #search{top:20px;}
#head.small #search-wrap{top:20px;}
#head.small #logo{padding-top: 10PX;}
#head.small #menu>li{height: 80px;}
#head.small #menu>li a{line-height: 80px;}
#head.small #menu>li>.sub{top:116px;}
#head.small #menu>li>.sub>.sub_warp .wrap .more{height: 41px;line-height: 41px;}
/*headsub*/
.sub_warp{width: 1200px;margin: 5px auto 5px;;}
.sub_warp hr{border:0; border-top:1px solid #e8e8e8;}
.sub_tit{height: 50px;width:250px;color: #0c3181;font-size: 18px;line-height: 50px;margin-top: 5px;text-align: center;}
.sub_tit span{font-size: 14px;color: #777177;}
.sub_about_img{height: 300px;width: 500px;position: absolute;right: 0px;z-index: 9;overflow: hidden;}
.sub_about_con{height: 100px;width: 900px;background:rgba(238,238,238,0.8);position: absolute;top:105px;z-index: 10;padding:30px 30px 50px 30px;line-height: 30px;}
.sub_warp .wrap .more{display:block; width:130px; height:41px; text-align:center; line-height:38px; background:#ccc; color:#fff; font-size:14px; border-radius:3px; transition:all .16s;position: absolute;left: 0px;top:325px;}
.sub_warp .wrap .more:hover{background:#ec0000;}

.show-cls{margin-top:10px;height: 200px;width: 235px;position:relative; float: left;margin-right: 25px;margin-bottom: 10px;border: 1px solid #DDDDDD; }
.show-cls:last-child{margin-right: 0px;;}
.show-cls:after{display:block; content:''; position: absolute; left:0; top: 0; width: 100%; height:0; background: rgba(0,0,0,0.5);transition: all .35s;z-index: 1;}
.show-cls:hover:after{height: 200px;}
.show-cls>.img{position:absolute; left:10px; top:10px; width:215px;  overflow:hidden; float:left;z-index: 5; }
.show-cls>.img>a{display:block; width:100%; height:100%;}
.show-cls>.img>img{ width:215px; height:118px;transition:all .45s;}
.show-cls>.right{width:215px; height:50px; border:1px solid #eee; line-height:80px;text-align:center;box-sizing:border-box; transition:all .5s;position: absolute;top:140px;left: 10px;z-index: 5;}
.show-cls>.right>.tit_pro{font-size: 14px;color:#4e4e4e;height: 50px;line-height: 50px;text-align: center;}
.show-cls:hover>.right{background:#013f8a;}
.show-cls>.right>.tit{font-size:20px; color:#10257e; transition:all .35s;}
.show-cls:hover>.right>.tit{color:#FFFFFF!important;}
.show-cls:hover>.right>.tit_pro{color: #FFFFFF;}
.show-cls>.right>.text_pro{margin-top:15px;}


.show-cls_1{margin-top:10px;height: 232px;width: 210px;position:relative; float: left;margin-right: 28px;margin-bottom: 10px;border: 1px solid #DDDDDD; }
.show-cls_1:last-child{margin-right: 0px;;}
.show-cls_1:after{display:block; content:''; position: absolute; left:0; top: 0; width: 100%; height:0; background: rgba(0,0,0,0.5);transition: all .35s;z-index: 1;}
.show-cls_1:hover:after{height: 232px;}
.show-cls_1>.img{position:absolute; left:10px;top:10px;width:190px; height:150px; overflow:hidden; float:left;z-index: 5; }
.show-cls_1>.img>a{display:block; width:100%; height:100%;}
.show-cls_1>.img>img{ width:190px; transition:all .45s;}
.show-cls_1>.right{width:190px; height:50px; border:1px solid #eee; line-height:80px;text-align:center;box-sizing:border-box; transition:all .5s;position: absolute;top:172px;left: 10px;z-index: 5;}
.show-cls_1>.right>.tit_pro{font-size: 14px;color:#4e4e4e;height: 50px;line-height: 50px;text-align: center;}
.show-cls_1:hover>.right{background:#013f8a;}
.show-cls_1>.right>.tit{font-size:20px; color:#10257e; transition:all .35s;}
.show-cls_1:hover>.right>.tit{color:#FFFFFF!important;}
.show-cls_1:hover>.right>.tit_pro{color: #FFFFFF;}
.show-cls_1>.right>.text_pro{margin-top:15px;}



/*banner*/
#banner{width:100%; height:670px; position:relative; z-index:1; overflow:hidden; margin:140px 0 0 0;min-width: 1200px;max-width: 1920px;}
#banner>.bg,#b-sub>.bg{width:100%; height:100%; position:absolute; left:0; top:0; background:#000; filter:alpha(opacity=50); opacity:.5; z-index:2; display:none;}
#b-sub{width:100%; height:350px; position:relative; z-index:1; overflow:hidden; margin:116px 0 0 0; animation:b-bg 1.6s both;}
@keyframes b-bg{
  from{filter:alpha(opacity=0); opacity:0; background-size:2400px 420px;}
  to{filter:alpha(opacity=100); opacity:1; background-size:2000px 350px;}
}
#b-sub>.border{position:absolute; left:50%; top:50%; animation:b-border .8s ease-out 0.4s both; width:600px; height:86px; margin:-50px 0 0 -300px; z-index:3;}
#b-sub>.b-sub-title{width:600px; height:86px; position:absolute; left:50%; top:50%; text-align:center; color:#fff; font-size:28px; animation:b-title .6s 1s both; z-index:3;}
#b-sub>.b-sub-title-sub{width:600px; height:86px; position:absolute; left:50%; top:50%; text-align:center; color:#fff; font-size:14px; animation:b-title-sub .6s 1.2s both; z-index:3;}
@keyframes b-border{
  from{border:5px solid rgba(255,255,255,0); width:1000px; height:143px; margin:-80px 0 0 -500px;}
  to{border:1px solid rgba(255,255,255,.3); width:600px; height:90px; margin:-52px 0 0 -300px;}
}
@keyframes b-title{
  from{filter:alpha(opacity=0); opacity:0; margin:0px 0 0 -300px;}
  to{filter:alpha(opacity=100); opacity:1; margin:-38px 0 0 -300px;}
}
@keyframes b-title-sub{
  from{filter:alpha(opacity=0); opacity:0; margin:30px 0 0 -300px;}
  to{filter:alpha(opacity=100); opacity:1; margin:3px 0 0 -300px;}
}

.mtitle{width:100%;   text-align:center; font-size:32px; color:#000; position:relative; z-index:1;}
/*.mtitle:after{position:absolute; width:130px; background:#000; height:3px; left:50%; margin-left:-65px; bottom:-2px; display:block; content:'';}*/
.mtitle_sub{text-align:center; height:40px; line-height:40px; font-size:20px; color:#999; }
#m1{width:1174px; height:600px; margin:30px auto;}
#m1>.wrap{position:relative; margin:5px auto 0 auto;}
#m1block{width:569px; position:relative; z-index:2;}
#m1block>.bg{width:100%; position:absolute; z-index:1; height:422px; left:0; top:17px; background:#e8edf5; filter:alpha(opacity=80); opacity:.8;}
#m1block>.block{position:relative; z-index:2; padding:50px 40px;}
#m1>.wrap p{font-size:14px; line-height:210%; margin-bottom:10px; color:#666;}
#m1block2{width:635px; height:430px; position:absolute; right:0; top:14px; z-index:1; overflow:hidden;}
#m1block2>.img{padding:15px; width:100%; height:100%; position:relative; z-index:2;}
#m1block2>.img>img{display:block;}
#m1_R{width:60px; height:60px; position:absolute; right:10px; top:180px; z-index:3;}
#m1_R>img{width:100%; height:100%; filter:alpha(opacity=80); opacity:.8; transition:all .2s;}
#m1_R:hover>img{filter:alpha(opacity=100); opacity:1;}
#m1 .more{display:block; width:130px; height:41px; text-align:center; line-height:38px; background:#ccc; color:#fff; font-size:14px; margin:30px 0 0 0; border-radius:3px; transition:all .16s;}
#m1 .more:hover{background:#ec0000;}

#m2{height:430px; background-image:url(../images/m2_bg.jpg); background-repeat:no-repeat; background-size:cover; position:relative; z-index:1; background-attachment:fixed;min-width: 1200px;max-width: 1920px;}
#m2>.mtitle{padding:280px 0 0 0; border-bottom:1px solid rgba(255,255,255,.13); color:#fff;}
#m2>.mtitle:after{background:#fff;}
#m2>.mtitle_sub{color:rgba(255,255,255,.66);}

#m2block{width:1080px; height:400px; overflow:hidden; position:absolute; top:250px; left:50%; margin-left:-540px;}
#m2block>ul{width:1080px;}
#m2block>ul>li{width:350px; height:350px; float:left;}
#m2block>ul>li>a{display:block; width:100%; height:100%; background:url(../images/cls_bg2.jpg) no-repeat center center; background-size:cover; box-sizing:border-box; position:relative;transition:all .35s;}
#m2block>ul>li.low>a{background:url(../images/cls_bg1.jpg) no-repeat center center;background-size:cover}
#m2block>ul>li>a>.img{width:350px; height:280px; position:absolute; z-index:1;}
#m2block>ul>li>a>.img>img{width:100%; height:100%;}
#m2block>ul>li>a>.title{
  width:100%; height:50px; line-height:50px; padding:0 20px; text-align:center;
  text-overflow:ellipsis; overflow:hidden; white-space:nowrap; box-sizing:border-box;
  position:absolute; bottom:20px; left:0; font-size:15px; color:#666; z-index:4;
  transition:all .2s .05s;
}
#m2block>ul>li>a:after{content:''; display:block; position:absolute; left:0; bottom:0; width:100%; height:0; background:#013f8a; z-index:3; filter:alpha(opacity=80); opacity:.8; transition:all .35s;}
#m2block>ul>li>a>.bg{position:absolute; z-index:2; background:#000; width:100%; height:100%; filter:alpha(opacity=0); opacity:0; left:0; top:0; transition:all .45s;}
#m2block>ul>li>a:hover{box-shadow:0 5px 30px 3px rgba(8,11,111,.3);}
#m2block>ul>li>a:hover>.title{padding:10px 20px 0 20px; color:#fff;}
#m2block>ul>li>a:hover:after{height:66px;}
#m2block>ul>li>a:hover>.bg{filter:alpha(opacity=3); opacity:.3;}

.l{ width:100%; float:left;}
.fl{display:inline; float:left;}
.fr{display:inline; float:right;}
.content{ float:left; _display:inline; overflow:hidden;}
.side{ float:right; _display:inline; overflow:hidden;}

#slides{ width:1080px; height:400px;overflow:hidden; position:absolute; top:450px; left:50%; margin-left:-540px;}
.slides_container li{ width:1080px; float:left; height:400px; }
.slides_container li a{ display:inline-block; width:350px; height:350px; margin-bottom:50px;margin-right: 6px;position:relative;}
.slides_container li a:first-child{ margin-left:4px;}
.slides_container li a:hover{box-shadow:0 5px 30px 3px rgba(8,11,111,.3);}
.slides_container li a img{ width:350px; height:350px;}
.slides_container li a span{ width:100%; height:50px; line-height:50px; padding:0 20px; text-align:center;
  text-overflow:ellipsis; overflow:hidden; white-space:nowrap; box-sizing:border-box;
  position:absolute; bottom:0px; left:0; font-size:15px; color:#666; z-index:4;
  transition:all .2s .05s;}
.slides_container li a:hover span{background:#013f8a; color:#fff;z-index:3; filter:alpha(opacity=80); opacity:.8; transition:all .35s;}
.pagination{ position:absolute;  left: 514px;z-index: 10;top: 370px;}
.pagination li{ float:left; padding-right:7px;}
.pagination a{ display:block; outline:none; background:url(../images/pg.gif) no-repeat -1px 0; text-indent:-999em; width:14px; height:14px;}
.pagination li.current a{ background-position:-22px 0;}



.panel-grid{width:1180px; margin:50px auto 0; display:table;}
#section_first .panel-grid-cell{width: 23%; float:left; margin:0 1% 20px;} 
#section_first .panel-row-style{height:441px;}
#section_first .sec_f_box{text-align:center;padding:40px 20px 25px;background-color:#e8edf5;transition:all 0.3s ease; height:300px;}
#section_first .sec_f_box h3{font-size:24px;font-weight:bold;color:#333333;line-height:2em; margin:0px;}
#section_first .sec_f_box h3>a:last-child{font-size:2.4rem;font-weight:bold;color:#333333;line-height:2em;border:none;}
#section_first .sec_f_box p{font-size:16px;font-weight:300;color:#333;font-style:normal;line-height:1.4em;margin:0;}
#section_first .sec_f_box a:last-child{font-size:14px;font-weight:300;color:#333;padding:5px 20px;border:1px solid #8c8c8c;cursor:pointer;display:table;margin:0 auto;}
#section_first .sec_f_box img{width:80%; margin:38px 0 38px; border-radius:10px;}
#section_first .sec_f_box:hover{transform:translateY(-3px);box-shadow:0 2px 2px #c1c1c1;}
#section_first .sec_f_box:hover h3{color:#1c62c5;}
#section_first .sec_f_box:hover h3>a:last-child{color:#1c62c5;border:none;}
#section_first .sec_f_box:hover p{color:#1c62c5;}
#section_first .sec_f_box:hover a:last-child{color:#1c62c5;font-weight:bold;border:2px solid #1c62c5;}

#section_second{position:relative;margin:50px auto 50px; width:1160px;height:500px; background:url(../images/about.jpg) top center no-repeat;}
#section_second .panel-row-style{background-position: top center !important;}
#section_second .sec_s_text{width:850px;background-color:white;position:absolute;bottom:0;left:105px; padding:0 50px;}
#section_second .sec_s_text p.top{font-size:1.4rem;color:#333;font-family:Open Sans,Arial,微软雅黑;text-align:center;margin:45px 0 5px;}
#section_second .sec_s_text em{width: 60px;display: table;border-top: 1px solid #333;line-height: 0;margin: 0 auto;}
#section_second .sec_s_text h3{font-size:36px;color:#333;font-family:微软雅黑;text-align:center;font-weight:500;line-height:36px;margin: 28px 0;}
#section_second .sec_s_text p:nth-child(2){margin-bottom:0;}
#section_second .sec_s_text p.bottom{font-size:18px;color:#666!important;text-align:center;line-height:28px;margin-bottom:20px;}
#section_second .sec_s_text a{font-size:14px;color:#333;display:table;margin:20px auto 30px;font-family:Times New Roman,微软雅黑;cursor:pointer;}

#section_third {padding-bottom: 100px;background-color: #e3e8ef; display:table; width:100%;}
#section_third .panel-grid-cell{width: 1160px; margin:30px auto;} 
#section_third .widget_sow-image{display:table;float:left;width:18.4%;margin:0px 0.8%;position:relative;}
#section_third h2{font-size:48px;color:#333;text-align:center;font-weight:bold;line-height:1em;padding-top:60px; margin:0px;}
#section_third p{font-size:24px;color:#333;text-align:center;margin:10px auto 30px;}
#section_third .widget_sow-image h3{position:absolute;bottom:0px;background-color:rgba(0,0,0,0.4);text-align:center;color:white;font-weight:bold;font-size:16px;width:100%;line-height:2.2em; margin:0px;}



#m2 .more{
  display:block; width:136px; height:43px; text-align:center; line-height:40px; background:#ccc; color:#fff; font-size:14px; border-radius:3px; transition:all .16s;
  position:absolute; left:50%; top:680px; margin-left:-68px;
}
#m2 .more:hover{background:#ec0000;}

#m3{ margin:80px 0 0 0;width: 100%;}
#news{margin-top:30px; display:table;}
#news>li{margin-bottom:20px; width:100%;}
#news>li>a{display:block; height:180px;}
#news>li>a>.date{width:150px; height:100px; border-bottom:1px solid #e6e6e6; float:left;}
#news>li>a>.date>.year{font-size:26px; color:#000; display:block; padding:26px 0 0 0;}
#news>li>a>.date>.day{display:block; color:#999; font-size:15px;}
#news>li>a>.img{width:300px; height:158px; background:url(../images/logo_white.png) no-repeat center center; background-color:#eee; float:left; overflow:hidden;}
#news>li>a>.img>img{width:100%; height:100%; transition:all .45s;}
#news>li>a>.con{width:700px; float:right; height:130px; margin-top:15px; position:relative;margin-left: 20px;}
#news>li>a>.con>.title{font-size:16px; display:block; color:#000; transition:all .2s;}
#news>li>a>.con>.content{font-size:13px; display:block; color:#999; line-height:180%; padding:17px 0 0 0;}
#news>li>a>.con>.arrow{display:block; width:26px; height:26px; background:url(../images/arr2.png) no-repeat center right; position:absolute; left:0; bottom:0; overflow:hidden; transition:all .3s .08s;}
#news>li>a:hover>.con>.arrow{background-position:center left;}
#news>li>a:hover>.con>.title{color:#ec0000;}
#news>li>a:hover>.img>img{width:320px; height:168px; margin:-15px auto auto -20px;}

 .service{
	width:1100px;
	padding:50px 0px;
	margin:0px auto;
}
.service .con{
	margin:0px auto;
	padding:30px 0px;
}
.service .con .hover{
	float:left;
	width:250px;
	height:400px;
	position:relative;	
	margin-right:33px;
}
.service .con a{
	background:#eee;
	display:block;
	position:absolute;
	z-index:1;
	width:250px;
	height:400px;
	left:0px;
	bottom:0px;
}
.service .con a:hover{
	background:#fff;
	border:1px solid #e8e8e8;
}
.service .con a h3{
	background:url(../images/service-line.png) no-repeat;
	background-position:center bottom;
	text-align: center;
	padding-bottom:20px;
	width:90%;
	display:block;
	margin:20px auto;
	color:#555;
}
.service .con a span{
	width:86%;
	color:#999;
	line-height:21px;
	display:block;
	margin:20px auto;
}

#m3 .more{display:block; width:136px; height:43px; text-align:center; line-height:40px; background:#ccc; color:#fff; font-size:14px; border-radius:3px; transition:all .16s; margin:60px auto 0 auto;}
#m3 .more:hover{background:#ec0000;}

#m4{height:466px; margin:76px 0 0 0; background-image:url(../images/m4_bg.jpg); background-repeat:no-repeat; background-size:cover; position:relative; z-index:1; background-attachment:fixed;width: 100%;min-width: 1200px;max-width: 1920px;}
#m4>.wrap{width:1200px; padding:86px 0 0 0;margin: auto;}
#m4-l{width:100%; height:100%;}
#m4-r{width:500px; float:right;}
#m4 .wrap .title{color:#fb2846; font-size:32px;}
#m4 .wrap .title>span{display:inline-block; padding:0 0 0 10px; font-size:18px; vertical-align:middle;}
#m4 .wrap .content{padding:10px 0 0 0; color:#fff; font-size:13px;}
#m4 .wrap .content>.tit{color:rgba(255,255,255,.5); margin-top:20px; margin-bottom:2px;}
#m4 .wrap .content>.notop{margin-top:5px !important;}
#m4 .wrap .content .big{font-size:20px;}


#copyright{height:60px; background:#fff; font-size:13px; line-height:60px; border-top:1px solid #e6e6e6; margin-top:80px;}
#copyright .left{width:650px; float:left;}
#copyright .right{width:410px; float:right; text-align:right; color:#999;}
#copyright .right a{color:#999;}
#copyright .right a:hover{color:#013f8a; text-decoration:underline;}

.foot{height:160px; background:url(../images/foot_bg.jpg) no-repeat center center; background-size:cover; text-align:center;width: 100%;}
#foot>div{display:inline-block; padding:10px 0px 0 0px; position:relative; z-index:2;}
#foot>div>.img{display:inline-block; width:46px; height:46px; vertical-align:middle;}
#foot>div>.img>img{width:100%; filter:alpha(opacity=60); opacity:.6; transition:all .3s;}
#foot>div>.text{display:inline-block; vertical-align:middle; font-size:14px; color:rgba(255,255,255,.8); padding:0 0 0 10px; transition:all .3s;}
#foot>div:hover>.img>img{filter:alpha(opacity=100); opacity:1;}
#foot>div:hover>.text{color:#fff;}
#foot>div>.qr{width:200px; height:200px; line-height:200px; position:absolute; z-index:2; background:#fff; text-align:center; top:-180px; left:38px; box-shadow:5px 5px 20px rgba(0,0,0,.12); border-radius:10px; display:none;}

.foot_box{width:1160px; margin:0 auto;}
.foot_contact{width:20%; float:left; color:#ccc; text-align:left; line-height:24px; margin-top:40px;}


.container{border-top:1px solid rgba(255,255,255,0.3);width:1200px; margin:0 auto;text-align:left;font-size:14px;color:#fff;line-height:20px;padding:0; display:table;}
#colophon {padding:0px 0 30px;background: #003e89;}
#colophon .bot_box{
  width:20%;
  float:left;
  padding:0 5px;
  box-sizing:border-box;
  line-height:30px;
  color:#fff;
}
#colophon .bot_box p a{color:rgba(255,255,255,0.8);}
#colophon .bot_box:nth-child(1),#colophon .bot_box:nth-child(2),#colophon .bot_box:nth-child(3){
		width:16%;
}

#colophon .bot_box:nth-child(4){
		width:32%;
}
#colophon .bot_box:nth-child(4) p{
		line-height:30px;
		color:rgba(255,255,255,0.8);
}
#colophon .bot_box:nth-child(5){
		width:20%;
}
#sow-editor-5,#sow-editor-6{
    padding: 50px 0 !important;
    width: 100%;
    max-width: 1200px;
    display: Table;
    margin: 0 auto !important;
}
#part{height:70px; border-bottom:1px solid #e6e6e6;}
#part-menu{height:70px; line-height:70px; font-size:15px;}
#part-menu>a{display:inline-block; height:100%; padding:0 20px; position:relative;}
#part-menu>a:after{height:3px; background:#013f8a; position:absolute; left:0; bottom:-3px; width:100%; display:block; content:''; transition:all .16s; filter:alpha(opacity=0); opacity:0;}
#part-menu>a:hover:after{bottom:-1px; filter:alpha(opacity=100); opacity:1;}
#part-menu>a.A{color:#013f8a;}
#part-menu>a.A:after{bottom:-1px; filter:alpha(opacity=100); opacity:1;}

#main{margin:50px auto 0 auto !important;}
.content{font-size:13px;}
.lineh180{line-height:180%;}
.lineh220{line-height:220%;}
.content p{margin:0 0 20px 0;}
.column2{-webkit-column-count:2; column-count:2; -webkit-column-gap:63px; column-gap:63px;}
.column3{-webkit-column-count:3; column-count:3; -webkit-column-gap:63px; column-gap:63px;}

#companyname>img{display:block; margin-bottom:10px;}
#companyname>p{font-size:30px; color:#dadada; font-weight:bold;}

#ab-wrap{height:230px; overflow:hidden; margin:35px 0 0 0; position:relative;}
#aboutmove{height:100%; position:relative; z-index:1;}
#aboutmove>div{height:230px;}
#aboutmove>div>a{display:block; width:400px; height:230px; float:left; position:relative;}
#aboutmove>div>a>img{width:100%; height:100%; display:block;}
#aboutmove>div>a:after{display:block; content:''; width:100%; height:100%; position:absolute; z-index:1; left:0; bottom:-230px; background:rgba(239,0,0,.8); transition:all .45s;}
#aboutmove>div>a>span{
  display:block; width:120px; height:50px; line-height:50px; text-align:center; font-size:15px; position:absolute; z-index:2; transition:all .55s;
  left:50%; top:0; color:rgba(255,255,255,.8); margin:-28px 0 0 -60px; border-top:1px solid rgba(255,255,255,.3); border-bottom:1px solid rgba(255,255,255,.3);
  filter:alpha(opacity=0); opacity:0;
}
#aboutmove>div>a:hover:after{bottom:0;}
#aboutmove>div>a:hover>span{top:50%; filter:alpha(opacity=100); opacity:1;}
#ab-wrap .prev{display:block; width:40px; height:70px; background:rgba(0,0,0,.76); position:absolute; left:0; top:80px; z-index:2; transition:all .2s;}
#ab-wrap .next{display:block; width:40px; height:70px; background:rgba(0,0,0,.76); position:absolute; right:0; top:80px; z-index:2; transition:all .2s;}
#ab-wrap .prev:hover,#ab-wrap .next:hover{background:rgba(239,0,0,.8);}

#culture{background:#013f8a; height:200px;}
#culture>li{width:25%; float:left; height:100%; padding:20px; box-sizing:border-box; border-left:1px solid rgba(255,255,255,.12);}
#culture>li:first-child{border-left:1px solid #013f8a;}
#culture>li>div{width:100%; height:100%;}
#culture>li>div>.tit{text-align:center; color:#fff; font-size:15px; font-family:Microsoft YaHei Light; height:50px; line-height:50px; transition:all .3s;}
#culture>li>div>.img{text-align:center; height:70px; line-height:70px;}
#culture>li>div>.img>img{height:70px; filter:alpha(opacity=30); opacity:.3; transition:all .3s;}
#culture>li>div>.con{text-align:center; color:#fff; filter:alpha(opacity=50); opacity:.5;}
#culture>li>div:hover>.img>img{filter:alpha(opacity=100); opacity:1;}
#culture>li>div:hover>.tit{color:#fb2846;}

.mtit{font-size:36px; color:#013f8a;}
.mtit-sub{color:#999; font-size:13px; padding:10px 0 0 0;}
.mtit-sub2{font-size:30px; color:#dadada; font-weight:bold; margin-bottom:20px;}

.honor{margin-top:50px;}
.honor:after{display:block; content:''; clear:both; float:none; height:0;}
.honor>.img{width:360px; height:250px; overflow:hidden; position:relative; float:left;}
.honor>.img>img{width:100%; height:100%; position:absolute; left:0; top:0; transition:all .45s;}
.honor:hover>.img>img{width:400px; height:280px; left:-20px; top:-15px;}
.honor>.right{width:720px; height:250px; float:right; border:1px solid #eee; border-left:0px none; padding:30px 30px 30px 50px; box-sizing:border-box; transition:all .5s;}
.honor:hover>.right{background:#eee;}
.honor>.right>.tit{font-size:26px; color:#013f8a; transition:all .35s;}
.honor:hover>.right>.tit{color:#fb2846;}
.honor>.right>ul{margin-top:15px;}
.honor>.right>ul>li{width:33%; float:left; padding:0 25px 0 0; box-sizing:border-box;}
.honor>.right>ul>li>a{font-size:13px; display:block; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; padding:6px 0 5px 0;}
.honorR>.img{float:right;}
.honorR>.right{float:left; border-right:0px none; border-left:1px solid #eee;}

.pager{text-align:center; margin:40px 0 0 0;}
.pager>a{display:block; width:136px; height:43px; text-align:center; line-height:42px; border:1px solid #e6e6e6; box-shadow:5px 5px 10px rgba(0,0,0,.06); font-size:13px; border-radius:3px; transition:all .16s; margin:auto;}
.pager>a:hover{border:1px solid #ccc;}
.pager #loading{display:none;}
.pager .ico{display:block; width:50px; height:50px; background-color:#67CF22; margin:auto; -webkit-animation:rotateplane 1.2s infinite ease-in-out;}
@keyframes rotateplane{
  0%{transform:perspective(80px);} 
  50%{transform:perspective(80px) rotateY(180deg);}
  100%{transform:perspective(80px) rotateY(180deg) rotateX(180deg);}
}
.pager .txt{font-size:14px; color:#999; font-family:Microsoft YaHei Light; display:block; padding:16px 0 0 0;}

.news-info{background:#edf1f7; padding:16px 20px; margin:30px 0; position:relative; font-size:13px;}
.news-info>div{float:right; text-align:right; margin-top:-8px;}

#prevnext{margin:60px auto 50px auto; position:relative; font-size:13px;}
#prevnext .prev{margin:7px 0;}
#prevnext .next{margin:7px 0;}
#prevnext .prev>a,#prevnext .next>a{color:#013f8a;}
#prevnext .prev>a:hover,#prevnext .next>a:hover{color:#1e3fcf;}
#prevnext>a{display:block; width:88px; height:35px; background:#fff; line-height:34px; text-align:center; border:1px solid #e6e6e6; border-radius:3px; position:absolute; right:0; top:8px;}
#prevnext>a:hover{border:1px solid #ccc;}

#support{margin:60px 0 0 0;}
#support .tit{background:#013f8a; display:inline-block; padding:10px 30px; color:#fff; font-size:15px; font-family:Microsoft YaHei Light;}

#down>li{border-bottom:1px solid #e6e6e6;width: 100%;margin-top: 20px;}
#down>li>a{display:block; padding:40px 0; position:relative;}
#down>li>a>.tit{width:800px; font-size:16px; color:#013f8a; transition:all .25s;}
#down>li>a>.tit>span{display:inline-block; padding:0 0 0 10px; font-size:12px; color:#999;}
#down>li>a>.con{width:800px; font-size:13px; line-height:180%; padding:10px 0 0 0; color:#777177;}
#down>li>a>.img{width:230px; height:110px; position:absolute; right:0; bottom: 10px; overflow:hidden;}
#down>li>a>.img>img{width:100%; height:100%; transition:all .45s;}
#down>li>a:hover>.img>img{width:265px; height:140px; margin:-10px;}
#down>li>a:hover>.tit{color:#ec0000;}

#files{border:1px solid #eee; padding:20px 25px 22px 25px;}
#files>p{color:#333;}

.pro-cls{margin-top:50px;}
.pro-cls:after{display:block; content:''; clear:both; float:none; height:0;}
.pro-cls>.img{width:380px; height:330px; overflow:hidden; position:relative; float:left;background: #eaeaea;}
.pro-cls>.img>a{display:block; width:100%; height:100%;}
.pro-cls>.img>a>img{position:absolute; right:0px; top:0px; width:380px; height:330PX; transition:all .45s;}
.pro-cls:hover>.img>a>img{right:10px;}
.pro-cls>.right{width:820px; height:330px; float:right; border:1px solid #eaeaea; border-left:0px none; padding:30px 30px 30px 50px; box-sizing:border-box; transition:all .5s;}
.pro-cls:hover>.right{background:#eaeaea;}
.pro-cls>.right>.tit{font-size:26px; color:#013f8a; transition:all .35s;}
.pro-cls:hover>.right>.tit{color:#fb2846;}
.pro-cls>.right>ul{margin-top:15px;}
.pro-cls>.right>ul>li{width:50%; float:left; padding:0 25px 0 0; box-sizing:border-box;}
.pro-cls>.right>ul>li>a{font-size:13px; display:block; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; padding:5px 0 5px 0;}
.pro-clsR>.img{float:right;}
.pro-clsR>.right{float:left; border-right:0px none; border-left:1px solid #eaeaea;}

#pro{margin:50px auto auto auto; width:1120px;}
#pro>li{width:240px; height:293px; float:left; margin-right:40px; margin-bottom:40px;}
#pro>li>a{display:block; width:100%; height:100%; box-sizing:border-box; border:1px solid #e6e6e6; transition:all .45s;}
#pro>li>a>.img{width:220px; height:220px; margin:10px auto; background:#eaeaea; position:relative; overflow:hidden;}
#pro>li>a>.img>.pro_img{width:100%; height:100%; position:absolute; left:0; top:-20px; transition:all .45s;z-index: 9;}
#pro>li>a>.img>.shuiyin{width: 200px;height: 30px;position: absolute;left: 15px;top:100px;z-index: 10;}
#pro>li>a>.tit{font-size:13px; padding:0 10px; text-align:center; height:40px; line-height:150%;}
#pro>li>a:hover{box-shadow:5px 5px 12px rgba(0,0,0,.05); border:1px solid #ddd;}
#pro>li>a:hover>.img>.pro_img{width:250px; height:250px; left:-15px; top:-25px;}





#proconL{margin:50px auto; width:600px; height:600px; overflow:hidden;position: relative;z-index: 499;}
#proconL .pro_img{position: absolute;opacity:0.6;filter:Alpha(opacity=60);z-index: 500;width: 600px;height: 600px;text-align: center;}
#proconL .pro_img img{margin-top: 240px;}
#proconL .swiper-container{width:100%; height:100%;}
#proconL .swiper-container img{width:100%; height:100%;}
#proconL .swiper-pagination{font-size:14px; padding-bottom:8px; color:#fff;}
#proconL .swiper-button-next,#proconL .swiper-button-prev{opacity:.6;}

#pro_tags{margin-top:36px;}
#pro_tags .tags_title{border-bottom:0px none !important; border-top:2px solid #013f8a; padding:20px 20px 0 20px !important; background:#fff; border-left:1px solid #e6e6e6; border-right:1px solid #e6e6e6; font-size:16px !important; font-weight:bold !important; color:#013f8a !important;}
#pro_tags .tags_content{margin-top:0 !important; padding:20px 30px 25px 30px !important; background:#fff; border:1px solid #e6e6e6; border-top:0px none;}
#pro_tags table{border-left:1px solid #ccc; border-top:1px solid #ccc;}
#pro_tags table td,#pro_tags table th{border-right:1px solid #ccc; border-bottom:1px solid #ccc; padding:5px;}
#pro_tags table th{background:#E1F1F9;}
#pro_tags table{border:0px none; margin:auto; border-left:1px solid #ccc !important; border-top:1px solid #ccc !important;}
#pro_tags table td{border:0px none !important; border-right:1px solid #ccc !important; border-bottom:1px solid #ccc !important; padding:6px !important; font-family:'微软雅黑' !important; font-size:13px !important;}
#pro_tags table tr{transition:all 0.3s;}
#pro_tags table tr:hover{background:#eee;}

.contact{font-size:14px;}
.contact h1{color:#333; margin-bottom:20px;}
.contact p{margin-top:9px;}

#map{position:relative; margin-top:50px;}
#map div{width:100%; height:30px; background:#fff; position:absolute; left:0; bottom:0;}

.tags_content img{margin:auto; display:block;}

.pro_img{float: left;margin-top: 20px;height: 480px;width: 410px;border-bottom: 1px solid #DDDDDD;}


#index_link{margin:60px auto 0px;}
#form1{margin-top: 10px;}
#form1>table>tbody>tr>td{padding-left:20px;}
#form1 input,#form1 textarea{padding:8px; border:0px none; background:#eee; transition:all ease 0.4s; vertical-align:middle;}
#form1 input:focus,#form1 textarea:focus{background:#FFF; box-shadow:5px 5px 8px rgba(0,0,0,0.06);}
#button{border:2px solid #ed1b23; background:#FFF; color:#ed1b23;line-height:42px; height:42px; width:200px; cursor:pointer; text-align:center; font-weight:bold; font-size:14px; border-radius:3px; transition:all ease 0.5s; display:block; margin:30px auto;}
#button:hover,#button:active{box-shadow:5px 5px 8px rgba(0,0,0,0.06); color:#FFFFFF;background: #ed1b23;}

.equipment{width:1200px; margin-top:-10px;}
.equipment li{float:left; width:250px; height:300px; overflow:hidden; margin-right:48px;margin-top: 50px;}
.equipment li a{display:block; box-shadow:0 0 0 1px #e6e6e6 inset; padding:10px; height:100%; box-sizing:border-box; transition:all 0.1s; position:relative;}
.equipment li a .img{width:230px; height:230px; background:#eee; display:block;}
.equipment li a .img img{width:100%; height:100%;}
.equipment li a .txt{text-align:center; line-height:67px; overflow:hidden; white-space:nowrap; text-overflow:ellipsis; display:block;}
.equipment li a:hover{box-shadow:0 0 0 4px #ec0000 inset;}

.equipment li a .bg{position:absolute; width:230px; height:0; font-size:0; background:#000; left:10px; bottom:60px; text-align:center; line-height:400px; filter:alpha(opacity=0); -moz-opacity:0; -khtml-opacity:0; opacity:0; transition:all 0.4s;}
.equipment li a .bg img{margin-top: 100px;}
.equipment li a:hover .bg{height:230px; line-height:300px; filter:alpha(opacity=60); -moz-opacity:.6; -khtml-opacity:.6; opacity:.6;}

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


.equipment_ry{width:1200px; margin-top:-10px;}
.equipment_ry li{float:left; width:250px; height:395px; overflow:hidden; margin-right:48px;margin-top: 50px;}
.equipment_ry li a{display:block; box-shadow:0 0 0 1px #e6e6e6 inset; padding:10px; height:100%; box-sizing:border-box; transition:all 0.1s; position:relative;}
.equipment_ry li a .img{width:230px; height:325px; background:#eee; display:block;}
.equipment_ry li a .img img{width:100%; height:100%;}
.equipment_ry li a .txt{text-align:center; line-height:67px; overflow:hidden; white-space:nowrap; text-overflow:ellipsis; display:block;}
.equipment_ry li a:hover{box-shadow:0 0 0 4px #ec0000 inset;}

.equipment_ry li a .bg{position:absolute; width:230px; height:0; font-size:0; background:#000; left:10px; bottom:60px; text-align:center; line-height:400px; filter:alpha(opacity=0); -moz-opacity:0; -khtml-opacity:0; opacity:0; transition:all 0.4s;}
.equipment_ry li a .bg img{margin-top: 150px;}
.equipment_ry li a:hover .bg{height:325px; line-height:300px; filter:alpha(opacity=60); -moz-opacity:.6; -khtml-opacity:.6; opacity:.6;}


table.hovertable {  font-family: verdana,arial,sans-serif;  font-size:11px;   border-width: 1px;  border-color: #eaeaea;  border-collapse: collapse; } 
table.hovertable th {  background-color:#FFFFFF;  border-width: 1px;  padding: 8px;  border-style: solid;  border-color: #eaeaea; } 
table.hovertable tr {  background-color:#FFFFFF; } 
table.hovertable td {  border-width: 1px;  padding: 8px;  border-style: solid;  border-color: #eaeaea;}
table.hovertable tr:hover{background:rgba(234,234,234,0.3);}



@media (max-width:1400px){

  #search-wrap{right:60px;}
}
@media (max-width:1200px){
  #search-wrap{right:30px;}
}


/*side*/
.side{position:fixed;width:54px;height:275px;right:0;top:400px;z-index:100;}
.side ul li{width:54px;height:54px;float:left;position:relative;border-bottom:1px solid #444;}
.side ul li .sidebox{position:absolute;width:54px;height:54px;top:0;right:0;transition:all 0.3s;background:#EF0000;opacity:0.8;filter:Alpha(opacity=80);color:#fff;font:14px/54px "微软雅黑";overflow:hidden;}
.side ul li .sidetop{width:54px;height:54px;line-height:54px;display:inline-block;background:#000;opacity:0.8;filter:Alpha(opacity=80);transition:all 0.3s;}
.side ul li .sidetop:hover{background:#013f8a;opacity:1;filter:Alpha(opacity=100);}
.side ul li img{float:left;}

.banner{
	position: relative;
	text-align: center;
	width: 100%;
	height: 670px;
	margin-top:152px;
}
@media only screen and (max-width:1920px){
   .banner{height: 670px;}
}
@media only screen and (max-width:1680px){
   .banner{height: 586px;}
}

@media only screen and (max-width:1600px){
   .banner{height: 558px;}
}

@media only screen and (max-width:1440px){
   .banner{height: 503px;}
}

@media only screen and (max-width:1366px){
   .banner{height: 477px;}
}
@media only screen and (max-width:1280px){
	.banner{height: 447px;}
}
@media only screen and (max-width:1199px){
   .banner{height: 418px;}	
}
@media only screen and (max-width:1024px){
	.banner{height: 357px;}
}

.banner .pic {
	position: relative;
	width: 100%;
	height: 100%;
}
.banner .pic li{
	position: absolute;
	width: 100%;
	height: 100%;
	overflow: hidden;
	left: 0;top:0;
	z-index: 1;
	background-repeat: no-repeat;
	/*opacity: 0;
	filter: alpha(opacity=0);*/
}
.banner .indexprev{ background:url(../images/home_arw_02.png) left center  no-repeat; width:52px; height:100%; display:block; left:60px; top:0;  position:absolute; outline:none; z-index:11;}
.banner .indexprev:hover{background:url(../images/home_arw_02_on.png) left center  no-repeat; }
.banner .indexnext{ background:url(../images/home_arw_01.png) right center no-repeat; width:52px; height:100%; display:block; right:60px; top:0;  position:absolute; outline:none;z-index:11;}
.banner .indexnext:hover{ background:url(../images/home_arw_01_on.png) right center no-repeat;}
#Banner .btn_bg{width:100%; height:56px; background:#e8e8e8;position: absolute;bottom: 0;z-index: 5; }
#Banner .btn {
	width:1160px;
	margin:0 auto;
	height: 56px;
	
}
#Banner .btn li{
	width: 19.8%;
	height: 56px;
	line-height:56px;
	color: #333;
	display: inline-block;
	overflow: hidden;
	border-right:1px solid #ddd;
    
}

#Banner .btn li{
	*display: inline;
}
#Banner .btn li.selected{
	background: #88898C;
	color:#fff;
}
#Banner .btn li.selected:after {
    display: inline-block;
    content: '';
    width: 27px;
    height: 9px;
    background: url(../images/slideAct.png) 0 0 no-repeat;
    position: absolute;
    top: -8px;
    margin-left: -50px;
    opacity: 1;
    -moz-transition: all 0.3s ease 0s;
    transition: all 0.3s ease 0s;
	z-index:5;
}

.bannerurl{width:100%; height:100%; display:table;}
.banner_left{width:52%; float:left; height:100%; display:table;}
.banner_right{width:30%; float:left; height:100%; display:table; position:relative;}
.banner_r_1{position:absolute; left:0px; top:2%; width:70%;}
.banner_r_2{position:absolute; left: 52%;top:38%;width:53%;}
.banner_r_3{position:absolute; left:15%; top:55%; width:40%;}

/*首页视频*/
.index_video  {width:100%;overflow:hidden; position:absolute; top:0px; left:0px; z-index:1; height:100%;}
.index_video *{-webkit-transition:all .8s ease;-moz-transition:all .8s ease;transition:all .8s ease;}
.index_video ul {width:100%;overflow:hidden;display:block; height:100%; background:url(../images/b_bg.png);}
.index_video ul li {width:100%; margin:auto;overflow:hidden; text-align:center;height:100%;}
.index_video ul li h5 { font-size:20px; color:#fff; line-height:40px;  padding:0px;}
.index_video ul li p { font-size:14px; padding:20px; line-height:24px;color:#ccc;}
.index_video ul li h6 { width:86px; height:87px; margin:80px auto 20px; background:url(../images/play.png) no-repeat; display:block;}
.index_video ul li a { display:block;}
.index_video ul li a:hover { padding:50px; margin-top:-80px;}
.index_video ul li a:hover h5 {color:#FFF;}
.index_video ul li a:hover p { color:#FFF;}
.index_video ul li a:hover h6{ opacity:0.5; }