﻿@charset "utf-8";
/*设置字体*/
font-size:12px;
line-height:24px;
font-family:Arial;
color:#414446;

ul,li,form, dl,dt,dd, div{ padding: 0px; margin: 0px;}
.ul,.ul li{ list-style:none;}
.h1,.h2,.h3,.h4,.h5,.h6,.p{ padding:0px; margin:0px;}

/*强制去除表单自带的样式*/ 
input,button,select,textarea{outline:none;/*-webkit-appearance:none;*/}

/*强制去除textarea自带的样式*/
textarea{resize:none;/*-webkit-appearance:none;*/}

textarea,input,select { background:none; border:none; margin:0; padding:0;}

.SinglePage img { max-height: 100%; height:auto!important;}


/*页面框架结构*/
.Contain {}
.SildeBar{}
.MainContent{min-height: 500px;}
@media (max-width:640px){
.MainContent{ min-height:inherit;}
	}
.Content{}
.SinglePage{ padding: 20px 0 ; position:relative; text-justify:inter-ideograph; word-wrap:break-word; clear:both; overflow:hidden;}


/*pages*/
.Page{ text-align:center; padding:70px 0 80px 0;}
.Page .k{display: inline-block;height: 28px;width: auto;}
.Page a{border: 1px solid #ededed;box-sizing: border-box;display: inline-block;float: left;}
.Page .a_num{width: 28px;height: 28px;line-height: 28px;color: #868686;font-size: 14px;margin-right: 5px;}/*页眉*/
.Page .a_num:hover{background: #54caf2;border: none;color: #FFF;}
.Page .a_cur{margin-right: 8px;width: 28px;height: 28px;color: #FFF;display: inline-block;line-height: 28px;font-size: 14px;font-weight: bold;background: #54caf2;border: none;}/*选中的页眉*/
.Page .Page_First,.Page .Page_Prev,.Page .Page_Next,.Page .Page_End{height: 28px;width: 108px;line-height: 28px;color: #666;display: inline-block;box-sizing: border-box;}
.Page .Page_Prev,.Page .Page_First{margin-right: 8px;}
.Page .Page_End{margin-left: 8px;}/*末页*/
.Page .Page_Prev:hover,.Page .Page_Next:hover,.Page .Page_First:hover,.Page .Page_End:hover{background: #54caf2;border: none;color: #FFF;box-sizing: border-box;}
@media (max-width:768px){
     .Page{ text-align:center; padding:7% 0;}
	}
@media (max-width:640px){
     .Page .Page_First, .Page .num,.Page .Page_End{ display:none;}
	}
/*pages end*/


/*
 .Top000867 为demo编号
 */
.Top000867{}
.Top000867 .auto{ position:relative; z-index:100;}
.Top000867 .top_menu{ position:absolute; top:0;right:20.25%;}
.Top000867 .top_menu dd{ float:left; display:inline-block; height:36px;line-height:36px; vertical-align:middle;}
.Top000867 .top_menu dd a{ position:relative; padding-left:10px; display:inline-block; margin-right:17px;}
.Top000867 .top_menu dd a::before{ position:absolute; content:'';  top:50%; left:0; width:4px; height:4px; background-color:#666; margin-top:-2px; border-radius:50%;}
.Top000867 .top_menu dd:nth-child(2) a{ color:#666;}
.Top000867 .top_menu dd:nth-child(2) a::before{ width:1px; height:40%; top:30%; margin:0; background-color:#cdcdcd;}
.Top000867 .logo{ padding:28px 0 30px;}
.Top000867 .logo img{vertical-align: middle;display: inline-block;}
.Other{ width:80%; position:absolute; top:20px; right:0;}
.Other em{float: right;color: #e9e8e8;padding: 0 12px;}
.Other .language{float: right;color: #666;background: url(../images/licon.png) no-repeat left center;padding-left: 20px;}
.search{float: right;background: url(../images/search.png) no-repeat center;width: 171px;height: 24px;line-height: 24px;}
.search input{float: left;width: 140px;height: 24px;line-height: 24px;padding-left: 14px;}
.search a{float: left;display: block;width: 27px;height: 24px;}
.sicon{display: inline-block;width: 24px;height: 24px;float: right;}
.wechat{background: url(../images/sicon1.png) no-repeat center;margin-right: 9px;position: relative;cursor: pointer;}
.sina{ position:relative;}
.sicon .bg{display: none; position: absolute;background: url(../images/wbg4.png) no-repeat center;width: 116px;height: 130px;z-index: 100;top: 29px;left: -44px;}
.sicon img{width: 100px;height: 100px;margin-top: 22px;margin-left: 8px;}
.wechat:hover .bg1{display: block;}
.sina:hover .bg2{display: block;}

.sina{background: url(../images/sicon2.png) no-repeat center;}
@media(min-width:1025px){
.Top000867 nav ul{ float:right; position:relative; margin-top:-52px;}
.Top000867 nav li{ float:left; position:relative; padding:0px 18px;}

.Top000867 nav li:first-child::before{ display:none;padding-left:0;}
.Top000867 nav li > a{ line-height:52px; display:block; color:rgb(34,30,31); font-size:15px; font-weight:bold;}
.Top000867 nav li:hover > a,
.Top000867 nav li a.onnav{ color: #00b0ec; border-bottom: 2px solid #00b0ec;}
.Top000867 nav li span{ display:none;}
.Top000867 nav li .subnav{ display:none; position:absolute; top:52px; left:50%; margin-left:-100px; background:#cae5fa; z-index:100;  padding:10%;min-width:200px; text-align:center;}
.Top000867 nav li .subnav dd{ border-bottom:#8d96a2 1px dotted; line-height:25px; padding:5px 0;}
.Top000867 nav li .subnav dd a{ display:block; color:#6e7984; font-weight:bold;}
.Top000867 nav li .subnav dd a:hover{ color:#ee1c23; font-size:15px; font-weight:bold;}
}
@media(max-width:1200px){
.Top000867{ background-position: 60% top;}
.Top000867 .search{ right:2%;}
.Top000867 .top_menu{right:22.25%;}
.Top000867 nav li > a{ padding:0 12px;}
}
@media(max-width:1024px){
.Top000867 .auto_1200{ padding:0 0 0 2%;}
.Top000867 nav li > a{ padding:0 10px;}
.Top000867 .moblie_menu{ width:40px; height:32px; /*background-color:#f5f5f5;*/ position:absolute; right:2%; top:50%; cursor:pointer; z-index:100;}
.Top000867 .moblie_menu span,
.Top000867 .moblie_menu span::after,
.Top000867 .moblie_menu span::before{height:3px; background-color:#ee1c23; position:absolute;}
.Top000867 .moblie_menu span{ width:80%; left:10%;  top:50%; margin-top:-1.5px; }
.Top000867 .moblie_menu span::after,
.Top000867 .moblie_menu span::before{ content:''; width:100%;}
.Top000867 .moblie_menu span::after{ top:-8px;}
.Top000867 .moblie_menu span::before{ bottom:-8px;}
.Top000867 nav{ position:absolute; right:0; width:100%; max-width:250px; background-color:#fff; display:none;}
.Top000867 nav li >a{ display:none;}
.Top000867 nav li:first-child a{ display:block;}
.Top000867 nav li span{ cursor:pointer;}
.Top000867 nav li:first-child a,
.Top000867 nav li span{ display:block; line-height:40px; font-size:16px; text-align:center; color:#666;}
.Top000867 nav li .subnav{ display:none;border:1px solid #f9f9f9; border-bottom:#f9f9f9 3px solid; text-align:center;background-color:#f5f5f5; max-height:252px; overflow:auto; }
.Top000867 nav li .subnav dd{ line-height:20px; padding:8px 0; font-size:15px;}
.Top000867 nav li .subnav dt{color: #0c3761;font-size:16px;border-bottom: #9aa7b5 2px solid;line-height: 38px; text-align:left; padding:0 5%;}

}
@media(max-width:1000px) and (min-width:769px){
.Top000867 nav ul{ float:none; margin:0;}
/*.Top000867 nav li{ width:14.285%; text-align:center; padding-left:0; padding-right:0;}*/
.Top000867 nav li#m5 .subnav{ width:100%;}
}
@media(max-width:768px){
.Top000867 .logo{ position:relative;padding:5% 50% 5% 0;}
.Top000867 .search{ position:relative; right:auto; width:170px; top:auto; height:auto;}
.Top000867 .Other .language{margin-top: 3px; margin-right: 10px;}
.Top000867 .Other .sicon,
.Top000867 .Other em{ display:none;}
.Top000867 .Other .language{margin-top: 53px; margin-right: -80px;}
	
.Top000867 .logo{ position: relative; padding: 5% 50% 5% 0;}
.Top000867 .logo img{ height:auto;}
}
@media(max-width:640px){
.Top000867 .logo{ position:relative;padding:5% 50% 5% 0;}
.Other{ top:10px;}
.Top000867 .Other .language{margin-top: 56px; margin-right: -96px;}

.Top000867 .search{ position:relative; right:auto; width:170px; top:auto; height:auto;}
.search input{width: 130px;}

.Top000867 .moblie_menu{ margin-top: 5px;}
.Top000867 .top_menu{ position:relative; right:auto; width:100%; top:auto; margin-bottom:5px;background-color:#ddd; text-align:right;}
.Top000867 .top_menu dd{ display:inline-block; float:none;}
}
@media(max-width:480px){
.Top000867 .logo{ position:relative;padding:7% 60% 7% 0;}
.Top000867 .search{width:166px;}

.Top000867 .moblie_menu{ margin-top: 5px;}
.Top000867 .top_menu{ position:relative; right:auto; width:100%; top:auto; margin-bottom:5px;background-color:#ddd; text-align:right;}
.Top000867 .top_menu dd{ display:inline-block; float:none;}
}
@media(max-width:380px){
.Top000867 .Other .language{margin-top: 47px;}
}
@media(max-width:320px){
.Top000867 .Other .language{margin-top: 40px;}
}

/*Bottom*/
.Bottom{width: 100%;}
.BNav{height: 242px;background: #2f2d2a;}
.BNav .wall{/*background: url(../images/bmap.png) no-repeat right 28px;*/height: 100%;}
.BNav li{height: 242px;float: left;border-left: 1px solid #393939;}
.BNav dl{padding: 30px 25px 0 25px;}
.BNav dt{color: #fff;font-size: 14px;margin-bottom: 15px;position: relative;}
.BNav dt:before{content: "|";color: #656565;position: absolute;left: -27px;top: -1px;}
.BNav dd{margin-bottom: 2px;color: #7d7c7c;}
.BNav dd a{color: #7d7c7c; cursor: pointer;}
.BNav dd strong{color: #ee1c23;font-size: 16px;}
.contact dd{margin-bottom: 0;width: 195px;margin-left:28.0pt;text-indent:-28.0pt;line-height: 22px;}
.BBott{height: 51px;line-height:51px;background: #22211f;border-top: 1px solid #2f2f2f;}
.BottomLinks{float: left;}
.BottomLinks a{color: #8c8b8b; position:relative; display:inline-block; padding:0 2px;}
.BottomLinks a .pic{ display:none; position:absolute; left:50%; margin-left:-60px; bottom:24px; width:120px; height:125px; padding:5px; background:url(../images/bg_qrcode.png) no-repeat;}
.BottomLinks a .pic img{ width:110px; height:110px;}
.BottomLinks a:hover .pic{ display:block;}
.BottomLinks em{color: #373635;padding: 0 5px;}
.Copyright{float: right;color: #8c8b8b;}
.Copyright a{ color: #8c8b8b;}
.Copyright a:hover{ color: #ee1c23;}

.flo{position: fixed;background: url(../images/kfbg.jpg) no-repeat center;width: 50px;height: 157px;top: 80%;right: 50%;margin-right: -725px;}

@media(max-width:960px){
.BNav dl{padding: 30px 10px 0 10px;}
}
@media(max-width:1024px){
.BNav{ display:none;}
.BBott{ height:auto; line-height:25px; padding:3% 0;}
.BottomLinks{ float:none; text-align:center; display:block;}
.Copyright{ width:100%; float:none; text-align:center;}
}
/*Bottom*/

/*SildeBar*/
.SildeBar{ width: 100%;border-bottom: 1px solid #efefef;position: relative;}
.aboutfont{background: url(../images/font_about.png) no-repeat center bottom;}
.newsfont{background: url(../images/font_news.png) no-repeat center bottom;}
.contactfont{background: url(../images/font_contact.png) no-repeat center bottom;}
.servicefont{background: url(../images/font_service.png) no-repeat center bottom;}
.marketfont{background: url(../images/font_marke.png) no-repeat center bottom;}
.proline{background: url(../images/font_product.png) no-repeat center bottom;text-align: center;}
.MenuList{padding: 5% 0 1.555555%;}
.MenuList ul{text-align: left;}
.proen ul{ text-align:center !important;}
.MenuList li{display: inline-block; padding-right:20px;}
.MenuList li a{font-size: 16px;color:#7a7a7a;padding: 18px 0 ;}
.MenuList li.onsub a{border-bottom: 1px solid #00b0ec;color: #00b0ec;font-weight: bold;}
.MenuList li:hover a{color: #00b0ec;}
.Current{ position: absolute;right: 0;bottom: 15px;color: #c4c4c4; z-index:10;}
.Current a{color: #c4c4c4;}
.Current span{color: #777;}
.Current em{ font-style:normal;}

@media(max-width:1024px){
.MenuList{ padding-bottom:2%;}
.MenuList li{padding: 0 10px;}
.Current { bottom: -25px;}
.Current em{ display:none;}
}
@media(max-width:768px){
.MenuList{ padding-bottom:0;}
.MenuList li{padding:10px; margin-bottom:0;}
.MenuList li a { padding: 10px 0;}
.SildeBar{ background-size: 100%;}

}
@media(max-width:640px){
.MenuList ul{width: 100%; overflow: hidden; height: 38px;}
}
@media(max-width:320px){
.MenuList li{padding: 10px 1px;}
}
/*SildeBar*/
.Banner{ width:100%; text-align:center; overflow:hidden;}
.Banner img{ width:100%; max-height:600px;}
@media screen and (max-width: 1200px) {
.Banner img{width:140%; max-width:160%; margin-left:-20%;}
}
/*
 .Banner000707 为demo编号
 */
.Banner000707{ position:relative;}
.Banner000707 img{}
.Banner000707 .bx-viewport{ height:auto !important;}
.Banner000707 .bx-controls-direction a{ width:40px; height:40px; position:absolute; top:50%; margin-top:-20px;}
.Banner000707 .bx-controls-direction a span{ color:#fff; font-size:30px;}

.Banner000707 .bx-prev{ left:10%;}
.Banner000707 .bx-next{ right:10%;}
.Banner000707 .bx-pager{ position:absolute; width:100%; left:0; bottom:1em; text-align:center;}
.Banner000707 .bx-pager div{ display:inline-block;}
.Banner000707 .bx-pager .bx-pager-item{ margin:0 6px;}
.Banner000707 .bx-pager .bx-pager-item a{ width:14px; height:14px; background:#fff; border-radius:50%; display:block; overflow:hidden; line-height:1000px;-webkit-transition:all ease 0.5s;transition:all ease 0.5s;}
.Banner000707 .bx-pager .bx-pager-item a.active{ background:#009cdd; width:40px; border-radius:15px; -webkit-transition:all ease 0.5s;transition:all ease 0.5s;}
.Banner000707 .list li img{ width:100%; display:block; max-height:620px;}
.Banner000707 .next,.Banner000707 .prev{ background:url(../images/Banner000707_next.png) no-repeat center; background-size: 100% 100%; width: 40px; height: 40px;  position: absolute;  top: 50%; margin-top: -20px; z-index: 9;}
.Banner000707 .prev{ background:url(../images/Banner000707_prev.png) no-repeat center; background-size: 100% 100%;}
@media(max-width:768px){
.Banner000707 .bx-pager .bx-pager-item{ margin:0 2px;}
.Banner000707 .bx-pager .bx-pager-item a{ width:8px; height:8px; }
.Banner000707 .bx-pager .bx-pager-item a.active{ width:20px;}
.Banner000707 .bx-controls-direction a,.Banner000707 .next,.Banner000707 .prev{ width:25px; height:25px; margin-top:-12.5px;}
}

.Pro_Banner{ position:relative;}
.Pro_Banner .bx-viewport{ height:auto !important;}
.Pro_Banner .bx-controls{ max-width:1200px; margin:0 auto; position:relative;}
.Pro_Banner .bx-controls-direction a{ display:none;}
.Pro_Banner .bx-pager{ position:absolute; width:100%; left:0; bottom:1em; text-align:right;}
.Pro_Banner .bx-pager div{ display:inline-block;}
.Pro_Banner .bx-pager .bx-pager-item{ margin:0 6px;}
.Pro_Banner .bx-pager .bx-pager-item a{ width:14px; height:14px; background:#fff; border-radius:50%; display:block; overflow:hidden; line-height:1000px;-webkit-transition:all ease 0.5s;transition:all ease 0.5s;}
.Pro_Banner .bx-pager .bx-pager-item a.active{ background:#009cdd; width:40px; border-radius:15px; -webkit-transition:all ease 0.5s;transition:all ease 0.5s;}
.Pro_Banner .list li img{ width:100%; display:block; max-height:600px;}
@media(max-width:768px){
.Pro_Banner .bx-pager .bx-pager-item{ margin:0 2px;}
.Pro_Banner .bx-pager .bx-pager-item a{ width:8px; height:8px; }
.Pro_Banner .bx-pager .bx-pager-item a.active{ width:20px;}
}


/*Banner*/

/*首页*/
.Ititle{text-align: center;padding-top: 42px;}
.Ititle h3{font-size: 24px;color: #333;font-weight: bold;}
.Ititle p{font-size: 14px;color: #9f9f9f;padding-top: 6px;line-height: normal;}
.Ititle a{font-size: small;color: #8d8d8d;}

.IAbout .Ititle{background: url(../images/P.png) no-repeat center top;}
.INews .Ititle{background: url(../images/E.png) no-repeat center top;}
.IPro,.IAbout,.INews{margin-top: 40px;}

.list_scroll{ position:relative; width: 100%; margin-top: 40px;}
.list_scroll i{ background:url(../images/new.png) no-repeat left top; width:75px; height:71px; position:absolute; left:10px; top:0; margin-top:-15px; z-index:20; display:block;}

/*
 .Floor000881 为demo编号
 */
.Floor000881{margin-top: 40px;}
.Floor000881 .Ititle{background: url(../images/L.png) no-repeat center top;}
.Floor000881 .Ititle a{width: 35px;display: inline-block;border-bottom: 1px solid #ee1c23;}
.Floor000881 .list_copy{ display:none;}
.Floor000881 .bx-viewport{ z-index:1;}
.Floor000881 .list_scroll li{ position: relative; float:left; height: 327px; _display:inline;text-align:center;border-left: 1px solid #e8e8e8;}
.Floor000881 .list_scroll .pic{height: 160px; padding: 0 10px;margin-bottom: 5%;}
.Floor000881 .list_scroll li a{height: 100%;border-bottom: 8px solid #f0efef;box-sizing: border-box;display: inline-block; margin: 0 12px; }
.Floor000881 .list_scroll li .pic img{vertical-align: middle;display: inline-block; max-height: 100%; }
.Floor000881 .list_scroll li h3{font-size: 20px;color: #333;font-weight: bold;margin-bottom: 5px; width: 100%; overflow: hidden; white-space: nowrap; text-overflow: ellipsis;}
.Floor000881 .list_scroll li p{font-size: 14px;color: #939393;}
.Floor000881 .list_scroll li span{display:none;background: url(../images/view.png) no-repeat center;width: 86px;height: 35px;margin-top: 5%;}
.Floor000881 .list_scroll li:hover h3{color: #54caf2;}
.Floor000881 .list_scroll li:hover a{border-color: #54caf2;}
.Floor000881 .list_scroll li:hover span{display:inline-block;}
.Floor000881 .list_scroll li .new strong{display: inline-block;position: absolute;background: url(../images/new.png) no-repeat center;width: 75px;height: 71px;right: 5px;top: -15px;}
.Floor000881 .bx-wrapper{ position:relative; }
.Floor000881 .bx-pager{ display:none;}
.Floor000881 .bx-controls-direction a.bx-prev{ left:-25px;}
.Floor000881 .bx-controls-direction a.bx-next{ right:-25px; background-position:right center;}
.Floor000881 .bx-controls-direction a{ position:absolute; width:21px; height:21px; top:50%; margin-top:-10px; overflow:hidden; line-height:200px; z-index:10; background-image:url(../images/Floor000881-btnie8.jpg); background-repeat:repeat; background-position:left center;}
/*.Floor000881 .bx-controls-direction a{ position:absolute; width:21px; height:21px; top:50%; margin-top:-10px; overflow:hidden; line-height:200px; z-index:10;}
.Floor000881 .bx-controls-direction a.bx-prev{ left:-25px;}
.Floor000881 .bx-controls-direction a.bx-next{ right:-25px;}
.Floor000881 .bx-controls-direction a::before,
.Floor000881 .bx-controls-direction a::after{ position:absolute; content:''; width:15px; height:2px; background-color:#3099d2; left:0; }
.Floor000881 .bx-controls-direction a::before{ transform:rotate(-45deg);top:4px;}
.Floor000881 .bx-controls-direction a::after{ transform:rotate(45deg);top:14px;}
.Floor000881 .bx-controls-direction a.bx-next::before{ transform:rotate(45deg); left:auto; right:0;}
.Floor000881 .bx-controls-direction a.bx-next::after{ transform:rotate(-45deg); left:auto; right:0;}*/
@media(max-width:1250px){
.Floor000881 .bx-controls-direction a.bx-prev{ left:5px;}
.Floor000881 .bx-controls-direction a.bx-next{ right:5px;}
}

@media(max-width:768px){

.Floor000881{ padding:20px 0; margin-top: 10px;}
.Floor000881 .list_scroll li{padding:0px; height:100%;}
.Floor000881 .list_scroll .pic{margin-bottom: 4%;}
.Floor000881 .list_scroll li span{display:block; margin:5% auto;}
.list_scroll i{  width:55px; height:51px; left:0; margin-top:-20px; background-size:100%;}
}


.IAbout{margin-top: 40px;}
.IAbout .main{ width:100%; max-width: 1199px;margin: 50px auto 0;overflow: hidden;}
.IAbout ul{width: 100%;}
.IAbout li{width: 30.333333%;float: left;margin-right: 3%;}

.IAbout li .pic{height: 0;position: relative; padding-bottom:41.6%;}
.IAbout li .pic span{position: absolute;display: block;width: 100%;height: 10px;bottom: -1px;left:0; background: url(../images/sj1.png) no-repeat center;}
.IAbout li.sec .pic span{top: -1px;background: url(../images/sj2.png) no-repeat center;}
.IAbout li .pic img{ max-width:100%; width:100%; height:100%; position:absolute;}
.IAbout li .cont{padding: 25px;position: relative;height: 189px;}
.IAbout li .cont h3{color: #515151;font-size: 22px;font-weight: normal;margin-bottom: 20px;}
.IAbout li .cont p,.IAbout li dd a{color: #737373;font-size: 14px;}
.IAbout li .cont .more{position: absolute;bottom: 25px;left: 25px; display: block;width: 96px;height: 23px;line-height: 23px;text-align: center;border: 1px solid #202020;color: #353535;}
.IAbout li:hover .cont{background: #54caf2;}
.IAbout li:hover .cont h3{color: #f2fafe;}
.IAbout li:hover .cont p,.IAbout li:hover dd a{color: #d6f0fb;}
.IAbout li:hover .cont .more{border-color: #01b0ec;background: #01b0ec;color: #fff;}
.IAbout li:hover .pic span{background: url(../images/sj1_on.png) no-repeat center;}
.IAbout li.sec:hover .pic span{background: url(../images/sj2_on.png) no-repeat center;}
@media(max-width:1024px){
.IAbout .main,
.IAbout ul{ width:100%;}
.IAbout li .pic{position: relative;}

}
@media(max-width:768px){
.IAbout .main,
.IAbout ul{ width:100%;}
.IAbout{margin-top: 10px;}
.IAbout li{width: 32.333333%;float: left;margin-right: 1%;}
.IAbout li .cont p{ margin-bottom:20px;}
.IAbout li .cont{padding: 5px;position: relative;height: 189px;}
.IAbout li .pic{height: auto;position: relative;}
.IAbout li .cont .more{ left:5px; position: initial;}

}
@media(max-width:640px){
.IAbout li{width: 80%;float: none;margin: 0 10% 2%;}
.IAbout li .cont{padding: 5px;position: relative;height: 170px;}
.IAbout li .pic{height: auto;position: relative;}

}




.INews{margin-top: 40px;margin-bottom: 40px;}
.INews .main{margin: 0 auto;}
.INews li{ width: 33.333333%; float: left;box-sizing: border-box;padding: 47px 16px 0;border: 1px solid #fff;margin-bottom: 25px;}
.INews li .k{border-bottom: 1px solid #e5e5e5;box-sizing: border-box;}

.INews li .AddAA{position: relative;height: 0;padding-bottom:45%;overflow: hidden;display: block;}
.INews li .AddAA img{display: block;position: absolute;left: 0;top: 0;width: 100%;min-height: 100%;}

.INews li .cont{padding: 25px 0;position: relative;height: 220px;}
.INews li .cont h3{color: #515151;font-size: 22px;font-weight: normal;overflow:hidden; white-space:nowrap; text-overflow:ellipsis;}
.INews li .cont p{color: #737373;font-size: 14px;width:100%; line-height:20px; height:60px; overflow:hidden; margin-bottom:10px;}
.INews li .cont .more{position: absolute;bottom: 25px;left: 0px; display: block;width: 96px;height: 23px;line-height: 23px;text-align: center;border: 1px solid #202020;color: #353535;}
.INews li .cont time{display: block;padding: 10px 0;}
.INews li:hover{border: 1px solid #01b0ec;}
.INews li:hover .cont .more{border-color: #01b0ec;background: #01b0ec;color: #fff;}
.INews li:hover .k{border-color:#fff ;}
@media(min-width:1026px){

}

@media(max-width:1024px){
.INews li .cont{/* height: 255px;*/}
.INews li .cont p{width: 100%;}

}
@media(max-width:768px){
.INews{margin-top:40px;}
.INews li{width: 32.333333%;float: left;}
.INews li .cont h3{font-size: 18px;}
.INews li .cont p{color: #737373;font-size: 14px;width: 100%;}
.INews li .cont{padding: 25px 0;position: relative;/*height: 270px;*/}

}
@media(max-width:640px){
.INews{margin-top:10px;}
.INews .main{padding-top: 40px;}
.INews li{width: 100%;float: none; padding-top: 10px;}
.INews li .cont{padding: 25px 0;position: relative;/*height: 205px;*/}

}
@media(max-width:480px){
.INews li .cont{height:/* 255px;*/}
}
/*首页*/

/*资讯中心-详细*/
.ncontent{padding-top: 50px;padding-bottom: 40px;}
.info_other{ padding-bottom:20px;margin-top: 35px;}
.info_other span{ display:block; padding:3px 0;}
.info_other span a{ color: #666;}
.info_other span.back a{ display:inline-block;  padding:0px 15px; color:#fff; background-color:#8a0004;}
.info_other .h1{ font-size:14px;margin-bottom: 10px; text-align:left;}
.info_other .h1:hover a{color: #094aae;}
@media (max-width:768px){
.ncontent{padding-top: 35px;}
.SinglePage { padding: 30px 0;}
}



/*人才招聘*/
.job-list li .span.MHide{display: none;}
.job-list{margin-top:39px;}
.job-list li{list-style: none;}
.job-list li .span{ width: 14.28%; float:left; display:block; text-align:center;overflow:hidden; white-space:nowrap; text-overflow:ellipsis;}
.job-list li.Job_title{height:46px; background:#54caf2; line-height:46px; text-align:center; color:#fff; font-size:16px;}
.job-list li.Job_title span{}
.job-list li.items{overflow:hidden; border-bottom:1px solid #efefef;}
.job-list li.items .span{ line-height:54px;font-size: 14px;color: #666;}
.job-list li .job-txt{display:none;overflow: hidden;background:#eef7fa; border-top:1px solid #efefef;border-left:1px solid #efefef;border-right:1px solid #efefef;padding:5px 0;}
.job-list li .job-txt .span{color:#0084cb;display:block;float: left;text-align: center;padding:25px 20px 0 25px;width: 30%;}
.job-list li .job-txt .txt{font-size:13px; color:#585858;line-height:25px;width: 100%;display: block;padding: 27px 50px 15px;}
.job-list li .job-txt a.btn{ width:101px;background:#fff; display:block; margin-left:45px;color:#B70000; border:1px solid #d5e0de; text-align:center; line-height:26px; margin-top:10px;}
.job-list .job-info{cursor:pointer; }
.job-list .job-info .span:first-child{}
.job-list .job-info .span{overflow:hidden;text-overflow:ellipsis; -o-text-overflow:ellipsis;white-space:nowrap;}
.job-txt .btn{padding: 10px 50px 40px;}
.ApplyBtn{padding: 3% 10%;background: #ececec;color: #707070;}
.ApplyBtn2{display:inline-block; padding:0 5px; height: 33px;line-height: 33px;text-align: center; background: #0098d9;color: #fff;}
.job-list li .on .ApplyBtn{background: #0098d9;color: #fff;}

.job-apply{padding-top: 20px;max-width: 622px; width:100%;margin: 0 auto;}
.job-apply table{width: 100%;margin-top:20px;}
.job-apply td{ padding:10px 0;vertical-align: middle;font-size: 14px;}
.job-apply td.TDti{width:200px; text-align:right;}
.job-apply td .form_err{ color:#f00;}
.job-apply td .text{height: 30px;line-height: 30px;border: 1px solid #ccc; width:100%;padding:0 5px;}
.job-apply td .btn{width: 90px;height: 30px;display: inline-block;margin:5px;line-height:15px;text-align: center;border-radius: 4px;background: #ececec;color: #707070;}
.job-apply td .text2{border: 1px solid #ccc; width:100%;padding:5px; min-height: 150px;}
.job-apply td .btn:hover{background: #0098d9;color: #fff;}
@media(max-width:480px){
.job-apply td .btn { float: left;}
}
@media(max-width:640px){
.job-apply td{ width:100%; display:block;}
.job-apply td.TDti{width:100%; text-align:left;}
}
@media(max-width:768px){
.job-list li .span.span2,
.job-list li.items .span.span2{ display:none;}
.job-list li .span{ width:25%;}
}



/*荣誉资质*/
.honor_list,
.qyxx{margin: 65px auto 0;overflow: hidden;}
.honor_list ul,
.qyxx ul{width: 1240px;}
.honor_list li{text-align: center;float: left;width: 23%; margin-right: 1.555555%;margin-bottom: 2%; position: relative;}
.honor_list li .pic1{border: 1px solid #e3e3e3; display: block; height: 0;padding-bottom: 140%; text-align: center; width:100%; overflow: hidden;position:relative; background-position:center; background-size:contain;background-repeat: no-repeat;}
.honor_list li .pic1 img{ position:absolute; width:100%; min-height:100%; left:0; top:0;}
.honor_list li p,
.qyxx li p{font-size: 14px;color: #333;line-height: 52px;}

.qyxx li .image{position: relative;height: 0;padding-bottom:60%;overflow: hidden;display: block;}
.qyxx li .image img{display: block;position: absolute;left: 0;top: 0;width: 100%;min-height: 100%;}

@media(max-width:1200px){
	.honor_list ul,
	.qyxx ul{ width:100%;}

	}
@media(max-width:1024px){
	.honor_list li{width: 30%; margin:0 1.666666% 3.5%;}
}
@media(max-width:768px){
	.honor_list li{ }
	
}
@media(max-width:640px){
	.honor_list li,
	.MainContent .qyxx li{width: 46.666666%; }
}
@media(max-width:480px){
	.honor_list li,
	.MainContent .qyxx li{width: 95%; margin:0 auto; height: 100%; float:none;}
}

.qyxx li{text-align: center;float: left;width: 23%;margin-right: 1.555555%;margin-bottom: 3.5%;}


@media(max-width:1024px){
.MainContent .qyxx li{width: 30%; margin:0 1.666666% 3.5%; }
}
@media(max-width:768px){
}
@media(max-width:640px){
	.MainContent .qyxx li{width: 46.666666%; }
}
@media(max-width:480px){
	.MainContent .qyxx li{width: 95%; margin:0 auto;float:none;}
}



/*下载中心*/
.downlaod_list{margin-top: 60px;}
.downlaod_list li{border-bottom: 1px solid #efefef;height: 69px;line-height: 69px;background: url(../images/l2.png) no-repeat 10px center;padding-left: 28px;}
.downlaod_list li a{font-size: 16px;color: #333;}
.downlaod_list li span{float: right;display: inline-block;background: url(../images/d.png) no-repeat center right;padding-right: 36px;margin-right: 10px;color: #54caf2;}
.downlaod_list li:hover{background: url(../images/l2_on.png) no-repeat 10px center #54caf2;}
.downlaod_list li:hover a{color: #edf8fd;}
.downlaod_list li:hover span{color: #edf8fd;background: url(../images/d_on.png) no-repeat center right;}
@media(max-width:640px){
	.downlaod_list li{border-bottom: 1px solid #efefef;height: auto;line-height: 25px; overflow: hidden;}
	.downlaod_list li a{font-size: 14px;}
}

/*联系方式*/
.contact_info{margin: 70px 0 200px;}
.contact_info .left{width: 42%; padding-bottom:10%; float: left;border-bottom: 2px solid #efefef;}
.contact_info .left .main{padding-right: 10px;}
.contact_info .right{width: 56%; float: right;}
.contact_info .right .map{width: 100%; height: 672px;}
.contact_info dd{font-size: 16px;color: #333;line-height: 30px;clear: both;overflow: hidden;} 
.contact_info dd div{display: inline-block;float: left;width: 20px;height: 30px;background-image: url(../images/icons.png);background-repeat: no-repeat;margin-right: 15px;}
.contact_info .add div{background-position: left 5px;}
.contact_info .email div{background-position: left -27px;}
.contact_info .tel div{background-position: left -58px;}
.contact_info .fax div{background-position: left -89px;}
.contact_info dd a{margin-left:18.0pt;text-indent:-18.0pt;}
.contact_info ul{margin-top: 45px;}
.contact_info li{margin-bottom: 45px;}
.contact_info li h3{color: #54caf2;font-size: 16px;margin-bottom: 15px;}
.contact_info li p{color: #666;font-size: 16px;line-height: 25px;}
@media(max-width:1024px){
.contact_info{margin-bottom: 60px;}
.contact_info .left{width: 49%; padding-bottom:13%;}
.contact_info .right{width: 50%; }
}
@media(max-width:768px){
.contact_info .left{width: 100%; padding-bottom:3%; float:none;}
.contact_info .right{width: 100%;  float:none;}
.contact_info{ margin-top:38px;}
}
@media(max-width:640px){
.contact_info .right .map{height: 522px;}
}

/*营销地图*/
.market_map{width: 100%;min-height:595px ;margin: 30px 0 92px; }
.market_map ul{ float:left; width:30%;}
.MainContent .content{ float:right; width:68%;}
.market_map li{margin-bottom: 20px;}
.market_map li h3{font-weight: normal;font-size: 18px;color: #333;margin-bottom: 15px;}
.market_map li span{display: inline-block;width: 24px;height: 24px;line-height: 24px;text-align: center; background: #54caf2;color: #fff;font-size: 14px;margin-right: 5px;}
.market_map li p{font-size: 14px;color: #8c8b8b;}
/*.market_map img{ height:100%}*/


@media(max-width:768px){
.market_map{ margin-top:40px; }
.market_map ul,
.MainContent .content{ float:none; width:100%;}
.market_map{ margin-bottom:0;min-height: 530px; }
}



/*发展历程*/
.time_list{margin: 60px auto;}
.time_list ul{background: url(../images/line2.png) repeat-y;background-position: 50%;padding-bottom: 15px;}
.time_list ul .list{height: 150px;margin-bottom: 35px;}
.time_list ul .re{position: relative;}
.time_list li{position: relative;text-align: center;margin-bottom: 100px;}
.time_list .t{position: absolute;background: url(../images/sj3.png) no-repeat center;width: 16px;height: 14px;top: -14px;left: 50%;margin-left: -8px;}
.time_list .b{position: absolute;background: url(../images/sj4.png) no-repeat center;width: 16px;height: 14px;bottom: -6px;left: 50%;margin-left: -8px;}
.time_list .time{position: absolute;background: url(../images/timebg.png) no-repeat center;width: 124px;height:32px;line-height: 32px; text-align: left;left: 50%;margin-left: -115px;top: -17px;}
.time_list .time time{font-size: 16px;color: #fff;font-weight: bold;margin-left: 20px;}
.time_list .cont{position: absolute;top: 43px;background: url(../images/btbg.png) no-repeat center;width: 556px;height: 154px;min-height: 154px;text-align: left;}
.time_list .cont span{display: inline-block;max-height: 154px;overflow: hidden; width: 412px;padding: 12px 24px 24px;text-indent: 2em;color: #656565;font-size: 16px;margin-top: 44px;background: #d8d8d8;}
.time_list .pic{clear: both;overflow: hidden;position: absolute;top: 42px;right: 50%;margin-right: -247px;}
.time_list .pic div{float: right;}
.time_list .pic .img{padding: 0 23px;background: url(../images/imgbg1.png) no-repeat center;width: 195px;height: 127px;}
.time_list .list:hover .pic .img{background: url(../images/imgbg1_on.png) no-repeat center;}
.time_list .pic img{height: 127px;width: 179px;margin-left: 16px;}
.time_list .pic .y1{background: url(../images/yx2.png) no-repeat center;width: 14px;height: 14px;margin-top: 54px;}

.time_list .r .cont{background: url(../images/btbg2.png) no-repeat center;margin-right: -600px;right: 50%;}
.time_list .r .cont span{margin-top: 44px;margin-left: 96px;}
.time_list .r .pic{clear: both;overflow: hidden;position: absolute;top: 42px;right: 50%;margin-right: -7px;}
.time_list .r .img{padding: 0 23px;background: url(../images/imgbg2.png) no-repeat center;width: 195px;height: 127px;}
.time_list .r:hover .pic .img{background: url(../images/imgbg2_on.png) no-repeat center;}
.time_list .r img{margin-right: 15px;margin-left: 0;}
.time_list .r .pic div{float: left;}
.time_list .r .pic .y1{background: url(../images/yx2.png) no-repeat center;width: 14px;height: 14px;margin-top: 54px;}

.Page2{text-align: center;}
.Page2 .btn{display: inline-block;width: 47px;height: 28px;}
.Page2 .pre{background: url(../images/l4.png) no-repeat center;margin-right: 10px;}
.Page2 .next{background: url(../images/r4.png) no-repeat center}
.Page2 .pre:hover{background: url(../images/l4_on.png) no-repeat center;}
.Page2 .next:hover{background: url(../images/r4_on.png) no-repeat center}

/*产品中心*/
.typemenu dl{ display:table; width:100%;border:1px solid #efefef ; margin-top:-1px;}
.typemenu dt,
.typemenu dd{ display:table-cell; vertical-align:middle;}
.typemenu dt{ text-align:center; width:120px;background: #f5f5f5;border-right:1px solid #efefef;font-size: 18px;}
.typemenu dd{ position:relative;}
.typemenu dd .all{ position:absolute; left:15px; top:10px;color: #666; width:54px;line-height: 40px; text-align:center; cursor:pointer;}
.typemenu dd figure{  min-height:60px; padding:10px 0 10px 69px;}
.typemenu dd figure a{ display:inline-block; padding:0 15px; line-height:40px; margin-left:1px; cursor:pointer;}

.typemenu a.aon{ background:#54caf2; color:#fff;}
.typemenu a.no{ border:none; color:#666;}
@media(max-width:768px){
.typemenu .mobile_select{ display:block; height:60px;}
.typemenu dd figure{ display:none; z-index:100; padding-left:0; position:absolute; left:0; top:100%; width:100%; background-color:#fff; border:1px solid #ccc; max-height:150px; overflow:auto;}
.typemenu dd figure a{ display:block; line-height:28px;}
}
.pro_list li{width: 33.333333%;height: 316px;float: left;text-align: center;margin-top: 95px;} 
.pro_list .pic{height: 160px;line-height: 160px;padding: 0 10px;margin-bottom: 26px;}
.pro_list .pic img{vertical-align: middle;display: inline-block;width: 255px;max-height: 160px; height: auto;}
.pro_list li h3{font-size: 20px;color: #333;font-weight: bold;margin-bottom: 5px; width:100%; overflow:hidden; white-space: nowrap; text-overflow: ellipsis; }
.pro_list li p{font-size: 14px;color: #939393;}
.pro_list li a{border-right:1px solid #e9e9e9 ;display: inline-block;width: 100%;height: 237px;}
.pro_list li span{border-bottom: 8px solid #f0f0f0;display: inline-block;width: 80%;height: 8px;margin: 20% auto 0;}
.pro_list li:hover span{border-bottom: 8px solid #54caf2;}
@media(max-width:768px){
.typemenu{ margin: 8% 0 5%;} 
.pro_list li span{width: 90%;}
}
@media(max-width:640px){
.pro_list li{ width: 50%; margin-top: 20px; height:auto;}
}
@media(max-width:320px){
.pro_list li{ width: 90%; margin:10% auto 0; float:none;}
}


/*在线留言*/
.message{margin-top: 38px;}
.address{border-bottom: 1px solid #e7e7e7;padding-bottom: 40px;margin-bottom: 40px;}
.address img{float: left;width: 50%; max-height: 173px;}
.address .contact{float: right;width: 49%;}
.address .contact h3{font-size: 18px;color: #54caf2;margin: 10px 0 20px;}
.address .contact p{font-size: 14px;color: #333;margin-bottom: 5px;}
.form{font-size: 14px;color: #303030;}
.form table{margin-top: 15px;margin-bottom: 50px;width: 100%;}
.form tr{height: 50px;}
.form th{color: #333;font-size: 14px;font-weight: normal;text-align: right;}
.form .form_er{color: red;}
.form td .text{border: 1px solid #e1e1e1;width: 100%;height: 30px;line-height: 30px;padding-left: 5px;}
.form td textarea{border: 1px solid #e1e1e1;width: 100%;height: 88px;padding: 5px;}
.form .sec{padding-left: 83px;}
.form .yzm .text{width: 62px;}
.form .yzm img{width: 60px;height: 20px;margin-left: 5px;}
.form .area{height: 130px;}
.form .btn{width: 126px;height: 38px;line-height: 38px;text-align: center;color: #fff;font-size: 14px;background: #3e3b37;margin-top: 25px;}
.form .submit{background: #54caf2;margin-right: 8px;margin-left: 75px;}
.form .radio1,.form .radio2{margin-bottom: 15px;font-size: 12px;}
.form .radio1 div{display: inline-block;font-size: 12px;float: left;}
.form .radio1 .div1{margin-left: 68px;}
.form .radio1 .div2{margin-left: 32px;}
.form .checkbox3{float: left; width:16px;height: 15px;border: 1px solid #c9c9c9;margin-right: 10px;}
.form .checkbox3.on{background: url(../images/on.jpg) no-repeat center;}
.form .checkbox3 input{width:16px;height: 15px;padding: 0px;margin: 0;opacity:0 ;filter: alpha(opacity=0); }
@media(max-width:1024px){

.address .contact h3 { margin: 5px 0;}

}
@media(max-width:768px){
.address img{float: none; width:100%;}
.address .contact { float: none; width: 100%;}
.form .sec { padding-left: 8%; }
}
@media(max-width:640px){
.form .sec { padding-left: 2%; }
.form td .text{width: 90%;}
}
@media(max-width:480px){
.form .checkbox3 { margin-right: 2px;}
.form .submit { margin-right: 2%; margin-left: 7%;}
}
@media(max-width:480px){
.form th { display: block; width: 100%; text-align:left; padding:5px 0;}
.form td { width: 100%; display: block; padding:5px 0;}
.form .sec { padding-left: 0%; width: 100%; display: block;}
.form .area td{ height: 130px;}
}


/*产品中心-详细*/
.pro_info{margin: 57px 62px 72px;}
.pro_info .left{float: left;}
.pro_info .right{float: right;width: 49%;}
.pro_info .right .smallimg{ width:90%; margin:0 auto;}
.pro_info .bigimg {width: 49%;line-height:395px;background: rgb(255, 255, 255) !important;border:1px solid #e9e9e9;margin-bottom: 10px;overflow: hidden;text-align: center;}
.pro_info .bigimg img{width: 461px;max-height: 320px;display: inline-block;vertical-align: middle;}
.pro_info .picScroll-left{ width:472px;position:relative;}
.pro_info .picScroll-left .hd{ height:26px;position: absolute;top: 40%;width: 100%;  }
.pro_info .picScroll-left .hd .prev,
.pro_info .picScroll-left .hd .next{ display:block;width:26px; height:26px;cursor:pointer;position: absolute;}
.pro_info .picScroll-left .hd .prev{background: url(../images/l3.png) no-repeat center;left: -27px;}
.pro_info .picScroll-left .hd .next{background: url(../images/r3.png) no-repeat center;right: -27px;}
.pro_info .picScroll-left .bd{ padding:10px; overflow: hidden;}
.pro_info .picScroll-left .bd ul{ overflow:hidden; zoom:1; }
.pro_info .picScroll-left .bd ul li{ margin:0 8px; float:left;width:140px; height:98px;line-height: 98px; _display:inline; overflow:hidden; text-align:center;border: 1px solid #ececec; cursor:pointer;}
.pro_info .picScroll-left .bd ul li .pic{ text-align:center; position:relative; }

.pro_info .prointro{clear: both;overflow: hidden;}
.pro_info .prointro .title,.pro_info .prointro .main{float: left;}
.pro_info .prointro .main{width: 445px;margin-left: 5px;}

.pro_info .picScroll-left .bd ul li .pic img{ width:120px; height:88px; display:inline-block;vertical-align: middle;padding:2px;}
.pro_info .picScroll-left .bd ul li.on{border: 1px solid #6ad1f4;}
.pro_info .right .intro{border-bottom: 1px solid #eaeaea;/*max-height: 260px;*/margin-bottom: 20px;clear: both;overflow: hidden;}
.pro_info .right .intro h3{font-size: 22px;color: #333;font-weight: normal;margin-bottom: 18px;}
.pro_info .right .intro p{font-size: 14px;color: #666;margin-bottom: 5px;}
.pro_info .right .intro .back{float: right;margin-top: 25px;font-size: 14px;color: #666;padding-right: 10px;}
.bdsharebuttonbox{margin-top: 25px;padding-bottom: 17px;width: auto;float: left;}
.bdsharebuttonbox span{float: left;font-size: 14px;color: #666;}
.intro_list{margin-top: 10%;}
.intro_list .title{background: #ededee;height: 44px;line-height: 44px;}
.intro_list .title ul{clear: both;overflow: hidden;}
.intro_list .title li{float: left;width: 137px;font-size: 14px;color: #333;text-align: center;cursor: pointer;}
.intro_list .title li.on{color: #fff;background: #54caf2;}
.intro_list .cont .SinglePage{display: none;min-height: 340px;padding: 25px 0 0;}
@media(max-width:1024px){
	  
	 .pro_info { margin: 6% 0 7%;}
	 .pro_info .picScroll-left{ width:100%;}
	 .pro_info .picScroll-left .bd ul li{ width:30.333333%;  _display:inline; overflow:hidden; text-align:center;border: 1px solid #ececec;  }
}

@media(max-width:768px){
	  .pro_info{ width:95%; margin:0 auto;}
	  .pro_info .picScroll-left .bd ul li{ margin:0 7px;}
	 .pro_info .picScroll-left .bd ul li .pic img{ width:auto; height:auto;}
	 .pro_info .right .intro { margin-bottom: 18px;}
	 .pro_info .bigimg { padding:35px 0; line-height:normal;}
	 .pro_info .picScroll-left .hd .next{ right: -19px;}
	 .pro_info .picScroll-left .hd .prev{left: -19px;}
	 .intro_list{margin-top: 5%;}
}
@media(max-width:640px){
	 .pro_info .right{float: none;width: 100%;}
	 .pro_info .bigimg {width: 100%; float:none; margin-top:40px; padding:0;}
	 /*.pro_info .right .smallimg{ display:none;}*/
	 .pro_info .bigimg img{width: 100%;max-height: auto;}

}

/*友情链接*/
.FList {width: 100%;overflow: hidden;margin: 55px auto 80px;}
.FList ul {margin-top: 25px;}
.FList li {width: 22.5%;margin-right: 3.3%;position: relative;float: left;margin-bottom: 25px;text-align: center;}
.FList li .Img {border: 1px solid rgb(234, 234, 234);}
.FList li .Img img {width: 100%;}
.FList li h3 {font-weight: normal;font-size: 16px;margin-top: 10px;}
.FList .Page{margin-top: 35px;}


/*
 .Timeline000784 为demo编号
 */
.Timeline000784{ padding:2% 0;}
.Timeline000784 i{ display:none;}
.Timeline000784 .tab_year{ overflow:hidden; position:relative; clear:both; margin-bottom:20px;}
.Timeline000784 .tab_year::before{ position:absolute; content:''; width:100%; left:0; bottom:0; height:1px; background-color:#dbe0e7;}
.Timeline000784 .tab_year li{ float:left; width:100px; text-align:center; margin-right:10px; border:1px solid #dbe0e7;  line-height:39px;height:39px; cursor:pointer;}
.Timeline000784 .tab_year li.on{ background-color:#EE1C23; color:#fff;}
.Timeline000784 .tab_year_list .list{ display:none; position:relative; padding-bottom:5%;}
.Timeline000784 .tab_year_list .list::before,
.Timeline000784 .tab_year_list .list::after{ position:absolute; content:'';}
.Timeline000784 .tab_year_list .list::before{ width:2px; height:100%; background-color:#EE1C23; top:0; left:146px;}
.Timeline000784 .tab_year_list .list::after{ background:url(../images/Timeline000784-tab_bottom.png) no-repeat; width:24px; height:40px; bottom:-20px; left:135px;}
.Timeline000784 .list dl{ padding-left:148px; position:relative;}
.Timeline000784 .list dt{ position:absolute; left:0; top:0; width:148px; padding-left:10px;}
.Timeline000784 .list dt::before,
.Timeline000784 .list dt::after{position:absolute; content:'';}
.Timeline000784 .list dt::before{ width:16px; height:16px; border-radius:50%; border:2px solid #ddd; background-color:#EE1C23; right:-7px; top:50%; margin-top:-8px; z-index:1;}
.Timeline000784 .list dt::after{ height:1px; width:90%; right:0; background-color:#ddd; top:50%; margin-top:-1px; z-index:0;}
.Timeline000784 .list dt span{ display:inline-block; width:80px;color:#fff; background-color:#EE1C23; line-height:30px; text-align:center; position:relative; z-index:2;}
.Timeline000784 .list dd{ padding-left:20px; padding-bottom:20px;}
.Timeline000784 .list dd div{ border:1px solid #EE1C23; padding:10px; font-size:12px; position:relative;}
.Timeline000784 .list dd div::before,
.Timeline000784 .list dd div::after{ position:absolute; content:''; width:0; height:0; border-top:11px solid transparent;border-bottom:11px solid transparent;border-right:11px solid #EE1C23; left:-12px; top:5px;}
.Timeline000784 .list dd div::after{ border-right-color:#fff; left:-11px;}
.Timeline000784 .list dd figure{ line-height:18px; padding:4px 0; color:#333;}
@media(max-width:768px){
	.Timeline000784{ margin: 12% 0;}
}
@media(max-width:480px){
.Timeline000784 .tab_year_list .list::before{left:118px;}
.Timeline000784 .tab_year_list .list::after{left:107px;}
.Timeline000784 .list dl{ padding-left:120px;}
.Timeline000784 .list dt{ width:120px;}
}
@media(max-width:320px){
.Timeline000784 .tab_year li{ width:90px; margin-right:5px;}
}

@media(max-width:1024px){
.fancybox-prev{left: 0}
.fancybox-next{right: 0}
}


/*首页产品中心*/
.Floor000881{text-align: center;}
.homePro {text-align: center;margin: 1% auto;display:inline-block;padding-top: 1.5%;width: 65%;}
.homePro li{list-style: none; background: #ddd; float: left; cursor: pointer; width: 140px; height: 35px; margin-bottom: 10px; text-align: center; line-height: 35px; border-radius: 100px; font-size: 14px; color: #666; margin: 0px 5px;}
.homePro li a{display: block;}
.homePro li#sub179{width: 180px;}
.homePro li.on,.homePro li:hover{background: #02b2ed; color: white;}
.homePro li img{width: 20px; height: 20px; text-align: center; padding-right: 5px;}
.homePro li img.img{display: inline-block;}
.homePro li img.imgHover{display: none;}
.homePro li:hover img.imgHover,.homePro li.on img.imgHover{display: inline-block;}
.homePro li:hover img.img,.homePro li.on img.img{display: none;}

.homePro1 {text-align: center;margin: 1% auto;display:inline-block;padding-top: 1.5%;width: 55%;}
.homePro1 li{list-style: none; background: #f5f5f5; float: left; cursor: pointer; width: 140px; height: 35px; margin-bottom: 10px; text-align: center; line-height: 35px; border-radius: 100px; font-size: 14px; color: #666; margin: 0px 5px;}
.homePro1 li a{display: block;}
.homePro1 li#sub179{width: 180px;}
.homePro1 li.on,.homePro li:hover{background: #02b2ed; color: white;}
.homePro1 li img{width: 20px; height: 20px; text-align: center; padding-right: 5px;}
.homePro1 li img.img{display: inline-block;}
.homePro1 li img.imgHover{display: none;}
.homePro1 li:hover img.imgHover,.homePro li.on img.imgHover{display: inline-block;}
.homePro1 li:hover img.img,.homePro li.on img.img{display: none;}

.homeTab .info{display: none;}
.proline .homePro li a:hover{color: #333 !important;}

@media(max-width:768px){
.productheight{height:auto;}
.homePro{width: 100%;}
.homePro li{width: 46%;margin: 2% 2%;}
.homePro li#sub179{width: 46%;}
}
.stylepadding{padding-top: 0 !important}