@charset "utf-8";
/* CSS Document */

.bg_fb{ background:#fbfbfb;}


html {
color:#666;
-ms-text-size-adjust: 100%; 
-webkit-text-size-adjust: 100%; /*修正手持设备字体变化*/
font-size:14px;
}

h3 , h2{ font-weight:normal;}


* {
margin: 0;
padding: 0;
}

a {
text-decoration: none;
background: transparent; /*修正win8系统IE连接灰色背景*/
outline:none;
blr:expression(this.onFocus=this.blur());
}

a:focus {

outline: 0;
}



a:active,
a:hover {
outline: 0;
/*transition:text-shadow 500ms ease-in 0ms, color 500ms ease-in 0ms;*/
}


img {
border: 0;
-ms-interpolation-mode:bicubic;
}


.list li {float: left;}


body {color:#666; font-family:"微软雅黑";}

a{ text-decoration: none; color:#838383;}

a:hover{ color:#B7271E;  transition:background 0.8s; }
ul,li{list-style:none;}
ol { 
list-style:none;
float: left;
}


.clearfix{clear:both;}

.main{height:auto; width:1220px; margin:0 auto; }

.main2{height:auto; width:1080px; margin:0 auto;}

.go_back{ margin-right:20%;  background:url(../images/libg01.png) no-repeat 0 5px;}

.go_back a { padding-left:10px;display: block;
    margin-top: 4px;    margin-right: 50px;}
/* banner */
.iban-wrap{
height: 660px;
}
.iban{
height: 660px;

}
.iban .imglist li.active{
animation: bannerIn 15s forwards;
}
@keyframes bannerIn{
100%{
transform: scale(1.1);
}
}
.iban .w{
height: 570px;
padding-top: 229px;
}
.iban .list li{
position: absolute;
left: 0;
top: 0;
width: 980px;
height: 415px;
display: none;
}
.iban .list .tips{
top: 0;
width: 500px;
font-size: 24px;
line-height: 42px;
color: #fff;
}
.iban .list b{
font-size: 48px;
line-height: 66px;
}
.iban .list strong{
font-size: 48px;
line-height: 66px;
}
.iban .ban_bt{
display: inline-block;
width: 76px;
padding: 0 10px;
background: #0c4da2;
margin-top: 50px;
font-size: 12px;
line-height: 30px;
transition: all 0.5s;
}
.iban .ban_bt:hover{
background: #fff;
}
/*.iban .list a{
display: inline-block;
width: 76px;
padding: 0 10px;
background: #0c4da2;
margin-top: 50px;
font-size: 12px;
line-height: 30px;
transition: all 0.5s;
}*/
/*.iban .list a:hover{
background: #fff;
}*/

.iban .list span{
display: inline-block;
color: #fff;
}
.iban .list a:hover span{
color: #0c4da2;	
}

.iban .list a:hover span.fr{
background-position: 0 -30px;
}
.iban .list .l{
left: -200px;
filter:alpha(opacity=0); 
opacity: 0;
}
.iban .list .r{
top: -40px;
right: -200px;
filter:alpha(opacity=0); 
opacity: 0;
text-align: right;
}
.iban .line{
left: 0;
bottom: 0;
width: 100%;
height: 5px;
}
.iban .line-in{
width: 0;
background: url(../images/bg_line01.png);
/*background: #0f37bd;*/
}
.iban li img{
top: -82px;
}
.iban-box{
left: 50%;
bottom: 76px;
width: 980px;
height: 161px;
margin-left: -490px;
}
.iban-box .fi{
width: 273px;
height: 145px;
padding: 16px 27px 0;
}
.iban-box .se{
width: 268px;
height: 93px;
padding: 68px 30px 0;
}
.iban-box .th{
cursor: pointer;
}
.iban-box a{
display: inline-block;
width: 100%;
font-size: 11px;
line-height: 28px;
color: #aab9d5;
transition: color 0.5s;
}

.iban-box a.more{
position: absolute;
left: 26px;
bottom: 19px;
display: inline-block;
width: 65px;
padding: 0 9px 0 22px;
border: 1px solid #89a4c6;
font-size: 11px;
line-height: 26px;
color: #89a4c6;
transition: all 0.5s;
}
.iban-box .se a.more{
border: 1px solid #888582;
color: #888582;
}

.iban-box a:hover{
color: #fff;
}
.iban-box a.more:hover{
border: 1px solid #fff;
color: #fff;
}
.iban-box a.more:hover span.fr{
filter:alpha(opacity=100); 
opacity: 1;	
}
.iban .btns{
left: 50%;
bottom: 36px;
height: 6px;
}
.iban .btns span{
display: inline-block;
float: left;
width: 62px;
height: 5px;
background: #333;
margin: 0 3px;
filter:alpha(opacity=30); 
opacity: 0.3;
transition: background 0.5s;
cursor: pointer;
}
.iban .btns span.cur{
filter:alpha(opacity=60); 
opacity: 0.6;	
}

/*  */




/* nav */
.header_dh{ height:93px; background:#FFF; width:100%;}
.header_dh1{ width:100%; height:93px;  margin:0 auto; }
.header_dh1 .navr{ height:93px; width:100%;}

.logo{ float:left; margin-left:10%; width:13%; }
.logo a {display:block;}
@media screen and (max-width:1080px){
	.logo img{max-width:100%;margin-top:10%}
}
/*.logo img{ width:214px; height:93px;}*/
#header_wrap1{ height:93px;margin:0px auto; width:77%; float:right; overflow:visible}

.server_btn{width:100px!important;  float:right;}
.ditu{  width:100px!important;    }
.nav_r{float: right;}

.menu{ float: right; height:11193px; width:100%; overflow:visible !important; }
.menu li {overflow:visible !important;position:relative;z-index:9999;float:left;height:93px; line-height:90px; width:9.0%; }
.menu li h2{ color:#333px; font-size:16px;}
.menu li a {display:block; color:#413d3c;  text-align:center;  font-family:"微软雅黑";} 
.menu li a:hover{ color:#c9101a; }

.subMenu {position:absolute;left:0px; top:93px; width:250px;height:auto;padding:10px 0;display:none;transition: all 0ms linear 0ms;background:#f6f6f7}
@-moz-document url-prefix(){.subMenu {top:93px;}}
.menu li dt>a {display:block;width:100%;height:32px; border-bottom:1px #d6d7db solid;line-height:32px; color:#413d3c;  text-align:center;  font-family:"微软雅黑";} 
.menu li dt>a:last-child{border:0}
.menu li dt>a:hover{ color:#c9101a; }


/* navxiala */

.subMenu .dnav_l  span{ display:block; line-height:32px; font-size:20px; text-align:left; }
.subMenu  .dnav_l .e_tit{ font-size:15px;color:#747474;}
.subMenu .dnav_l .b_tit{ font-size:32px; color:#747474;}
.subMenu .dnav_l .line{ height:2px; width:35px; background:#747474; }
.menu li .subMenu  a:hover{ color:#c9101a;}

.subCont .dnav_l{float:left;  margin-top:25px; overflow:hidden;}

.subCont{width: 1100px; margin:0 auto; height:auto; margin-top:70px;color:#666666;}

.subCont .dnav_r{float:right; width:900px;overflow:hidden;}
.subCont .dnav_r .p_tit{ height:auto; border:1px solid #ccc; float:left;}

.subCont .dnav_r .p_list{ line-height:20px; display:block; margin:0px 10px 18px 10px; border:1px solid #ccc;float:left;}
.subCont .dnav_r .p_list:hover,.subCont .dnav_r .p_tit:hover{border:1px solid #E6292F;}

.sImg img {width:154px; height:92px;border: 3px solid #666666;}
.left {float: left;}
.subNav { margin-left: 10px;}
.dInline {display: inline;}
.subNav p {float: left;width: 100px;margin-left: 22px; margin-top:20px;}
.subNav p a {display: block;border-bottom: 1px solid #80acd8; height: 30px;line-height: 30px;padding: 0;font-size: 12px;color: #666666;}
.subNav p a:hover{background:#fff;color: #000;padding-left: 10px;transition-delay:0ms;transition-timing-function:linear;transition-duration:260ms;transition-property:all;}

.menu li.on .subNav p a { border-bottom: 1px solid #666666;}

.menu li .border_botom{ height:91px;  }


.border_line{ display:block; height:2px;  width:0; }
.menu li .border_botom:hover .border_line{width:100%; background:#f00; transition: width 0.3s ease-in-out; }


.sJie {height: 130px;border-left: 1px solid #fff;padding-left: 30px;width: 417px;margin-left: 30px;padding-top: 15px; font-size:12px;}
.sJie i { display: block;width: 71px;height: 3px;overflow: hidden; background: #fff;margin-top: 5px;}
.sJie p {line-height: 21px;padding-top: 8px;}




/*解决方案*/

.solution_list{ width:100px; height: auto; margin:0 30px;  line-height:30px; text-align:left; float:left;}

.solution_list .solution_tit{ display:block; width:120px; height:80px; font-size:13px; border:1px solid #ccc; text-align: center; }

.solution_list .solution_tit:hover{ border:1px solid #f00;}
.solution_tit img{ display:block; margin:0 auto; }

.solution_list .solution{ width:100%; padding:10px 0px;  font-size:13px; }

.solution_list .solution a{text-align:left!important;}


/*服务*/

.server_nav_r{ height:auto; overflow:hidden; line-height:30px; font-size:13px;}

.server_nav_r a{ height:80px; width:120px; overflow:hidden; border:1px solid #ccc;  margin-bottom:10px; text-align:center;}

.server_nav_r a img{ display:block; margin:0 auto;}
.server_nav_r a:hover{height:80px; border:1px solid #B7271E;  }



/*language_select*/

.language_select{ display:block; overflow:hidden; background:#f00; padding:30px; background:url(../images/map_bg.png) left 0   no-repeat;     padding-left: 778px; width:1100px;}

.subMenu .language_select li{ display:block; float:none; height:25px;line-height:25px !important; margin:10px 0 10px 45px; border:1px solid #ccc;}
.subMenu .language_select li img{ float:left; padding-right:35px;}
.subMenu .language_select li a{ text-align:left!important; line-height:25px;  }
.subMenu .language_select li a:hover{border:1px solid #FF0000;}




@media screen and (max-width:1800px){
.server_btn{width:100px!important; margin-left:78px;    }
#header_wrap1{width: 74%;}
.menu{ float:left; height:93px; width:100%; overflow:hidden; }
.menu li {float:left;height:93px; line-height:93px; width:9%; }

}
@media screen and (max-width:1680px) and (min-width:1600px)

{
.menu li {float:left;height:93px; line-height:93px; width:9%; }	
	
	}
@media screen and (max-width:1600px){
	
	.search {
    position: relative;
    width: 205px!important;
    height: 30px;
    margin: auto;
    top: 30px;
}
.server_btn{width:100px!important; margin-left:77px; float:right;    }


.menu li {float:left;height:93px; line-height:93px; width:9%; }



}


@media screen and (max-width:1400px){
.search {
position: relative;
width: 190px!important;
height: 30px;
margin: auto;
top: 30px;
}
.input_text{ width:150px!important;}

.server_btn{width:100px!important; margin-left:94px; float:right;    }
#header_wrap1{width: 73%;}
.menu li {float:left;height:93px; line-height:93px; width:9.6%; }

}




@media screen and (max-width:1350px){
	
	.search {
    position: relative;
    width:180px!important;
	
}

.server_btn{width:100px!important; margin-left:69px; float:right;    }

.menu li {float:left;height:93px; line-height:93px; width:9.6%; }

}








/* search */

.search{
position: relative;
width:230px;
height:30px; 
margin:auto;
top:30px;
}


.d6 form {
height: 30px;
}



.d6 .input_text{
height:30px;
line-height:30px;
width:32px;
padding: 0 0 0 15px;
border: 1px solid transparent;
outline: none;
background:transparent;
transition: .4s cubic-bezier(0, 0.8, 0, 1);
position: absolute;
top: 0;
right:30px;
z-index:2;
text-indent:-200px;
}

.d6 .input_text:focus {
width:170px;
z-index:2;
border:1px solid #999;
text-indent:0px;
}


.search:hover .input_text{
	border:1px solid #999;
	width:170px;
	text-indent:0px;
	transition: .4s cubic-bezier(0, 0.8, 0, 1);
	}
	
	

.submit {
background-image:url(../images/search_ico.jpg);
border:none;
height:30px;
width:30px;
position: absolute;
top: 0;
right:0;
cursor:pointer;
outline:none;

}




/* top_list */

.picScroll-left{ overflow:hidden; position:relative; margin-top:65px; }
.picScroll-left .bd{ padding:10px;   }
.picScroll-left .bd ul{ overflow:hidden; zoom:1; }

.picScroll-left .bd ul .about_info{width:300px; height:165px;  background:#fff;  margin:0 53px; float:left;text-align:center;}



.picScroll-left .hd{ overflow:hidden;  height:30px;  padding:10px;  }
.picScroll-left .hd ul{ overflow:hidden; zoom:1; width:300px; margin:0 auto; text-align:center; }
.picScroll-left .hd ul li{ display:inline-block;  width:18px; height:18px; overflow:hidden; text-indent:-999px; cursor:pointer; background:url(../images/dota.png) no-repeat; }
.picScroll-left .hd ul li.on{ background:url(../images/dot.png) no-repeat;  }



/* The banner divs */

.about_info .about_info_img{ display:block; float:left; margin-top:50px;}

.about_info .about_infos{ display:block;float:right;overflow:hidden;  margin-top:50px;height:165px; width:240px;  text-align:left;   font-size:14px;}

/* 6 */
.item6{position:relative; cursor:pointer;}

.item6 div{position:absolute; height:0; width:0; overflow:hidden;_zoom:1;}



.w{
width: 1024px;
margin: 0 auto;
}


/*清除浮动*/

.f-cb{
zoom:1;
}
.f-cb:after{
display:block;
height:0;
clear:both;
visibility:hidden;
overflow:hidden;
content:".";
}
.fl {
float:left;
display: inline;
}


.fl  ul{ float:left;}



.fr {
float:right;
display: inline;
padding-left:14px;
}
.por{
position: relative;
}
.poa{
position: absolute;
}
.poa-f{
position: absolute; 
z-index:2;
left: 0;
top: 0;
width: 100%;
height: 100%;
}
.ovh{
overflow: hidden;
}
.noselect{
-moz-user-select: none;
-webkit-user-select: none;
-ms-user-select: none;
}

.z1{
z-index: 1;
}
.z2{
z-index: 2;
}
.z3{
z-index: 3;
}
.dn{
display: none;
}
.width-full{
width: 100%;
}
.height-full{
height: 100%;
}
.dib{
display: inline-block;
}



.i-cases{
height: 150px;
padding: 34px 0 34px;
}
.i-cases .w{
height: 150px;
}

.i-cases .list{
height: 150px;
}
.i-cases ul{
width: 1024px;
}
.i-cases li{
position: relative;
width: 300px;
height: 145px;
margin-right: 41px;
display: inline;
}

.i-cases li span{
display: inline-block;
}
.i-cases li span.sign{
left: 27px;
top: 42px;
width: 64px;
height: 64px;

}
.i-cases li span.sign.bg{
background-position: -8px -64px!important;
}
.i-cases li span.tips{
left: 111px;
top: 42px;
font-size: 15px;
line-height: 24px;
color: #555;
transition: color 0.5s;
}
.i-cases li a:hover span.tips{

color: #ff0000;
}
.i-cases li span.detail{
width: 190px;
height: 84px;
margin-top: 66px;
font-size: 12px;
line-height: 20px;
color: #808080;
}
.i-cases .btns{
left: 50%;
bottom: 0;
height: 6px;
}
.i-cases .btns span{
display: inline-block;
float: left;
width: 6px;
height: 6px;
background: url(../images/bg_btn03.png) no-repeat;
margin: 0 8px;
cursor: pointer;
}
.i-cases .btns span.cur{
background-position: 0 -6px;
}
.i-products{
height: 516px;
padding: 55px 0 35px;
background: url(../images/pro_BG.jpg) no-repeat center;
}
.i-products .tips{
height: 120px;
margin-bottom: 50px;
font-size: 45px;
line-height: 54px;
color: #fff;
text-align: center;
}
.i-products .tips p.en{
width: 100%;
height: 34px;
background: url(../images/name01.png) no-repeat center bottom;
}
.i-products .tips .line{
left: 50%;
bottom: 0;
width: 30px;
height: 4px;
margin-left: -15px;
background: #fff;
}
.i-products .list-out, .i-products .list{
width: 1045px;
height: 300px;
}
.i-products .btns{
top: 0;
width: 66px;
height: 346px;
cursor: pointer;
filter:alpha(opacity=0); 
opacity: 0;
transition: all 0.5s;
}
.i-products .prev{
left: 0;
background: url(../images/prev11.png) no-repeat left center;
}
.i-products .prev.hover{
background-position: right center;
}
.i-products .next{
right: 0;
background: url(../images/next11.png) no-repeat right center;
}
.i-products .next.hover{
background-position: left center;
}
.i-products li{
position: relative;
margin:0px 8px;
width: 244px;
height: 300px;
border: 1px solid #fff;
border-right: 0;
background: #fff;
transition: border 0.5s;
}

.i-products li.hover{
border-color: #B7271E;
}


.i-products .tip{
display: inline-block;
width: 206px;
height: 117px;
padding: 0 19px;
background: #eee;
font-size: 16px;
line-height: 58px;
color: #444;
}
.i-products li.hover .tip{
background: #B7271E;
color: #fff;
}
.i-products .tip p.blue{
font-size: 14px;
line-height: 38px;
color: #0564c6;
transition: color 0.5s;
}
.i-products li.hover p.blue{
color: #fff;
}
.i-products .tip span.por{
display: inline-block;
width: 3px;
height: 38px;

margin-left: 20px;
}
.i-products li.hover span.por{
background-position: 0 -38px
}
.i-products .t{
left: 0;
top: 0;
}
.i-products .b{
left: 0;
bottom: 0;
}

.i-products img.t{
top:0px;
}
.i-products img.b{
bottom:0px;
}

.i-products li .bg{
left: -1px;
top: -1px;
width: 246px;
height:300px;
background: #000;
filter:alpha(opacity=50); 
opacity:0.5;
}





#about_box{  height:380px; padding-top:50px; box-sizing:border-box;overflow:hidden; }

#about_box .news_l{ width:1200px; height:auto; float:left;  }


#about_box .news_l ul{ overflow:hidden;}

.newsl_list{ display:block; width:350px; overflow:hidden; float:left; margin-right:25px;}

.newsl_list img{ height:190px;  width:350px; overflow:hidden;}
.newsl_list a{ display:block;  overflow:hidden; background:#eff0f2; }
.newsl_list a:hover{background:#b7271e; color:#fff!important;  transition:background 0.8s;}
.newsl_list a:hover .d_date{ color:#fff;}

.newsl_list .new_text_infos { margin:10px 0px; height: 75px;}

.d_date{ width:80px; float:left; overflow:hidden; text-align:center; color:#b7271e; font:36px/30px Impact; padding-top:10px;} 
.newsl_list .new_text_infos .d_date span{ display:block;}
.newsl_list .new_text_infos .en_date_day{ font-size:15px;}

.newsl_list .new_text_infos .n_infos{ width:270px; float:right;overflow:hidden; font-size:13px; line-height:20px; padding-top:4px;}
.newsl_list .new_text_infos .n_infos p{ padding-top:6px;}
.n_infos h3 , .a_infos h3 ,.a_infos_info h3{ font-size:14px;}




/*about*/


.about_com{ width:375px; float:right; overflow:hidden; }

.about_com .about_r { display:block; width:375px;  height:138px;  overflow:hidden; float:right; text-align:left;  line-height:25px; background:#eff0f2; margin-bottom:10px; transition:background 0.5s;}
.about_com .about_r .img{display:block; float:left; width:140px; height:138px; overflow:hidden; }

.about_com .about_r .a_infos_info{ width:235px; float:right; box-sizing:border-box; padding:20px;  }

.about_com .about_r:hover{background:#B7271E; color:#fff;}

.about_com .about_r:hover a{ color:#fff;}





/*foot*/
#foot{ width:100%; height:auto;background:#1e1e1d; box-sizing:border-box; color:#fff; padding:50px 0 15px 0; position:relative;}

#foot a{color:#a2a2a2;}
#foot a:hover{color:#fff;}
.foot_botom{width:100%; height:auto; padding:10px 0;background:#1e1e1d; line-height:28px; }

.foot_botom p{color:#a2a2a2; font-size:12px; line-height:28px;}

.foot_l h3{ font-size:15px;  margin-bottom:8px;}

.foot_l ul{ display:block; float:left; width:125px; border-right:1px solid #444444; padding:2px 0 5px 45px; min-height:190px;  }
.foot_l ul.ulp{width:280px}

.foot_l ul li { font-size:12px; display:block; line-height:24px; }

.foot_r{ float:right; color:#fff; margin-left:100px; position:relative;}

.foot_r h3 {
    font-size: 20px;
}


.foot_r p{ padding-left:40px; font-size:12px  ;color:#a2a2a2; line-height:18px;}

.foot_r .tel{ background:url(../images/tel_icon.jpg) no-repeat 0px -6px; margin:15px 0;}

.foot_r .address{ background:url(../images/location_iocn.jpg) no-repeat -4px -12px; padding-bottom:10px;}
.foot_r .e_mail{ background:url(../images/email_iocn.jpg) no-repeat -4px -12px;}

.guanzhu h3{ margin:15px 0;  }

.foot_r .tel {
    font: 30px/30px none;
    font-family: "微软雅黑";
}

.code img{
display: none;
padding:10px;
}

.code{ background:#434343; }
.code,.code.weibo{
position: absolute;
right:66.8%;
top:113px;

}


/* about us*/

#about_us_box{ width:100%; height: auto;  box-sizing:border-box; overflow:hidden; }


.BG_about_us{ width:100%; height: auto; min-height:250px; padding-top: 100px; background-position: top center;background-size:auto 100%;background-repeat:no-repeat; }


.about_infos{ height:auto; overflow:hidden; /*color:#f5f1f1; */padding:10px 10px 0 10px ; line-height:30px; }


.list_icon{ margin:10px 0 40px 0; width:100%; height:auto; overflow:hidden; text-align:center;}

.l_icon{ display:inline-block;  margin:0 75px; float:left; }
 .l_icon img{transform: translateZ(0px);
    transition: transform 0.3s ease 0s;   }

.l_icon:hover img{transform: scale(0.8,0.8);transition: transform 0.6s ease 0s;  }

.list_icon .l_icon span{ display:block; margin:10px 0; width:100%;}


.text h3{ font-size:16px; font-weight:bold;}

.mline {
    display: block;
    width: 30px;
    height: 2px;
    background: #ff0000;
    margin: 6px 0;
}


/** initial setup **/
.nano {
  position : relative;
  width    : 100%;
  height   : 100%;
  overflow : hidden;
}
.nano > .nano-content {
  position      : absolute;
  overflow      : scroll;
  overflow-x    : hidden;
  top           : 0;
  right         : 0;
  bottom        : 0;
  left          : 0;
}
.nano > .nano-content:focus {
  outline: thin dotted;
}
.nano > .nano-content::-webkit-scrollbar {
  display: none;
}
.has-scrollbar > .nano-content::-webkit-scrollbar {
  display: block;
}
.nano > .nano-pane {
  background : rgba(0,0,0,.25);
  position   : absolute;
  width      : 10px;
  right      : 0;
  top        : 0;
  bottom     : 0;
  visibility : hidden\9; /* Target only IE7 and IE8 with this hack */
  opacity    : .01;
  -webkit-transition    : .2s;
  -moz-transition       : .2s;
  -o-transition         : .2s;
  transition            : .2s;
  -moz-border-radius    : 5px;
  -webkit-border-radius : 5px;
  border-radius         : 5px;
}
.nano > .nano-pane > .nano-slider {
  background:#D00E19;

  
  position              : relative;
  margin                : 0 1px;
  -moz-border-radius    : 3px;
  -webkit-border-radius : 3px;
  border-radius         : 3px;
}
.nano:hover > .nano-pane, .nano-pane.active, .nano-pane.flashed {
  visibility : visible\9; /* Target only IE7 and IE8 with this hack */
  opacity    : 0.99;
}


#main {
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	border-top: 1px rgba(255,255,255,.6) solid;
	height:350px;
	margin: auto;
}

.nano-slider{ height:60px!important; }


.nano .nano-content {
	padding-right: 20px;
	line-height:30px;
}

.nano .nano-pane {
	background: #555;
	width: 8px;
	right: 1px;
  margin: 5px;
}

.nano .nano-slider {
	background:#111;
}












/*BG_pic_box*/


.BG_pics_us{ height:460px; width:100%; }

.culture_box{ height:auto; text-align:center;}
.culture_infos{height:auto; line-height:25px; margin-bottom:55px;}

/**/

.rollBox{width:1180px;overflow:hidden;margin:0 auto; text-align:center;margin-bottom: 10px;}
.buuton{ width:146px; height:50px; margin:0 auto;}
.rollBox .LeftBotton{height:28px;width:63px;background:url(../images/zuo.png) no-repeat; float: left; margin-top: 25px; margin-right: 20px;
display:block;cursor:pointer;text-align:center;}
.rollBox .LeftBotton:hover{background:url(../images/zuohover.jpg) no-repeat;}
.rollBox .RightBotton:hover{background:url(../images/youhover.jpg) no-repeat;}
.rollBox .RightBotton{height:28px;width:63px;background:url(../images/you.png) no-repeat ;overflow:hidden;display:block;margin:25px 0 0 0;cursor:pointer; text-align:center; float:left;}
.rollBox .Cont{width:1180px;overflow:hidden;float:left; margin:0 auto; text-align: center;}
.rollBox .ScrCont{width:10000000px;}
.rollBox .Cont .pic{width:295px;float:left;text-align:center;}
.rollBox .Cont .pic img{ width:275px; height:241px;padding:4px;background:#fff;display:block;margin:0 auto;}
.rollBox .Cont .pic p{line-height:26px;color:#505050;}
.rollBox .Cont a:link,.rollBox .Cont a:visited{color:#626466;text-decoration:none;}
.rollBox .Cont a:hover{color:#0065b5;text-decoration:underline;}
.rollBox #List1,.rollBox #List2{ margin:0 auto;}


/* 水平滚动
------------------------------ */

.hidden{display:none}

.scroll_horizontal{position:relative;width:1120px;height:275px; margin:0 auto; }

.scroll_horizontal .box{overflow:hidden;position:relative;width:1040px;height:275px;margin:0 auto;}

.scroll_horizontal .list{overflow:hidden;width:9999px;}

.scroll_horizontal .list li{float:left; display:block; width:260px;  text-align:center; cursor:pointer;}

.scroll_horizontal .list li img{ width:250px;}

.scroll_horizontal .plus{position:absolute;top:102px;width:35px;height:44px; background:url(../images/arr_2.gif) 
left top ;cursor:pointer;}

.scroll_horizontal .minus{position:absolute;top:102px;width:35px;height:44px; background:url(../images/arr_2.gif) 
-35px top no-repeat ; cursor:pointer;}


.scroll_horizontal .plus{left:5px;}
.scroll_horizontal .minus{right:5px;}
.scroll_horizontal .plus:hover {background:url(../images/arr_2.gif) left -44px  no-repeat;}

.scroll_horizontal .minus:hover{background:url(../images/arr_2.gif)  -35px -44px  no-repeat;}

/* 效果CSS开始 */

.mskeLayBg { background: #000; width: 100%; position: absolute; left: 0px; top: 0px; z-index: 5; opacity: 0.7; filter: alpha(opacity=70); display: none; _display:none!important }

.mskelayBox {  margin-top: -251px; margin-left: -494px; position:fixed; left: 50%; top: 50%; border: 7px solid #FFF; z-index:11; background: #FFF; display: none; _display:none!important }


.mskeClaose { position:absolute; z-index: 22; top: -25px; right: -20px; cursor: pointer; }



/* 效果CSS结束 */





/*BG_wenhua_box*/

.BG_wenhua_box{width:100%; height:560px; background:url(../images/BG_about_culture.jpg) center center no-repeat;}









/*history*/

.BG_history_box{ width:100%; height:650px; background:url(../images/BG_about_history.jpg) center center no-repeat; }

.history_box{ height:auto; padding-bottom:120px;  }


.BG_job_box{ width:100%; min-height:650px; background:url(../images/BG_about_job.jpg) center center no-repeat; }

.job_box{ height:auto; padding-bottom:120px;  }






.pub-history{
height:444px;
width: 100%;

}



.bhd{
width:1009px;
height:81px;
margin:10px  auto 0  auto;

background:url(../images/res14.png) center bottom repeat-x;
}


.bhd .tempWrap{
width: 1008px;
height: 81px;
overflow: hidden;
}



.bhd .tempWrap .year-list{
width: 300%;
float:left;

}


.bhd .tempWrap .year-list li{
width:75px;
height: 75px;
float:left;
line-height:75px;
font-size: 16px;
text-align: center;
color: #666;
cursor: pointer;
margin-left:105px;
/*	background: url(../images/res12.png) center bottom no-repeat;
*/	

}


.bhd .tempWrap .year-list li:hover{
color: #f00; }


.bhd .tempWrap .year-list .on{
color: #f00;

}


.centerbg{
width: 100%;
padding: 60px 0  20px 0;
}


.centerbg .tempWrap{

margin: 0 auto;

position: relative;
overflow: hidden;
background:#7B0E12;

}
.centerbg .tempWrap .bd{
float: left;
width: 500%;
}
.centerbg .tempWrap .bd li{
width: 1074px;
float: left;
}

.centerbg .tempWrap .img-hot{
width: 360px;
display: block;
float: left;
position: relative;
}


.centerbg .tempWrap .img-hot img{ width:100%; }

.centerbg .tempWrap .img-hot:before{
width: 0;
height: 0;
position: absolute;
top: 62px;
right: 0;
border-width: 12px;
border-style: solid;
border-color: transparent #7B0E12 transparent transparent;
content: "";
z-index: 22;
}

.centerbg .tempWrap .detail-hot{
width: 436px;
padding-top: 50px;
padding-left: 52px;
float: left;
}

.centerbg .tempWrap .detail-hot .year-hot{
width: 100%;
height: 56px;
font-size: 30px;
line-height:43px;
color:#fff;
font-weight:bold;

}
.centerbg .tempWrap .detail-hot .text-hot{
width: 100%;
font-size: 14px;
line-height: 28px;
padding-top: 10px;
color:#fff;
}



.hd2{  width:1007px; margin:0 auto; height:auto; top:-64px; position: relative;}

.hd2 a{
display: block;
position: absolute;
width:12px;
height: 22px;
top: 2px;
transition-duration:400ms;
cursor: pointer;
z-index: 99;
}
.hd2 .prev{
left: 0;
background: url(../images/res-left.png) left top no-repeat;
}
.hd2 .prev:hover{
background: url(../images/res-left.png) left bottom no-repeat;
}
.hd2 .next{
right: 0;
background: url(../images/res-right.png) right top no-repeat;
}
.hd2 .next:hover{
background: url(../images/res-right.png) right bottom no-repeat;
}








/*products　ｌlist*/

.ny_banner{ height:auto; width:100%; overflow:hidden;}

#pro_box{ height:auto; width:100%; overflow:hidden;}
.my_title1{padding:0px 0px 45px 0;  text-align:center;  color:#333;}
.my_title1 .big_tit{ font-size:45px; }

.my_title1 .eng_tit{ font-size:28px; color:#666666; font-family: Humanst521 LT BT;   }



.my_title{padding:40px 0px 45px 0;  text-align:center;  color:#333;}

.my_title .big_tit{ font-size:45px; }

.my_title .eng_tit{ font-size:28px; color:#666666; font-family: Humanst521 LT BT;   }
.my_title .eng_titjj{ font-size:28px; color:#fff; font-family: Humanst521 LT BT;   }


.about_tit img{padding:55px 0px 45px 0; display:block; margin:0 auto;  color:#333;}


.pro_tit{ display:block; width:100%; padding:10px 0; text-align:center; position:relative;  }

.pro_tit ul{ display:inline-block; text-align:center; overflow:hidden;}


.pro_tit li{display:inline-block; margin-left:5px;  _zoom:1;*display:inline; text-align:center; /*width:120px; */height:50px; line-height:50px; border:1px solid #ccc;    }

.layout{_zoom:1;display:inline-block;}

.pro_tit li a{ display:inline-block;  color:#fff; /*width:120px;*/ line-height:50px;  background:#d3d1d2;color:#333;padding:0px 20px;
/*
onmouseover="this.style.background='#D2332F'" onmouseout="this.style.background='#464648'" style="background: rgb(70, 70, 72);
*/

}
.pro_tit li a:hover ,.pro_tit  li .cur{ color:#fff; line-height:50px;  background:#757575;}





.pro_list_box{ height:auto; overflow:hidden; padding:35px 0;   }
.pro_list_box.cases{padding:30px 30px;margin-left:30px}

.pro_list_box a{ display:block; }

.pro_list_box li{ display:block; float:left; width:281px; background:#fff; border:1px solid #ccc; margin:10px 10px; overflow:hidden;}
.pro_list_box.cases li{margin-right:20px}
.pro_list_box.cases li:nth-child(4n+4){margin-right:0}

.pro_list_box li .product_tit{ display:block;  height:55px; line-height:55px; border-bottom:1px solid #ccc; color:#333; text-align:center;}


.pro_list_box li .pro_lit{height:auto;width:281px; position: relative;overflow: hidden;}
.pro_list_box li .pro_lit img{width:100%;height:240px}



.pro_list_box a:hover .product_tit{ background:#CF0D18; color:#fff;  }






.pro_list_newbox{ height:auto; overflow:hidden; padding:55px 96px;}

.pro_list_newbox a{ display:block; }

.pro_list_newbox li{ display:block; float:left; width:31%; background:#fff; border:1px solid #ccc; margin:1% 1%; overflow:hidden;}

.pro_list_newbox li .product_tit{ display:block;  height:55px; line-height:55px; border-bottom:1px solid #ccc; color:#333; text-align:center; background:url(../images/bg_sign36.png) no-repeat right 0 ; }


.pro_list_newbox li .pro_lit{height:250px; width:310px; position: relative;overflow: hidden;}
.pro_list_newbox li .pro_lit img{ width:100%;  }

.pro_list_newbox a:hover .product_tit{background:url(../images/bg_sign36.png) no-repeat right  -55px ; transition: all 0.5s;  }




/*产品中心*/

.mpro_left {
display:block;
float:left!important;
width:13%!important;
background:#ccc;

}


.mpro_left ul li{
display:block;
height:auto!important;
}


.mpro_right{
float:right!important;
padding:0px;
width:85%;

}


/*下拉tab*/

.leftnav{
padding:5px 0;
line-height:25px;
padding-left:4%;
border-bottom:1px solid #FBFBFB;
}
.leftnav a{ display:block;}

.leftnav a:hover{ color:#fff}
.leftnav:hover , .open,.dh_on{
background:#c9101a;
color:#fff;
cursor:pointer;

}	
.dh_on a {color:#fff;}


.submenu{
display: none;
background:#FBFBFB;
}

.submenu li a{
display:block;
height:35px;
line-height:35px;
border-bottom:1px dashed #ccc;
text-indent:2em;


}

.submenu li a:hover{
}






.txt-six{
position: absolute;
left:0;
top: 0;
width:100%;
height:250px;
background: rgba(191, 185, 185, 0.2);
display: none;
}








/*pages*/

.pages {text-align:center; width:100%; height:33px; margin:20px 0;text-align:center}

.n_pages {text-align:center; width:100%; height:33px; margin:20px 0px; }


.pages ul{display:block;  margin:0 auto; overflow:hidden; height:33px; }
.pages ul li { *display:inline;*zoom:1; display:inline-block; margin-right:10px; height:23px}
.pages ul li a { *display:inline;*zoom:1; display:inline-block; height:21px; border:1px solid #ccc;padding:5px 15px;color:#666; font-size:12px;color:#333;line-height:21px}
.pages ul li a.nowpage{background:red;color:#fff}
.pages  ul li.thisclass {color:#fff; background-color:#D00E19; }
.pages  ul li span,strong{font-size:12px;}



/*pro_details*/

.pro_details{ padding:30px 0 85px 190px; overflow:hidden; }

.hidden {display: none; }
.block { display: block; }

.ke_m2con {height:auto; width:385px;  float:left; }
.ke_m2con img{display:block;max-width:100%}

.ke_m2pc_con ul li { border: 1px solid #f00; cursor: pointer; display: inline; float:left; height:58px;margin: 0 6px 0 5px;  overflow: hidden; width:66px; }

.ke_m2pc_con .ink_smlImg{ width:66px; height:58px; overflow:hidden;}

.ke_m2pc_con ul { left:3px; position: absolute; top: 0; }

.ke_m2pc_con { display: inline; float:left; height:60px; margin: 0 6px; overflow: hidden; position: relative; width:316px; }
.ke_m2pc_btn1 { cursor: pointer; float: left; height: 58px; width: 15px; }
.ke_m2pc_btn2 { cursor: pointer; float: left; height: 58px; width: 15px; }
.ke_m2pcl_c2 { margin-top: 15px; height:auto; }
.ke_m2pcl_img { border: 1px solid #E3E3E1; }

#ink_showImg { width:385px; height:315px; border: 1px solid #ccc; position: relative; }
#ink_showImg .small_pic { width: 385px; height:315px; background: #eee; position: relative; }
#ink_showImg .float_layer { width: 100px; height: 100px; border: 1px solid #000; background: #fff; filter: alpha(opacity: 30); opacity: 0.3; position: absolute; top: 0; left: 0; display:none; }

#ink_showImg .mark {width:100%; height:100%; position:absolute; z-index:2; left:0px; top:0px; background:red; filter:alpha(opacity:0); opacity:0;}
#ink_showImg .big_pic { position: absolute; top: 0px; left: 387px; width:383px; height:312px; overflow:hidden; border:1px solid #CCC; display:none; }
#ink_showImg .big_pic img { position:absolute; top:-30px; left:-80px; }
#ink_showImg .small_pic img{ width: 383px; height:313px;}


/*pro_details_right*/

.border_none{ border:none!important;}
.pro_details_right{ height:auto; width:568px; float:right; overflow:hidden; padding:20px; }

.pro_details_tit { color:#333; font-size:35px; border-bottom:1px solid #ccc; padding:20px 0;}

.pro_details_right .pro_td{ font-size:18px;display:block; padding-top:35px; }

.pro_details_right  p{ line-height:25px; font-size:14px;}


/*pro_js 产品介绍*/

.pro_js{ height:auto; overflow:hidden; position:relative;}

.pro_icon{ height:130px; width:100%; background:url(../images/pro_jsicon.jpg) no-repeat center center; position:relative; }


.pro_tit_tab{ width:100%; height:auto; overflow:hidden; text-align:left; position:relative; margin-top:-30px;}

.pro_tit_tab ul{ display:inline-block;  text-align:center; overflow:hidden;}

.pro_tit_tab ul  li{display:block; float:left; margin-left:450px;  background:#7A7A7A; opacity: 0.9; width:145px;  line-height:55px;  }

.pro_tit_tab li a{ display:block;color:#e9e9e9; }
.pro_tit_tab li:hover{ background:#CF0D18;}
.pro_tit_tab li a:hover{ display:block;color:#fff; }

/*tab*/


.tab li.on {
background: #CF0D18;
}

.tab_zp li.on {
background: #CF0D18;

}
.tab_zp li.on a{color:#fff;}


.mycon{
min-height:350px;
height:auto;
overflow:hidden;
padding: 80px 0 85px 190px;
line-height:25px; 
font-size:14px;
}
.main4{ margin-top:40px;}


/* server 服务*/



.main3{width: 1120px;height:auto;overflow:hidden;margin:0 auto;padding-bottom:20px;}

.server_tit_infos{ line-height:23px; }

.server_team_pic{ margin:30px 0;}
.server_tit_icon2{ padding-bottom:45px;}
.server_team{ text-align:center; width:100%; height:auto; overflow:hidden; line-height:22px;}

.server_team_yuanzhu{ width:100%; height:522px;  background:url(../images/server_team_jsyz.jpg) center  center no-repeat;}

.color_w{color:#fff;}

.tijiao_button{ display:block; height:40px; width:200px; line-height:40px; text-align:center; border:1px solid #fff; margin:0 auto; background:url(../images/tijiao_button_icon.png) 40px 8px no-repeat ; margin-top:45px; }

.tijiao_button a{ color:#fff;}

.tijiao_button:hover { border:1px solid #D00E19;}

.tijiao_button:hover a{ color:#D00E19}

.link_box{ display:block; height:auto; width:100%; margin:65px 0  45px 0; color:#fff; text-align:left; }
.link_box li{ display:block; width:25%; height:50px; line-height:50px;  float:left; padding-left:75px;}

.link_box .tel_icon{ background:url(../images/time24_icon.png) no-repeat; line-height:25px;}

.link_box .server_icon{ background:url(../images/server_iocn.png) 0 -4px no-repeat; }

.link_box .zhidao_icon{ background:url(../images/zhidao_icon.png) 0 -4px no-repeat; }




.tel_num{ font-family:impact;  font-size:32px;}

.server_icon,.zhidao_icon{ font-size:24px;}


.server_team_liucheng{ width:100%; height:auto; overflow:hidden;}

.server_process_box{ display:block; overflow:hidden; padding-left:88px; padding-top: 50px;}

.server_process_box li{ display:block; float:left; }

.server_process_box .yzps  img  ,.server_process_box .gjyh img{ display:block;}
.djyz ,.cpgj{ margin-bottom:30px;}



/*服务网络*/

.server_network{ width:100%; height:auto; overflow:hidden; padding:30px 0px 120px;}


.server_network_box{ width:1200px; height:auto; margin:0 auto; overflow:hidden; }

.server_network_box .server_network_map{ width:580px; height:465px; float:left;    padding-top: 40px;}

.server_network_box .server_network_infos{width:610px;height:465px; float:right;font-size:18px; line-height:40px;}

.server_infos_h3{ font-size:30px; font-weight:normal;}

.server_infos{ display:block;padding-bottom:60px;}

.server_infos_xq{ margin-left:50px;    line-height: 30px;}
.server_infos_xq1{ margin-top: 16px;display: block;}
.server_infos_xq1 h3{ color:#666;}
.server_infos_xq p{ font-size:14px;}
.icon_4{ display: block; float:left;}
.icon_13{ display: block; float:right;}


/*服务品牌*/
.server_brand{ width:100%; height:auto; overflow:hidden; background:#666 /*url(../images/service_brand_bg.jpg) center  center no-repeat*/; }


/*品牌滚动*/


.scroll {
width:978px;
margin:0 auto ; 
position:relative;
overflow:hidden;
/*background:#cacbcd;*/
}

/*.picbox {
width:876px;
height:270px;
border:1px solid #cacbcd;
overflow:hidden;
position:relative;
margin:50px;
}

.picbox ul {

}


.piclist {
position:absolute;
left:0px;
top:0px;
}


.piclist .goodlist {
width:136px;
margin:10px 0;
padding:0px 5px;
float:left;
}



.piclist li.goodlist img {
width:136px;
height:114px;
}

.swaplist {
position:absolute;
left:-3000px;
top:0px;
}

.og_prev, .og_next {
width:30px;
height:60px;
background:url(../images/btn.png) no-repeat;
position:absolute;
top:158px;
z-index:99;
cursor:pointer;
}

.og_prev {
background-position:0 0;
left:2px;
}
.og_prev:hover {
background-position:0 -60px;
}
.og_next {
background-position:-30px 0;
right:2px;
}
.og_next:hover {
background-position:-30px -60px;
}
*/

/*server_member*/

.server_member{ background:#f0f0f0; height:auto; padding:76px 0 50px 0; overflow:hidden;}

.server_member .tixi_l{  height:auto; /*padding-left:20px; float:left*/  text-align:center;}

.server_member .line_span{ display:block; float:left; margin:0px 110px; height:auto; width:3px;}

.server_member .tixi_r{ float:right; }


.tixi_r .link_t{ display:block; height:50px; width:225px; padding:25px 10px; margin:20px 0px; font-size:18px; font-weight:bold; border:1px solid #ccc; }


/*.tixi_infos{ margin-top:45px;}*/

.link_t .t1, .link_t .t2 { display:block; line-height:50px; background:#f00;  }

.tixi_r .link_t .t1{background:url(../images/xitong_icon.png)  190px 0px no-repeat;}


.tixi_r .link_t .t1:hover{  background:url(../images/xitong_icon.png)  190px -50px no-repeat; transition: all 0.6s;}


.tixi_r .link_t  .t2{ background:url(../images/yangben_icon.png) 190px 0px no-repeat;}

.tixi_r .link_t .t2:hover{  background:url(../images/yangben_icon.png)  190px -50px no-repeat; transition: all 0.6s;}



/*news_list*/
.text_al{ text-align:left;}
.list_arc_share{ display:block; padding-bottom:80px; overflow:hidden;}

.share_info{ text-align:center;}

.list_arc_share a ,.list_arc_dongtai a{ color:#2e2e2e;}
.list_arc_share li{ display:block; width:100%; padding:10px 0 4% ; border-top:1px solid #ccc;   overflow:hidden;}


.list_arc_share li .l_news_pic{/* width:25.0%; */float:left;overflow:hidden;}
.list_arc_share li .l_news_pic img{width: 330px;}
.r_news_details {height:auto;width: 100%;float:right;color:#666666;padding:2em  0;}

.news_tit{ font-size:16px; }

.news_tit a:hover{color:#CE0E19;}

.news_infos{ padding:2% 0 3% 0;}
.n_date{ display:block; width:100%; line-height:25px; padding-left:30px; background:url(../images/time_icon.png) no-repeat; }




/*news cener*/




/*news_list*/




.news_list_box{ width:100%; height:auto; padding:55px 0 0px 0; overflow:hidden;}

.news_list_box ul{ display:block; overflow:hidden;}

.news_list{ display:block; width:355px; max-height:271px; overflow:hidden; float:left; margin:0px 10px 60px 0;}

.news_list img{ width:355px; overflow:hidden;}
.news_list a{ display:block;  overflow:hidden; background:#eff0f2; }
.news_list a:hover{background:#b7271e; color:#fff!important;  transition:background 0.8s;}
.news_list a:hover .d_date{ color:#fff;}



.news_list img{
-webkit-transform:scale(1.0);
-moz-transform:scale(1.0);
-o-transform:scale(1.0);
-webkit-transition-duration: 0.5s;
-moz-transition-duration: 0.5s;
-o-transition-duration: 0.5s;
}


.news_list img:hover {
-webkit-transform:scale(0.95);
/*-webkit-box-shadow:0px 0px 30px #ccc; */
-moz-transform:scale(0.95);

-o-transform:scale(0.95);

}





.l_news_pic img{
	
-webkit-transform:scale(0.95);
-moz-transform:scale(0.95);
-o-transform:scale(0.95);
-webkit-transition-duration: 0.8s;
-moz-transition-duration: 0.8s;
-o-transition-duration: 0.8s;

}


.l_news_pic img:hover {
	
-webkit-transform:scale(1.0);
/*-webkit-box-shadow:0px 0px 30px #ccc; */
-moz-transform:scale(1.0);

-o-transform:scale(1.0);
	
}








.news_list .new_text_infos { margin:10px 0px; height: 75px;}

.d_date{ width:80px; float:left; overflow:hidden; text-align:center; color:#b7271e; font:36px/30px Impact; padding-top:10px;} 
.news_list .new_text_infos .d_date span{ display:block;}
.news_list .new_text_infos .en_date_day{ font-size:15px;}

.news_list .new_text_infos .n_infos{ width:275px; float:right;overflow:hidden; font-size:13px; line-height:20px; padding-top:4px;}
.news_list .new_text_infos .n_infos p{ padding-top:6px;}
.n_infos h3 , .a_infos h3 ,.a_infos_info h3{ font-size:14px;}



/**/

/*arctile_tit*/

.arctile_tit{ display:block; height:auto; overflow:hidden; padding-top:60px ; text-align:center;}

.arctile_tit .arc_title{ display:block; font-size:20px;color:#666; padding-bottom:15px;  }


.arctile_tit .tips{ display:block; overflow:hidden; text-align:center; padding:12px 0; border-bottom:1px solid #e1e1e5; color:#666; }

.arctile_tit .tips span{ display:inline-block; padding:2px 20px;  }
.arctile_tit .tips .a_date{background:url(../images/bg_sign.png) no-repeat;}
.arctile_tit .tips .name{background:url(../images/bg_sign.png) 0 -42px no-repeat;}
.arctile_tit .tips .care{background:url(../images/bg_sign.png) 0 -19px no-repeat;}

.arc_details {
padding: 20px 30px 60px ;
height: auto;
overflow: hidden;
line-height: 2.0;
}

.arc_details  img{ display:block; margin:0 auto;}




/*page*/
.page_down{ height:auto; overflow:hidden; font-size:13px; line-height:2.0; margin-bottom:20px;}

.page_down a{ color:#666;}
.page_down a:hover{ color:#CE0E19;}




/*list_rongyu*/

.pics_list_box{ height:auto; width:100%;   padding: 5px 0px 60px ; overflow:hidden;}

.list_rongyu{ display:block; overflow:hidden; }


.main_honors li{width:318px;  margin:15px 8px ; height:248px; float:left; border:1px solid #ccc; overflow:hidden; position:relative;}

.main_honors li .honorstitle{display:none; position:absolute; width:100%; text-align:center;left:0px; bottom:0px;}

.main_honors .select .honorstitle{display:block;background-color:#D00E19; height:40px; text-align:center;line-height:40px;bottom:0px;left:0px;}

.main_honors li .main_honors_img img{width:100%; height:100%; cursor:pointer;}
.main_honors li:hover { border:1px solid #D00E19;}

.main_honors_txt{ text-indent:0px; font-size:14px;word-break:break-all; margin-top:10px; text-align:center; z-index:1}

.honorstitle a{ color:#fff; z-index:2}



.pop_colsebox{padding:3px 0;} /*close*/

.main_honor_padding{padding:15px;}


.pop_imgbox_re{position:relative; overflow:hidden;}

.mask{position:fixed;top:0px; left:0px;display:none;background-color:#000;z-index:999;width:100%;height:100%;}


.pop{position:fixed;top:50px;left:50px;z-index:9999;display:none; box-shadow: 3px 3px 8px #666;}

.pop_box{position:relative;text-align:center;}

.pop_fl_top,.pop_fl_bottom,
.pop_fr_top,.pop_fr_bottom{position:absolute;display:block;width:4px;height:4px;}
.pop_fl_top{left:-1px;top:-2px;background:#fff url("") 0% 0% no-repeat;}
.pop_fl_bottom{left:-1px;bottom:-1px;background:#fff url("") 0% 100% no-repeat;}
.pop_fr_top{right:-1px;top:-2px;background:#fff url("") 0% 100% no-repeat;}
.pop_fr_bottom{right:-1px;bottom:-1px;background:#fff url("") 0% 0% no-repeat;}
.pop_padding{padding:5px;background-color:#fff;}

.pop_fl_top_top,.pop_fl_top_left,
.pop_fl_top_right,.pop_fl_top_bottom{position:absolute;background-color:#fff;}
.pop_fl_top_top,.pop_fl_top_bottom{left:3px;width:90%;height:4px;}
.pop_fl_top_left,.pop_fl_top_right{top:2px;height:90%;width:4px;}
.pop_fl_top_top{top:-2px;}
.pop_fl_top_bottom{bottom:-1px;}
.pop_fl_top_left{left:-1px;}
.pop_fl_top_right{right:-1px;}

.pop_positonbox{position:relative;height:30px;overflow:hidden;}
.pop_colse{width:20px;height:20px;background:url(../images/pop_colse.jpg) 0% 0% no-repeat;display:block;position:absolute;top:0px;right:0px;cursor:pointer;}
.pop_prev,.pop_next{position:absolute;top:50%;display:block;height:78px;width:40px;cursor:pointer; margin-top:-39px;}


.pop_prev{left:0px;background:url(../images/mask_prev.png) 0% 0% no-repeat;}
.pop_next{right:0px;background:url(../images/mask_next.png) 0% 0% no-repeat;}
.pop_prev:hover{background:url(../images/mask_next_cur.png) 0% 0% no-repeat;}
.pop_next:hover{background:url(../images/mask_prev_cur.png) 0% 0% no-repeat;}
.imgdetail_text{text-align:center;overflow:hidden;padding:5px 0px;color:#666; font-size:21px}


.imgdetail_text{text-align:center;overflow:hidden;padding:5px 0px;color:#666; font-size:21px}


/*solution*/

.solution_box{ width:100%; height:auto;   }

.mysolution_list{ display:block; width:100%; overflow:hidden; height:auto;}



/*----------- 从底部上升的遮罩效果 开始---------------------------*/

.mysolution_list .con{display:block; float:left; width:310px;height:303px; margin:20px 12px; border:1px  solid #ccc; position:relative;}

.mysolution_list li img{
width:100%;
height:100%;
overflow:hidden;
}

.mysolution_list li h3 img{ height:40px; width:40px;}

.content-title{
margin-top: 50px;
text-align: center;
}


.txt{
position: absolute;
left: 0;
bottom: 0;
width: 100%;
height: 45px;
line-height: 45px;
text-align: center;
color: #fff;
    background: #000;
    opacity: 0.6;
    filter: alpha(opacity=60);
}
.txt h3{
font-weight: normal;
}
.txt p{
font-size: 14px;
display: block;
line-height: 20px;
-webkit-margin-before: 1em;
-webkit-margin-after: 1em;
-webkit-margin-start: 0px;
-webkit-margin-end: 0px;
-moz-margin-before: 1em;
-moz-margin-after: 1em;
-moz-margin-start: 0px;
-moz-margin-end: 0px;
}



/*download_center*/

.download_center{ height:auto; width:100%; background:#F8F8F8;}
.download_box{ width:1009px; margin:0 auto; padding:30px 0; overflow:hidden; }

.down_tit{ font-size:28px; color:#333; display:block; margin-bottom:15px; }

.download_box .download_box_list{ display:block; overflow:hidden; }

.download_box_list li{ 
display:block; 
float:left;
margin:10px 10px; 
background:#fff; 	

width:297px; 
height:100px;  
padding: 7px 9px 0 9px;  }


.download_box_list li:hover{
background:#aa0f07; 
transition: all 1.0s; 	
}

.img_lit img{ width:80px; height:90px;   overflow:hidden;}

.download_box_list li:hover a ,.download_box_list li:hover .por{ color:#fff;}

.download_box_list li:hover .down{ padding-left:18px; transition: all 1.0s;  background:url(../images/bg_signdownload.png) 0 0px no-repeat;} 

.download_box_list li:hover .d_time{padding-left:18px; transition: all 1.0s;  background:url(../images/bg_signtime.png)0 -16px no-repeat;}



.download_box_list li .fl {display:block; float:left; }
.download_box_list li .fl  img{width:87px;  height:80px; float:left; overflow:hidden; }


.download_box_list li .fr {float:right; }
.download_box_list li .por  {
width: 175px;
height:auto;
line-height:20px;
color:#666;
}



.download_box_list .tips{ margin-top:20px; }

.tips .down{ padding-left:18px; background:url(../images/bg_signdownload.png) 0 -24px no-repeat;} 

.tips .d_time{padding-left:18px; background:url(../images/bg_signtime.png) 0 0px no-repeat;}

.link_go{ height:37px; width:34px; background:url(../images/link_go.png) -34px 1px no-repeat; }

.link_go a{ display:block; width:35px; height:34px;}
.link_go:hover{background:url(../images/link_go.png)  0px 1px no-repeat; transition: all 0.5s ease-in-out;}

/*connect*/

.connect_box{ height:auto; min-height:990px; width:100%; position:relative;  background:url(../images/map_bg.jpg) center center no-repeat;}
.connect_box_con{ position:relative; height:auto; width:1070px; padding-top:103px; }

.connect_nr{ width:100%; height:565px;overflow:hidden;   padding-top:205px;}

.connect_nr .connect_l{ width:290px; height:565px; background:#fff; margin:0 13px; float:left; padding:20px 0px 0px 35px; }

.connect_nr .connect_m{ width:330px; height:565px;  margin:0 13px; float:left;}

.connect_nr .connect_r{ width:330px; height:565px;  margin:0 13px; float:left;}

.connect_l  p{ display:block; margin:20px 0;   }

.rl{ padding-top:25px;}
.con_tit{ color:#d00e19; font-weight:bold; height:30px; line-height:30px; }
.line_c{ display:block; width:35px; height:3px; background:#c9c9c9;}

.connect_num{ display:block; padding:15px 0 25px 0; overflow:hidden;}

.connect_num li{ display:block; height:37px; line-height:35px;  padding-left:48px; }

.connect_num .num1{background:url(../images/bg_connect.png) 1px -2px no-repeat;}

.connect_num .num2{background:url(../images/bg_connect.png) 0px -38px no-repeat;}

.connect_num .e_mail{background:url(../images/bg_connect.png) 0px -75px no-repeat;}
.connect_num .addr{background:url(../images/bg_connect.png) 0px -112px no-repeat;}


.connect_m_t{ height:365px;background:#fff; margin-bottom:20px;}

.connect_m_t .waimao_infos{ padding-left:35px; }
.connect_m_t .waimao_infos p{ display:block; margin:5px 0;  }


.connect_r_t{ height:365px;background:#fff; margin-bottom:20px;}

.connect_r_t .shouhou_infos{ padding-left:35px;}
.connect_r_t .shouhou_infos p{ display:block; margin:10px 0; padding-left:60px; }

.connect_r_t .shouhou_infos .jishu{ background:url(../images/bg_shouhou_icon.png) no-repeat;}

.connect_r_t .shouhou_infos .jishu{ background:url(../images/bg_shouhou_icon.png) no-repeat;}

.connect_r_t .shouhou_infos .weixiu{ background:url(../images/bg_shouhou_icon.png) 0 -50px no-repeat;}

.connect_r_t .shouhou_infos .e_mail2{ background:url(../images/bg_shouhou_icon.png) 0 -100px no-repeat;}




/*tan chu form*/

.reveal-modal-bg {position:fixed; height:100%; width:100%; z-index:9999!important; display: none; top: 0; left: 0; background:rgba(00, 00, 00, 0.8);}

.reveal-modal { 
visibility: hidden; 
top:10%;
left:15%;
width:750px;
height:auto;
position:absolute; 
z-index:9999999;
padding: 30px 40px 34px;
-moz-border-radius: 5px; 
-webkit-border-radius: 5px; 
border-radius: 5px; 
-moz-box-shadow: 0 0 10px rgba(0,0,0,.4);
-webkit-box-shadow: 0 0 10px rgba(0,0,0,.4); 
-box-shadow: 0 0 10px rgba(0,0,0,.4); 
background-color:#FFF; }


.reveal-modal.small { width: 200px; margin-left: -140px;}
.reveal-modal.medium { width: 400px; margin-left: -240px;}
.reveal-modal.large { width: 600px; margin-left: -340px;}
.reveal-modal.xlarge { width: 800px; margin-left: -440px;}


.reveal-modal .close-reveal-modal { font-size: 22px; line-height: 0.5; position: absolute; top: 8px; right: 11px; color: #333; text-shadow: 0 -1px 1px rbga(0,0,0,.6); font-weight: bold; cursor: pointer; 		} 


/*form*/

.mpro-main{
width: 700px;
background: #fff;
margin:72px auto 0;
}

.mpro-main td{
padding: 0 0 20px 20px;
font-size: 14px;
line-height:36px;
color: #666;
}

.mpro-main td label{
width: 318px;
height:36px;
border:1px solid #ccc ;
font-size:11px;
line-height: 36px;
color: #ccc;
}

.mpro-main td label:hover{ border:1px solid  #999; }


.mpro-main td label.long{
width: 387px;
height: 133px;
}

.mpro-main label p.fl{
margin-left:16px;
width:240px;
cursor: pointer;
}


.mpro-main label span{
display:block;
line-height:36px;
padding:0 5px;
}

.mpro-main label .fr  img{ display:inline-block!important; margin:10px 2px;}



/*

.mpro-main label span.se{
background:url(../images/bg_sign45.png);

}
.mpro-main label span.th{
background-image: url(../images/bg_sign65.png);
}
.mpro-main label span.fo{
background-image: url(../images/bg_sign50.png);
}
.mpro-main label span.fif{
background-image: url(../images/bg_sign51.png);
}
.mpro-main label span.si{
background-image: url(../images/bg_sign47.png);
}
.mpro-main label span.sev{
background-image: url(../images/bg_sign102.png);
}
.mpro-main label span.ei{
background-image: url(../images/bg_sign49.png);
}
.mpro-main label span.ni{
background-image: url(../images/img/bg_sign52.png);
}

*/




.mpro-main label input{
width: 240px;
height: 36px;
padding: 0 16px;
border: 0;
outline:none;
background: none;
font-size: 11px;
line-height: 36px;
color: #999;
}





.mpro-main label textarea{
width: 309px;
height: 113px;
padding: 10px 16px;
border: 0;
outline:none;
background: none;
resize: none;
font-size: 11px;
line-height: 18px;
color: #999;
}

.mpro-main input.m_submit{
width: 314px;
height: 46px;
border:0;
background: #5D5D5D;
cursor:pointer;
margin-top: 17px;
font-size: 18px;
color: #fff;

/** transition: all 0.1s;**/
}



.mpro-main input.m_submit:hover{
background: #CF0D18;
color: #fff;
}

/*------------- 从底部上升的遮罩效果 结束 ------------------------------*/


/*解决方案*/

.solution_list_box{  width:100%; height: auto; background:#F2F2F2; }



.pagetitle {
font-size: 28px;
display:block;
height:50px;
line-height:50px;
width:20%
color:#333;

}

.details_main{height: auto; padding:40px 0 30px 0; overflow:hidden;}

.details_main .tab2{display:block;height:25px;width: 82%;padding:12.5px 0;line-height:25px;overflow:hidden;}


.details_main .tab2 li{  display:inline-block; *display:inline;  height:25px; line-height:25px; padding:0 14px; border-right:1px solid #ccc;  }

.details_main .tab2 li:hover{ color:#D00E19; cursor:pointer; text-decoration:underline;}
.details_main .tab2 .on{ color:#D00E19; cursor:pointer; text-decoration:underline;}
.con2{  height:auto; padding:35px  20px; background:#fff; min-height:200px;}

.con2 .details{ width:100%; height:auto; overflow:hidden; font-size:13px;}


.con2 .details_l{ height:auto;  width:350px; border:1px solid #ccc; margin:0 30px;}

.con2 .details_r{     width: 479px;
    line-height: 25px;
    text-indent: 2em;}

.details_more{ display:block; padding:4px 2px; height:auto; width:15px; border:1px solid #ccc; line-height:15px; background:#757575; color:#fff; }
.details_more:hover{ background:#D00E19; color:#fff;}

/**/



.hiSlider{
overflow:hidden;

width: 350px;
background: #eee;
}

.hiSlider-item{
float:left;
}

.hiSlider-item img{  width:350px; height:196px; overflow:hidden;}


.hiSlider-pages,.hiSlider-title{position:absolute;z-index:3}
.hiSlider-btn-prev,.hiSlider-btn-next{
	 display:none!important;
	
	
	position:absolute;z-index:5;top:50%;height:30px;width:30px;
	background:url(../images/hislider-arrow.png) no-repeat;margin-top:-15px;text-indent:-200px;overflow:hidden;opacity:.6;filter:alpha(opacity:60)}
.hiSlider-btn-prev{left:10px}
.hiSlider-btn-next{right:10px;background-position:-30px 0}
.hiSlider-btn-prev:hover,.hiSlider-btn-next:hover{opacity:1;filter:alpha(opacity:100)}
.hiSlider-title{bottom:0;width:100%;padding:6px 0;color:#fff;text-indent:10px;background:rgba(0,0,0,.6);z-index:2;font:14px/2 "Microsoft YaHei",Arial,Tahoma}
.hiSlider-pages{
	display:none!important;
	
	bottom:10px;right:10px;text-align:right}

.hiSlider-pages a{height:12px;width:12px;margin:0 6px;display:inline-block;overflow:hidden;text-indent:-100px;font-size:0;border-radius:50%;background:#fff}
.hiSlider-pages a.active{background:#CF0D18;}



/*list_down*/
.list_down{ padding-top:40px;}





/*相关产品滚动*/

.stepcarousel {
MARGIN: 0px auto; OVERFLOW: scroll; WIDTH:1009px; POSITION: relative; HEIGHT: 250px
}

.stepcarousel .belt {
LEFT: 0px; POSITION: absolute; TOP: 0px
}
#displaycssbelt {
VISIBILITY: hidden
}
#stocklevels {
VISIBILITY: hidden
}

.stepcarousel .panel {
FLOAT:left; 
MARGIN: 0px 8px; 
OVERFLOW: hidden;
WIDTH:242px;
}


.subfeature {
DISPLAY: block; MARGIN: 0px; OVERFLOW: hidden; WIDTH: 242px
}

.subfeature-txt {
WIDTH: 242px!important; LINE-HEIGHT: 17px; PADDING-TOP: 3px; POSITION: relative; text-align:center;
}


.subfeature-txt H2 {
CLEAR: both; FONT-WEIGHT: bold; FONT-SIZE: 14px; PADDING-BOTTOM: 3px
}

.subfeature-txt H2 a{
COLOR: #000
}


.subfeature-txt H2 A:hover {
COLOR: #ff0076
}

.subfeature a img {
width:240px;
}



.subfeature a img:hover {
border:1px solid #ccc;

}



/*视频中心*/



.list_videos{ display: block; overflow: hidden;}


.list_videos li{ display:block; position:relative; height:285px; width:485px; float:left; margin:30px 9px;}

.list_videos li .video_lit img{ height:235px; width:485px; overflow:hidden;}

.video_tit a{ display:block; height:50px;width:425px; line-height:50px; padding:0px 30px; position:absolute; bottom:0; background:#e9e9e9;}

.video_tit a:hover{ background:#666; color:#fff; background-image:url( ../images/play_icon.png) ;
 background-position:400px 2px; background-repeat:no-repeat; transition:all 0.8s  ease-in-out;}


/*about_linian */


.BG_about_linian{ width:100%; height:650px; padding-top:100px;   overflow:hidden; background:url(../images/BG_about_linian.jpg) no-repeat;}


.about_linian{/*background:#F9F3ED;*/ padding:20px; height:auto; overflow:hidden;    line-height: 25px;
    font-size: 12px; color:#fff;}

.about_linian_img img{ width:435px; height:305px; }
/*.about_linian_infos{ width:500px;  }
*/


/*daiyu_box*/

.BG_daiyu_us{ height: 650px;}
.daiyu_box{ overflow:hidden; line-height: 25px;font-size: 12px; padding-bottom:30px;}

.daiyu_box .daiyu_img{ height:298px; width:450px; overflow:hidden;}

.daiyu_box .daiyu_infos{    text-align: center; padding:20px 0;}


/*zhaopin*/

.zp_tit_tab{ width:260px; height:38px; margin:25px auto }


.tab_zp li{ display:block; float:left; width:125px; height:35px; border:1px solid #ccc; text-align:center; line-height:35px;}

.tab_zp li a{ display:block;}

.tab_zp li a:hover{ background:#f00; color:#fff;}

.mycon_zp{ width:100%; height:auto;}

.mycon_zp .zp_con1{width:100%; height:auto;}


/**/


.box03{ width:100%; float:left;}

.box03 ul li{ padding:10px 5px 10px 0; display:block; height:auto;}

.box03 ul li .head{ font-size:15px; color:#333;}

.box03 ul li p{ padding-left:41px; line-height:24px;}

span.head{ display:block; padding-left:41px; background:url(../images/g1-icon01.gif) no-repeat 15px 5px; padding-top:6px; cursor:pointer; padding-bottom:5px;}




.box03 ul li.selected { background:#fff;}
.box03 ul li.selected p{color:#888;}
span.selected{ background:url(../images/g1-icon02.gif) no-repeat 15px 5px; color:#888;}


 .conn_em  { padding-left:15px;}

.conn_em .em{ display: block; padding:10px 30px; float:left; }

.conn_em .em_1{ background:url(../images/bg_sign51.png) 2px 12px no-repeat;}

.conn_em .em_2{ background:url(../images/bg_sign65.png) 2px 14px no-repeat;}






.scroll_nr{ float:left;width: 171px;
    height: 70px;
    overflow: hidden;
	    padding: 5px;
		border:1px #888 solid;
		margin:6px;
}


.scroll img:hover{ background:#000; opacity: 0.6;
    filter: alpha(opacity=60);}
	
	
.scroll ul{	    display: block;
    width: 978px;
    padding-left:8px;}
	
	
/* foot ad*/	

.box-16css {
	
	width: 280px;
	height: 237px;
	position: fixed;
	_position: absolute;
	z-index: 200;
	left: 0px;
	bottom: 0px;
	/*border:2px solid #515151;*/
_top:expression(eval(document.documentElement.scrollTop+document.documentElement.clientHeight-this.offsetHeight-(parseInt(this.currentStyle.marginTop, 10)||0)-(parseInt(this.currentStyle.marginBottom, 10)||0)));
}

.pop_title {
	width: 100%;
	float: left;
	height: 35px;
	line-height: 35px;
/*	background:#fff;*/
}

.pop_title_left {
	float: left;
	padding-left: 10px;
}
.pop_title_left strong {
	font-size: 14px;
}
.pop_title_right {
	float: right;
	padding-top: 10px;
	padding-right: 12px;
}
.pop_title_right img {
	margin-left: 10px;
	cursor: pointer;
}

.pop_Content {
	width: 278px;
	height: 200px;
	padding: 1px;
	overflow:hidden;
}


.pop_Content img {
width:100%;

}

.fangan_con{ background:#eee;height:56px; line-height:56px; }	
.fangan_con1{ width:1120px; margin:auto;}
.fangan_con2{ width:1220px; margin:auto;}
.fixed{position: fixed;
    z-index: 9999;}
	
	
	
	
.pro_list_fm{ width:1220px; margin-bottom:80px; }
.pro_list_fm a{ display:block;}

.pro_fm{width:215px; height:200px; overflow:hidden; float:left; margin: 20px 14px; text-align:center; display:block; }

.pro_list_fm li img	{ width:213px; height:150px; overflow:hidden;border:1px solid #ccc}
.pro_fm span{   display: block;
    height: 40px;
    line-height: 40px; background:#ccc; color:#333;	}
	
.pro_fm:hover.pro_fm span{ background:#CF0D18; color:#fff;}

.clear{clear: both;	}
	
	
	
	
.cx{ background:url(../images/cx.png) right 11px no-repeat #424141; display:block; width:200px; height:50px; line-height:50px; margin:20px 0px; padding-left:10px;  transition:all 0.5s; font-size:18px; font-weight:bolder;}

.cx:hover{ background:url(../images/cx.png) right -32px no-repeat #424141; }
.cx:hover a{ color:#fff; }
	
.cx1{float: right;
    margin-right: 87px;
    margin-top: 23px;
    text-align: center; color:#a2a2a2; font-size:12px; }	
	
.server_tixi_con{ font-size:36px;     color: #5a9f9e;
    margin-bottom: 10px;font-weight:bold;}	
.server_tixi_con1{ font-size:24px; margin-bottom:10px; font-family:"宋体"}	











