/*body{ font-family:Arial, Helvetica, sans-serif}
*/
/*Toper 头顶部*/
.Toper{ background:#3c3b3a; line-height:33px;color:#fff;}
.Toper a{/*  background-image:url(../images/Top_icon.png);  */background-repeat:no-repeat; /* padding-left:20px; */ margin-right:10px; display:inline-block; *display:inline; *zoom:1; height:33px; color:#fff;}
.Toper a:hover{ color:#f00; /* background-image:url(../images/Top_icon_hover.png); */}
.Toper em{ font-style:normal; padding-right:10px; color:#504f4e;}
.topL{ float:left; width:28%;}
.topR{ float:right; width:65%; text-align:right;}
.Toper .alibaba{/*  background-position:0 13px;padding-left:24px; */}
.Toper .forum{ /* background-position:0 -21px; */}
.Toper .Tregister{ /* background-position:0 -53px;padding-left:16px; */}
.Toper .Tlogin{ /* background-position:0 -84px;padding-left:16px; */}
.Toper .Tsupport{ /* background-position:0 -115px; */}
.Toper .languange{ background:#2e2e2d; padding:0 20px; font-family:Arial; margin-right:0;}
.Toper .languange:hover{background:#2e2e2d;}
.Toper .Ttel{ display:inline-block; *display:inline; *zoom:1; font-weight:bold; font-size:20px; padding:0 10px 0 17px; /* background:url(../images/Top_icon.png) no-repeat 0 -143px; */}
/*Toper 头顶部 End*/


/*Header 头部*/
.header-fixed{  margin: 0px;  border: none; position: fixed;  z-index: 9991;  left: 0px;  top: 0px;  width: 100%;}
.Header{ background-color:#fff;/* box-shadow:0 5px 5px rgba(0,0,0,0.25);*/ position:relative; z-index:2;}
.Logo{ width:15%; float:left; padding:0; max-width:193px; padding:2em 0;}
.Logo img{ width:100%;max-width:193px;}
.PcNav{ width:77%;margin-right: 4%; float:right; padding-top:2.5%;position:relative; padding-right:50px;}
.PcNav ul li{ display:inline-block; list-style:none; padding:0.5em 2% 2em 2%; margin:0; }
.PcNav ul li a.navA{ color:#333; /*text-transform:capitalize;*/ display:block; padding:0 0 1em 0; font-size:16px;}
.PcNav ul li:hover a.navA,.PcNav ul li.onnav a.navA{ color:#f00; background:#f0f0ff;}

.nav-wrap{display:block;position:absolute;left:0px;top:100px;width:100%;
  background:#f0f0f0; z-index:8;*zoom:1;
  filter: progid:DXImageTransform.Microsoft.Shadow(color='#d6d6d6', Direction=120, Strength=4);/*for ie6,7,8*/ 
  background-color: #f0f0f0; 
  -moz-box-shadow:0px 2px 4px #d6d6d6;/*firefox*/ 
  -webkit-box-shadow:0px 2px 4px #d6d6d6;/*webkit*/ 
  box-shadow:0px 2px 4px #d6d6d6;/*opera或ie9*/
}
.nav-wrap .down_menu{display:none;}
.nav-wrap .SubTwo{ text-align:center; padding:20px 0 20px; }
.nav-wrap .SubTwo dl{ float:left; text-align:left; border-left:1px solid #d5d5d5;padding:0 20px;}
.nav-wrap .SubTwo dl:first-child{ border-left:none;}
.nav-wrap .SubTwo dl dt a{ color:#f31717; font-size:16px;}
.nav-wrap .SubTwo dl dt{font-size:1.125em; margin-bottom:1em;}
.nav-wrap .SubTwo dd{padding:0.2em 0; margin:0;}
.nav-wrap .SubTwo dd a{ color:#555; font-size:14px;}
.nav-wrap .SubTwo dd a:hover{color:#f31717;}
.nav-wrap .SubTwo:after{ clear:both; width:100%; display:block; overflow:hidden; content:"";}
.nav-wrap .prosub{ padding-left:2%;}
.nav-wrap .sosub{ padding-left:14%;}
.nav-wrap .prosub dl{ padding-left:50px; padding-right:50px;}
.nav-wrap .sesub{ padding-left:15%;}
.nav-wrap .sesub dl{ padding-left:50px; padding-right:50px;}
.nav-wrap .yssub{ padding-right:17%;}
.nav-wrap .jobsub{ padding-right:12%;}
.nav-wrap .marbot0{ text-align:right; width:100%;}
.nav-wrap .marbot0 dl dt{ margin-bottom:0; line-height:20px; padding:0;}
.nav-wrap .marbot0 dl{ display:inline-block; *display:inline; *zoom:1; float:none;}


.navbar-header{ display:none;}
.navbar-header .sr-only { border: 0 none; clip: rect(0px, 0px, 0px, 0px); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute; width: 1px;}
.navbar-header .navbar-toggle{ position:absolute; right:0; padding: 9px 10px; margin:1em 15px 0.5em 0; background-color: transparent; background-image: none; border: 1px solid transparent; border-radius: 4px; border-color: #fff; cursor:pointer;}
.navbar-header .navbar-toggle .icon-bar{display: block; width: 22px; height: 2px; border-radius: 1px; background-color: #333; margin-top: 4px;}
.navbar-header .navbar-toggle:hover{ background:#ddd;}

.NavMobile{ width:100%; right:0; position:fixed; display:none; z-index:999;/*overflow-y:scroll !important; height:400px !important;*/}
.NavMobile .MainNav{ color:#fff; }
.NavMobile .MainNav ul li{ float:none; max-width:none; text-align:left; line-height:3; margin:0; border-radius:0px; border-bottom:1px solid #0f75a3;}
.NavMobile .MainNav ul li h2{ margin:0;line-height:3em; padding:0 15px;}
.NavMobile .MainNav ul li h2 a{ display:inline;}
.NavMobile .MainNav ul li h2 span{ float:right; font-weight:bold; width:15px; text-align:center;}
.NavMobile .MainNav ul li a{display:block; color:#fff; font-size:14px;}
.NavMobile .MainNav ul li a:first-child{ padding:0 15px;}
.NavMobile .MainNav ul li .SubTwo{ display:none; padding-bottom:0.8em; border-top:1px solid #0f75a3; background:#17749e; padding-left:2em;}
.NavMobile .MainNav ul li .SubTwo dd{ line-height:2em; display:none; padding-left:15px;}
.NavMobile .MainNav ul li .SubTwo a{ background:none;}
.NavMobile .MainNav ul li .SubTwo dt a{ color:#f2f1f1;}
.NavMobile .MainNav ul li .SubTwo dd a{ font-size:12px;}


.Topsearch{position:absolute; top:40%; right:20px;}
.Topsearch a.SearchBtnA{ display:block; float:left; width:40px; height:16px; line-height:16px;text-align:center; border-left:1px solid #cccccf; padding-left:24px; color:#b2b2b2; font-size:16px;}
.Topsearch .SearchBox{ position:absolute; width:180px; height:28px; position:absolute; right:0; padding:0 5px; top:25px; overflow:hidden; display:none; z-index:10; border-radius:14px; border:1px solid #cccccf; box-shadow:0 0 2px rgba(100,100,100,0.25)}
.Topsearch .SearchBox .sreach_btn{ width:20px; height:26px; line-height:26px; font-size:16px; display:block; float:right; color:#b2b2b2;}
.Topsearch .SearchBox .sreach_ipu{ width:140px; height:26px; line-height:26px; padding:0 0 0 10px; border:0px; background:none; color:#7E7E7E;}
/*Header 头部 End*/

/*Bottomer*/
.Bottomer{ background:#3c3b3a; color:#a3a3a3; padding:10px 0; line-height:24px;}
.BottomLink{float:left; width:60%; overflow:hidden;}
.BottomLink em{ border-left:1px dashed #6e6d6d; display:inline-block; text-indent:99999px; width:1px; line-height:12px; padding:0 5px; margin-left:10px;}
.BottomLink dl{ display:inline-block; *display:inline; *zoom:1;}
.Copyright{ float:right; line-height:24px; text-align:right; width:40%;}
.Bottomer a{ color:#a3a3a3; display:inline-block; *display:inline; *zoom:1;}
.Bottomer dl a{ margin-right:10px;}
.Bottomer a:hover,.Footer a:hover{ color: #e6011e;}
/*Bottomer End*/
/*Footer*/
.Footer{ background:#535353; padding:2em 0 10px;}
.Footer{ color:#fff; }
.Footer a{ color:#fff;}
.Botcotact{width:264px; float:left;}
.Botcotact .BTel{ font-size:27px; font-family:Arial; display:block; margin:.5em 0; padding-bottom:.25em; border-bottom:1px solid #878787;}
.BotNav{ float:left; width:46%; margin-left:5%; padding-top:2em;}
.BotNav dl{float:left; width:33.334%; text-align:left; padding:5% 0 10% 1.5em; background:url(../images/Botnav_bg.png) no-repeat left bottom;}
.BotNav dl dd{ padding:0.55em 0;}
.Boticon{ float:right; text-align:right; padding-top:8%; position:relative;}
.Boticon a{ display:inline-block; *display:inline; zoom:1;/*  background:url(../images/Bot_icon.png) no-repeat; */ width:43px; height:43px; margin-left:10px;}
.Boticon a:hover{ /* background-image:url(../images/Bot_icon_hover.png); */}
.Boticon .Bweixin{ background-position:0 0;}
.Boticon .Bqq{ background-position:-64px 0;}
.Boticon .Bsina{ background-position:-128px 0;}
.Bweixinbox{ position:absolute; left: 0;bottom: 60px; width:114px; text-align:center; display:none; z-index:99;}
.Botcotact .slogo{ line-height:23px; font-size:14px; padding:0 10px;}
.Botcotact .slogo .txt1{ font-size:16px; overflow:hidden;}
.Botcotact .slogo .txt1 img{ float:left;}
.Botcotact .slogo .txt1 span{ float:right;}
.Botcotact .slogo .txt2{ text-align:right;}

.Bweixinbox h5{ padding-top:10px; }

.CodePic{ position:relative; float:left; text-align:center;}
.CodePic img{  float:right;}
.Boticon boxCode{ position:absolute; top:15px; left:0px; display:none; z-index:22;}
.CodePic li:hover dl{ display:block;}

.CodePic li{ height:142px; width:114px; float:right; text-align:center; margin-right:25px;}
.CodePic li h5.h5{ padding-top:15px; float:right; width: 114px;}


/*Footer End*/

/*pages*/
.Pages{zoom:1; overflow:hidden; text-align:center; padding:30px 0;}
.Pages span{ padding:0px 3px; display:inline-block;}
.Pages a{ display:inline-block; margin:0px 2px; border:1px solid #eaeaea; padding:3px 1em; color:#acacac;}
.Pages .p_cur,.Pages .p_count,.Pages .p_total,.Pages .p_jump{ display:none;}
.Pages .p_cur b{ color:#F00;}
.Pages .p_count b{ color:#F00;}
.Pages .p_total b{ color:#F00;}
.Pages .p_page em{ font-style:normal;}
.Pages .p_page em a{}
.Pages .p_page em a.a_cur{ color:#fff; background:#f00; border-color:#f00;}
.Pages .p_page b{ font-weight:normal;}
.Pages .i_text{ width:30px; padding:0px; text-align:center; font-size:12px; border:inset 1px #ddd; background:#fff;}
.Pages .i_button { position:relative; top:5px; width:32px; height:20px; cursor:pointer; border:none; background:url(page_goto.jpg) no-repeat;}
/*pages end*/

/*Fixbox*/
.Fixbox{ position:fixed; top:55%; height:172px; width:42px; right:15px; width:auto; z-index:10;}
.Fixbox li{ height:42px; width:42px; position:absolute;}
.Fixbox li.li1{ top:0; right:0;}
.Fixbox li.li2{ top:43px; right:0;}
.Fixbox li.li3{ top:86px; right:0;}
.Fixbox li.li4{ top:130px; right:0;}
.Fixbox li a{ display:block; width:100%; height:42px;/*  background:#3c3b3a url(../images/online_icon1.png) no-repeat 0 0; */background:#3c3b3a;}
.Fixbox li a:hover{ background-color:#f31717;}
.Fixbox li.li1 a{ background-position:right 0;}
.Fixbox li.li2 a{ background-position:right -40px;}
.Fixbox li.li3 a{ background-position:right -84px;}
.Fixbox li.li4 a{ background-position:right -124px;}
.Fixbox li a span{ display:none; padding-right:42px; line-height:42px; font-size:14px; color:#fff;}
.Fixbox li.hover a span{ display:block; padding-left:10px;}
/*Fixbox end*/

/*Banner*/
.Banner{ position:relative;/* padding-top: 134px;*/}
.Banner img{}
.HomeBanner{ /*padding-top: 134px;*/ margin:0 auto; position:relative;}
.HomeBanner .prev,.HomeBanner .next { font-size:50px; color:#fff; position: absolute; top: 50%; z-index: 10; cursor: pointer; filter:alpha(opacity=2);opacity:0.2; }
.HomeBanner .prev { left: 10%; }
.HomeBanner .next { right:10%;}
.HomeBanner .prev:hover,.HomeBanner .next:hover { filter:alpha(opacity=80) !important;opacity:.8 !important; color:#f00;  }
.HomeBanner .bd-phone{ display:none;}
.HomeBanner .bd li,.HomeBanner .bd-phone li{ text-align:center;}
.HomeBanner .TabList{ width:100%;  position:absolute; bottom:20px; left:0; height:30px; line-height:30px; text-align:center; z-index:12; }
.HomeBanner .TabList ul li{ cursor:pointer; display:inline-block; *display:inline; zoom:1; width:14px; height:14px; margin:5px; background:rgba(255,255,255,0.5); -webkit-border-radius:14px; -moz-border-radius:14px; border-radius:14px;vertical-align:top; overflow:hidden; text-indent:9999px;}
.HomeBanner .TabList ul li.on{ background:#fff; }
/*Banner End*/	

/*Index*/
.htitle{ color:#333; text-align:center; padding-bottom:20px;}
.htitle a{ float:right; border-bottom:1px solid #f00; font-size:12px; padding-bottom:5px; font-weight:normal;}
.Hnew{ background:#3c3b3a; height:48px; line-height:48px; overflow:hidden; position:relative;}
.Hnew .title{ width:148px; background:#2e2e2d url(../images/new_icon.png) no-repeat 25px center; padding-left:60px; position:absolute; left:0; font-size:15px; font-weight:normal; margin:0; height:48px; line-height:48px; color:#fff;}
.Hnewlist{color:#fff; margin-left:156px; max-width:560px; position:relative; width:66%;}
.Hnewlist li{ position:relative; display:block; height:48px; line-height:48px; }
.Hnewlist a{ color:#fff;overflow:  hidden; white-space: nowrap; -o-text-overflow: ellipsis; text-overflow:  ellipsis; display:inline-block; margin-right:110px; display:block;}
.Hnewlist a em{ font-style:normal; font-size:14px; margin-right:5px;}
.Hnewlist time{ color:#b0afaf; position:absolute; right:0;}
.Hnew .prev,.Hnew .next{ display:block; color:#9e9d9d; font-size:14px; position:absolute; top:10px; right:0; color:#9e9d9d; height:30px; line-height:30px; width:30px; padding-left:7px;border-radius:15px;border:1px solid transparent;}
.Hnew .prev{ right:35px;}
.Hnew .prev:hover,.Hnew .next:hover{  border:1px solid #9e9d9d;}
.Hnavbox{ padding-top:1px; margin-bottom:20px;}
.Hnavbox li{ float:left; width:33.33333%; position:relative;border-left:1px solid transparent; border-right:1px solid transparent;overflow:hidden;}
.Hnavbox li img{
	transition:All 0.4s ease-in-out;
    -webkit-transition:All 0.4s ease-in-out;
    -moz-transition:All 0.4s ease-in-out;
    -o-transition:All 0.4s ease-in-out;
}
.Hnavbox li:hover img{
transform:scale(1.2);
-webkit-transform: scale(1.2);
-moz-transform: scale(1.2);
-webkit-transform:rotate(1.2); 
-o-transform: scale(1.2); }

.Hnavbox li.space{ border-left:1px solid #fff; border-right:1px solid #fff;}
.Hnavbox li:nth-child(1){ background-color:#f18257;}
.Hnavbox li:nth-child(2){ background-color:#02cbab;}
.Hnavbox li:nth-child(3){ background-color:#02b2c9;}
.Hnavbox li .Hhref{ display:block; z-index:5; width:100%; height:100%; position:absolute; top:0; left:0;}
.Hnavbox li .pic{ position:relative;}
.Hnavbox li figure{ position:absolute; top:0; left:0; padding:15px 2% 0 5%; color:#fff; z-index:2; font-size:14px;}
.Hnavbox li figure h4 span{ border-bottom:1px solid #fff; padding-bottom:4px;}
.Hnavbox li figure p{ margin-top:15px;}
.Hnavbox li dl{ position:absolute; bottom:-1px; left:0; text-align:center; color:#fff; background:rgba(0,0,0,0.4); width:100%;overflow:  hidden; white-space: nowrap; -o-text-overflow: ellipsis; text-overflow:  ellipsis; padding:15px 5%; font-size:14px;}
.Hnavbox li dl a{color: white;}
.Hproduct{}
.Hproduct ul{ padding:10px 0;}
.Hproduct ul li{ float:left; border:1px dashed #f1f1f1; width:33.3333%; margin-bottom:20px;}
.Hproduct ul li:hover{ border-color:rgba(255,0,0,.5);}
.Hproduct ul li .pic{ float:left; width:40%; background-color:#f6f6f6;padding: 4.7% 0;}
.Hproduct ul li figure{ float:right;width:60%; padding:25px 10px;}
.Hproduct ul li figure .Tit{  color:#333; font-weight:bold; margin-bottom:15px;}
.Hproduct ul li figure span,.Hproduct ul li figure .Tit{overflow:  hidden; white-space: nowrap; -o-text-overflow: ellipsis; text-overflow:  ellipsis;display:block;}
.Hproduct ul li figure .more{ color:#f00; margin-top:20px; display:inline-block;}
.Hmodel{ background:#fbfbfb; padding-bottom:30px;}
.HtabTit{ background-color:#e0e0e0;}
.HtabTit li{ float:left; width:20%; text-align:center;}
.HtabTit li a{ font-weight:bold; font-size:16px; color:#333; display:block; padding:1.5em 0;}
.HtabTit li a span{ color:#9c9b9b; font-size:20px; padding-left:10px; position:relative; top:5px;}
.HtabTit li.on{ background:#fbfbfb;}
.HtabTit li.on a{ color:#f00;}
.Htabcon{ margin:30px auto 0;}
.Htabcon .Hconbox{ display:none;}
.Htabcon .Hconbox .H-phone-tit{ margin:0; display:none; height:50px; line-height:50px; font-weight:normal;}
.Htabcon .Hconbox .H-phone-tit a{ font-size:16px; color:#333; display:block;}
.Htabcon .Hconbox .H-phone-tit a span{ color:#9c9b9b; font-size:20px; padding-left:10px;}
.Htabcon .Hconbox .H-phone-tit.on a span{ color:#f00;}

.Htabcon .Hcon{}
.Htabcon .Hcon img{ float:left; width:50%;}
.Htabcon .Hcon figure{ float:right; width:45%; font-size:14px; line-height:35px; padding-top:20px;}
.Htabcon .Hcon figure p{ text-indent:2em; overflow : hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 7; -webkit-box-orient: vertical;}
.Htabcon .Hcon figure .more{ display:block; width:120px; text-align:center; color:#fff; background:#e6011e; margin:10px 0 0 auto; line-height:35px; /*position:absolute; bottom:0; right:50px;*/}
.H-news li{ float:left; width:24.25%; margin-left:1%; text-align:center; padding-bottom:10px;border-bottom:1px solid #fff; border-color:transparent;}
.H-news li .pic{ display:block;}
.H-news li .title{ text-align:center; display:block; font-size:14px; padding:10px 15px 0; height:50px; line-height:20px; overflow:hidden;}
.H-news li:hover{ border-bottom:1px solid #f00;color:#f00;}
.H-news li.first{ margin-left:0;}
/*.H-video{ margin-left:-1.33334%;}*/
.H-video li{ float:left; width:32%; margin-left:1.33334%; text-align:center;}
.H-video li:hover a.pic{ display:block;}
.H-video li a.pic{  display:none;}
.H-video li .pic{ position:relative; }
.H-video li .pic a{  position:absolute; top:0; left:0; width:100%; height:100%; background:url(../images/video_icon.png) no-repeat center rgba(0,0,0,0.5); background-size:30px 30px;}
.H-video li .title{ color:#333; font-size:14px; display:block;overflow:  hidden; white-space: nowrap; -o-text-overflow: ellipsis; text-overflow:  ellipsis; margin-top:5px;}

.Hlink{ background:url(../images/Hlink_bg.png); padding:30px 0 40px;}
.Hlinklist{ position:relative; overflow:hidden; padding:0 25px;}
.Hlinklist a{ display:block; margin: 4px;text-align: center;}
.Hlinklist img{ width:100%; border:1px solid #e6e6e6; padding:1px; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; -o-box-sizing:border-box; box-sizing:border-box;}



.Hlink .slick-prev,.Hlink .slick-next{ font-family:'Microsoft Yahei'; font-size:12px; color:transparent; border:0; position: absolute; top: 50%; z-index: 10; cursor: pointer; background:none; margin-top:-8px; outline:none;}
.Hlink .slick-prev { left: -14px; background:url(../slick/s3.png) no-repeat center ; }
.Hlink .slick-next { right:-12px; background:url(../slick/s1.png) no-repeat center ;}
.Hlink .slick-prev:hover{ background:url(../slick/s2.png) no-repeat center ;}
.Hlink .slick-next:hover{ background:url(../slick/s4.png) no-repeat center ;}
/*Index End*/

.Menu{ background:rgba(43,43,43,0.4); line-height:48px; position:absolute; bottom:-1px; width:100%; z-index:5;}
.Menu .OneNav li{ float:left; padding:0 20px;}
.Menu .OneNav li .A{ font-size:15px; color:#fff; font-weight:bold;}
.Menu .OneNav li.cur{ background:#fff;}
.Menu .OneNav li.cur .A{ color:#f00;}
.Menu .OneNav li.cur .TwoNav{ display:block;}
.Menu .TwoNav{ position:absolute; top:48px; left:15px; display:none;}
.Menu .TwoNav dd{display:inline-block; *display:inline; *zoom:1;}
.Menu .TwoNav dd:after{ content:"|"; top:-1px; position:relative; padding-left:15px; margin-right:15px; color:#dcdcdc; font-size:12px;}
.Menu .TwoNav dd a{  font-size:14px; color:#848484; padding-bottom:15px; border-bottom:2px solid #f00; border-color:transparent;}
.Menu .TwoNav dd a:hover,.Menu .TwoNav dd.on a{border-bottom:2px solid #f00; color:#f00; font-weight:bold;}
.mobileTwoNav{ display:none; margin:20px 15px 0; text-align:center;}
.mobileTwoNav a{ border-radius:5px; background:rgba(43,43,43,0.2); width:auto; padding: 0 25px; text-align:center; line-height:35px; height:35px; display:inline-block; margin:4px .333%;}
.mobileTwoNav a.cur{ background:#f00; color:#fff;}

.Main{ float:right; width:78%; padding-top:1.8em;}
.Currents{ text-align:right; border-bottom:1px solid #ededed; padding:16px 0;color:#a7a7a7;}
.Currents a{ color:#a7a7a7;}
.Currents a.first{ background:url(../images/currents_ico.png) no-repeat left center; padding-left:20px;}
.Currents a:hover{ color:#f00;}
.Currents span{ color:#333;}
.SinglePage{text-justify:inter-ideograph; text-align:justify; word-wrap:break-word; overflow:hidden; line-height:2em; color:#666; font-size:14px;}

/*产品中心*/
.productlist{ padding-top:50px; padding-bottom:30px;}
.productlist ul li{ float:left; border:1px dashed #f1f1f1; width:33.33333%; margin-bottom:20px;}
.productlist ul li:hover{ border-color:rgba(255,0,0,.5);}
.productlist ul li .pic{ float:left; width:40%; background-color:#f6f6f6; padding:4.7% 0 ;}
.productlist ul li figure{ float:right;width:60%; padding:25px 10px;}
.productlist ul li figure .Tit{  color:#333; font-weight:bold; margin-bottom:15px;}
.productlist ul li figure span,.productlist ul li figure .Tit{overflow:  hidden; white-space: nowrap; -o-text-overflow: ellipsis; text-overflow:  ellipsis;display:block;}
.productlist ul li figure .more{ color:#f00; margin-top:20px; display:inline-block;}

.product-intro{ padding:30px 0; border-bottom:1px solid #e0e0e0;}

/*.preview-wrap{ position: relative;/*overflow: hidden;/ width: 412px; float:left;}*/

@media screen and (max-width:768px ) {
 .dahezi .zoomLarge{
    display: none !important;}
     .icon-zhuce,.icon-denglu,.icon-jishuzhichi{display: none;}

     .HomeBanner{/*padding-top: 126px;*/}
	          .productlist ul li{width:48%; margin: 0 1% 20px}
 .Menu .TwoNav1 {
     top: 98px;
 }

               .Currents{ margin: 30px 0 0;}
                    .Banner{ margin-bottom: 30px;}

}

@media screen and (max-width:640px ) {
   .Menu .TwoNav {
display: none !important }         .productlist ul li{width:48%; margin: 0 1% 20px; background: #f6f6f6;}
         .productlist ul li figure{ background: #fff}

}
@media screen and (max-width:450px ) {
	.mobileTwoNav a{ width:100%;}
  .productlist ul li{width:100%;}
	}

@media screen and (min-width:1024px ) {
.productlist ul li{ background: #f6f6f6;}
         .productlist ul li figure{ background: #fff}
  }

  @media screen and (min-width:1200px ) {
.productlist ul li{ background: none;}
   }

/*.preview-wrap1{ display: none;}.preview-wrap2{ display: block;}
.preview-wrap .img{ height: 351px; position: relative; float:left; width:341px;}
.preview-wrap .img div{ position:relative;}
.preview-wrap .img li img{ vertical-align:middle; width:334px; height:351px;   }

.preview-wrap .xiaohezi{ height: 351px; width:70px; float:right;}
.preview-wrap .sPrev,.preview-wrap .sNext{ display:block; border-radius:5px; background:#f4f4f4; color:#bcbcbc; width:100%; font-size:20px; height:25px; line-height:22px; text-align:center; font-family:"宋体";}
.preview-wrap .sNext{}
.preview-wrap .sPrev:hover,.preview-wrap .sNext:hover{background:#c9c9c9; color:#fff;}

.preview-wrap .xiaoheziimgs{ margin:0 auto;width: 69px; height:301px; overflow: hidden;}
.preview-wrap .xiaoheziimgs ul{ width:69px; height: 9999px; overflow: hidden; }
.preview-wrap .xiaoheziimgs li{ float: left; width:69px; cursor:pointer; margin:4px 0; text-align:center;}
.preview-wrap .xiaoheziimgs img{ border: 2px solid #dcdddd; border-color:transparent;  width:67px; height:67px;  }
.preview-wrap .xiaoheziimgs .active img{ border-color: #f00;}
 .dahezi .zoomLarge{
    display: none;
    width:350px;
    height: 350px;
    border: 1px solid #ccc;
    position: absolute;
    top: 0;
    left: 350px;
    overflow: hidden;

  }
  .dahezi .zoomLarge img{
    width: 600px;
    height: 600px;
    position: absolute;
    left: 0px;
    top: 0px;
  }
  */
 
.preview-wrap{ width: 420px; float:left; position:relative;}
.preview-wrap img{ max-width:none;}
.preview-wrap #preview{ width:420px; z-index:2;}
.preview-wrap .jqzoom{position:relative; padding:0; margin:0px; border:1px solid #e5e5e5; float:left;}
.preview-wrap .jqzoom .Img{ width:341px; height: 351px;}
.preview-wrap #spec-n5{width:70px; height:351px; overflow:hidden; position:relative; float:right;}
.preview-wrap #spec-left,.preview-wrap #spec-right{ display:block; border-radius:5px; background:#f4f4f4; color:#bcbcbc; width:100%; font-size:20px; height:25px; line-height:22px; text-align:center; font-family:"宋体"; }
.preview-wrap #spec-left{}
.preview-wrap #spec-left:hover,.preview-wrap #spec-right:hover{background:#c9c9c9; color:#fff;}
/*.Pro_Info #spec-left:hover{ background: url(../images/zbt_05.jpg) no-repeat; }
.Pro_Info #spec-right:hover{ background: url(../images/zbt_07.jpg) no-repeat; }*/
.preview-wrap #spec-list{ margin:0 auto;width: 69px; height:301px; overflow: hidden; }
.preview-wrap #spec-list ul li{width:69px; cursor:pointer; margin:4px 0; text-align:center;}
.preview-wrap #spec-list ul li img{  border: 2px solid #dcdddd; border-color:transparent;  width:67px; height:67px;}
.preview-wrap #spec-list ul li.cur img{ border-color: #f00;}
/*jqzoom*/

.preview-wrap .zoomdiv{ z-index:8; width: 388px; height:351px; display: none; background: url(../images/zoomloader.gif) #fff no-repeat center center; overflow: hidden; border:1px solid #e4e4e4; position:absolute;}
.preview-wrap .bigimg{width:800px;height:800px;}
.preview-wrap .jqZoomPup{z-index:10;visibility:hidden;position:absolute;top:0px;left:0px;width:50px;height:50px;border:1px solid gray;background:gray 50% top no-repeat;/* border:1px solid #f00;background:#f00 50% top no-repeat; */opacity:0.5;-moz-opacity:0.5;-khtml-opacity:0.5;filter:alpha(Opacity=50);cursor:move;} 
  
  
  
.itemInfo-wrap{ float:left; margin-left:5%; max-width:660px; width:34.5%;}
.itemInfo-wrap .itemTitle{ color:#333; text-transform:uppercase; font-size:22px; margin-top:0;}
.itemInfo-wrap .itemTitle b{ border-bottom:2px solid #f00; padding-bottom:10px; display:inline-block;}
.itemInfo-wrap h2{  color:#018dd6; font-weight:bold;}
.itemInfo-wrap .txt{ line-height:25px; font-size:14px; padding:22px 0 10px; min-height:277px;}
.itemInfo-wrap .txt p{ padding:5px 0;}
.itemInfo-wrap .txt b{ color:#333;}
.itemInfo-wrap .onlinebtn{ display:block; margin:0 0 0 auto ; width:140px; line-height:40px; height:40px; padding:0 10px 0 35px ; text-align:center; color:#fff; font-size:14px; background:#f39113 url(../images/online_icon.png) no-repeat 15px center; border-radius:5px; font-weight:bold;}
.pro-detail{ padding:30px 30px 30px 0; border-right:1px solid #e0e0e0; width:70%; float:left; min-height:880px;}
.pro-detail .tab-main{ border:1px solid #f2f2f2; background-color:#fcfcfc;}
.pro-detail .tab-main li{ display:inline-block;  border-right:1px solid #f2f2f2;  cursor:pointer; text-align:center;}
.pro-detail .tab-main li span{background:url(../images/item_tab_icon.png) no-repeat; display:inline-block; max-width:156px;font-size:15px; color:#898989; padding:10px 15px 10px 30px;}
.pro-detail .tab-main li.cur{border-bottom:2px solid #f00;}
.pro-detail .tab-main li.cur span{  background:#fff url(../images/item_tab_icon_hover.png) no-repeat;color:#f00; }
.pro-detail .tab-main li.li1 span{ background-position:-4px center;}
.pro-detail .tab-main li.li2 span{ background-position:-144px center;}
.pro-detail .tab-main li.li3 span{ background-position:-282px center;}
.pro-detail .tab-main li.li4 span{ background-position:-420px center;}
.pro-detail .tab-main li.li5 span{ background-position:-558px center;}

.pro-detail .tab-con{padding:30px 0 0;}
.pro-detail .tab-con .item-con{ display:none;}
.p-parameter{ padding:0 0 30px;}
.p-parameter .p-dt{ background:#ededed; font-size:16px; color:#333; padding:5px 15px;}
.p-parameter .p-dd{ border-bottom:1px solid #efefef;padding:5px 15px;}
.p-parameter .p-dd .p-span{ color:#333;}
.p-order{}
.p-order-h3{ color:#f00; font-size:14px; font-weight:normal; background:url(../images/order_icon.png) no-repeat; line-height:30px; padding-left:25px; margin-bottom:0;}
.p-order .h3-1{ background-position:0 6px;}
.p-order .h3-2{ background-position:0 -33px;}
.p-order .h3-3{ background-position:0 -83px;}
.p-order-pic{ background:#f2f2f2; padding:25px 15px; max-width:560px; margin-top:10px;}
.p-order-pic dd{ border:4px solid #f00; padding:15px; position:relative;}
.p-order-pic dd .p-url{position: relative; top: 0; left: -20px; color: #d2d2d2; font-size: 20px; display: block; background-color: #f2f2f2;}
.p-order-pic dd img{ max-width:133px;}
.p-order-pic dd h4{ width:140px; padding:15px; margin:0; height:47px; line-height:35px; position:absolute; bottom:-4px; right:-4px; background-color:#f2f2f2;}
.p-order-pic dd .orderbtn{ border:1px solid #f00; background:url(../images/order_icon.png) no-repeat 10px -123px; display:block; font-size:14px; font-weight:normal; color:#f00; text-align:center; padding-left:20px;}
.p-order-con{ padding-left:25px;}
.p-btn{ background:#f39113; border-radius:5px; text-align:center; width:120px; color:#fff; line-height:35px; height:35px; margin-top:25px; display:block; font-weight:bold;}
.p-download{}
.p-download-tit{ color:#f00;}
.p-downloadlist{ padding-bottom:30px;}
.p-downloadlist li{ border-bottom: dashed 1px #ddd; padding:10px 15% 15px 0; position:relative; text-align:right; font-size:14px; line-height:20px;}
.p-downloadlist li .tit{ float:left; width:68%;overflow:  hidden; white-space: nowrap; -o-text-overflow: ellipsis; text-overflow:  ellipsis; text-align:left;}
.p-downloadlist li .downlodabtn{ position:absolute; right:2%; font-size:16px; top:32%;}
.p-downloadlist li img{ max-width:49px; height:19px; padding:0 5% 0 2%; vertical-align:middle;}
.p-downloadlist li:hover .downlodabtn{ color:#f00;}
.p-downloadAPP{}
.p-downloadAPP li{ float:left; text-align:center; padding:2px 6px 6px; border:1px solid #dcdcdc; margin:15px 0 20px 9%; width:27%;}
.p-downloadAPP li.first{ margin-left:0;}
.p-downloadAPP img{ max-width:199px; width:100%;}
.pro-contact{ width:27.5%; float:right; background:#fcfcfc url(../images/p-contactR.png) no-repeat center bottom; border:1px solid #e0e0e0; margin-top:30px; font-size:14px; padding-bottom:150px;}
.p-contact-con{ padding:30px;}
.titlecn{ font-size:26px; font-weight:normal; margin:30px 0 0 0;}
.titlecn span{ color:#f00;}
.titlecn em{ border-left:5px solid #f00; padding-right:25px; display:inline-block; height:26px; position:relative;top:4px;}
.titleen{ font-size:38px; color:#efefef; margin:0; font-weight:normal; line-height:38px; padding-left:30px; text-transform:uppercase;}
.p-contact-dl { padding:15px 0;}
.p-contact-dl .ch6{ font-size:14px; color:#3a3a3a; margin:0 0 15px 0;}
.p-contact-dl .p-contact-b{ color:#5d5d5d;}
/*产品中心 End*/

/*合作伙伴*/
.partnerlist{ padding:10px 0 20px;}
.partnerlist li{ float:left; width:25%; padding:10px 1%;}
.partnerlist li a{ display:block; border:1px solid #e7e7e7; text-align:center;}
.partnerlist li a img{ max-width:276px; width:100%;}
.partnerlist li a:hover{ border:1px dashed #f00;}
/*合作伙伴 End*/

/*解决方案*/
.solutionlist{ padding-top:15px; padding-bottom:15px;}
.solutionlist li{ float:left; width:31.33334%; margin:15px 0 15px 3%; padding-bottom:10px;border-bottom:1px solid #fff; border-color:transparent;}
.solutionlist li .pic{ display:block; text-align:center; width:100%;}
.solutionlist li .pic img{ max-width:376px; width:100%;}
.solutionlist li .title{overflow:  hidden; white-space: nowrap; -o-text-overflow: ellipsis; text-overflow:  ellipsis; font-size:16px; color:#333;}
.solutionlist li:hover{ border-bottom:1px solid #f00;}
.solutionlist li:hover a{color:#f00;}
.solutionlist li.first{ margin-left:0;}
.solutionlist li figure{ max-height:72px; line-height:24px; font-size:14px; overflow:hidden;}
/*解决方案 End*/

/*服务于支持*/
.service{ padding-top:40px; padding-bottom:40px; font-size:14px; line-height:2em; word-break:break-all; word-wrap:break-word;}
.service .s-tips{ width:47%;}
.service .faeimg{ float:right; padding-left:5%; width:51.25%;}
.faelist{width:47%; margin-top:30px;}
.faelist li{ background:#eeeeee; padding:15px 5%; margin-top:10px; border-bottom:1px solid #d6d6d6;}
.Demolist{ padding-top:30px; padding-bottom:30px;}
.Demolist li{ float:left; width:31.33334%; margin:15px 0 5px 3%;}
.Demolist li .pic{ text-align:center; width:100%; position:relative;}
.Demolist li .pic img{ max-width:376px; width:100%;}
.Demolist li .video_icon{ position:absolute; display:block; width:100%; height:100%;}
.Demolist li .title{overflow:  hidden; white-space: nowrap; -o-text-overflow: ellipsis; text-overflow:  ellipsis; font-size:14px; font-weight:normal; color:#333; text-align:center;}
.Demolist li a:hover{color:#f00;}
.Demolist li.first{ margin-left:0;}
.Demolist li .video_icon:hover{ background:url(../images/video_icon.png) no-repeat center center rgba(0,0,0,0.5);}

.Customerform{ float:left; width:48%;}
.Customerform .p-order-pic{ margin-bottom:50px; max-width:none;}
.Customerimg{ float:right; width:51.25%; padding-left:5%;}
.form-tips{ text-indent:2em; margin-bottom:15px;}
dl.table-tr{ border:1px solid #dadada; padding:10px 15px; position:relative; margin:0 0 10px 0; background:#fff;}
dl.no-border{ border:none; padding:0;}
dl.table-tr .text{ margin-right:20px; width:80%;} 
dl.table-tr .red{ position:absolute; top:15px; right:15px;}
dl.table-tr dt{ float:left; width:48%;border:1px solid #dadada;position:relative;padding:10px 15px;}
dl.table-tr dd{ float:right; width:48%;border:1px solid #dadada;position:relative;padding:10px 15px;}
dl.table-tr textarea{overflow:hidden; resize:none; height:100px;}
.form-btn{ display:block; width:150px; height:40px; line-height:40px; text-align:center; color:#fff; background:#f00; margin:30px auto 0;}
.form-tit{ color:#f00; font-size:16px; font-weight:normal; margin:10px 0 15px; }

.APPlist{}
.APPlist ul{ margin:0 -1% 0 -1%;}
.APPlist li{ font-size:15px; float:left; text-align:center;   margin:15px 1% 20px ; width:18%;}
.APPlist li a{ display:block; } 
.APPlist li a span{overflow:  hidden; white-space: nowrap; -o-text-overflow: ellipsis; text-overflow:  ellipsis; display:block;}
.APPlist img{display:block; max-width:199px; width:100%; padding:6px; border:1px solid #dcdcdc; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; -o-box-sizing:border-box; box-sizing:border-box; margin-bottom:20px;}
.developmentlist{ padding-bottom:30px; padding-top:30px; font-size:14px;}
.developmentlist ul dl{ background:#e1e1e1; text-align:center; color:#333;}
.developmentlist ul li{ text-align:center; border-bottom:1px dashed #dcdcdc;}
.developmentlist ul dl span,.developmentlist ul li span,.developmentlist ul li a{ float:left; padding:15px 0; width:20%;}
.developmentlist ul .filename{ text-align: left; width:40%;overflow:  hidden; white-space: nowrap; -o-text-overflow: ellipsis; text-overflow:  ellipsis; }
.developmentlist ul .filedown,.developmentlist .filetype{ width:10%;}
.developmentlist ul li:hover .filenum,.developmentlist ul li:hover a{ color:#f00;}

/*服务于支持 End*/

/*研发创新*/
.research{ padding-top:40px; padding-bottom:40px; font-size:14px; line-height:2em; word-break:break-all; word-wrap:break-word;}
.columncn{ font-size:33px; margin:0; color:#e3e3e3;}
.columnen{ font-size:82px; color:#e3e3e3; text-transform:uppercase; margin:0;}

/*研发创新 End*/

/*关于我们*/
.about{ padding-top:40px; padding-bottom:40px; font-size:14px; line-height:2em; word-break:break-all; word-wrap:break-word; min-height:552px; height:552px; height:auto !important;}

#dituContent{width:800px;height:430px;border:#ccc solid 1px; position:absolute; top:20px; right:0;}
#dituContent img{ max-width:none;}
/*关于我们end*/

/*History*/
.History{ padding-top:60px; min-height:500px;}
.History .prev,
.History .next{border:1px solid #f00; font-family:"宋体"; text-align:center;display:block;position:absolute;top:50%; cursor:pointer; color:#f00; background:#fff;-webkit-transition: all 0.3s ease-in-out;
-o-transition: all 0.3s ease-in-out;
transition: all 0.3s ease-in-out; z-index:10;}
.History .prev{ left:0; width:28px; height:28px; border-radius:28px;  line-height:28px; margin-top:-14px;}
/*.History .next{ right:0; width:45px; height:45px; border-radius:45px;  line-height:45px; margin-top:-22.5px;font-size:24px;}
*/.History .next{ right:0; width:28px; height:28px; border-radius:45px;  line-height:30px; margin-top:-15.5px;font-size:12px;}

.History .prev:hover,.History .next:hover{-webkit-transform: scale(1.3);
-ms-transform: scale(1.8);
-o-transform: scale(1.8);
transform: scale(1.8);: }

.History .year{ height:85px; margin-bottom:40px; position:relative; background:url(../images/history_year_bg.png) repeat-x center;}
.History .year .bd{ margin:0 50px 0 29px; overflow:hidden; position:relative;}
.History .year ul li{ font-size:16px; float:left; width:85px !important;height:85px;margin:17px 70px 5px; text-align:center;transition:width 2s;
-moz-transition:width 2s; /* Firefox 4 */
-webkit-transition:width 2s; /* Safari and Chrome */
-o-transition:width 2s; /* Opera */}
.History .year ul li a{ cursor:pointer;}
.History .year ul li a.hover{ display:none;}
.History .year ul li a span{ display:block; width:28px; height:28px;border:1px solid #f00; font-family:"宋体"; background:#fff; border-radius:28px;  line-height:28px; text-align:center; color:#f00; margin:10px auto;}
.History .year ul li.on{ background:#fff; border-radius:85px; color:#f00; line-height:20px; padding:30px 0;border:1px solid #f00; margin-top:0; font-weight:bold;}
.History .year ul li.on:first-child{ padding:16.5px 0;}
.History .year ul li.ar{padding:15px 0;margin-top: 2px; }
.History .year ul li.on a{ display:none;}
.History .year ul li.on a.hover{ display:block; color:#f00;}
.History .year ul li.on a.hover span{ border:none; border-radius:0;line-height:12px; height:12px; margin:0 auto;}

@media screen and (min-width:1280px){
	.History .year .bd{ width:1114px; height:107px;}
	.History .year ul { left:-450px;}
}
@media screen and (max-width:1279px){
	.History .year .bd{ width:1000px; height:107px;}
	.History .year ul li{ margin:17px 53px 5px;}
	.History .year ul { left:-384px;}
}



.History .scroll-photo{ background:url(../images/history_bg.png) repeat-y center; margin-bottom:60px; padding-top:20px;}
.History .scroll-photo ul{ display:none;}
.History .list{ margin: auto;}
.History .list ul li{ float:left; text-align:right; width:50%; position:relative; cursor:pointer; padding:0 60px 0 0; margin:10px 20px 0 0;}
.History .list ul li dl{border-bottom:1px dashed #d1d1d1; padding-bottom:10px;}
.History .list ul li:after{  background:url(../images/history_li.png) no-repeat; display:block; width:8px; height:8px;content:""; position:absolute; right:-4px; left:auto;  top:8px;}
.History .list ul li.even{ float:right; text-align:left; padding:0 0 0 60px; margin:10px 0 0 20px;}
.History .list ul li.even:after{ left:-4px; right:auto;}
.History .list ul li time{ font-size:18px; color:#3e3e3e;}
.History .list ul li p{ font-size:14px;}
.History .list ul li.li-hover:after{ background-image:url(../images/history_li_hover.png); width:40px; height:40px; right:-20px; left:auto; top:-12px;}
.History .list ul li.even.li-hover:after{ left:-20px; right:auto;}
.History .list ul li.li-hover{ border-color:#f66d6d;}
.History .list ul li.li-hover time{ color:#f00; font-weight:bold;}
.History .list ul li.li-hover p{ color:#000;}
.History .list ul .more{ background:#fff; display:block; width:80px; text-align:center; padding-top:0; position:relative; bottom:-84px; margin:0 auto 0; clear:both; font-size:14px;}
.jiantouxia{position: relative;display: block;background: white;width: 36px;height: 39px;font-size: 36px !important;text-align: center;left: 23px;top: -15px;}
.History1 .scroll-photo{ background:url(../images/history_bg.png) repeat-y center; margin-bottom:60px; padding-top:20px;}
.History1{ display:none;}
.History1 .list{ margin: auto;}
.History1 .list ul li{ float:left; text-align:right; width:50%; position:relative; cursor:pointer; padding:0 60px 0 0; margin:10px 20px 0 0;}
.History1 .list ul li dl{border-bottom:1px dashed #d1d1d1; padding-bottom:10px;}
.History1 .list ul li:after{  background:url(../images/history_li.png) no-repeat; display:block; width:8px; height:8px;content:""; position:absolute; right:-4px; left:auto;  top:8px;}
.History1 .list ul li.even{ float:right; text-align:left; padding:0 0 0 60px; margin:10px 0 0 20px;}
.History1 .list ul li.even:after{ left:-4px; right:auto;}
.History1 .list ul li time{ font-size:18px; color:#3e3e3e;}
.History1 .list ul li p{ font-size:14px;}
.History1 .list ul li:hover:after{ background-image:url(../images/history_li_hover.png); width:40px; height:40px; right:-20px; left:auto; top:-12px;}
.History1 .list ul li.even:hover:after{ left:-20px; right:auto;}
.History1 .list ul li:hover{ border-color:#f66d6d;}
.History1 .list ul li:hover time{ color:#f00; font-weight:bold;}
.History1 .list ul li:hover p{ color:#000;}
.History1 .list ul .more{/*  background:url(../images/history_more.png) no-repeat center top #fff; */ display:block; width:80px; text-align:center; padding-top:40px; margin:0 auto 0; clear:both; font-size:14px;}

 
@media screen and (max-width:1024px){
  .History{ display:none;}
  .History1{ display:block; margin: 60px 0 30px}
	.History .scroll-photo ul{ display:block;}
	.History .list ul .more{ display:none;}
}
/*History End*/

/*人才战略*/
.job{padding-top:40px; padding-bottom:40px; font-size:14px; line-height:2em; word-break:break-all; word-wrap:break-word;}
.job .columncn{ text-align:center;}
.j-Welfare{}
.j-dl{ float:left; width:14%; border-top:4px solid #ebebeb;border-left:4px solid #ebebeb; position:relative; padding:10px; margin-right:0.2857143%; min-height:450px;}
.j-dl dt{ color:#f00; font-size:16px; margin-bottom:40px; font-weight:bold;}
.j-dl dt em{ color:#e5e5e5; display:block; font-size:24px; padding-bottom:10px;}
.j-dl dd{ color:#525252;}
.j-dl dd span.black{ color:#525252;}
.j-dl2,.j-dl6{ border-color:#d7d7d7; margin-top:20px;min-height:430px;}
.j-dl3,.j-dl5{border-color:#c3c3c3; margin-top:40px;min-height:410px;}
.j-dl4{border-color:#afafaf; margin-top:20px;min-height:430px;}
.j-Candidates{}
.j-Candidates .j-dl{ width:19.7%; margin-right:0.3%; min-height:280px;}
.j-Candidates .j-dl dt{ margin-bottom:20px;}
.j-Candidates .j-dl3,.j-Candidates .j-dl5{border-color:#c3c3c3; margin-top:0;}
.j-Candidates .j-dl5{border-color:#ebebeb;}
.j-Candidates .j-dl4,.j-Candidates .j-dl2{border-color:#d7d7d7;}
.j-contact{ clear:both; padding-top:40px; color:#373737;}
.j-contact .tit{ font-size:16px; margin:0 0 15px 0; border-bottom:1px solid #eee; padding-bottom:15px;}

.joblist{}
.joblist dl{ position:relative }
.joblist dl dt{ background:#dcdcdc; margin-bottom:0; font-size:16px; color:#000;}
.joblist dl span{ float:left; width:20%;  padding:0.5em 0 0.5em 0; text-align:center;overflow:  hidden; white-space: nowrap; -o-text-overflow: ellipsis; text-overflow:  ellipsis; }
.joblist dl span.first{ border-left:none;}
.joblist dl dt span{ color:#000; width:20%;}
.joblist dl dd{ padding:0.5em 0;;border-bottom:1px dashed #dcdcdc;}
.joblist dl figure{ display:none;}
.joblist dl .throw{ background:#dcdcdc; width:100px; text-align:center; color:#fff; border-radius:5px;  position:absolute; right:5%; top:1em; height:30px; line-height:30px;}
.joblist dl.cur{ background:#f8f8f8;}
.joblist dl.cur figure{ padding:1.5em 150px 1.5em 6%; color:#333;}
.joblist dl.cur .throw{ background:#e4282e;}
.jobform{}
.jobform dl{ background:#fff; border:#efefef solid 1px; padding:0.9em 0; margin:0 auto 1.1em; max-width:500px; line-height:1.5em;}
.jobform dl dt{ padding:0 1em; color:#777; float:left; text-align:right; width:24%; min-width:98px; max-width:98px; }
.jobform dl dd{ padding:0 0.5em; float:left; width:76%;}
.jobform dl dd .text{ width:100%;}
.jobform dl.last{ border:none;}
.jobform .btn{ width:45%; float:right; background:#333; color:#fff; font-size:1.225em; font-weight:bold; padding:0.5em 0; border-radius:0; letter-spacing:0.5em;}
.jobform .btn.submit{ float:left; background:#e4282e;}
/*人才战略 End*/


/*新闻中心*/
.new{padding-top:40px; padding-bottom:40px; font-size:14px; line-height:2em; word-break:break-all; word-wrap:break-word;}
.newslist{ overflow:hidden; zoom:1;}
.newslist li{ border:1px solid #ebebeb; position:relative; padding:6px; margin:0 0 1.5em 0;}
.newslist li .pic{width:48%; max-width:174px; height:100%; float:left; position:relative; margin-right:3%;}
.newslist li .pic img{ width:100%;}
.newslist li .pic a{  display:block; width:100%;}
.newslist li figure{ margin:15px 135px 5px 0; border-right:1px solid #ededed; padding-right:40px; }
.newslist li figure h2{ margin:0;font-size:16px; font-weight:normal;overflow:  hidden; white-space: nowrap; -o-text-overflow: ellipsis; text-overflow:  ellipsis;  }
.newslist li figure h2 a{ color:#333;}
.newslist li figure h2 a:hover{ color:#f39800;}
.newslist li figure p{ height:60px; overflow:hidden; margin:12px 0 6px; line-height:20px;}
.newslist li time{ }
.newslist li .more{ position:absolute;text-indent: 99999px; top:50%;display:block; width:37px; height:37px; margin-top:-18px; background:url(../images/next_06.jpg) no-repeat top center;text-align:center; line-height:2em; font-size:1.5em; color:#b8b8b8; font-family:"宋体"; right:50px; line-height:37px;}
.newslist li:hover{ border-color:#f00;}
.newslist li:hover figure h2 a{ color:#f00;}
.newslist li:hover .more{ background:url(../images/next_03.jpg) no-repeat top center;}
.n-medialist{ margin:0 -15px;}
.n-medialist li{ width:22%; margin:0 1.5% 30px; float:left;}
.n-medialist li .pic img{ width:100%;}
.n-medialist li figure{ border:1px solid #dfdfdf;}
.n-medialist li figure h2{ margin:10px 0;font-size:14px;overflow:  hidden; line-height:20px; height:40px; padding:0 15px;}
.n-medialist li figure h2 a{ color:#333;}
.n-medialist li figure h2 a:hover{ color:#f00;}
.n-medialist li figure p{ height:40px; overflow:hidden; line-height:20px; padding:0 15px; }
.n-medialist li figure dl{ border-top:1px solid #dfdfdf; margin-top:10px; padding:10px 15px;}
.n-medialist li figure dl time{ float:right; line-height:20px; border-left:1px solid #dfdfdf; padding-left:15px;}
.n-medialist li figure dl img{ max-width:112px; width:50%;}
.newinfo{ width:94%; margin:3em auto 0; font-size:0.925em;}
.newinfo .ntitle{ text-align:center; font-size:1.325em; color:#f39800; text-align:center; border-bottom:1px solid #f6f6f6; padding-bottom:1.5em; margin-bottom:1em;}
.VideoBg{ background:rgba(0,0,0,0.8); position:fixed; left:0; top:0; width:100%; height:100%; overflow:hidden; display:none; z-index:999999;}
.Videobox{position:absolute; top:20%; left:50%; margin-left:-300px; max-width:600px; text-align:center; padding-top:24px; width: 50%; height:100%;}
.Videobox .closed{ right: 12px;
top: 0px; color:#fff; font-size:24px; display:block; width:24px; line-height:20px; height:24px; text-align:center; position:absolute; background:#f00; border-radius:24px; cursor:pointer; z-index: 9;}
.Videobox video{  min-width:50%;}
.mejs-overlay-play{ height:100% !important;}
.glyphicon-menu-up::before {
    content: "\e259";
}
.new .time{text-align: center;}
.H-phone-con .VideoBg{ background:rgba(0,0,0,0.4);}
/*新闻中心 End*/

/*投资者关系*/
.investor{padding-top:40px; padding-bottom:40px; font-size:14px; line-height:2em; word-break:break-all; word-wrap:break-word;}
.i-reportlist { max-width:1000px; margin:0 auto 30px;}
.i-reportlist li{ border-bottom:1px dashed #dcdcdc; padding:0 3%;font-size:14px; padding-bottom:10px; margin-bottom:10px;}
.i-reportlist li a.tit{ color:#333;overflow:  hidden; white-space: nowrap; -o-text-overflow: ellipsis; text-overflow:  ellipsis; width:60%; float:left;}
.i-reportlist li time{ float:left; width:100px; }
.i-reportlist li a.pdf{ float:right; color:#333; }
.i-reportlist li:hover a{ color:#f00;}
.i-reportlist li a.pdf:before{ color:#bbbbc0; padding-right:10px; position:relative; top:3px;}
.i-reportlist li:hover a.pdf:before{ color:#f00;}

/*投资者关系 End*


/*登录*/
.Login .Currents{ border-bottom:none;}
.m-columnname{ font-size:24px; font-weight:normal;text-align:left; border-left:3px solid #f00; padding-left:10px; color:#666; line-height:20px; float:left;}
.m-columnname em{ text-transform:uppercase; font-style:normal; display:block; color:#e5e5e5; padding-top:4px;}
.m-current{ float:right; padding-top:40px;}

.Login{ margin:30px auto;}
.loginForm{ float:left; width:32%;}
.loginForm dl{ margin:1.5em 0 0; position:relative;line-height:37px; font-size:14px; max-width:375px;}
.loginForm dl dt{ width:100px; text-align:right; font-weight:normal; vertical-align:top; position:absolute; left:0; color:#535353; font-size:16px; padding-right:8px;}
.loginForm dl dd{ padding-left:105px; position:relative;}
.loginForm dl dd .text{ border:1px solid #d5d5d5; padding:0 3px;max-width:355px; width:100%; height:40px;}
.loginForm dl dd .text.code{ width:62%;}
.loginForm dl dd .codeimg{border:1px solid #d5d5d5; padding:3px; border-left:none; position:absolute; right:0;}
.loginForm dl dd .btn{width:47%; height:40px; line-height:40px; color:#f00; padding:0; border:1px solid #f00; border-radius:5px; display:inline-block; background:#fff6f6; font-size:16px;}
.loginForm dl dd .btn.submit{ background:#f00;color:#fff; float:right;}
.m-forgetbtn{ float:right;}
.loginR{ float:right; margin-left:5em; width:60%; position:relative;}
.loginR .m-registorbtn{ position:absolute; display:block; width: 15.5%; height: 10%;  bottom: 9%; right: 9.5%;}
/*登录 End*/

.member{padding-top:40px; padding-bottom:40px; font-size:14px; line-height:2em;}
.memberform{ width:58%;}
.memberimg{ width:42%; float:right;}

/*弹窗*/
.fixnews{ background:rgba(0,0,0,0.8); position:fixed; left:0; top:0; width:100%; height:100%; overflow:hidden; z-index:999999;}
.fixnews .fixcon{position:absolute; top:20%; left:50%; margin-left:-200px; max-width:400px; text-align:center; width: 90%; background-color:#fff; min-height:350px; max-height:400px; height:400px; font-size:14px; line-height:24px; text-align:left; overflow:hidden; word-break:break-all;}
.fixnews .fixcon .tit{ background:#3c3b3a; color:#fff; font-size:18px; font-weight:normal; margin:0; padding:15px;}
.fixnews .fixcon figure{ padding:15px; overflow:hidden;}
.fixcon .closed{ right: 12px;top: 16px; color:#fff; font-size:40px; display:block; width:24px; line-height:20px; height:24px; text-align:center; position:absolute; /*background:#f00; border-radius:24px;*/ cursor:pointer; z-index: 9;}
@media screen and (max-width:400px) {
  .fixnews .fixcon{ width:300px; margin-left:-150px; top:15%; height:70%;}
}

@media screen and (max-width:1254px) {
	.Hnavbox li{ padding-top:30px;}
	.Hnavbox li figure{ margin-top:-30px;}
}
@media screen and (max-width:1254px) {
	.Hproduct ul li figure{ padding:13px 10px;}
	.Hproduct ul li figure .more{ margin-top:10px;}
}
@media screen and (max-width:1210px) {
	.BotNav{ width:33%;}
}
@media screen and (max-width:1198px) {
	.PcNav ul li{ padding:11px 1.2% 22px 1.2%;}
}
@media screen and (max-width:1130px ) {
	#dituContent{ width:100%; padding:20px 15px; position:relative;}
}
@media screen and (max-width:1026px ) {
	.PcNav ul li{ padding:11px 0.5% 23px 0.5%;}
}
@media screen and (max-width:1024px ) {
	.BotNav{ width:26%; min-width:226px;}
}
@media screen and (max-width:1000px ) {
	
	.n-medialist li figure dl{ padding:10px 5px;}
	.n-medialist li figure dl time{ font-size:12px; padding-left:5px; margin-left:5px; line-height:16px;}
	
}
@media screen and (max-width:915px ) {
	.PcNav ul li{ padding:14px 0.15% 15px 0.15%; }
	.PcNav ul li a.navA{ font-size:15px;}
} 

@media screen and (max-width:1023px ) {
 .icon-zhuce,.icon-denglu,.icon-jishuzhichi{display: none;}
} 

@media screen and (max-width:860px ) {
	.BotNav{ display:none;}
	.Bweixinbox{ bottom:57px;}
}
@media screen and (max-width:830px ) {
	.Hproduct ul li figure{ padding:15px 10px;}
}
@media screen and (max-width:830px ) {
	.CodePic{ position:absolute; right:195px; bottom:10px;}
	.PcNav{ display:none;}
	.navbar-toggle{ display:block;}
	.navbar-header{ float:right; display:block; padding-top:0.5em;}
	.Topsearch{ display:none;}
	.topL,.topR{ float:none; width:100%; text-align:center;}
	.topL,.Toper .Tregister,.Toper .Tlogin,.Toper .Tsupport,.Toper em{ display:none;}
	.Bottomer .Bottom .BottomLink,.Bottomer .Bottom .Copyright{ float:none; width:100%; text-align:center;}
	.Container{  padding:0 2% 0 2%;}
	.Hnavbox li{ padding-top:50px;}
	.Hnavbox li figure{ margin-top:-50px;}
	.Hproduct ul li figure .Tit{margin-bottom:5px;}
	.Hproduct ul li figure{ padding:5px 10px;}
	.productlist ul li figure .Tit{margin-bottom:5px;}
	.productlist ul li figure{ padding:5px 10px;}
	
	.j-dl{min-height:600px;}
	.j-dl1{ min-height:600px;}
	.j-dl2,.j-dl6{min-height:580px;}
	.j-dl3,.j-dl5,.j-dl4{min-height:560px;}
	.j-Candidates .j-dl{ min-height:400px;}
	.joblist dl .throw{ right:3%;}
	.n-medialist li figure dl img{ width:38%;}
	

	
	.loginForm{ float:none; width:100%;}
	.loginR{ float:none; width:100%;margin-left:0; margin-top:15px;}
	.loginForm dl dt{ width:70px;}
	.loginForm dl dd{ padding-left:75px;}
	
	.Menu{ position:relative; line-height:40px;}
	.Menu .OneNav li.cur .TwoNav1,.Menu .TwoNav{ display:none !important}
	.mobileTwoNav{ display:block;}
}


/*IPad 横屏*/
@media only screen
and (min-device-width : 768px) 
and (max-device-width : 1024px) 
and (orientation : landscape){
  .Menu{ position:relative; line-height:40px;}
  .Menu .OneNav li.cur .TwoNav1,.Menu .TwoNav{ display:none !important}
  .mobileTwoNav{ display:block;}
}



@media screen and (max-width:400px ) {
	.Hproduct ul li figure{ padding:10px;}	
}
@media screen and (max-width:640px ) {
	.navbar-header .navbar-toggle{ margin-top:0.25em;}
	.Logo{ width:45%; padding:1em 0;}
	.BottomLink{ float:none; text-align:center; width:100%;}
	.Copyright{ float:none; width:100%; text-align:center; padding-top:10px;}
	.Botcotact{ float:none; width:100%;}
	.Boticon{ padding-top:110px; float:none; width:100%;}
	.Bweixinbox{ bottom: 62px;  right: 66px;  left: auto; width:104px;}
	.CodePic{ /*position:relative; left:0; bottom:-10px;*/}
	.CodePic li{ width:104px; margin-right:0;}
	
	
	.HomeBanner .prev, .HomeBanner .next{ font-size:25px;}
	.HomeBanner .TabList{ bottom:0;}
	.HomeBanner .TabList li{ width:5px; height:5px;  -webkit-border-radius:5px; -moz-border-radius:5px; border-radius:5px;}
	.HomeBanner .bd-phone{ display:block;}
	.HomeBanner .bd{ display:none;}
	.Hnewlist .prev,.Hnewlist .next{ display:none;}
	.Hnewlist time{ display:none;}
	.Hnavbox li{ float:none; width:100%;}
	.Hnavbox li.space{ margin:0;}
	.Hnavbox li{ padding-top:0;}
	.Hnavbox li figure{ margin-top:0;}
	.Hproduct ul li figure .Tit{margin-bottom:10px;}
	.Hproduct ul li figure{ padding:10px 10px;}
	.HtabTit{ display:none;}
	.HtabTit li a{ font-size:14px;}
	.HtabTit li a span{ padding-left:0; font-size:12px;}
	.Htabcon .Hconbox{ display:block;}
	.Htabcon .H-phone-con{ display:none;padding:20px 0;}
	.Htabcon .Hconbox .H-phone-tit { background:#f5f5f5; margin:0 -15px; padding:0 15px; border-bottom:1px solid #e5e5e5; display:block;}
	.Htabcon .Hconbox  .H-phone-tit a{ position:relative;}
	.Htabcon .Hconbox  .H-phone-tit a span{ position:absolute; right:0; top:15px; display:block;}
	.H-news li{ width:49%; margin:0 0.5% 10px;}
	.H-news li.first{ margin:0 0.5%;}
	.Htabcon .Hcon img,.Htabcon .Hcon figure{ float:none; width:100%;}
	.H-video li{ width:100%; float:none; margin:0 0 15px 0;}
	.H-video li img{ width:100%;}
	
	.Pages{ padding-top:15px;}
	.Pages a.a_first,.Pages a.a_end{ display:none;}
	.Pages .a_prev,.Pages .a_next{ font-size:14px; font-family:"宋体"; line-height:14px;padding: 7px 1em;    position: relative;    top: -1px;}
	.Currents{ display:none;}
	.Menu{ position:relative; line-height:40px;}
	.Menu .OneNav li{ width:25%; text-align:center; padding:0;overflow:  hidden; white-space: nowrap; -o-text-overflow: ellipsis; text-overflow:  ellipsis; }
	.Menu .OneNav li .A{ font-size:14px; padding:0 1%;}
	.Menu .OneNav li.cur .TwoNav{ display:none;}
	.mobileTwoNav{ display:block;}
	
	.productlist{ padding-top:30px; padding-bottom:10px;}
	.productlist ul li figure .Tit{margin-bottom:10px;}
	.productlist ul li figure{ padding:13px 10px;}	
	.preview-wrap{ width:100%; float:none;}
/*	.preview-wrap .bigImg{ float:none;}
	.preview-wrap .bigImg a{ display:block; position:relative;}
	.preview-wrap .smallScroll{ float:none; width:100%; position:relative; height:70px; margin-top:5px;}
	.preview-wrap .smallImg{ height:70px; width:auto; margin:0 25px;}
	.preview-wrap .smallImg li{ margin:0 4px;}
	.preview-wrap .sPrev, .preview-wrap .sNext{ position:absolute; left:0; top:0; height:70px; width:25px; text-align:center; line-height:70px;}
	.preview-wrap .sNext{ right:0; left:auto;}*/
	.preview-wrap #preview{ width:100%; z-index:2;}
	.preview-wrap .jqzoom{position:relative; padding:0; margin:0px; border:1px solid #e5e5e5; float:none;}
	.preview-wrap .jqzoom .Img{ width:100%; height:auto;}
	.preview-wrap #spec-n5{width:100%; height:70px; overflow:hidden; position:relative; float:none; margin-bottom:20px; margin-top:5px;}
	.preview-wrap #spec-left,.preview-wrap #spec-right{ display:block; border-radius:5px; background:#f4f4f4; color:#bcbcbc; width:25px; font-size:20px; height:70px; line-height:70px; text-align:center; font-family:"宋体"; position:absolute;}
	.preview-wrap #spec-left{ left:0;}
	.preview-wrap #spec-right{ right:0;}
	.preview-wrap #spec-left:hover,.preview-wrap #spec-right:hover{background:#c9c9c9; color:#fff;}
	.preview-wrap #spec-list{ margin:0 30px; height:69px; overflow: hidden; position:absolute; width:100%;}
	.preview-wrap #spec-list ul li{width:70px; cursor:pointer; padding:0 3px; text-align:center; float:left;}
	.preview-wrap #spec-list ul li img{  border: 1px solid #dcdddd; border-color:transparent;  width:64px; height:64px;}
	.preview-wrap #spec-list ul li.cur img{ border-color: #f00;}
	/*jqzoom*/
	.preview-wrap .zoomdiv{ display:none;}
	.preview-wrap .bigimg{display:none;}
	.preview-wrap .jqZoomPup{display:none;} 
		
	
	.itemInfo-wrap{ float:none; width:100%; margin:0;}
	.itemInfo-wrap .onlinebtn{ margin:0;}
	.pro-detail{ float:none; width:100%; padding:0; border-right:0; min-height:auto;}
	.pro-detail .tab-main li{ width:49.3%; border-bottom:1px solid #f2f2f2;}
	.pro-contact{ width:100%; float:none; margin-bottom:30px;}
	
	.solutionlist li{ width:47%; margin:8px 1.5%;}
	.solutionlist li.first{ margin-left:1.5%;}
	.solutionlist li .title{ font-size:14px;}
	.solutionlist li figure{ font-size:12px;}
	
	.service .s-tips,.service .faelist{ width:100%;}
    .service .faeimg{ float:none; width:100%;padding-left:0; margin-bottom:15px;}	
	.Demolist li{ width:47%; margin:8px 1.5%;}
	.Demolist li.first{ margin-left:1.5%;}
	.Demolist li .title{ font-size:14px;}
	
    .Customerimg,.memberimg{ float:none; width:100%;}
	.Customerform{ float:none; width:100%;}
	
	.APPlist li{ width:48%;}
	.developmentlist .filetype{ width:20%;}
	.developmentlist ul .filedown{ width:15%;}
	.developmentlist ul .filename{ width:25%;}
	.columncn{ font-size:26px;}
	.columnen{ font-size:36px;}

	.History .year ul li{ margin:17px 50px 0;}
	
	.j-dl,.j-Candidates .j-dl{ width:100%; margin-right:0.333%; min-height:570px;}
	.j-dl dt{ margin-bottom:20px;}
	.j-dl2,.j-Welfare .j-dl6{ border-color:#d7d7d7; margin-top:20px;min-height:550px;}
	.j-dl6{min-height:510px; margin-top:60px;}
	.j-dl3,.j-Welfare .j-dl5,.j-Candidates .j-dl3{border-color:#c3c3c3; margin-top:40px;min-height:530px;}
	.j-dl4{border-color:#afafaf; margin-top:20px;min-height:550px;}
	.j-dl7{ width:100%; margin:20px 0 0 0; min-height:auto;}
	
	.j-Candidates .j-dl,.j-Candidates .j-dl3{ min-height:300px;}
	.j-Candidates .j-dl1{ min-height:340px;}
	.j-Candidates .j-dl2,.j-Candidates .j-dl4{ min-height:320px;}
	.j-Candidates .j-dl5{margin-top:40px; width:63%;}
	.joblist dl .throw{ right:0;}
	.n-medialist{ margin:0 -10px;}
	.n-medialist li{ width:47%}	
	.i-reportlist li a.tit{ width:44%;}	
	
	.memberform dl.table-tr .text{ width:72%;}
	
	.joblist dl.cur figure{ padding-left:2%; padding-right:2%;}
	.Videobox{ width:100%; padding-left:3%; padding-right:3%; left:0; margin-left:0 !important; top:20%;}
	.about{ min-height:200px; height:200px; height:auto !important;}
	.preview-wrap .img li img{ width:100%; height:auto !important;}
	.preview-wrap .img{ float:none; width:100%; height:auto;}
	.preview-wrap .xiaohezi{ width:100%; height:70px; position:relative; margin-bottom:30px; padding:0 30px;}
	.preview-wrap .xiaoheziimgs{ height:69px; width:100%; margin:0;}
	.preview-wrap .xiaoheziimgs ul{ height:69px; width:9999px;}
	.preview-wrap .xiaoheziimgs img{ width:64px; height:64px;}
	
	.partnerlist li{ width:50%;}


}
@media screen and (max-width:500px ) {
	.newslist li figure{ margin:10px 42px 5px 0; padding-right:5px;}
	.newslist li figure p{ height:40px;}
	.newslist li .more{ right:5px;}	
}

@media screen and (max-width:640px ) {
	.Hproduct ul li{ width:50%;}
    .j-dl,.j-Candidates .j-dl, .j-Welfare .j-dl5, .j-Welfare .j-dl6{ min-height:100px !important;}
.j-Candidates .j-dl5{ width: 100%}
}
@media screen and (max-width:420px ) {
	.Hproduct ul li{ width:100%;}
}
@media screen and (max-width:480px ) {
	.Hproduct ul li figure .Tit{ margin-bottom:2px;}
}

@media screen and (max-width:480px ) {
	
	.Hproduct ul li figure{ padding:6px 10px;}
}
@media screen and (max-width:420px ) {
	.Hproduct ul li figure .Tit{ margin-bottom:5px;}
}
@media screen and (max-width:430px ) {
	.Hnavbox li{ padding-top:30px;}
	.Hnavbox li figure{ margin-top:-30px;}	
	.Hproduct ul li{ width:100%;}
	.Hproduct ul li figure{ padding:13px 10px;}
	.Hproduct ul li .pic{ width:36%;}
	.Hproduct ul li figure{ width:61%;}
	.productlist ul li figure{ padding:16px 10px;}
	.productlist ul li .pic{ width:36%;}
	.productlist ul li figure{ width:61%;}
	
	.History{ padding-top:30px;}
	.History .year{ height:70px;}
	.History .year ul li{ margin:17px 20px 0; height:70px; width:70px !important; font-size:14px; line-height:14px;}
	.History .year ul li.on{padding:26px 0; line-height:16px; border-radius:70px;}
	.History .year ul li.ar{padding:11px 0; }
	.History .year ul li.on a.hover span{ height:4px; line-height:4px;}
	.History .year ul li a span{ margin-top:0;}
	.History .list ul li{ padding:0 30px 0 0;}
	.History .list ul li.even{ padding:0 0 0 30px;}
	.History .list ul li.li-hover:after{ width:30px; height:30px; background-size:cover; right:-15px; left:auto; top:-3px;}
	.History .list ul li.li-hover.even:after{left:-15px; right:auto;}
	
	.joblist dl dt{ font-size:14px;}
	.joblist dl .throw{ font-size:12px; width:60px;}


}

/*面包屑导航*/
.position a.a_last{color: #333;}


/*产品页的弹窗*/
.serviceForm,.serviceForm2{
	width: 507px;
	max-width: 100%; 
	height: 507px; 
	position: absolute; 
	top: 30%; 
	left: 40%; 
	margin-left: -254px; 
	display: none; 
	z-index: 11;
}





@media screen and (min-width:768px ) {
.linkbox{ width:25%; float:left; min-height: 230px;}
}

@media screen and (max-width:768px ) {
.Currents{ display:none;}

}  

.glyphicon-menu-down::before{content: "\e260";}
.HtabTit li.on .glyphicon-menu-down::before{content: "\e259";}


.Pagewidth.SinglePage.new h3{ text-align:center; border-bottom:1px solid #eee; padding-bottom:20px;}

.joblist dl dd{ cursor:pointer;}
.joblist dl dd span.first:hover{ color:#e4282e}



@media screen and (max-width:640px ) {
.p-downloadAPP li{ width:100%; margin: 0 0 5% 0 !important;}
.p-downloadAPP li a{
display: block;
max-width: 199px;
margin: 0 auto;}









}





.c-maps{ float:right; width:669px; height:363px;}
.c-maps img{ max-width:none;}






    .mejs-inner, 
    .mejs-inner div, 
    .mejs-inner a, 
    .mejs-inner span, 
    .mejs-inner button, 
    .mejs-inner img { 
        margin: 0; 
        padding: 0; 
        border: none; 
        outline: none; 
    } 
	    .mejs-container { 
        position: relative; 
        background: #000000; 
    } 
     
    .mejs-inner { 
        position: relative; 
        width: inherit; 
        height: inherit; 
    } 
     
    .me-plugin { position: absolute; } 
     
    .mejs-container-fullscreen .mejs-mediaelement, 
    .mejs-container-fullscreen video, 
    .mejs-embed, 
    .mejs-embed body, 
    .mejs-mediaelement { 
        width: 100%; 
        height: 100%; 
    } 
     
    .mejs-embed, 
    .mejs-embed body { 
        margin: 0; 
        padding: 0; 
        overflow: hidden; 
    } 
     
    .mejs-container-fullscreen { 
        position: fixed; 
        left: 0; 
        top: 0; 
        right: 0; 
        bottom: 0; 
        overflow: hidden; 
        z-index: 1000; 
    } 
     
    .mejs-background, 
    .mejs-mediaelement, 
    .mejs-poster, 
    .mejs-overlay { 
        position: absolute; 
        top: 0; 
        left: 0; 
    } 
     
    .mejs-poster img { display: block; } 
	    .mejs-overlay-play { cursor: pointer; } 
     
    .mejs-inner .mejs-overlay-button { 
        position: absolute; 
        top: 50%; 
        left: 50%; 
        width: 50px; 
        height: 50px; 
        margin: -25px 0 0 -25px; 
        background: url(../img/play.png) no-repeat; 
    } 
	    .mejs-container .mejs-controls { 
        position: absolute; 
        width: 100%; 
        height: 34px; 
        left: 0; 
        bottom: 0; 
        background: rgb(0,0,0); 
        background: rgba(0,0,0, .7); 
    } 
     
    .mejs-controls .mejs-button button { 
        display: block; 
        cursor: pointer; 
        width: 16px; 
        height: 16px; 
        background: transparent url(../img/controls.png); 
    } 
	    .mejs-controls div.mejs-playpause-button { 
        position: absolute; 
        top: 12px; 
        left: 15px; 
    } 
     
    .mejs-controls .mejs-play button, 
    .mejs-controls .mejs-pause button { 
        width: 12px; 
        height: 12px; 
        background-position: 0 0; 
    } 
     
    .mejs-controls .mejs-pause button { background-position: 0 -12px; } 
     
    .mejs-controls div.mejs-volume-button { 
        position: absolute; 
        top: 12px; 
        left: 45px; 
    } 
     
    .mejs-controls .mejs-mute button, 
    .mejs-controls .mejs-unmute button { 
        width: 14px; 
        height: 12px; 
        background-position: -12px 0; 
    } 
     
    .mejs-controls .mejs-unmute button { background-position: -12px -12px; } 
     
    .mejs-controls div.mejs-fullscreen-button { 
        position: absolute; 
        top: 7px; 
        right: 7px; 
    } 
     
    .mejs-controls .mejs-fullscreen-button button, 
    .mejs-controls .mejs-unfullscreen button { 
        width: 27px; 
        height: 22px; 
        background-position: -26px 0; 
    } 
     
    .mejs-controls .mejs-unfullscreen button { background-position: -26px -22px; } 
	    .mejs-controls div.mejs-horizontal-volume-slider { 
        position: absolute; 
        cursor: pointer; 
        top: 15px; 
        left: 65px; 
    } 
     
    .mejs-controls .mejs-horizontal-volume-slider .mejs-horizontal-volume-total { 
        width: 60px; 
        background: #d6d6d6; 
    } 
     
    .mejs-controls .mejs-horizontal-volume-slider .mejs-horizontal-volume-current { 
        position: absolute; 
        width: 0; 
        top: 0; 
        left: 0; 
    } 
     
    .mejs-controls .mejs-horizontal-volume-slider .mejs-horizontal-volume-total, 
    .mejs-controls .mejs-horizontal-volume-slider .mejs-horizontal-volume-current { 
        height: 4px; 
     
        -webkit-border-radius: 2px; 
        -moz-border-radius: 2px; 
        border-radius: 2px; 
    } 
	    .mejs-controls div.mejs-time-rail { 
        position: absolute; 
        width: 100% !important; 
        left: 0; 
        top: -10px; 
    } 
     
    .mejs-controls .mejs-time-rail span { 
        position: absolute; 
        display: block; 
        cursor: pointer; 
        width: 100%; 
        height: 10px; 
        top: 0; 
        left: 0; 
    } 
     
    .mejs-controls .mejs-time-rail .mejs-time-total { 
        background: rgb(152,152,152); 
        background: rgba(152,152,152, .5); 
    } 
     
    .mejs-controls .mejs-time-rail .mejs-time-loaded { 
        background: rgb(0,0,0); 
        background: rgba(0,0,0, .3); 
    } 
     
    .mejs-controls .mejs-time-rail .mejs-time-current { width: 0; } 
	    .mejs-controls .mejs-time-rail .mejs-time-handle { 
        position: absolute; 
        cursor: pointer; 
        width: 16px; 
        height: 18px; 
        top: -3px; 
        background: url(../img/handle.png); 
    } 
     
    .mejs-controls .mejs-time-rail .mejs-time-float { 
        position: absolute; 
        display: none; 
        width: 33px; 
        height: 23px; 
        top: -26px; 
        margin-left: -17px; 
        background: url(../img/tooltip.png); 
    } 
     
    .mejs-controls .mejs-time-rail .mejs-time-float-current { 
        position: absolute; 
        display: block; 
        left: 0; 
        top: 4px; 
     
        font-family: Helvetica, Arial, sans-serif; 
        font-size: 10px; 
        font-weight: bold; 
        color: #666666; 
        text-align: center; 
    } 
     
    .mejs-controls .mejs-time-rail .mejs-time-float-corner { display: none; } 
	mejs-controls .mejs-time-rail .mejs-time-current, 
.mejs-controls .mejs-horizontal-volume-slider .mejs-horizontal-volume-current { 
    background: #82d344; 
    background: -webkit-linear-gradient(top, #82d344 0%, #51af34 100%); 
    background: -moz-linear-gradient(top, #82d344 0%, #51af34 100%); 
    background: -o-linear-gradient(top, #82d344 0%, #51af34 100%); 
    background: -ms-linear-gradient(top, #82d344 0%, #51af34 100%); 
    background: linear-gradient(top, #82d344 0%, #51af34 100%); 
} 



@media screen and (min-width:992px ) { 
	.Menu .TwoNav{ right:400px;}

}


.btmicontlist1:hover,.btmicontlist2:hover,.btmicontlist3:hover{color:RGB(163,53,53) !important;}



@media screen and (max-width:768px ) { 
.NavMobile .MainNav ul li a { background:#0b6d99 url(../images/nav08.png) no-repeat right center;}
.NavMobile .MainNav ul li.active a {background:#0b6d99 url(../images/nav07.png) no-repeat right center;}
.NavMobile .MainNav ul li .SubTwo dt a {background: url(../images/nav08.png) no-repeat right center;}
.NavMobile .MainNav ul li .SubTwo  a {background: none;}
.NavMobile .MainNav ul li .SubTwo dl.active dt  a {background: url(../images/nav07.png) no-repeat right center;}
.NavMobile .MainNav ul li a{ font-size: 16px;}
.NavMobile .MainNav ul li .SubTwo dd a{ font-size: 15px;}
.Fixbox{top: 40%;}
}


@media screen and (max-width:645px ) { 
.Botcotact .slogo .txt2{text-align: left;

padding-left: 57px;}
.Botcotact .slogo .txt1 span {
    float: left;
    margin-left: 15px;

}
.HomeBanner .prev, .HomeBanner .next{ margin: -12.5px 0 0 0;}
.header-fixed,.NavMobile{ position: absolute;}
.Header{ box-shadow: none;}
.NavMobile{ top: 93px;}
.Banner,.HomeBanner{/*padding-top: 109px;*/ background: #fff; position:relative;}
}

.topR .iconfont { font-size: 15px;padding-right: 8px;}

@media screen and (min-width:992px){ 
 body{ padding-top:133px;}

}






/* 20170106 */
/* iPads (landscape)横屏 ----------- */ 
@media only screen  
and (min-device-width : 768px)  
and (max-device-width : 1024px)  
and (orientation : landscape) { 
  .HomeBanner .bd li{width: 100%;}
  .HomeBanner .bd li img{width: 100%;} 
    /* 新闻报到时间  */
  .n-medialist li figure dl{padding:10px 5px;overflow: hidden;}
  /* 首页产品  */
  .Hproduct ul li figure .desc2{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
  /*.Hproduct ul li figure .more{display: none;}*/
  .Hproduct ul li figure .desc1{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}

  .NavMobile{display: none;}
} 

/* iPads (portrait) 竖屏----------- */ 
@media only screen  
and (min-device-width : 768px)  
and (max-device-width : 1024px)  
and (orientation : portrait) { 
  /* 内页banner  */
  .Banner{/*padding-top: 127px;*/}
  /* 新闻报到时间  */
   .n-medialist li figure dl{overflow: hidden;padding:10px 5px;}
   /* 首页产品  */
  .Hproduct ul li figure .desc2{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
  /*.Hproduct ul li figure .more{display: none;}*/
  .Hproduct ul li figure .desc1{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}

  #newBridge .icon-right-center{top:37% !important;}

} 


@media screen and (max-width:767px ) { 
 /* 首页产品  */
  .Hproduct ul li figure .desc2{}
  /*.Hproduct ul li figure .more{display: none;}*/
  .Hproduct ul li figure .desc1{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}


  /* 商桥  */
  #newBridge{display: none;}


  #newBridge .nb-icon-right-center{top:31% !important;}
}
@media screen and (max-width:769px ) { 
  .header-fixed{position:relative;height: auto !important;}
  .NavMobile{ position:absolute;}
}
.n-medialist li{
  border: 1px solid #dfdfdf;
}

.n-medialist li figure{border:none;}


#newBridge .icon-right-center{right: auto !important;
 
left: 0px !important;
 }
@media screen and (max-width:769px ) { 
 #newBridge .icon-right-center{ top: 60%;
 }
}

/**********************************************************
czf add  罗哥样式
**********************************************************/
.item, a {outline: 0;outline-color: currentcolor;outline-style: none;outline-width: 0px;}
.item{color:#000;}
/*标题文本*/
.item h4 {padding: 10px 20px; margin: 0; font-size: 16px; color: #003481; line-height: 26px; background-color: #eee;}

.item .t1 {/*padding: 28px 0 30px;*/
    font-size: 15px; color: #000; line-height: 32px;}/*595959*/

ul.list-paddingleft-2 { padding-left: 2em;}
.item ul{padding-left: 2em; margin:10px 0px;}/*list-style: none;*/

/*列表样式*/
.item ul li {list-style-type:disc;}/*none*/

.item .ul_none li{list-style-type: none;/*无样式*/}
.item .ul_square li{list-style-type: square;/*小方块*/}
.item .ul_circle li{list-style-type: circle;/*空心圆*/}
.item .ul_disc li{list-style-type: disc;/*实心圆*/}

/*段落文本*/
.item p{margin-bottom: 5px; color:#000;/*line-height: 1.5em;*/ line-height:32px;}
.item p span{color:#000;}/*515151*/

 /**分页*********************************/
 .Pages li{float:left; text-align:center;}
 
 /**表格样式***********************************/
 .bordered {
    border: solid #ccc 1px;
    -moz-border-radius: 6px;
    -webkit-border-radius: 6px;
    border-radius: 6px;
    -webkit-box-shadow: 0 1px 1px #ccc; 
    -moz-box-shadow: 0 1px 1px #ccc; 
    box-shadow: 0 1px 1px #ccc;         
}

.bordered tr:hover {
    /*background: #fbf8e9;*/
    background: #ccccff;
    -o-transition: all 0.1s ease-in-out;
    -webkit-transition: all 0.1s ease-in-out;
    -moz-transition: all 0.1s ease-in-out;
    -ms-transition: all 0.1s ease-in-out;
    transition: all 0.1s ease-in-out;     
}    
    
.bordered td, .bordered th {
    border-left: 1px solid #ccc;
    border-top: 1px solid #ccc;
    padding: 8px;
    text-align: left;    
}

.bordered th {
    background-color: #dce9f9;
    background-image: -webkit-gradient(linear, left top, left bottom, from(#ebf3fc), to(#dce9f9));
    background-image: -webkit-linear-gradient(top, #ebf3fc, #dce9f9);
    background-image:    -moz-linear-gradient(top, #ebf3fc, #dce9f9);
    background-image:     -ms-linear-gradient(top, #ebf3fc, #dce9f9);
    background-image:      -o-linear-gradient(top, #ebf3fc, #dce9f9);
    background-image:         linear-gradient(top, #ebf3fc, #dce9f9);
    -webkit-box-shadow: 0 1px 0 rgba(255,255,255,.8) inset; 
    -moz-box-shadow:0 1px 0 rgba(255,255,255,.8) inset;  
    box-shadow: 0 1px 0 rgba(255,255,255,.8) inset;        
    border-top: none;
    text-shadow: 0 1px 0 rgba(255,255,255,.5); 
}

.bordered td:first-child, .bordered th:first-child {
    border-left: none;
}

.bordered th:first-child {
    -moz-border-radius: 6px 0 0 0;
    -webkit-border-radius: 6px 0 0 0;
    border-radius: 6px 0 0 0;
}

.bordered th:last-child {
    -moz-border-radius: 0 6px 0 0;
    -webkit-border-radius: 0 6px 0 0;
    border-radius: 0 6px 0 0;
}

.bordered th:only-child{
    -moz-border-radius: 6px 6px 0 0;
    -webkit-border-radius: 6px 6px 0 0;
    border-radius: 6px 6px 0 0;
}

.bordered tr:last-child td:first-child {
    -moz-border-radius: 0 0 0 6px;
    -webkit-border-radius: 0 0 0 6px;
    border-radius: 0 0 0 6px;
}

.bordered tr:last-child td:last-child {
    -moz-border-radius: 0 0 6px 0;
    -webkit-border-radius: 0 0 6px 0;
    border-radius: 0 0 6px 0;
}

/**常用字体大小***************************/
.f12{font-size:16px;}
.f13{font-size:16px;}
.f14{font-size:16px;}
.f15{font-size:16px;}
.f16{font-size:16px;}
.f18{font-size:16px;}
.f20{font-size:16px;}
.f24{font-size:16px;}
.f30{font-size:16px;}
.f36{font-size:16px;}

/** 增加移动端文章效果 2025/05/27**/
body {
  font: 400 1em/1.8 'PingFang SC', 'Microsoft Yahei', 'Avenir', 'Segoe UI', 'Hiragino Sans GB', STHeiti, 'Microsoft Sans Serif', 'WenQuanYi Micro Hei', sans-serif;
    font-size: 1em;
    line-height: 1.8;
  color: #333333;
}

.item {font-size: 18px;}

.item p {
  line-height: 34px;
  margin-bottom: 15px;/*30*/
  overflow-wrap: break-word;
  word-wrap: break-word;
font-size: 18px;
}

.item ul li{
  line-height: 34px;
  overflow-wrap: break-word;
  word-wrap: break-word;
font-size: 18px;
}