@charset "utf-8";
/* CSS Document */
/************************************************************************************
RESET
*************************************************************************************/

body{ font-family: Arial,"微软雅黑"; font-size: 14px; line-height: 26px; color: #5e5e5e; background: white; }
html, body, address, blockquote, div, dl, form, h1, h2, h3, h4, h5, h6, ol, p, pre, table, ul, dd, dt, li, tbody, td, tfoot, th, thead, tr, button, del, ins, map, object, a, abbr, acronym, b, bdo, big, br, cite, code, dfn, em, i, img, kbd, q, samp, small, span, strong, sub, sup, tt, var, legend, fieldset {
    margin: 0;
    padding: 0;
}
ul{ list-style: none; }
a{ color: #5e5e5e; text-decoration: none; }
a:hover{ color: #105081; }
img{ border: none;}
.fl{ float: left;}
.fr{ float: right;}
.clear{ clear: both;}
.box{ width: 1330px; margin-left: auto; margin-right: auto; }
.m-r-1{ margin-right: 20px;}
.m-r-2{ margin-right: 26px;}
.m-t-1{  margin-top: 30px;}
.m-t-2{ margin-top: 50px;}
.m-t-3{ margin-top: 36px;}
.m-b-1{ margin-bottom: 42px;}
.m-b-2{ height: auto; overflow: hidden; margin-bottom: 30px; }
.p-lr-1{ padding-left: 26px; padding-right: 26px;}
.main{ padding: 0 26px; }

.wrap{ width: 100%; height: auto; overflow: hidden; }

/********** 通用样式 **********/
.in-title{ height: 38px; padding-left: 28px; margin-bottom: 15px; line-height: 38px; overflow: hidden; border-bottom: solid 1px #9e9e9e;  background: url("../images/icon02.png") left center no-repeat; }
.in-title li{ font-size: 20px;  color: #212121; }
.in-title li a{ width: 32px; margin-top: 12px; display: block; float: right;}
.in-title .gd{ width: 32px; height: 16px; background: url("../images/more.png") left bottom no-repeat; }

.in-title2{ width: 380px; padding-left: 16px; margin-bottom: 15px; background: #1976d3; height: 38px; line-height: 38px; }
.in-title2 a{ color: white;}

/********** header **********/
.header{ height: auto; overflow: hidden; padding: 14px 26px; }
.header .logo{width: 910px;height: 72px;}
.header .logo img{ width: auto; max-width: 100%; height: auto;}
.header .gupiao{width: 364px;min-height: 22px;padding-top: 42px;}
.header .gupiao .icon01{ width: 22px; height: 22px; background: url("../images/icon01.png") left bottom no-repeat; }
.header .gupiao li{float: right;text-align: right;color: #105081;padding-left: 4px;font-size: 26px;font-family: "隶书";}

/********** 导航 **********/
.nav{ width: 100%; height: 38px; background: url("../images/nav-bg.jpg") repeat-x; }
.nav ul{z-index:100;margin:0;padding:0;list-style-type:none;}
.nav ul li{position:relative;display:inline;float:left;}
.nav ul li a{ display: block; color: white; padding: 0 20px; line-height: 38px; text-decoration:none;}
*html .nav ul li a{display:inline-block;}
.nav ul li a:link, .nav ul li a:visited{color:white;}
.nav ul li a.selected{background:#105081;color:white;}
.nav ul li a:hover{background:#105081;color:white;}
.nav ul li ul{position:absolute;left:0;display:none;visibility:hidden;}
.nav ul li ul li{display:list-item;float:none;}
.nav ul li ul li ul{top:0;}
.nav ul li ul li a{ min-width:152px; padding: 15px 22px; line-height: normal; background: #1867b5; margin:0; border-top-width:0; border-bottom:1px solid gray; }
*html .nav{height:1%;}
.downarrowclass{position:absolute;top:16px;right:7px;}
.rightarrowclass{position:absolute;top:6px;right:5px;}
.ddshadow{position:absolute;left:0;top:0;width:0; height:0;background:silver;}
.toplevelshadow{opacity:0.8;}

/********** banner **********/
.banner-box{ width: 100%; height: 586px; margin-top: 3px; margin-bottom: 30px; background: white; }
.yx-rotaion{ margin:0 auto; width:1330px; height:586px; overflow:hidden }
.yx-rotaion-btn,.yx-rotaion-title,.yx-rotation-focus,.yx-rotation-t,.yx-rotaion-btn{position:absolute}
.yx-rotation-t{color:#fff; font-size:16px; font-family:microsoft yahei; z-index:2; bottom:0; left:10px; line-height:40px; }
.yx-rotation-focus span,.yx-rotaion-btn span{ background:url(../images/ico.png) no-repeat; display:block; }
.yx-rotation-focus{ height:40px; line-height:40px; left: 46%; bottom:0; z-index:2; margin-bottom: 10px; }
.yx-rotation-focus span{ width:16px; height:16px; line-height:16px; float:left; margin-left:4px; margin-right: 4px; position:relative; top:14px; cursor:pointer; background-position:-24px -124px; text-indent:-9999px; }
.yx-rotaion-btn{ width:100%; height:50px; top:50%; margin-top:-20px;}
.yx-rotaion-btn span{width:41px;height:41px;cursor:pointer;filter:alpha(opacity=30);-moz-opacity:0.3;-khtml-opacity:0.3;opacity:0.3;position:relative}
.yx-rotaion-btn .left_btn{ background-position:-2px -2px;float:left;left:10px}
.yx-rotaion-btn .right_btn{ background-position:-2px -57px;float:right;right:10px}
.yx-rotaion-btn span{ height: 50px;}
.yx-rotaion-btn span.hover{filter:alpha(opacity=80);-moz-opacity:0.8;-khtml-opacity:0.8;opacity:0.8}
.yx-rotation-focus span.hover{ background-position:-7px -124px}
.rotaion_list{width:0;height:0;overflow:hidden;}


/********** 内页banner **********/
.ban{ margin-top: 3px; height: 300px; overflow: hidden; }
.ban img{ width: 100%; height: 100%;}

/********** 首页企业概况 **********/
.in-qygk{ width: 862px; }
.in-qygk .qygk-left{ width: 462px; padding-top: 16px; }
.in-qygk .qygk-left li{ display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 6;
    overflow: hidden;}
.in-qygk .qygk-left a{ color: #212121;  text-decoration: underline;}
.in-qygk .qygk-left a:hover{ color: #105081; }
.in-qygk .qygk-right{ width: 382px; height: 204px; overflow: hidden; }

/********** 首页新闻列表 **********/
.in-news{ }
.news-list{
    height:209px;
    overflow: hidden;
    margin-bottom: 36px;
}
.width1{ width: 396px;}
.width2{ width: 421px;}
.in-news .news-list li{ height: 33px; overflow: hidden; border-bottom: 1px dashed #bababa; }
.in-news .news-list li a{ display: block; float: left; width: 80%; height: 33px; line-height: 33px; overflow: hidden; text-overflow:ellipsis; white-space: nowrap; }
.in-news .news-list li span{ display: block; float: right; line-height: 34px; }

/********** 首页图片滚动 **********/
.tpgd{ width: 862px;}
.cpzs{ height: auto; overflow: hidden; }

.cpzs .cp-list-box{width:1200px; }
.cpzs .cp-list-box .cp-list{ width:198px; margin: 0 11px; float:left; display:inline; text-align:center; background: white; }
.cpzs .cp-list-box .cp-list .img{ display: block; width:196px; height:146px; overflow: hidden; border:  1px solid #e1e1e1; }
.cpzs .cp-list-box .cp-list img{ display: block; width: auto; min-width:163px; height:148px; }
.cpzs .cp-list-box .cp-list .cp-title{ width: 100%;  padding-top: 13px; overflow: hidden; text-overflow:ellipsis; white-space: nowrap;}
.cpzs .cp-list-box .cp-list .cp-title a{ color: #212121; }

/********** 首页荣誉证书 **********/
.ryzs{ width:396px; height: 486px; }

.tab-buttons { width: 100%; height: 237px; }
.tab-buttons h3{ padding: 0; margin: 0; font-weight: normal; font-size: 14px; text-align: left; color: #212121; overflow: hidden; text-overflow:ellipsis; white-space: nowrap; }
.tab-buttons .tab-button { width: 344px; height: 40px; padding-left: 52px; margin: 6px 0; background: #ecebeb url("../images/icon03.png") 20px center no-repeat;  line-height: 40px; position: relative; cursor: pointer; }
.tab-buttons .tab-button.cur {  background:#ecebeb; color: #1976d3; }
.tab-buttons .tab-button.cur:after {content: ''; position: absolute; top: 0; left: 0; width: 100%; height: 40px; background: url("../images/icon04.png") 20px center no-repeat; color: #1976d3; }
.tab-item { height: 250px; padding: 0 31px; background: white; display: none; text-align: center; }
.tab-item img{ display: block; width: auto; max-width: 100%; height: 250px; margin: auto;}
.tabs .tab-item.active { display: block; }


/************************************************** 内页样式 **************************************************/

/********** 路径 **********/
.lujing{ width: 1278px; height: 48px; padding: 0 26px; margin: 0 auto; line-height: 48px; background: #f8f8f8; border-bottom: 1px solid #e0e0e0; font-size: 0px; }
.lujing li{ display: inline-block!important; font-size: 14px; margin: 0 3px;}
.lujing li a:hover{ color: #5e5e5e; text-decoration: underline;}

/********** 内页通用样式 **********/
.ny{ width:1278px;  height: auto; margin-left: auto; margin-right: auto; overflow: hidden; }
.intro img{ width: auto; max-width: 100%; height: auto; }
.title{ margin-bottom: 30px; }
.subtitle{ margin-bottom: 14px; }
.title h3, .subtitle h3{ font-weight: bold; color: #105081; font-size: 22px; }
.ny-right{ width: 992px; }
.menu-1{ height: auto; overflow: hidden; background: #f8f8f8; }
.menu-1 a{ display: block; float: left; padding: 16px 12px; color: #212121; font-size: 16px; }
.menu-1 a:hover{ background: #e5eef1; color: #212121; }
.menu-1 .active{ background: #e5eef1; color: #212121;}
.menu-2{ height: auto; overflow: hidden; background: url("../images/menu2.jpg") left top repeat-x; }
.menu-2 li{ float: left; }
.menu-2 li a{ display: block; float: left; line-height: 40px; height: 50px; padding: 0 10px;  font-size: 16px; }
.menu-2 li a:hover{ text-decoration: underline; background: url("../images/icon05.jpg") bottom center no-repeat;}
.menu-2 .active2{ text-decoration: underline; background: url("../images/icon05.jpg") bottom center no-repeat; }

/********** 左侧导航 **********/
.subnav{ width: 260px; }
.s-side { border-top: 1px solid #e0e0e0; border-left: 1px solid #e0e0e0; border-right: 1px solid #e0e0e0; }
.s-side .first {  border-bottom: 1px solid #e0e0e0; }
.s-side .d-firstNav, .s-side .d-secondNav{ border-left: 4px solid white; }
.s-side .d-firstNav a { display: inline-block; padding: 20px 0 20px 30px; color: #212121; }
.s-firstDrop, .s-secondDrop { display: none; }
.subnav .cur{ display: block; background: #e5eef1; border-left: 4px solid #105081; }

/*二级*/
.s-side .d-secondNav{ padding: 20px 0 20px 50px; }
.d-secondNav:hover,.d-firstNav:hover{ background: #e5eef1; border-left: 4px solid #105081; cursor: pointer; }
/*三级*/
/*.s-side .d-secondDrop { margin-left: 100px; margin-top: 10px; }*/
/*.iconRotate { transform: rotate(90deg); transition: transform 0.5s; }*/

/********** 新闻列表 **********/
.newslist{  }
.newslist li{ height: 60px;}
.newslist li a{ display: inline!important; max-width: 80%; float: left; overflow: hidden; text-overflow:ellipsis; white-space: nowrap;  color: #212121;}
.newslist li a:hover{ text-decoration: underline;}
.newslist li span{ display: block; float: right;}

/********** 分页 **********/
.fenye{ text-align: center; }
.fenye li{ display: inline-block!important; font-size: 0px; }
.fenye li a{ display: inline-block!important; font-size: 14px; height: 36px; line-height: 36px; padding: 0 20px;}
.fenye .bglan{ background: #105081; color: white; }
.fenye a:hover{ color: #105081; text-decoration: underline; }
.fenye .cur{ color: #105081; text-decoration: underline; }
.fenye .bglan:hover{ background: #105081; color: white; }

/********** 新闻列表 **********/
.xwxx-title{ margin-bottom: 42px;}
.xwxx-title .bt{ font-size: 20px; color: #212121; margin-bottom: 20px; }

/********** 荣誉证书 **********/
.rongyu{ height: auto; overflow: hidden; margin-bottom: 20px; }
.rongyu-list{ width: 226px; height: auto; margin: 0 10px 20px 10px; border: 1px solid #e0e0e0;}
.rongyu .img{ width: 100%; height: 170px;}
.rongyu .img img{ width: auto; max-width: 100%; height: 170px;}
.rongyu-list a{ text-decoration: none;}
.rongyu .rongyu-title a{ display: block; height: 40px; padding: 0 10px; line-height: 40px; text-align: center; color: white; background: #115181; overflow: hidden; text-overflow:ellipsis; white-space: nowrap; }
.rongyu .rongyu-title a:hover{ text-decoration: underline;}

/********** 产品展示 **********/
.prodoucts{ height: auto ;overflow: hidden; padding-top: 35px; padding-bottom: 37px; }
.pro-title{ border-bottom: 2px solid #115181; padding-bottom: 8px}
.pro-title li{ font-size: 20px; font-weight: bold; color: #115181; }

.prodoucts .pro-list{ width: 283px; height: 460px; padding:  32px 14px 0 14px; margin-top: 15px; margin-bottom: 5px; overflow: hidden; border: 1px solid #e0e0e0; }
.prodoucts .pro-list .p-t{ height: 32px; line-height: 32px; padding-bottom: 28px; color: #212121; font-size: 16px; font-weight: bold; overflow: hidden; text-overflow:ellipsis; white-space: nowrap; }
.prodoucts .pro-list .p-t h3{ overflow: hidden; text-overflow:ellipsis; white-space: nowrap; }
.prodoucts .pro-list .p-img{ width: 285px; height: 213px; margin-bottom: 15px; }
.prodoucts .pro-list .p-img img{ width: auto; height: 213px;}
.prodoucts .pro-list span{ display: block; width: 100%; overflow: hidden; text-overflow:ellipsis; white-space: nowrap; }
.prodoucts .pro-list a{ display:  block; width: 100px; height: 38px; color: #b71b1c; border: 1px solid #b71b1c; line-height: 38px; text-align: center; margin-top: 20px;}
.prodoucts .pro-list a:hover{ background: #b71b1c; color: white; transition: .7s; }

/********** 简报 **********/
.jianbao{ margin-top: 14px; margin-bottom: 32px;}
.jianbao li{ height: 60px; line-height: 60px; padding: 0 16px; }
.jianbao li a{ display: inline-block!important; max-width: 80%; color: #212121 }
.jianbao span{ display: block; float: right;}
.jianbao span a{ background: url("../images/icon05.png") left center no-repeat; padding-left: 25px; text-decoration: underline; }
.jianbao li:hover{ background: #e5eef1;}
.jianbao li:hover span a{  background: url("../images/icon06.png") left center no-repeat; color: #b71b1c; }

/********** 联系我们 **********/
.lianxi{ height: auto; overflow: hidden; margin-top: 32px; }
.lianxi .lianxi-left{ width: 390px; margin-right: 5px; padding-top: 50px; }

/********** 招贤纳士 **********/
.zp-box{ margin-bottom: 22px; margin-left: 2px;}
.zp{ width: 234px; padding: 30px 38px 0 38px; margin:  0 10px 20px 10px; height: 256px; border: 1px solid #e0e0e0;}
.zp .zp-t{ height:auto; padding-bottom: 22px; margin-bottom: 34px; font-size: 24px; color: #212121;  background: url("../images/xian.jpg") left bottom no-repeat; }
.zp .zp-t li{ width: 100%; overflow: hidden; text-overflow:ellipsis; white-space: nowrap; }
.zp span{ display: block;width: 100%; overflow: hidden; text-overflow:ellipsis; white-space: nowrap;}
.zp a{ display: block; width: 127px; height: 30px; margin-top: 15px; border: 1px solid #e0e0e0; line-height: 30px; text-align: center;}
.zp a:hover{ text-decoration: underline;}
.zp:hover{ background: #105081; border: 1px solid #105081; transition: .9s;}
.zp:hover span{ color: white; }
.zp:hover a{ color: white; }
.zp:hover .zp-t{ color: white; background: url("../images/xian-hover.jpg") left bottom no-repeat; }

/********** 产品详细 **********/
.cpxx-top{ height: auto; overflow: hidden;}
.cpxx-top .cp-img{ width:732px; height: 308px; margin-right: 50px; }
.cpxx-top .cp-img img{ width: 100%; height: 308px;}
.cpxx-top .cpxx-right{ width: 496px; }
.cpxx-top .cpxx-right .cp-t{ padding-top: 10px; padding-bottom: 22px; margin-bottom: 34px; border-bottom: 2px solid #105081; }
.cpxx-top .cpxx-right .cp-t h3{  font-size: 20px; color: #212121; }
.cpxx-top .cpxx-right .cs-top{ height: 82px; padding: 24px 22px; margin-bottom: 18px; background: #f8f8f8; border-bottom: 1px #e0e0e0 dashed; line-height: 32px; overflow: hidden; }
.cpxx-top .cpxx-right .aniu a{ display: block; float: left; height: 36px; padding: 0 22px; margin-right: 14px; line-height: 36px; color: white; }
.cpxx-top .cpxx-right .aniu a:hover{ text-decoration: underline;}
.cpxx-top .cpxx-right .aniu .hui{ background: #5e5e5e; }
.cpxx-top .cpxx-right .aniu .lan{ background: #115181; }

.cpxx-bottom{ padding-top: 52px; }
.cpxx-bottom .cpxxlist{ height: auto; overflow: hidden; margin-top: 68px;}
.cpxx-bottom .cpxxlist .cp-b-t{ font-size: 20px; font-weight: bold; color: #212121; margin-bottom: 14px; }
.cpxx-bottom .cpxxlist .cp-b-nr img{ width: auto; max-width: 100%; height: auto; }

/********** footer **********/
.footer{ background: #105081; padding: 18px 0; color: white; text-align:center; }
.footer li{ display: inline-block!important; margin: 0 5px; }
.footer a{ color: white;}
.footer a:hover{ color: #e0e0e0; }


/********** 招聘固定邮箱电话 **********/
.lxdh{margin-top: 32px; }
.lxdh li{ float: left; color: white; font-size: 16px;  display: inline-block!important; background: #105081; min-width: 60px; width: auto; padding: 6px 18px; margin-right: 12px; }
.lxdh a{ color: white; }
.lxdh li:hover{ background: #b71b1c; transition: all .7s; }