@charset "utf-8"; html{ font:normal 62.5%/2.3em "微软雅黑",Arial;} body{ margin:0px; padding:0px; margin:0px auto; font-size:1.2em; color:#414446; width:100%; zoom:1;} ul,li,form, dl,dt,dd, div{ padding: 0px; margin: 0px;} select,input,textarea{ border-radius:0; -webkit-border-radius:0; color:#414446;} input:focus { outline: none;} input,button,select,textarea{outline:none;/*-webkit-appearance:none;*//*强制去除表单自带的样式*/ } textarea{resize:none;/*-webkit-appearance:none;*//*强制去除textarea自带的样式*/ } textarea,input,select { background:none; border:none; margin:0; padding:0;} article,aside,footer,header,hgroup,nav,section,figure,figcaption{ display: block;} /*html5设置*/ figure,figcaption{ margin:0px; padding:0px;} audio,canvas,progress,video { display: inline-block; vertical-align: baseline;} img{ border:none; border:0; vertical-align:top; max-width:100%;} a{ color:#868686; text-decoration:none; noline:-webkit-tap-highlight-color:rgba(0,0,0,0);} a:focus {outline:none; -moz-outline:none;} a:hover{ text-decoration:none; color:#014375;} .clear{ clear:both; height:0px; overflow:hidden;} .clearfix:after{ display: block; font-size: 0; line-height:0; visibility: hidden; height: 0; clear: both; content: " ";} ul li{ list-style-type:none;} em{ font-style:normal;} .Texthide{ display:none;} .Contain{} .Content{ min-height:500px;} .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;} .Main{ max-width:1200px; margin:0 auto;} @media screen and (max-width:1220px){ .Main{ padding:0 10px; min-width:300px; max-width:auto;} } /*top.html*/ .Top{ background:#014375 url(../images/top_bg_1.jpg) no-repeat center center; color:#fff;} .Top .Main{ position:relative; min-height:114px;} .divlogo{ position:absolute; left:0px; top:0px; height:100%;} .divlogo .logo{ display:table; height:100%;} .divlogo .a_logo{ display:table-cell; vertical-align:middle;} @media screen and (max-width:1220px){ .divlogo{ left:10px;} } .TopRight{ float:right; line-height:24px; margin-top:23px; width:50%;} .divLanguage{ float:right; position:relative; z-index:1;} .divLanguage .span{ display:block; background:url(../images/icon_language.png) no-repeat left center; padding-left:20px; cursor:pointer;} .divLanguage .span .font{ display:block; background:url(../images/icon_toDown.png) no-repeat right center; padding-right:15px; color: #fff} .divLanguage .span .font:hover{ color: #fff } .divLanguage ul{ display:none; z-index:2; position:absolute; left:0; width:100%; border: #fff 1px solid;} .divLanguage:hover ul{ display:block;} .divLanguage ul li a{ display:block; display:block; color:#fff; text-align:center;} .divLanguage ul li a:hover{color:#e62129;} .top_line{ float:right; width:0px; height:11px; border-left:#013155 1px solid; margin: 6px 15px;} .SreachBox{ float:right; width:166px; height:24px; line-height:24px; border:#5581a2 1px solid; border-radius:10px; overflow:hidden;} .SreachBox .sreach_btn{ width:24px; height:24px; display:block; float:right; background:url(../images/icon_search.png) no-repeat 3px center;} .SreachBox .sreach_ipu{ width:130px; height:24px; line-height:24px; margin-left:10px; border:0px; background:none; color:#fff;} .TopRight .divWeinxin,.TopRight .divSina{ float:right; position:relative; z-index:1; cursor:pointer; margin-left:9px; height:26px;} .TopRight .divWeinxin .span_weixin{ display:inline-block; width:26px; height:26px; background:url(../images/icon_weixin.png) no-repeat center center;} .TopRight .divWeinxin .divImg,.TopRight .divSina .divImg{ display:none; position:absolute; left:-47px; top:26px; width:118px; z-index:2; line-height: 9px;} .TopRight .divWeinxin .divImg .triangle_border_up,.TopRight .divSina .divImg .triangle_border_up{ display:inline-block; width:0; height:0; border-width:0 9px 9px; border-style:solid; border-color:transparent transparent #fff;/*透明 透明 灰*/ margin:0 54px; line-height:9px;} .TopRight .divWeinxin .divImg .img,.TopRight .divSina .divImg .img{ box-shadow:0px 4px 4px #eee;} .TopRight .divWeinxin .divImg .img img, .TopRight .divSina .divImg .img img{ width:100%;} .TopRight .divWeinxin:hover .span_weixin{ background:url(../images/icon_weixin_on.png) no-repeat center center;} .TopRight .divWeinxin:hover .divImg{ display:block;} .TopRight .divSina .span_Sina{display:inline-block; width:26px; height:26px; background:url(../images/icon_sina.png) no-repeat center center;} .TopRight .divSina:hover .span_Sina{ background:url(../images/icon_sina_on.png) no-repeat center center;} .TopRight .divSina:hover .divImg{ display:block; } .MainNav{ float:right; margin-top:10px;} .MainNav ul li{ float:left; position:relative;} .MainNav ul li .navA{ display:block; padding:0 30px; color:#ccdeec; line-height:56px; font-size:1.25em; text-align:center;} /*.MainNav ul li:last-of-type .navA{ padding-right:0;}*/ .MainNav ul li .divDown{ display:none; position:absolute; left:0px; top:55px; width:100%; z-index:4;} .MainNav ul li .divDown dl{ position:relative; background:#fff; font-size:1.167em; padding:11px 0; min-height: 213px;} .MainNav ul li .divDown dd .navDD{ display:block; text-align:center; line-height:36px; color:#333333;} .MainNav ul li .divDown dd .divTopNewsImg{ display:none; position:absolute; left:100%; top:0px; width:222%; background:url(../images/topNewsImg_bg.png) repeat left top; padding:18%; min-height:192px;} .MainNav ul li .divDown dd .divTopNewsImg .tit{ display:block; text-decoration:underline; overflow: hidden; text-overflow:ellipsis; white-space: nowrap;} .MainNav ul li#nav3 .divDown dd .divTopNewsImg,.MainNav ul li#nav4 .divDown dd .divTopNewsImg,.MainNav ul li#nav5 .divDown dd .divTopNewsImg,.MainNav ul li#nav6 .divDown dd .divTopNewsImg{ left:auto; right:100%;} .MainNav ul li.onnav .navA{ font-weight:bold; } .MainNav ul li:hover .navA{ font-weight:bold; background:url(../images/onmenu_bg.png) no-repeat center bottom;} .MainNav ul li:hover .divDown{ display:block;} .MainNav ul li .divDown dd:hover .navDD{ font-weight:bold; color:#e62129;} .MainNav ul li .divDown dd:hover .divTopNewsImg{ display:block;} .MainNav ul li .divDown dd:hover .divTopNewsImg img{ width:100%;} /*手机站菜单按钮*/ .navbar-toggle{ position:absolute; top:50%; right:0; margin-top:0px; padding: 9px 10px; margin-right: 15px;margin-bottom: 8px;background-color: transparent; background-image: none; border: 1px solid transparent; border-radius: 4px; border-color: #ddd; cursor:pointer; display:none;} .navbar-toggle .icon-bar{display: block; width: 22px; height: 2px; border-radius: 1px; background-color: #888; margin-top: 4px;} .navbar-toggle:hover{ background:#ddd;} @media screen and (max-width:1024px){ .MainNav ul li .divDown dl{ min-height:inherit;} .MainNav ul li .divDown dd:hover .divTopNewsImg{ display:none;} } /*top.html*/ /*banner*/ .HomeBan{ width:100%; position:relative;} .HomeBan .BanList{ width:100%;} .HomeBan .BanList li{ float:left; width:100%; overflow:hidden;} .HomeBan .BanList li a{ width:100%; display:block;} .HomeBan .BanList li a img{ width:100%;} .HomeBan .TabList{ width:100%; height:12px; left:0px; bottom:26px; position:absolute;} .HomeBan .TabList .List{ text-align:center;} .HomeBan .TabList li{ display:inline-block; width:12px; height:12px; padding:0 3px;} .HomeBan .TabList li span{ width:12px; height:12px; display:block; cursor:pointer; background:#fff; border-radius:50%;} .HomeBan .TabList li.on span{ background:#e62129;} @media screen and (max-width:1220px){ .HomeBan .TabList{bottom:5%; } } .Banner img{ width:100%;} /*banner*/ /*bottom.html*/ .toTop{ display:none; position:fixed; right:5%; bottom:10%; background:url(../images/toUp.png) no-repeat center center; width:50px; height:50px;} .Bottom{ background:url(../images/bt_bg.jpg) repeat left top; padding:55px 0;} /*.Bottom .BottomLinks{ float:left; width:78%; min-height:244px;}*/ .Bottom .BottomLinks dl{ float:left; min-height:244px; background:url(../images/bt_dl.png) no-repeat left 12px; padding:0 2.5%; width:11.5%;} .Bottom .BottomLinks dl dt{ font-size:1.167em; color:#bcbcbd; margin-bottom:20px;} .Bottom .BottomLinks dl dd a{ display:block; line-height:28px;} .Bottom .btRight{ float:right; width:17.5%; text-align: right;} .Bottom .btRight .lineBt{ margin-top:40px; margin-bottom:14px; width:100%; height:0px; border-bottom:#fff 1px solid; opacity:0.33;}.Bottom .btRight .divWeinxin,.Bottom .btRight .divSina{ float:right; position:relative; z-index:1; cursor:pointer; margin-left:9px; height:26px;} .Bottom .btRight .divWeinxin .span_weixin{ display:inline-block; width:26px; height:26px; background:url(../images/icon_weixin.png) no-repeat center center;} .Bottom .btRight .divWeinxin .divImg,.Bottom .btRight .divSina .divImg{ display:none; position:absolute; right:0px; left:auto !important; top:26px; width:118px; z-index:2; line-height: 9px; overflow:hidden;} .Bottom .btRight .divWeinxin .divImg .triangle_border_up,.Bottom .btRight .divSina .divImg .triangle_border_up{ display:inline-block; width:0; height:0; border-width:0 9px 9px; border-style:solid; border-color:transparent transparent #fff;/*透明 透明 灰*/ line-height:9px; float:right; margin-right:1px; } .Bottom .btRight .divWeinxin .divImg .img,.Bottom .btRight .divSina .divImg .img{ box-shadow:0px 4px 4px #eee;} .Bottom .btRight .divWeinxin .divImg .img img, .Bottom .btRight .divSina .divImg .img img{ width:100%;} .Bottom .btRight .divWeinxin:hover .span_weixin{ background:url(../images/icon_weixin_on.png) no-repeat center center;} .Bottom .btRight .divWeinxin:hover .divImg{ display:block;} .Bottom .btRight .divSina .span_Sina{display:inline-block; width:26px; height:26px; background:url(../images/icon_sina.png) no-repeat center center;} .Bottom .btRight .divSina:hover .span_Sina{ background:url(../images/icon_sina_on.png) no-repeat center center;} .Bottom .btRight .divSina:hover .divImg{ display:block; } .Bottom .lineBottomLinks{ display:none;} .BottomBt{ background:#282a2d; color:#d3d3d3; line-height:2; padding:15px 0;} .BottomBt .CopyRight{ float:right;} .BottomBt .CopyRight a{ font-weight:bold; color:#d3d3d3; } .BottomBt .links{ float:left;} .BottomBt .links a{ display:inline-block; color:#d3d3d3;} .BottomBt .links a:hover{ color:#014375;} .BottomBt .links em{ display:inline-block; margin:0 10px;} @media screen and (max-width:1220px){ .Bottom{ padding:4.5% 0;} } /*bottom.html*/ /*silde*/ .CurrentCont{ border-bottom:#edf2f5 1px solid;} .CurrentCont .Main{ background:url(../images/column-bg.png) no-repeat left top; padding-top:2%; padding-bottom:2%;} .Current,.Current a{ color:#a2afb8; font-size:1.167em;} .Current a:hover{ color:#014375;} .Current span{ color:#617787;} .CurrentContInfo{ background:#f6f6f6;} .CurrentContInfo .Main{ background:url(../images/column-bg.png) no-repeat right top;} .CurrentContInfo .Main dl{ text-align: right;} .Menu .spanTitle{ display:block; float:left; font-size:2.25em; color:#404e57; margin-bottom:10px;} .Menu .spanTitle .red{ color:#e62129;} .Menu .MenuList{ float:right; position:relative; margin-top:25px;} .Menu .MenuList ul li,.Menu .MenuList ul li dd{ float:left; padding-left:21px; line-height:37px; background:url(../images/menuL.png) no-repeat left top; margin-bottom:10px; } .Menu .MenuList ul li{ position:relative;} .Menu .MenuList ul li dl{ display:none; position:absolute; right:0; left:0; top:36px; padding-top:10px; z-index:2;} .Menu .MenuList ul li dd{ float:none;} .Menu .MenuList ul li a{ display:block; padding-right:21px; background:url(../images/menuR.png) no-repeat right top;} .Menu .MenuList ul li a span{ text-align:center; display:block; background:#edf2f5; color:#617787; font-size:1.167em; padding:0 10px;} .Menu .MenuList ul li dl a span{ font-size:14px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; padding-left:0; padding-right:0;} .Menu .MenuList ul li:hover,.Menu .MenuList ul li.onmenu,.Menu .MenuList ul li.cur,.Menu .MenuList ul dd:hover,.Menu .MenuList ul dd.onmenu{background:url(../images/menuL2.png) no-repeat left top;} .Menu .MenuList ul li:hover a.menuA,.Menu .MenuList ul li.onmenu a.menuA,.Menu .MenuList ul li.cur a.menuA,.Menu .MenuList ul dd:hover a,.Menu .MenuList ul dd.onmenu a{background:url(../images/menuR2.png) no-repeat right top;} .Menu .MenuList ul li:hover a.menuA span,.Menu .MenuList ul li.onmenu a.menuA span,.Menu .MenuList ul li.cur a.menuA span,.Menu .MenuList ul dd:hover a span,.Menu .MenuList ul dd.onmenu a span{ background:#e62129; color:#fff;} .Menu .MenuList ul li:hover dl{ display:block;} @media screen and (max-width:1024px){ .Menu .MenuList{ position:static;} /*.Menu .MenuList ul li:hover{ display:none; } */} /*slide*/ /*pages*/ .Pages{ padding:5% 0 ; zoom:1; overflow:hidden; color:#333; text-align:center; display:block;} .Pages span{ padding:0px 3px; display:inline-block;} .Pages a{ display:inline-block; padding:0 12px; line-height:32px; text-align:center; float:left; border:solid 1px #ededed; margin: 0 3px;} .Pages .p_page{ float:rigth;} .Pages .p_page em{ font-style:normal; font-family:Arial;} .Pages .p_page em a{ height:32px; line-height:32px; text-align:center; border:solid 1px #ededed; font-size:14px; } .Pages .p_page a:hover{color:#fff;background:#014375;} .Pages .p_page em a.a_cur{ color:#fff;background:#014375;} .Pages .p_page .em_num{ display:none;} /*pages end*/ /*index*/ .HomeTile{ position:relative; text-align:center; z-index:2; line-height:40px; margin-bottom:5%;} .HomeTile .cn{ display:block; font-size:2.667em; color:#0a0a0a;} .HomeTile .cn .red{ color:#e62129;} .HomeTile .en{ display:block; width:100%; text-align:center; position:absolute; top:0px; font-family:"Arial"; font-size:3.33em; color:#ebebeb; z-index:-1; text-transform:uppercase;} .HomeAbout { padding:78px 0;} .HomeAbout .divCont{ position:relative;} .HomeAbout .divleft{ float:left;width:50%; padding-bottom:60px;} .HomeAbout .divleft .a_about_more{ position:absolute; left:0px; bottom:0px; display:block; border:#585858 1px solid; width:150px; height:46px; line-height:46px; text-align:center; font-size:1.167em; color:#262626;} /*.HomeAbout .divleft .divleftCont{display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 3; overflow: hidden;}*/ .HomeAbout .divRight{ float:right; width:43%; padding-left:7%;} .HomeAbout .divRight .divCont{ position:relative; padding-left:10%;} .HomeAbout .divRight .divCont img{ width:100%;} .HomeAbout .divRight .divCont .divMore{ width:70%; height:77px; line-height:77px; padding:8px; background:url(../images/divMore_bg.png) repeat left top; position:absolute; left:0px; bottom:5%;} .HomeAbout .divRight .divCont .divMore .a_video_more{ display:block; width:100%; height:100%; border:#396c93 1px solid;} .HomeAbout .divRight .divCont .divMore .a_video_more a{ display:block; padding-left:20px; margin-right:8px; background:url(../images/icon_video.png) no-repeat right center; color:#fff; font-size:1.167em;} .HomeProduct{ background:url(../images/homePro_bg.jpg) no-repeat center center; background-size:100% 100%; padding:78px 0;} .HomeProduct .HomeTile .cn{ color:#fff;} .HomeProduct .HomeTile .en{ color:#3e648a;} .HomeProduct .divCont ul{} .HomeProduct .divCont ul li{ float:left; width:25%; background:#fff; position:relative;} .HomeProduct .divCont ul li img{ width:100%;} .HomeProduct .divCont ul li .divSpan{ position:absolute; left:0; bottom:0; width:100%; height:50%; background:#fff;} .HomeProduct .divCont ul li.li-odd .divSpan{ position:absolute; left:0; bottom:auto; top:0;} .HomeProduct .divCont ul li .span-up{ width:76px; height:42px; position:absolute; left:50%; top:50%; margin-left:-38px; margin-top:-21px; background:url(../images/pro_more_1.png) no-repeat center center;} .HomeProduct .divCont ul li.li-odd .span-up{background:url(../images/pro_more_2.png) no-repeat center center;} .HomeProduct .divCont ul li .divSpan .divSpanCont{ width:100%; height:100%; display:table;} .HomeProduct .divCont ul li .divSpan .div{ display:table-cell; vertical-align:middle;} .HomeProduct .divCont ul li .divSpan .div .cn{ display:block; text-align:center; font-size:1.33em; color:#000; margin-bottom:10px; word-break: break-all; text-overflow: ellipsis; display: -webkit-box; /** 对象作为伸缩盒子模型显示 **/ -webkit-box-orient: vertical; /** 设置或检索伸缩盒对象的子元素的排列方式 **/ -webkit-line-clamp: 2; /** 显示的行数 **/ overflow: hidden;} .HomeProduct .divCont ul li .divSpan .div .en{ display:block; text-align:center; color:#d2d2d2; line-height:14px; word-break: break-all; text-overflow: ellipsis; display: -webkit-box; /** 对象作为伸缩盒子模型显示 **/ -webkit-box-orient: vertical; /** 设置或检索伸缩盒对象的子元素的排列方式 **/ -webkit-line-clamp: 2; /** 显示的行数 **/ overflow: hidden;} .HomeProduct .divCont ul li:hover .divSpan{ background:#e62129;} .HomeProduct .divCont ul li:hover .divSpan .div .cn{ color:#fff;} .HomeProduct .divCont ul li:hover .span-up{background:url(../images/pro_more_1_on.png) no-repeat center center;} .HomeProduct .divCont ul li.li-odd:hover .span-up{background:url(../images/pro_more_2_on.png) no-repeat center center;} .HomeNews{ padding:78px 0;} .HomeNews .HomeTile{ margin-bottom:2.5%;} .HomeNews .HomeNewsTitle{ margin-bottom:2.5%; text-align:center;} .HomeNews .HomeNewsTitle .span{ display:inline-block; width:160px; height:45px; line-height:45px; color:#636363; font-size:1.33em; background:#e9e9e9; margin:0 1%; cursor:pointer;} .HomeNews .HomeNewsTitle .on{ background:#e62129; color:#fff;} .HomeNews .divCont .Box{ display:none;} .HomeNews .divCont .divNewsTop{ float:left; width:49%; border:#e0e0e0 1px solid;} .HomeNews .divCont .divNewsTop img{ width:100%;} .HomeNews .divCont .divNewsTop .info{ padding:14px 20px;} .HomeNews .divCont .divNewsTop .info .a_tit{ display:block; font-size:1.33em; color:#101010; overflow: hidden; text-overflow:ellipsis; white-space: nowrap;} .HomeNews .divCont .divNewsTop .info .a_tit:hover{ color:#014375;} .HomeNews .divCont .divNewsTop .info .p{ font-size:1.167em; color:#949494; overflow: hidden; text-overflow:ellipsis; white-space: nowrap;} .HomeNews .divCont .ulNewslist{ float:right; width:49%;} .HomeNews .divCont .ulNewslist li{ border:#e0e0e0 1px solid; overflow:hidden; padding:4%; margin-bottom:2.96%;} .HomeNews .divCont .ulNewslist li .time{ display:block; float:left; text-align:center;color:#acacac; border-right:#e0e0e0 1px solid; padding-right:5%; line-height:20px; } .HomeNews .divCont .ulNewslist li .time font{ display:block; font-size:2em; color:#636363;} .HomeNews .divCont .ulNewslist li a{ display:block; line-height:40px; padding-left:5%; overflow: hidden; text-overflow:ellipsis; white-space: nowrap;} .HomeContactUs{ background:#014375; padding:78px 0;} .HomeContactUs .HomeTile .cn{ color:#fff;} .HomeContactUs .HomeTile .en{ color:#3e648a;} .HomeContactUs .divHmeJobs{float:left; width:49%; position:relative;} .HomeContactUs .divHmeJobs img{ width:100%;} .HomeContactUs .divHmeJobs .divJobsCont{ position:absolute; left:0px; bottom:0px; background:url(../images/homeContactBg.png) repeat left top; color:#fff; padding:20px;} .HomeContactUs .divHmeJobs .divJobsCont .more{ float:right; display:block; line-height:12px; text-align:center; border:#fff 1px solid; width:14px; height:14px; color:#fff;} .HomeContactUs .divHmeJobs .divJobsCont .divTit{ font-size:1.5em;} .HomeContactUs .divHmeJobs .divJobsCont .info{ width:100%;} .HomeContactUs .divHomeContact{float:right; width:49%;height:100%; position:relative;} .HomeContactUs .divHomeContact .divMap{ position:absolute; left:0px; top:0px; width:100%; height:516px;} .HomeContactUs .divHomeContact .divMap img{ max-width:auto;} .HomeContactUs .divHomeContact .divJobsCont{ position:absolute; left:0px; top:317px;bottom:0px; background:url(../images/homeContactBg.png) repeat left top; color:#fff; padding:11px 20px 190px;} .HomeContactUs .divHomeContact .divJobsCont .more{ float:right; display:block; line-height:12px; text-align:center; border:#fff 1px solid; width:14px; height:14px; color:#fff;} .HomeContactUs .divHomeContact .divJobsCont .divTit{ font-size:1.5em;} .HomeContactUs .divHomeContact .divJobsCont .info{ width:100%;} .HomeContactUs .divHomeContact .divJobsCont .info dl dd{ margin:5px 0;} .HomeContactUs .divHomeContact .divJobsCont .info dl dd img{ margin-right:5px;} @media screen and (max-width:1220px){ .HomeAbout,.HomeProduct,.HomeNews,.HomeContactUs{ padding:6.5% 0;} } /*index*/ /*about*/ .divAbout{ padding:3.5% 0;} /*about*/ /*honor*/ .divHonor{ padding-top:3.5%;} .divHonor ul li{ float:left; width:23%; margin-right:2.66%; margin-bottom:2.5%;} .divHonor ul li figure{ overflow:hidden; border:#edf2f5 1px solid;} .divHonor ul li figure figcaption{ background:#edf2f5; color:#617787; text-align:center; padding:7% 0; overflow: hidden; text-overflow:ellipsis; white-space: nowrap; font-size:1.167em;} .divHonor ul li:hover figure{ border:#014375 1px solid;} .divHonor ul li:hover figure img{ } .divHonor ul li:hover figure figcaption{ background:#014375; color:#fff; } /*honor*/ /*news*/ .divNews{ padding-top:3%;} .divNews ul li{ overflow:hidden; position:relative; border:#ebebeb 1px solid; padding:10px 0; color:#7e94a5; min-height:150px; margin-bottom:2.5%;} .divNews ul li .a_img{ position:absolute; left:10px; top:10px; display:block; width:204px;} .divNews ul li .a_img img{ width:100%;} .divNews ul li .info{ padding-left:245px; padding-right:160px;} .divNews ul li .info .a_tit{ display:block; font-size:1.33em; color:#617787; overflow: hidden; text-overflow:ellipsis; white-space: nowrap; line-height:3.5;} .divNews ul li .info .p{display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;overflow: hidden; height:48px; } .divNews ul li .info .time{ display:block; margin-top:3%;} .divNews ul li .a_more{ position:absolute; right:0; top:0; display:block; width:140px; height:80%; margin:1.5% 0; background:url(../images/news-more.png) no-repeat center center; border-left:#e5e5e5 1px solid;} .divNews ul li:hover{ background:#014375; color:#fff;} .divNews ul li:hover .info .a_tit{ color:#fff;} /*news*/ /*newsinfo*/ .News_info{ width:100%; padding-bottom:8%;} .News_info .info_title{ text-align:center; font-size:2.167em; color:#151515; display:block; padding-top:3.5%; padding-bottom:1.5%;} .News_info .info_time{ font-size:1.167em; text-align:center; color:#949494; padding-bottom:1.5%; display:block;} .News_info .PrevNextBox{ border-top:#ebebeb 1px solid; padding: 2% 0; margin-top:3%;} .News_info .PrevNextBox dl{ width:60%;} .News_info .PrevNextBox dl a{ font-size:1.167em; color:#4e4e4e; display:block; overflow: hidden; text-overflow:ellipsis; white-space: nowrap;} .News_info .PrevNextBox a.none{ cursor:default;} .News_info .PrevNextBox a.none:hover{ color:#ccc;} .divShare{ float:right; margin-right:8%;} .divShare .spanTitle{vertical-align: top; margin-top: 4px; display: inline-block;} .jiathis_style_32x32{ display:inline-block;} .jiathis_style_32x32 .jtico_jiathis{ background:url(../images/icon_fen_jia.png) no-repeat center center !important;} .jiathis_style_32x32 .jtico_weixin{ background:url(../images/icon_fen_weixin.png) no-repeat center center !important;} .jiathis_style_32x32 .jtico_tsina{ background:url(../images/icon_fen_sina.png) no-repeat center center !important;} .jiathis_style_32x32 .jtico_renren{ background:url(../images/icon_fen_ren.png) no-repeat center center !important;} .jiathis_style_32x32 .jtico_qzone{ background:url(../images/icon_fen_xin.png) no-repeat center center !important;} /*newsinfo*/ /*faq*/ .divFaq{ padding-top:3.5%;} .divFaq ul li{ margin-bottom:10px;} .divFaq ul li .divProblem{ background:#edf2f5; font-size:1.167em; color:#617787; padding:2.5%; cursor:pointer;} .divFaq ul li .divProblem .divProblemCont{background:url(../images/icon_right.png) no-repeat right center; padding-right:20px;} .divFaq ul li .divProblem .divProblemCont b{ margin-right:1.5%;} .divFaq ul li .divAnswer{ padding:2.5%; padding-top:0; display:none;} .divFaq ul li .divAnswer .divAnswerCont{ padding:2.5%;} .divFaq ul li.onOpen{ border:#dfdfdf 1px solid;} .divFaq ul li.onOpen .divProblem{ background:none;} .divFaq ul li.onOpen .divAnswer .divAnswerCont{ border-top:#ececec 1px solid;} /*faq*/ /*download*/ .divDownload{ padding-top:3.5%;} .divDownload ul li{ margin-bottom:10px;} .divDownload ul li .divProblem{ background:#edf2f5; font-size:1.167em; color:#617787; padding:2.5% 0 2.5% 2.5%;} .divDownload ul li .divProblem .divProblemCont{ position:relative; padding-right:140px;} .divDownload ul li .divProblem .divProblemCont .a_download{ display:block; height:100%; position:absolute; right:0px; top:0px; vertical-align:middle; width:120px; border-left:#d5dfe5 1px solid;text-align:center;} .divDownload ul li .divProblem .divProblemCont .a_download .div{ display:table; width:100%; height:100%;} .divDownload ul li .divProblem .divProblemCont .a_download span{ display:table-cell; color:#617787; vertical-align:middle; } .divDownload ul li .divProblem .divProblemCont b{ margin-right:1.5%;} .divDownload ul li .divProblem .divProblemCont a{color: #617787;} /*download*/ /*contact*/ .divContact{ padding-bottom:7%;} .divContact1{ padding-top:3.5%; padding-bottom:1.66%;} .divContact2{ margin-top:3%; border:#ebebeb 1px solid; overflow:hidden; position:relative;} .divContact2 .divLeft{ width:50%;} .divContact2 .divLeft .div{ padding:1.66% 3.33%;} .divContact2 .divRight{ position:absolute; top:0; right:0; width:50%; height:100%;} .divContact2 .divRight .divMap{ width:100%; height:100%;} .divContact3{ margin-top:3%; } .divContact3 ul{ overflow:hidden;} .divContact3 .ulli{ float:left; width:50%; box-sizing:border-box;} .divContact3 .ulli .div{ border:#ebebeb 1px solid; padding:3.33%; color:#617787;} .divContact3 .ulli .div .tit{ font-size:1.33em; font-weight:bold;} .divContact3 .ulli .div .dl{ font-size:1.167em;} /*contact*/ /*Jobs*/ .divJobs{ padding-top:4.16%;} .divJobs .uli .uli-li{ border:#e8e8e8 1px solid;} .divJobs .uli .divSpan{ overflow:hidden; background:#f9f9f9; padding:1% 0; cursor:pointer; color:#617787;} .divJobs .uli .divSpan span{ display:block; float:left; font-size:1.167em;} .divJobs .uli .divSpan .span1{ width:33%; padding-left:2%; text-align:left;} .divJobs .uli .divSpan .span2{ width:20%; text-align:center;} .divJobs .uli .divSpan .span3{ width:35%; text-align:right;} .divJobs .uli .divSpan .span4{ width:10%; text-align:center;} .divJobs .uli .divSpan .span4 .div{ display:inline-block; background:#d3d3d3; color:#fff; width:24px; height:24px; text-align:center; line-height:23px;} .divJobs .on .divSpan{ background:#014375; color:#fff;} .divJobs .on .divSpan .span4 .div{ background:#fff; color:#014375;} .divJobs .uli .divJobsInfo{ display:none;} .divJobs .uli .divJobsInfo .divInfo{ padding:1.66% 3.33%; border-bottom:#e8e8e8 1px solid;} .divJobs .uli .divJobsInfo .divBtn{ padding:1.66% 3.33%;} .divJobs .uli .divJobsInfo .divBtn .a-btn{ display:block; width:164px; height:46px; line-height:46px; text-align:center; color:#fff; font-size:1.167em; background:#014375; border-radius:2px;} /*Jobs*/ /*productInfo*/ .divProductInfo{ padding-top:3.75%;} .CasesImgList{ width:55%; float:left;} .CasesBigList{ width:100%; border:#dfdfdf 1px solid;} .CasesBigList img{ width:100%;} .CasesSmall{ display:block; width:78%; height:86px; /*background:#161616;*/ padding:0% 11%; position:relative; overflow:hidden; margin-top:15px;} .CasesSmall .prev{ width:10%; height:84px; display:block; border:#dfdfdf 1px solid; background:#fff url(../images/pro_prev.png) no-repeat center; position:absolute; left:0; z-index:10;} .CasesSmall .next{ width:10%; height:84px; display:block; background:#e62129 url(../images/pro_next.png) no-repeat center; position:absolute; right:0; z-index:10;} .CasesSmall .CasesSmallList{ position:absolute; z-index:5; width:100%;} .CasesSmall .CasesSmallList ul{ overflow:hidden;} .CasesSmall .CasesSmallList ul li{ padding-right:10px; float:left; /*margin:0 1%;*/ width:131px; box-sizing:border-box; -moz-box-sizing:border-box; /* Firefox */ -webkit-box-sizing:border-box; /* Safari */} .CasesSmall .CasesSmallList ul li img{ max-width:100%; height:80px; border:#dfdfdf 1px solid;} .CasesSmall .CasesSmallList ul li.on img{ border:2px solid #e62129;} .divProductInfoTit { width:42.5%; float:right; color:#617787;} .divProductInfoTit .divTit{ font-size:2.167em; line-height:1.2; padding:4% 0; border-bottom:#dfdfdf 1px solid;} .divProductInfoTit .p{ padding:4% 0; font-size:1.167em;} .divProductInfoTit.on{overflow-y: scroll;} .divProductInfoDown{ margin-top:5%;} .divProductInfoDown .divTab{ background:#f6f6f6; overflow:hidden;} .divProductInfoDown .divTab span{ display:block; float:left; padding:1.5% 4.5%; font-size:1.167em; color:#617787; cursor:pointer;} .divProductInfoDown .divTab span.on{ background:#014375; color:#fff;} .divProductInfoDown .box{ display:none; min-height:200px;} /*@media (max-width: 1200px){ .CasesBigList{ width:70%; margin:0 auto;} .CasesSmall{ display:none;} }*/ /*productInfo*/ .divVideo .divTitle{ text-align: center; font-size: 1.33em; margin: 1.5% 0;} .divSearch{ padding-top:3.75%;} .divSearch ul{ /*margin-bottom:30px;*/} .divSearch ul li{ line-height:45px; border-bottom:#666 1px dashed;} .divSearch ul li .time{ float:right;} .divSearch ul li a{ display:block; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;} @media screen and (max-width:900px){ /*top*/ .Top{ background-image:none; background-color:#014375;} .divlogo {top: 10px; height:auto; width:20%;} .MainNav{ float:none; width:100%; display:inline-block; margin-top: 20px;} .MainNav ul li{ width:17%;} .MainNav ul li:first-of-type{ width:15%;} .MainNav ul li .navA{ padding:0; line-height:36px;} .MainNav ul li .divDown{ top:35px;} /*top*/ /*bottom*/ .BottomBt .links,.BottomBt .CopyRight{ float:none; width:100%; text-align:center; line-height:30px;} /*bottom*/ /*productInfo*/ .CasesSmall{ display:none;} /*productInfo*/ } @media screen and (max-width:700px){ /*top*/ .divlogo{ top:0px; height:100%; width:30%;} .TopRight{ width:auto;} .MainNav{ display:none; background-color:#014375; border-top:#fff 1px solid; border-bottom:#fff 1px solid; margin-top:0; position:absolute; top:100px; left:0px; width:100%; padding:0 10px; z-index:6;} .MainNav ul li,.MainNav ul li:first-of-type{ float:none; width:100%;} .MainNav ul li .divDown{ position:static;} .MainNav ul li:hover .divDown{ display:none;} /*菜单导航*/ .navbar-toggle{ display:block;} .TopRight .divWeinxin,.TopRight .divSina{ display:none;} /*top*/ /*pages*/ .Pages .p_page .num{ display:none;} .Pages .p_page .em_num{ display: inline-block; float: left; padding: 0 10px;line-height: 34px;font-size: 1.167em;} /*pages*/ /*index*/ .HomeAbout .divleft,.HomeAbout .divRight{ float:none; width:100%; padding:0;} .HomeAbout .divleft{ margin-bottom:5%;} .HomeAbout .divleft .a_about_more{ position:static;} .HomeProduct .divCont ul li{ width:50%;} .HomeProduct .divCont ul li img{ width:100%;} .HomeNews .divCont .divNewsTop,.HomeNews .divCont .ulNewslist,.HomeContactUs .divHmeJobs,.HomeContactUs .divHomeContact{ float:none; width:100%;} .HomeNews .divCont .divNewsTop,.HomeContactUs .divHmeJobs{ margin-bottom: 2.2%;} /*index*/ /*bottom*/ .Bottom .BottomLinks dl{ width:28.3%; min-height:inherit;} .Bottom .BottomLinks dl dt{ margin-bottom:3%;} .Bottom .btRight{ float:left; width:33.3%;} .Bottom .lineBottomLinks{ display:block; clear:both; width:0; height:0; margin-bottom:5%;} /*bottom*/ /*honor*/ .divHonor ul li{ width:48.67%;} .divHonor ul li:nth-child(2n){ margin-right:0;} /*honor*/ /*news*/ .divNews ul li { padding:10px;} .divNews ul li .a_img{ position:static; width:100%;} .divNews ul li .info{ padding:0; width:100%;} .divNews ul li .info .p{ height:auto; -webkit-line-clamp: inherit;} .divNews ul li .a_more{ display:none;} /*news*/ /*newsInfo*/ .News_info .PrevNextBox dl{ width:100%;} .divShare{ float:none; margin-right:0;} /*newsInfo*/ /*download*/ .divDownload ul li .divProblem .divProblemCont{ padding-right:100px;} .divDownload ul li .divProblem .divProblemCont .a_download{ padding:0; width:80px;} /*download*/ /*contact*/ .divContact2 .divLeft,.divContact2 .divRight{ width:100%; position:static;} .divContact2 .divRight{ height:300px;} .divContact3 .ulli{ float:none; width:100%;} /*contact*/ /*productInfo*/ .CasesImgList,.divProductInfoTit{ float:none; width:100%;} /*productInfo*/ } @media screen and (max-width:440px){ .divlogo { top:auto; bottom: 20px; height:auto; width:30%;} } /*20170222*/ #dqtabbox{/*position: relative;background: url(../images/dt-d.jpg) center top no-repeat;width: 100%;height: 800px;*/} #dqtabbox .tablist{/*position: absolute;bottom:0;left:0;*/text-align: center;font-size: 0px;} #dqtabbox .tablist li{float: left;/*position: relative;height: 50px;margin-bottom: 10px;*/}#dqtabbox .tablist li+li{margin-left:2px;}#dqtabbox .tablist li p{width:100%;margin:0;background: #b7bfd1;text-align: center;line-height: 22px;color: #010101;font-size: 14px;position: absolute;bottom:0;} #dqtabbox .tablist dd{cursor:pointer;text-align:center;float: left;white-space:nowrap;overflow:hidden;text-overflow:ellipsis; padding:3px 10px; font-size: 12px;color: #fff;background: #014375; margin-bottom:10px; margin-right:10px;} #dqtabbox .tablist dd:hover,#dqtabbox .tablist dd.on{ background:#e62129;} #dqtabbox .tabcontbox{ padding:10px 0;/*height: 665px;*/width: 100%;/*position: absolute;top:0;*/} #dqtabbox .tabcontbox li{/*max-height: 665px;overflow-y:auto;*/width: 100%;display: none;} @media screen and (max-width:700px){ #dqtabbox{background: none;height:auto;} #dqtabbox .tabcontbox{/*min-height: 200px;max-height: 600px;overflow-y:auto;*/ } #dqtabbox .tabcontbox li{/*max-height: 500px;overflow:auto;width: 100%;*/ } } /*投诉建议*/ .formCon{ padding-bottom:40px;} .formTi{ text-align:center; font-size:18px; font-weight:bold; margin:0; padding:40px 0;} .form-group{ position:relative; } .form-group label{ font-size:16px; display:block; line-height:42px;}.form-group .form-control{ font-family:'Microsoft Yahei'; color:#444; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; -o-box-sizing:border-box; -ms-box-sizing:border-box; box-sizing:border-box; width:100%; border:1px solid #ededed; -webkit-border-radius:4px; -moz-border-radius:4px; -o-border-radius:4px; -ms-border-radius:4px; border-radius:4px; padding:10px; font-size:14px; } .yz img{ margin:15px 0; display:block; } .form-group .btn{ font-size:16px; display:block; -webkit-border-radius:4px; -moz-border-radius:4px; -o-border-radius:4px; -ms-border-radius:4px; border-radius:4px; padding:6px 0px; width:100%; background:#e62129; color:#fff; cursor:pointer; margin:0 auto;} @media screen and (min-width:768px){ .formCon{ width:70%; margin:0 auto;} .form-group{ padding-left:100px; margin-bottom:15px;} .form-group label{ position:absolute; left:0; top:0; } .yz .form-control{ width:70%; float:left; display:inline;} .yz img{ margin:0; height:42px; float:right; display:inline;} } @media screen and (min-width:992px){ .formCon{ width:40%;} }