@charset "utf-8";
html{ font:normal 62.5%/2.3em '微软雅黑',Arial,"宋体"; }
body{ padding:0px; margin:0px auto; font-size:1.6em; color:#636363; min-width:320px; -webkit-text-size-adjust:none;
-webkit-text-size-adjust:none;
-webkit-tap-highlight-color:rgba(0,0,0,0); -webkit-tap-highlight:rgba(0,0,0,0); /*取出点击出现半透明的灰色背景*/
-webkit-user-select: none;  /*控制内容的可选择性*/
-ms-user-select: none;
-moz-user-select: none;
-khtml-user-select: none;
user-select: none;
}
ul,li,form, dl,dt,dd, div{ padding:0px; margin:0px;}
.h1,.h2,.h3,.h4,.h5,.h6,.p{ padding:0px; margin:0px;}
select,input,em,textarea{ font-size:1em; font-style:normal; color:#636363; font-family:'微软雅黑'; border-radius:0; -webkit-border-radius:0;}
img,object{ border:none; max-width:100%; border:0; overflow:hidden; vertical-align:top;}
a{ color:#636363; text-decoration:none; noline:-webkit-tap-highlight-color:rgba(0,0,0,0);}  /* 去掉链接触摸高亮 */
a:focus {outline:none; -moz-outline:none;}
.Texthide{ display:none;}


.HomeContain{ width:100%; margin-bottom:2%;}
.Contain{ width:100%; min-width:320px; margin:0 auto;}
.SinglePage{ text-justify:inter-ideograph; text-align:justify; word-wrap:break-word; clear:both; overflow:hidden;}

.space{ width:100%; height:1em; clear:both; overflow:hidden; zoom:0;}
.clear{ clear:both; height:0px; overflow:hidden; zoom:0;}

/*top*/
.Top{ width:100%; padding:7px 0px 0px; background:url(../images/top_bg.png) repeat-x left top;}
.Top .TopBox{ width:100%; padding:11px 0 19px; border-bottom:1px solid #ebebeb;}
.Top .logo{ float:left; margin-top:2%;}
.Top .logo a{ display:block;}
.Top .Rbox{ float:right;}
.Top .guard{ float:left; display:inline-block; margin-right:30px;}
.Top .form-group{ margin-top:8%;}
.Top .SreachBox{ display:inline-block; float:left; position:relative; margin-right:6px;}
.Top .SreachBox .sreach_ipu{ display: inline-block; float:left; width:175px; height:23px; border:1px solid #d2d2d2;}
.Top .SreachBox .sreach_btn{ position:absolute; top:0px; right:0px; background:url(../images/ico1.png) no-repeat center center; display:inline-block; width:25px; height:23px;}

.Top .form-group span a.en{ background:url(../images/en.png) no-repeat left top; display:inline-block; width:24px; height:23px; margin-left:4px;}
.Top .form-group span a.cn{ background:url(../images/ico.png) no-repeat left top; display:inline-block; width:24px; height:23px; margin-left:4px;}

.navbar{ min-height:0px !important; margin-bottom:0px !important; border:none !important;}
.navbar-default{ background:none !important;}
.nav.mainnav li{}
.nav.mainnav li a{ color:#373737; font-size:0.875em;}
.nav.mainnav li a.onnav{ background:url(../images/nav_bg.png) no-repeat center bottom;}
.nav.mainnav li a:hover{ background:url(../images/nav_bg.png) no-repeat center bottom !important;}
/*top*/

/*bottom*/
.footer{ width:100%; background:#636363; padding:1%; margin-top:50px;}
.copyright{ width:100%; font-size:12px; color:#e0e0e0;}
.copyright.copyMd{ display:block;}
.copyright.copySm{ display:none;}
.Links{ font-size:12px; width:100%;}
.Links.linkMd{ display:block;}
.Links.linkSm{ display:none;}
.Links a{ display:inline-block; color:#e0e0e0;}
.Links em{display:inline-block; color:#e0e0e0; padding:0 6px;}

/*bottom*/



/*index*/
.HomeBan{ width:100%; position:relative; margin-bottom:40px;}
.HomeBan .BanList{ width:100%;}
.HomeBan .BanList li{ width:100%; display:block;}
.HomeBan .BanList li a{ display:block; width:100%;}
.HomeBan .BanList li a img{ width:100%;}
.HomeBan .TabList{ width:100%; position:absolute; bottom:0px; text-align:center;}
.HomeBan .TabList li{ display:inline-block; width:10px; height:10px; margin:0 5px 10px 5px; background:url(../images/li.png) no-repeat left top;}
.HomeBan .TabList li.on{background:url(../images/li_on.png) no-repeat left top;}

.CulTitle{ width:100%; background:url(../images/line.png) no-repeat left bottom; margin-bottom:23px;}
.CulTitle em{ font-size:1.125em; color:#014284; line-height:2.2em; display:inline-block; font-weight:bold;}
.CulTitle a.more{ display:inline-block; float:right; padding-left:20px; background:url(../images/ico2.png) no-repeat left center; color:#c60007; line-height:2.2em;}

.InCase{ width:100%; margin-bottom:28px;}
.InCase figure{ margin-bottom:5%;}
.InCase figure,.InCase figcaption{ width:100%;}
.InCase figure img{ width:100%; margin:auto;}
.InCase figcaption .Catitle{ width:100%; padding:3% 0; display:block; color:#414141; font-weight:bold;}
.InCase figcaption p{ font-size:0.85em; color:#585858; line-height:2.2em;}

.App{ width:100%; position:relative; margin-bottom:20px;}
.App a{ display:block; margin:auto;}
.App a img{ width:100%;}
.App .IntroT{ position:absolute; background:rgba(0,0,0,0.6); display:block; width:100%; bottom:0px; color:#fff; padding:2% 6px;}

.Inews{ width:100%; margin-bottom:28px;}
.Inews li{ border-bottom:1px solid #f0f0f0; overflow:hidden; margin-bottom:4px; padding:2px 0;}
.Inews li a.img{ display:inline-block; width:26%; float:left; margin-right:12px;}
.Inews li a.img img{ width:100%;}
.Inews li a.h5{ color:#014284; font-weight:bold; display:block; margin-top:0px;}
.Inews li p{ font-size:0.85em; color:#888888; line-height:2em; margin-bottom:0;}

.address{ font-size:12px; color:#30261c; margin-bottom:10px;}
.address span{ display:block;}
.adres{ width:100%; overflow:hidden;}
.adres .code{ width:25%; display:inline-block; float:left; padding:5px; border:1px solid #dbdbdb;  margin-right:4%;}
.adres .code img{ width:100%;}
.adres .way{}
.adres span{ display:block; padding-left:26px; margin-bottom:4%;}
.adres span img{ width:6%; vertical-align:middle; margin-right:2%;}
/*index*/

/*banner*/
.Banner{ width:100%; margin-bottom:4%;}
.Banner img{ width:100%;}
/*banner*/

/*MenuList*/
.SildeBar{ width:19.2%; float:left;}
.Maincontain{ width:80.8%; float:right; }

.MenuList{ width:100%;}
.MenuList figcaption{ font-size:18px; line-height:57px; color:#ffffff; background:#002e7c; font-weight:bold; padding-left:14px;}
.MenuList .list-group{ border-radius:none}
.MenuList .list-group li{ background:#f7f7f7; height:48px; line-height:48px; padding:4px 2px !important; text-overflow:ellipsis; white-space:nowrap; overflow:hidden;}
.MenuList .list-group-item:first-child{ border-radius:0px !important;}
.MenuList .list-group-item:last-child{ border-radius:0px !important;}
.MenuList .list-group li a{ display:block; font-size:14px; line-height:48px; color:#6b6a6a; padding-left:20px; background:url(../images/ico3_1.png) no-repeat 90% center; }
.MenuList .list-group li a:hover,.MenuList .list-group li a.onmenu{ background:url(../images/ico3.png) no-repeat 90% center #00489a; text-decoration:none !important; line-height:32px; margin-top:8px; color:#fff;}

.CodeDiv{ width:100%; margin-top:20px; padding:20px 0 0px; border:1px solid #dcdcdc; border-radius:5px; text-align:center;}
.CodeDiv img{ margin:auto;}
.CodeDiv figcaption{ text-align:center; color:#6b6a6a; padding:4% 0;}

.ContactDiv{ width:100%;  margin-top:20px; border:1px solid #dcdcdc; border-radius:5px;}
.ContactDiv .tol{ width:100%;}
.ContactDiv .Tel{ color:#00489a; padding:10px 15px;}
.ContactDiv .Tel img{ float:left; margin-right:10px;}
.ContactDiv .Tel span{ display:block;margin:0px; padding:0; line-height:14px;}
.ContactDiv .Tel strong{ font-size:18px; font-family:Arial; font-weight:bold; color:#00489a; margin:0px; padding:0;}
/*MenuList*/

/*Current*/
.Current{ width:100%; overflow:hidden; line-height:32px; background:url(../images/line.png) no-repeat left bottom; margin-bottom:21px;}
.Current em{ display:inline-block; float:left; color:#00489a; font-weight:bold;}
.Current .location{ float:right;}
.Current .location a{ display:inline-block; font-size:12px; color:#666666;}
.Current .location span{ display:inline-block; font-size:12px; color:#666666;}
/*Current*/

/*Pages*/
.Pages{ margin:30px 0 51px 0; line-height:34px; zoom:1; overflow:hidden; color:#333; font-size:12px; float:right;}
.Pages span{ padding:0px 3px; display:inline-block;}
.Pages a{ display:inline-block; margin:0px 2px; text-align:center; float:left;}
.Pages a:hover{ text-decoration:none;}
.Pages a.a_next{ width:74px; height:34px; line-height:34px; text-align:center; border:1px solid #e3e3e3;}
.Pages a.a_prev{width:74px; height:34px; line-height:34px; text-align:center; border:1px solid #e3e3e3;}
.Pages .p_cur b{ color:#F00;}
.Pages .p_jump b{ color:#333; font-weight:normal;}
.Pages .p_page{ float:left;}
.Pages .p_page em{ font-style:normal; font-family:Arial;}
.Pages .p_page em a{width:44px; height:34px; border:1px solid #e3e3e3;}
.Pages .p_page em a:hover{color:#fff; background:#c60007; text-decoration:none;}
.Pages .p_page em a.a_cur{ color:#fff; background:#c60007;}
.Pages .p_page .a_end{ width:74px; height:34px; line-height:34px; text-align:center; border:1px solid #e3e3e3;}
.Pages .p_page b{ font-weight:normal;}
.Pages .i_text{ width:34px; height:34px;line-height:34px;text-align:center; font-size:12px; background:url(../images/page.png) no-repeat left center; margin:0px 2px; font-weight:normal; }
.Pages .i_button {width:34px; height:34px; cursor:pointer; border:none; border-radius:3px; background:#9c7e73; text-align:center; margin-left:10px; color:#fff;}
/*Pages*/

/*product*/
.PdBox{ width:100%; border:1px solid #e3e3e0; background:#fafafa; padding:9px; margin-bottom:21px;}
.PdBox a{ display:block;}
.PdBox .Img{ border:1px solid #e3e3e0;}
.PdBox figcaption{ width:100%;}
.PdBox figcaption .PdT{ text-align:center; color:#c60007; font-size:16px; font-weight:bold; padding:4px 0;}
.PdBox figcaption p{ font-size:12px; color:#585858; line-height:24px;}
.PdBox figcaption .more{ color:#c60007; font-size:12px; text-decoration:underline #c60007; margin-bottom:10px;}
/*product*/

/*productInfo*/
.InforBox{ width:100%; overflow:hidden; margin-bottom:40px;}
.InforBox .Bimg{ width:56%; border:1px solid #c6c6c6; padding:0.4%; float:left;}
.InforBox .Intro{ width:40%; height:100%; float:right;}
.InforBox .Intro em{ display:block; font-size:27px; color:#545454; font-weight:bold; line-height:50px;}
.InforBox .Intro .hold{ padding:1% 0;}
.InforBox .Intro .hold li{ font-size:12px; line-height:28px; color:#888888; list-style-image:url(../images/ico4.png);}
.InforBox .Intro .Simg{ width:100%;}
.InforBox .Intro .Simg ul{ overflow:hidden;}
.InforBox .Intro .Simg li{ width:32%; margin-right:1.3%; list-style-type:none; float:left; border:1px solid #cacaca; padding:1%; position:relative; overflow:hidden; cursor:pointer;}
.InforBox .Intro .Simg li.on{}
.InforBox .Intro .Simg li a{ position:absolute; display:none; top:0px; left:0px; background:url(../images/bg.png) repeat left top; padding:50% 100%;}
.InforBox .Intro .Simg li.on a{ display:block;}

.Tab{ width:100%; background:url(../images/tab_bg.png) repeat-x left top; padding:1% 12px 0;}
.Tab ul{ margin-bottom:0 !important;}
.Tab li{ display:inline-block;}
.Tab li.ontab{}
.Tab li.ontab a{ background:#fff; background:url(../images/tab_bg_1.png) repeat-x left top #fff; text-decoration:none;}
.Tab li a{ display: block; font-size:16px; color:#1e1e1e; line-height:39px; padding:0 20px; cursor:pointer;}
.Tab li a:hover { background:#fff; background:url(../images/tab_bg_1.png) repeat-x left top #fff; text-decoration:none;}

.ContBox{ width:100%; overflow:hidden;}
.ContBox .Box{ display:none; width:100%; padding-top:20px;}
.ContBox .Box p{ color:#66666; font-size:12px; line-height:20px;}
/*productInfo*/

/*Case*/
.CaseBox{ width:100%; border:1px solid #e3e3e0; background:#fafafa; margin-bottom:21px;}
.CaseBox.shadow{ box-shadow:2px 2px 2px #d6d6d6,-2px -2px 2px #d6d6d6;}
.CaseBox a{ display:block;}
.CaseBox .Img{ border-bottom:2px solid #f0f0ee; padding:3px;}
.CaseBox figcaption{ width:100%;}
.CaseBox figcaption .PdT{ text-align:center; color:#333333; font-size:14px; font-weight:bold; padding:4px 8%;}
.CaseBox figcaption p{ font-size:12px; color:#585858; line-height:24px; word-wrap:break-word; margin:0 3.6%;}
.CaseBox figcaption .more{ color:#c60007; font-size:12px; text-decoration:underline #c60007;  margin:10px 3.6%; margin-bottom:20px;}
/*Case*/

/*service*/
.Question{ width:100%; overflow:hidden;}
.Question li{ line-height:36px; /*background:#f2f2f2; padding:0 10px;*/ margin-bottom:10px; overflow:hidden;}
.Question li a{ width:100%; display:inline-block; background:url(../images/ico5.png) no-repeat 10px center #f2f2f2; padding:0 10px 0 22px; color:#5d5d5d; font-size:12px;}
.Question li a em{ display:inline-block;}
.Question li a.ona{}
.Question li a.ona em{ color:#c60007; font-weight:bold;}
.Question li a:hover{ text-decoration:none;}
.Question li a:hover em{ color:#c60007; font-weight:bold;}
.Question li a span{ display:inline-block; float:right; font-size:12px; color:#666666;}
.Question li .Answer{ padding:10px 22px; display:none;}
.Question li .Answer b{ color:#c60007; font-weight:bold; float:left; line-height:24px;}
.Question li .Answer p{ font-size:12px; color:#666666; line-height:24px;}
/*service*/


/*News*/
.Newlist{ width:100%;}
.Newlist ul{ overflow:hidden;}
.Newlist li{ width:100%; list-style-type:none; overflow:hidden; padding-bottom:21px; border-bottom:1px solid #ebebeb; margin-bottom:21px;}
.Newlist li a.img{ display:inline-block; border:1px solid #e5e5e5; padding:3px; width:25%;}
.Newlist li .DetailBox{ float:right; display:inline-block; width:72%;}
.Newlist li .DetailBox em{ display:block; }
.Newlist li .DetailBox em a{ display:inline-block; font-size:14px; color:#333333;}
.Newlist li .DetailBox em span{ display:inline-block; float:right; color:#999999; font-size:12px;}
.Newlist li .DetailBox em a:hover{ color:#c60007; font-weight:bold; text-decoration:none;}
.Newlist li .DetailBox .hod{ font-size:12px; color:#919191; padding:2% 0; line-height:24px;}
.Newlist li .DetailBox .detail{ background:url(../images/ico5_06.png) no-repeat left top; width:37px; height:6px; display:block; margin-top:2%;}
/*News*/

/*NewInfo*/
.Title{ width:100%; border-bottom:1px solid #e5e5e5; padding-bottom:8px;}
.Title em{ width:100%; text-align:center; color:#333333; font-size:14px; display:block; margin-bottom:10px;}
.Title .source{ width:100%; text-align:center;}
.Title .source span{ display:inline-block; color:#666666; font-size:12px;}
.Title .source span b{ font-weight:normal; color:#999999;}

.content{ width:100%; padding:16px 0;}
.content p{ font-size:12px; color:#666666; line-height:24px;}


.PrevNextBox{ width:100%; margin-top:40px;}
.PrevNextBox .h1{ font-size:12px; font-weight:normal;}
.PrevNextBox a{ font-size:12px; color:#666666;}
.PrevNextBox a:hover{ color:#c60007; text-decoration:none;}
.PrevNextBox dl.next{ text-align:right;}
.PrevNextBox a.none{ cursor:default;}
.PrevNextBox a.none:hover{ color:#ccc;}
/*NewInfo*/

/*Careers*/
.CarList{ width:100%; overflow:hidden;}
.CarList .CarBox{ padding:12px 0; background:#fafafa; border:1px solid #efefef; margin-bottom:21px;}
.CarList .CarBox .Head{ text-align:center;}
.CarList .CarBox .Head img{ margin:auto;}
.CarList .CarBox .Job{}
.CarList .CarBox .Job .JobT{ width:100%; border-bottom:1px dashed #eaeaea; padding-bottom:8px;}
.CarList .CarBox .Job .JobT em{ color:#bc0005; font-weight:bold; display:block; line-height:28px;}
.CarList .CarBox .Job .JobT span{ color:#aaaaaa; font-size:12px; line-height:26px; display:block;}
.CarList .CarBox .Job .Hold{ padding:12px 0; font-size:12px; color:#666666; line-height:28px;}

/*Careers*/

/*Contact*/
.Contact{ width:100%; overflow:hidden;}
.Contact .ConInfo{}
.Contact .ConInfo em{ font-size:17px; color:#656565; font-weight:bold; display:block; line-height:28px;}
.Contact .ConInfo address{ color:#656565; font-size:14px; line-height:28px;}
/*Contact*/


/*Honor*/
.HonorList{ width:100%;}
.HonorList ul{ overflow:hidden;}
.HonorList li{  list-style-type:none; margin-bottom:21px;}
.HonorList li .hbox{ border:2px solid #e3e3e0;}
.HonorList li .hbox.onhor{ border:2px solid #d13339;}
.HonorList li .hbox.onhor .Ht{ background:#d13339; color:#fff;}
.HonorList li .hbox .imgbox{ width:100%; border-bottom:1px solid #e3e3e0; padding:2px; display:block; text-align:center;}
.HonorList li .hbox .Ht{ text-align:center; display:block; width:100%; font-size:12px; color:#333333;  padding:8px 0;}
.HonorList li .hbox .Ht:hover{ text-decoration:none;}
/*Honor*/



/*Pages*/
/*Pages*/


@media (max-width: 414px){

	
}

@media (max-width: 546px){

	
}

@media (max-width: 606px){
.Newlist li a.img{ width:100%;}
.Newlist li a.img img{ width:100%;}

.Newlist li .DetailBox{ width:100%;}

}

@media (max-width: 669px){

}

@media (max-width: 838px){
.Inews .nt{ font-size:13px;}

}

@media (max-width: 1310px){
.Inews .nt{ font-size:12px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
.Inews .nt{ font-size:12px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
.Inews li p{ height:42px; overflow:hidden;text-overflow:ellipsis; line-height:1.8em; }

.address strong{overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
.address span{overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}

.adres .way span{ text-overflow:ellipsis; white-space:nowrap; margin-bottom:2%;}
}






@media (max-width: 768px) {
.nav.mainnav li{ width:33.3%; float:left;}

.copyright.copyMd{ display:none;}
.copyright.copySm{ display:block;}

.Links.linkMd{ display:none;}
.Links.linkSm{ display:block;}

.Links{ text-align:center;}

.SildeBar{ width:100%; float:none; margin-bottom:40px;}
.Maincontain{ width:100%; float:none; }

.Pages{ float:none; text-align:center;}
.Pages .p_page{ float:none;}
.p_page .num{ display:none;}
.p_page .a_end{ display:none;}




}

@media (max-width: 860px) {
.copyright.copyMd{ display:none;}
.copyright.copySm{ display:block;}

.Links.linkMd{ display:none;}
.Links.linkSm{ display:block;}



.InforBox .Bimg{ width:100%; float:none;}
.InforBox .Intro{ width:100%; float:none;}




	
}

@media (max-width: 992px) {
.copyright.copyMd{ display:none;}
.copyright.copySm{ display:block;}

.Links.linkMd{ display:none;}
.Links.linkSm{ display:block;}

.adres .way span{ margin-bottom:4%;}

.PdBox .Img img{ width:100%;}
.CaseBox .Img img{ width:100%;}
	
}


/* 小屏幕（平板，大于等于 768px） */
@media (min-width: @screen-sm-min) { 
.Top .form-group{ margin-top:0;}
}

/* 中等屏幕（桌面显示器，大于等于 992px） */
@media (min-width: @screen-md-min) { ... }

/* 大屏幕（大桌面显示器，大于等于 1200px） */
@media (min-width: @screen-lg-min) { ... }