/*内页banner*/
.ban img{display: block;width: 100%;}
.nbg{background: url(../images/img/nbg.jpg) repeat;}
div.nbg1{background: url(../images/img/bg1.jpg) repeat;}
.nbg2{background: url(../images/hotbg.jpg) repeat;}
.left_menu{ width:22%; float:left;}
.right_content{ width:75%; float:right;}
.lside .grayblock {
box-sizing: border-box;
background-color: #fff;
margin-bottom: 25px;
padding: 20px 20px 30px;
border: 1px solid #ddd;
}
.lside .grayblock h2, .lside .grayblock h3 {
font-size: 24px;
color: #666;
font-weight: 700;
line-height: 2.5;
}
.lside .iauth li {
line-height: 3.3;
margin-bottom: 15px;
}
.lside .iauth li a.act, .lside .iauth li a:hover {
color: #fff;
background-color: #005ba8;
}
.lside .iauth li a {
color: #333;
display: block;
overflow: hidden;
white-space: nowrap;
text-overflow: ellipsis;
font-size: 15px;
background-color: #eee;
border-radius: 5px;
}
.lside .iauth li a.act i, .lside .iauth li a:hover i {
color: #fff;
}
.lside .iauth li a i {
padding: 0 .6em 0 1em;
color: #005ba8;
}
.lside .pre_news li {
overflow: hidden; padding:10px 0;
border-bottom: 1px solid #ddd;
}
.lside .pre_news h4 {
color: #666; font-size:15px;
font-weight: 400;
overflow: hidden;
white-space: nowrap;
text-overflow: ellipsis;
line-height: 2;
}
.lside .pre_news .date { color:#005ba8; line-height:32px}
.lside .pre_news a:hover h4 { color:#005ba8}
.titbar.break {
text-align: left;
height: 45px;
margin: .4rem 0 1.1rem;
padding: 0;
border-bottom: 1px solid #ddd;
}
.breaker {
white-space: nowrap;
line-height: 45px;
color: #666; font-size:15px;
float: right;
padding-left: 2em;
background-position: 0 center;
}
.titbar.break h2 {
color: #333;
line-height: 45px; font-size:20px;
font-weight: 400;
white-space: nowrap;
text-overflow: ellipsis;
overflow: hidden;
border-left: 5px solid #005ba8;
padding-left: 15px;
}
.article p{
line-height: 34px;
font-size: 16px;
color: #333;
}
.article img{ width:100%;}
.article_cont{ margin:30px 0;}

.product_con{ display:block; margin-bottom:40px;}
.product_con li{ margin:10px 1% 20px; float:left; width:31.33%;}
.product_con li div{ height:50%;}
@media screen and (max-width:1200px){
.left_menu{ width:28%; float:left;}
.right_content{ width:69%; float:right;}
}

@media screen and (max-width:992px){
.left_menu{ width:0; float:left; display:none;}
.right_content{ width:100%; float:right;}
.titbar.break h2 {border-left: 0px solid #005ba8;padding-left:0px; }
.breaker { display:none}
.titbar.break {margin: 0px 0 0px;}
}
@media screen and (max-width:768px){
.product_con li{ margin:10px 1% 10px; float:left; width:48%;}
}
.product_con li:hover{box-shadow:0px 0px 15px #aaa;}
@media screen and (min-width:1660px){
.product_con li div{ height:260px;}
}
@media screen and (max-width:1660px) and (min-width:1440px){
.product_con li div{ height:240px;}
}
@media screen and (max-width:1440px) and (min-width:1366px){
.product_con li div{ height:220px;}
}
@media screen and (max-width:1365px) and (min-width:1280px){
.product_con li div{ height:200px;}
}
.product_con li div{ overflow:hidden;}
.product_con li div img{ width:100%; height:auto; display:block; margin:0; padding:0;-webkit-transform: scale(1);-moz-transform: scale(1);-o-transform: scale(1);transform: scale(1);-webkit-transition: all 2s ease;-moz-transition: all 2s ease;-o-transition: all 2s ease;transition: all 2s ease;}
.product_con li:hover div img {-webkit-transform: scale(1.05);-moz-transform: scale(1.05);-o-transform: scale(1.05);transform: scale(1.05);-webkit-transition: all 1s ease;-moz-transition: all 1s ease;-o-transition: all 1s ease;transition: all 1s ease;}
.product_con li p{ display:block; padding:15px; background:#fafafa;}
.product_con li p em{ font-size:16px; line-height:40px; text-align:center;}
.product_con li p span{ color:#888;}
.product_con li:hover p{ background:#005ba8; color:#fff;}
.product_con li p a{ float:right; background:#ececec; padding:9px 25px; font-size:15px; font-family:"VINYLREGULAR"; margin-top:3px;  margin-right:10px;}
.product_con li:hover p a{ background:#005ba8; color:#fff;}
.product_con li:hover p span{ color:#fff;}
@media screen and (max-width:1280px){
.product_con li p{ padding:10px; }
}
@media screen and (max-width:960px){
.product_con li p{ display:block; padding:5px;}
.product_con li p em{ font-size:18px; line-height:35px;}
.product_con li p span{ color:#888; font-size:12px;}
.product_con li p a{ display:none}

}
@media screen and (max-width:768px){
.product_con li p em{ font-size:16px; line-height:30px;}
}
.show-pro{ width:100%;}
.show-pro .pro-t { margin-bottom:30px;}
.show-pro .pro-t h1 {font-size: 20px; color: #333333; text-align:center;  padding-bottom:20px;border-bottom:1px solid #e4e4e4; }
.show-pro .param{ line-height:28px; color: #333333; }
.detail-title {font-size: 18px;color: #363636;font-weight: bold;margin-bottom: 10px;line-height: 1.7; text-align:center;}
.detail-info-bar {font-size: 14px;font-family: Arial;color: #9e9e9e;line-height: 35px;border-bottom: 1px dashed #cfcfcf;margin-bottom: 20px; text-align:center;}
.detail-info-bar .detail-info-time { margin-right: 20px; padding-left: 25px;}
.detail-con { color: #333;line-height: 1.7;}
.detail-con img,
.detail-con p img {width: auto !important;max-width: 100%;height: auto !important;}
@media screen and (max-width:1024px){
.show-pro .param img{ width:100%;}
.show-pro .pro-t h1 {font-size: 16px;  }
.detail-title {font-size: 16px; }
}


.inner_new li .big {position: relative;width: 9.5rem;float: left;box-sizing: border-box;margin-right: 3%;-webkit-transition: all .5s linear;transition: all .5s linear;background-color: #f3f3f3;}
.imWrap {width: 100%;padding-top: 62.7%;position: relative;overflow: hidden;}
.big img {width: 100%;display: block;transform: translateZ(0);transition: transform .3s linear;}
.imWrap img {display: block;position: absolute;width: 100%;min-height: 100%;z-index: 5;left: 0;top: 0;}

.inner_new{margin-top:-1rem}
.inner_new li{position:relative;background-color:#fff;padding:25px 20px;border-bottom:1px solid #ddd}
.inner_new li a{display:block;overflow:hidden;cursor:pointer;position:relative;z-index:5}
.inner_new li .date span{font-weight:700;font-size:24px;display:block}
.inner_new li .date{font-size:18px;float:left;color:#666;display:block;text-align:center;padding:10px 0 10px;}
.inner_new li .text-wrap{position:relative;overflow:hidden;padding-left:2%}
.inner_new li .text-wrap .title{font-size:18px;color:#222;overflow:hidden;white-space:nowrap;text-overflow:ellipsis; font-weight:normal;line-height:2}
.inner_new li .text-wrap p{color:#222;display:block; overflow:hidden;white-space:nowrap;text-overflow:ellipsis; padding-top:10px;margin-bottom:15px;}
.inner_new li .text-wrap .btn{font-size:14px;color:#666; padding:5px 25px;line-height:2;margin-top:15px; border: 1px solid #ddd;}
.inner_new li:hover .title{color:#005ba8}
.inner_new li:hover .btn{color:#fff;background-color:#005ba8;border-color:#005ba8}
.inner_new li:hover .fa{color:#005ba8;border-color:#005ba8}

@media (max-width:768px){.inner_new li .date{font-size:.88888889rem}
.inner_new li .date span{font-size:1.09090909rem}
.inner_new li .text-wrap .title{font-size:1rem}
}
@media (max-width:640px){
.inner_new li .date{font-size:1rem}
.inner_new li .text-wrap .btn{font-size:13px}
.inner_new li.first .big{width:100%;margin-right:0;float:none;margin-bottom:1em}
.inner_new li.first .title{margin-bottom:0}
.inner_new li .date{display:none}
.inner_new li .text-wrap .title{font-size:15px;padding-bottom:0}
.inner_new li .text-wrap p{height:3em;white-space:pre-wrap;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2}
.inner_new li .date{padding-bottom:0;margin-top:4%}
.inner_new li .btn{display:none}
}

.case_view{ display:block; padding:20px 0 50px;}


.case_view_rg_tit{ display:block; border-left:3px #009fe0 solid; height:30px; line-height:30px; padding-left:10px; font-size:19px; color:#009fe0; font-weight:700;}
.case_view_rg_con1{ padding:15px 15px 0; border:1px #ddd solid; margin-top:10px; margin-bottom:25px;}
.case_view_rg_con1 li{ display:block; overflow:hidden; position:relative; margin-bottom:15px;}
.case_view_rg_con1 li img{ width:100%; display:block;}
.case_view_rg_con1 li p{ position:absolute; left:0; bottom:0; background:url(../images/wbg.png); width:100%; height:45px; color:#fff; line-height:45px; text-align:center;}
.case_view_rg_con2{ padding:15px 15px 20px; border:1px #ddd solid; margin-top:10px; margin-bottom:25px;}
.case_view_rg_con2 div{ display:block; margin-bottom:10px; position:relative;}
.case_view_rg_con2 div img{ width:100%; display:block;}
.case_view_rg_con2 div p{ position:absolute; left:0; bottom:0; background:url(../images/wbg.png); width:100%; height:45px; color:#fff; line-height:45px; text-align:center;}
.case_view_rg_con2 li{ display:block; overflow:hidden; height:35px; line-height:35px; border-bottom:1px #ddd dashed; background:url(../images/dot2.gif) left no-repeat;}
.case_view_rg_con2 li a{ display:block;}
.case_view_rg_con2 li a.mart{  padding-left:15px; padding-bottom:8px;}
/**view**/
@media screen and (min-width:1240px){
.view_title{ display:block; font-size:22px; font-weight:700;}
.view_content{ line-height:33px; padding:35px 0;}
}
@media screen and (max-width:1231px){
.view_title{ display:block; padding:10px 0; font-size:18px; font-weight:700;}
.view_content{ line-height:28px; padding:25px 0;}
}
@media screen and (max-width:768px){
.view_title{ font-size:16px; }
}
.view_pcon{ line-height:20px; padding:10px 0; font-size:13px; color:#999; border-bottom:1px #ddd solid;}
.view_pcon span{ margin-right:15px;}
.view_content{ color:#555; font-size:14px;}
.view_content img{ max-width:100% !important; height:auto !important;}
.view_content table{ max-width:100% !important;}


.contact_top{display:flex;flex-flow:row nowrap;justify-content:space-between}
.contact_top .cont{flex:1}
.contact_top .cont h3{font-size:24px;color:#333;line-height:4}
.contact_top .cont li{font-size:18px;color:#333;line-height:3; margin-bottom:10px;}
.contact_top .cont li .iconfont{ width:1em;margin-right:.5em; margin-top:10px;}
.contact_top .cont li .iconfont img { margin-top:10px;}
.contact_top .cont li span{font-size:18px;color:#888}
.contact_top .blok{flex:1;display:flex;flex-flow:row wrap;justify-content:center;align-items:center}
.contact_top .ewm{display:inline-block;text-align:center;margin-right:3%}
#dituContent{margin:40px 0; height:450px;}
@media (max-width:1200px){.contact_top .cont h3{font-size:20px;color:#333;line-height:3}
.contact_top .cont li{font-size:16px; line-height:2; }
.contact_top .cont li span{font-size:16px; }
}
@media (max-width:768px){
.contact_top{margin-bottom:30px}
.contact_top .cont{padding-bottom:8%}
.contact_top .cont h3{font-size:18px;}
}
@media screen and (max-width:480px){.contact_top{display:block}}