@charset "utf-8";
* {margin:0;padding:0;transition-property: all;-ms-transition-property: all;-moz-transition-property: all; outline:none;-webkit-transition-property: all;-o-transition-property: all; }
.navbar,.topbar{transition-duration:.5s;-ms-transition-duration:.5s;-moz-transition-duration:.5s; -webkit-transition-duration:.5s;}
body { font-size:14px; color:#444; padding:0;margin:0;font-family:'Microsoft YaHei'; line-height: 170%; background:#fff}
img {border:0px; height:auto; padding:0; vertical-align:middle; max-width:100%}
.aboutcontent img,.aboutsort img,.productlist img,.xgcpbox img,.yingyong-wrap img{max-width:100%}
::-webkit-input-placeholder {color: #96a8b8; } 
:-moz-placeholder {color: #96a8b8; } 
::-moz-placeholder { color: #96a8b8; } 
:-ms-input-placeholder {color: #96a8b8; }
a {color:#444; text-decoration: none;outline:none;}
a:Hover {color:#444;outline:none;text-decoration: none;}
.c{ display:block;clear:both;content:"";visibility:hidden;height:0}
input,button,select,textarea{ outline:none;font-family:arial,'Microsoft YaHei';border:0;color:#595757;font-size:14px}
textarea{resize:none;}i{ font-style:normal;}
input[type="button"], input[type="submit"], input[type="reset"],input[type="text"] {-webkit-appearance: none;padding:0;margin:0;font-weight:normal;}
ul,li,dl,dt,dd { padding: 0; margin: 0; list-style:none;}
h1,h2,h3,h4,h5 { padding: 0; margin: 0; font-weight:normal}
.anniu{ border:0px solid #ff6600; background:#2AA5A7; color:#ffffff; font-size:16px; font-weight:bold; width:140px; line-height:50px; text-align:center; font-family:"微软雅黑",Arial, Helvetica, sans-serif}
#map label,#map img{max-width:none}
#map div{box-sizing:initial}
/*头部*/
.toper{background: #eee; height:40px; line-height: 40px}
.wrapper{width:1240px; margin: 0px auto}
.toper_l{float:left;}
.toper_r{float:right;}
.toper_r img{display: inline-block; margin: 0 10px}
/*bootstrap預設屬性*/
.navbar{width:100%;border-radius: 0;margin-bottom: 0;}
.navbar-default {background-color: #fff; border-color: #fff;}
.navbar-header{float: inherit; height: 125px; margin: 0 auto !important; padding: 0;}
.navbar-brand {padding:0;height: 125px; display: flex; flex-direction: column; justify-content: center;}
.navbar{ border:none; border-bottom: 0px solid #000;}
.logoline{padding:0 25px}
.right_item{float: right;height: 125px;display: flex;justify-content: center;align-items: center;}
.middle_item{float: left;height: 125px; display: flex; justify-content: center;align-items: center;font-size:18px; color:#666; font-weight: bold;}
.middle_item strong{ font-size:22px; font-weight: bold; color:#d7342d; display: block; padding-bottom: 10px}
.h_tel{padding:4px 0; text-align: right; color:#666; font-size:14px; font-weight: bold}
.h_tel strong{color:#d7342d; font-size:22px}
.h_tel img{margin-right:10px}
/*選單*/
.container-fluid{ padding: 0;}
.menu{ background:#0154cd;box-shadow:0 3px 2px 0 rgba(0, 0, 0, 0.2) inset;}
.main_menu{ width:1260px;margin: 0 auto;}
.navbar-default .navbar-nav > li > a,.lv1 > li > a{ font-size: 16px; line-height: 24px; color: #fff;}
.navbar-default .navbar-nav > li > a:hover,.lv1 > li > a:hover,.lv1 > li.active > a{ background: #da251e;}
.navbar-default .navbar-nav .on{background: #d82028}
.navbar-nav > li > a {line-height: 48px;text-align: center;width:155px;}
.hidden_pc{display: none;}
.hidden_m{display: block; height: 530px}
.lv1 > li{position: relative;}
.lv1 > li.hidden_pc{display: none;}
.lv2{ width: 200px; display: none; position: absolute;top: 54px; left: 0; background-color: rgba(255,255,255,0.9); padding: 0; z-index: 100;}
.lv2:before{ position: absolute; content: ''; display: block; width: 0; height: 0; border-style: solid; border-width: 0; border-color: transparent transparent rgba(255,255,255,0.9) transparent;top: -10px; left: 30px;}
.lv2 > li{display: block; width: 100%; position: relative;}
.lv2 > li > a{ display: block;font-size: 14px; color: #4f4f4f; padding: 6px 10px 6px 20px;}
.lv2 > li > a:focus,.lv2 > li > a:hover{ text-decoration: none;}
.lv2 > li:hover { background-color: rgba(69,90,100,0.9); transition: all 0.2s linear; -moz-transition: all 0.2s linear; -webkit-transition: all 0.2s linear; -o-transition: all 0.2s linear;}
.lv2 > li:hover > a{ color: #fff; text-decoration: none; /*display: flex;*/}
.lv2 > li:hover > a:after{ content: ''; height: 3px; background-color: #fff;}

/*底部*/
.to_top{
    width: 45px;
    height: 45px;
    background-image: url(../images/chilisn_to_top.png);
    background-repeat: no-repeat;
    cursor: pointer;
    position: fixed;
    right: 30px;
    bottom: 10px;
    z-index: 1000;
    display: none;
    opacity: 0.6;
}
.to_top:hover{
    transition: all 0.2s linear;
    -moz-transition: all 0.2s linear;
    -webkit-transition: all 0.2s linear;
    -o-transition: all 0.2s linear;
    opacity: 1;
}
.footwrap{background:#333; width:100%; color:#ddd;}
.friendlink{background: #097ada;padding:15px 0}
.foot{ font-size:14px;padding:30px 0}
.footwrap a{color:#ddd;}
.footwrap a:hover{color:#fff;}
.foot h2{ color: #fff; font-size:14px; font-weight: normal; line-height: 28px; padding-bottom: 5px}
.footwrap strong{color:#fff}
.foot_la{float:left; padding-left: 120px; text-align: left}
.foot_la:first-child{padding-left: 0px}
.foot_la li{line-height:35px;}
.foot_la:last-child{padding-right:0}
.foot_ra{float:right; line-height:35px; text-align: center}
.foot_ra img{margin-top:8px}
.copyright{padding:20px 0 20px; line-height: 200%; border-top:1px solid #444; text-align: center}
.footwrap span{padding:0 15px}

/*浮动客服*/
#floatDivBoxs{width:130px;position:fixed;top:165px;right:0;z-index:999;}
#floatDivBoxs .floatDtt{width:100%;height:40px;line-height:40px; background:#f08326;color:#fff;font-size:14px; font-weight: bold; text-indent:12px;position:relative;}
#floatDivBoxs .floatDqq{padding:5px 12px 6px;}
#floatDivBoxs .floatDqq li{height:40px;line-height:40px;font-size:14px;border-bottom:1px solid #ddd; padding:0;}
#floatDivBoxs .floatDqq img{display:inline}
#floatDivBoxs .floatDtxt{font-size:14px;color:#444;padding:5px 12px 0px;}
#floatDivBoxs .floatDtel{padding:0 0 10px 10px;font-size:14px; color: #000}
#floatDivBoxs .floatDbg{width:100%;height:5px;background:#ccc;}
#floatDivBoxs .ewm{border-top:1px solid #ddd; text-align: center; padding: 10px 12px; line-height:120%; font-size:12px}
#floatDivBoxs .ewm img{padding-bottom:3px; display:inline}
.floatShadow{ background:#f3f3f3;}
#rightArrow{width:30px;height:40px;background:url(../images/online_arrow.jpg) no-repeat;position:fixed;top:165px;right:130px;z-index:999;}
#rightArrow a{display:block;height:40px;}
/*手机菜单*/
@media(max-width: 768px){
    .hidden_pc{display: block;}
    .hidden_m{display: none;}
	.right_item,.middle_item{display: none}
    /*bootstrap 預設樣式*/
    .navbar{min-width: 100%; border-bottom: 0;}
    .navbar-nav {padding-left: 0;}
    .navbar-header{width: 100%;height: 54px;float: inherit;display: flex;justify-content: flex-start;padding: 0 10px;margin: 0 auto !important;}
    .navbar-toggle{float: left;border:none;position: absolute;top: 0;right: 0px; margin-right: 0;}
    .navbar-toggle .icon-bar+.icon-bar{ margin-top: 6px;}
    .navbar-brand img {flex-shrink: 0;display: block;height:40px;margin-top: 0;}
    .navbar-default .navbar-toggle .icon-bar{width: 30px; height: 2px;background-color: #546e7a;}
    .navbar-default .navbar-toggle:hover, .navbar-default .navbar-toggle:focus{ background-color: #fff;    }
    .container>.navbar-header, .container-fluid>.navbar-header, .container>.navbar-collapse, .container-fluid>.navbar-collapse{margin: 0;}
    .navbar-collapse{ padding: 0;}
    .navbar-collapse.menu{background: #eee;border-top: 1px solid #ccc; border-color: #ccc;}
    .navbar-brand{height: 50px; margin-top: 0}
    .navbar-toggle.collapsed .icon-bar:nth-child(2) { margin-top: 0px; -ms-transform: rotate(0deg);-webkit-transform: rotate(0deg);transform: rotate(0deg);}
    .navbar-toggle.collapsed .icon-bar:nth-child(3) { display: block;}
    .navbar-toggle.collapsed .icon-bar:nth-child(4) { margin-top: 6px; -ms-transform: rotate(0deg);-webkit-transform: rotate(0deg);transform: rotate(0deg);}
    .navbar-toggle .icon-bar:nth-child(2) {margin-top: 6px; -ms-transform: rotate(45deg); -webkit-transform: rotate(45deg); transform: rotate(45deg);}
    .navbar-toggle .icon-bar:nth-child(3) { display: none;}
    .navbar-toggle .icon-bar:nth-child(4) { margin-top: -2px; -ms-transform: rotate(-45deg); -webkit-transform: rotate(-45deg);transform: rotate(-45deg);}
    .navbar-nav{margin: 0; }
    .navbar-brand{ padding: 0;}
    /*選單*/
    .main_menu{ width: 100%;}
    .navbar-nav > li > a {padding-top: 15px;padding-bottom: 15px;padding-right: 29px;text-align: left;width:auto;}
    .lv1 > li.hidden_pc{ display: block; }
    .navbar-default .navbar-nav > li > a,
    .lv1 > li > a,
    .lv2 > li > a{ font-weight: inherit; font-size: 16px; color: #546e7a; padding: 10px 20px; cursor: pointer; }
    .lv1 > li.has_child.active > a{/*color: #fff;*/ /*font-weight: inhe。rit;*/ }
    .navbar-default .navbar-nav > li > a:hover, .lv1 > li > a:hover, .lv1 > li.active > a{ font-weight: inherit; color:#fff;}
    .lv1 > li.has_child.active{background: #d7342d;}
    .lv1 > li.hidden_pc{ background: #546e7a;color: #fff;}
    .lv1 > li.hidden_pc a{ color: #fff;}
    .navbar-nav > li > p{font-weight: inherit; font-size: 16px; color: #fff; padding: 10px 10px; cursor: pointer; }
    .lv1 > li.hidden_pc.lang_m a{ color: #546e7a; }
    .lv1 > li.hidden_pc i,.lv1 > li.lang_m > a:before{ margin-right: 10px; }
    .lv1 > li{ border-bottom: 1px solid #ccc;}
    .lv1 > li.has_child.active:after,
    .lv2 > li.has_child.active:after{ content: '-'; font-size: 40px; top: 1px; right: 16px;  color: #fff;}
   .lv1 > li.lang_m.active:after{ content: '-'; font-size: 40px; top: 1px; right: 16px;}
    .lv1 > li.has_child:after,
    .lv2 > li.has_child:after,
    .lv1 > li.lang_m:after{ content: '+'; display: block; font-size: 28px; line-height: 30px; position: absolute; top: 3px; right: 14px; color: #78909c;}
    .lv1 > li.lang_m > a,
    .lv1 > li.lang_m > a:focus,
    .lv1 > li.lang_m > a:active{ color: #fff !important;}
    .lv1 > li.lang_m > a{ padding: 10px 20px;}
    .lv1 > li.lang_m:after{ content: '+'; color: #fff; }
    .lv1 > li.lang_m li.active{ background-color: #455a64; }
    .lv1 > li.lang_m li.active a{color: #fff;}
    .navbar-default .navbar-nav>.active>a, .navbar-default .navbar-nav>.active>a:hover, .navbar-default .navbar-nav>.active>a:focus{ background-color: inherit; }
    .lv2{ width: 100%; height: auto; display: none; position: relative; top: 0; left: 0; background-color: #d2d2d2; padding: 0;}
    .lv2 > li{ position: relative; border-top: 1px solid #bfbfbf; padding: 0; }
    .lv2 > li > a{display: block; padding: 6px 20px; color: #263238; }
    .lv2 > li:hover { background-color: #455a64; transition: all 0.2s linear; -moz-transition: all 0.2s linear; -webkit-transition: all 0.2s linear; -o-transition: all 0.2s linear;}
    .lv1 > li.hidden_pc.lang_m .lv2 > li:hover a{ color: #f1de25; }
    .lang_m .lv2{width: 100%; background-color: #eee; }
    .lv2:before{ display: none; }
    .lv2 > li.active{ border-bottom: none;}
    .navbar-default .navbar-nav .on{background: #ccc;}
}
.h50{height:50px}
.serlist{height:180px}
.tm{text-align: center}
.rm{text-align: right}
.lm{text-align: left}
.pt100{padding-top:80px; padding-left: 80px;background: url(../images/diline.png) no-repeat left 60%}
.pd100{padding-bottom:80px; padding-right: 80px;background: url(../images/diline.png) no-repeat right 30%}
.tm img{ display: block; margin: 0px auto}
.ui-flex {display: flex;align-items: center;align-content: center}
.serlist_a{width:33%; float:left; background: url(../images/ys1.jpg);background-size:cover; height: 180px; color:#fff;}
.serlist_b{width:34%; float:left; background: url(../images/ys2.jpg);background-size:cover; height: 180px; color:#fff;}
.serlist_c{width:33%; float:left; background: url(../images/ys3.jpg);background-size:cover; height: 180px; color:#fff;}
.serlist h3{ font-size:22px; padding-bottom: 20px}
.serlist h3:after{position: absolute; content: ""; display: block; width:45px; height: 2px; background: #fff; margin-top: 10px}
.serlist .ser_l{float:left;padding:0 30px}
.serlist .ser_r{float:right;}
.homeabout{padding:40px 0 20px}
.homeabout_l{float:left; width:410px}
.homeabout_r{float:right; width:780px}
.homeabout_r h1{color:#d82028;font-size:20px;}
.homeabout_r .abfont{padding:18px 0; line-height: 200%}
.number-list{ border-top:1px solid #e2e2e2;border-bottom:1px solid #e2e2e2;}
.number-list .am{margin:0px auto}
.number-list .square-item {float:left; width:33.333%; height:110px; text-align: center}
.number-list .square-num {font-size: 36px;line-height:100%; color: #da2b45; text-align: center}
.number-list .square-txt{ font-size:16px; padding:0; text-align: center}
.number-list .jia0{font-size:18px; display:inline-block; padding-left:2px}
.hotprobg{background: url(../images/probg.png) no-repeat center bottom; color:#fff; font-size:20px; padding: 50px 0 80px; text-align: center}
.hotprobg span{ display: block; font-size:30px; padding: 20px 0}
.youshibox{background: #eee}
.youshi{background: url(../images/ml.png) repeat-y center center;}
.ys01t{background: url(../images/01.png) no-repeat right center; font-weight: bold; font-size:28px; line-height: 80px;color:#0154cd}
.ys02t{background: url(../images/02.png) no-repeat left center; font-weight: bold; font-size:28px; line-height: 80px;color:#0154cd}
.ys03t{background: url(../images/03.png) no-repeat right center; font-weight: bold; font-size:28px; line-height: 80px;color:#0154cd}
.ys04t{background: url(../images/04.png) no-repeat left center; font-weight: bold; font-size:28px; line-height: 80px;color:#0154cd}
.ys05t{background: url(../images/05.png) no-repeat right center; font-weight: bold; font-size:28px; line-height: 80px;color:#0154cd}
.ys06t{background: url(../images/06.png) no-repeat left center; font-weight: bold; font-size:28px; line-height: 80px;color:#0154cd}
.ys02{ font-size:16px; line-height: 180%; padding-top: 20px}
.youshi_a{float:left; width: 50%}
.youshi_b{float:left; width: 50%}
.youshi_a .youshi_l{float:left; width:270px; padding-top: 40px}
.youshi_a .youshi_r{float:right; width:230px}
.youshi_b .youshi_l{float:left; width:230px}
.youshi_b .youshi_r{float:right; width:270px; padding-top: 40px}
.mainwrap{}
.mainwrap_l{float:left; width:23%}
.mainwrap_r{float:right; width:75%}
.leftmenu{ background: #eee}
.leftmenu h2{background:#d82028; color:#fff; font-size:16px; padding:15px}
.menubox{padding:7px 19px;}
.menubox li:first-child{border-top:0px solid #fff;}
.menubox li:last-child{border-bottom:0px solid #fff;}
.menubox li{border-top:1px solid #fff; border-bottom: 1px solid #d3d3d3}
.menubox a{display: block; line-height: 22px; padding: 10px 0; color:#333}
.productlist{padding:0;}
.productlist li{float:left;width: calc(100% / 3 - 25px);margin-left: 25px; margin-bottom: 24px}
.productlist h2{font-size:16px; padding:20px 0; border-bottom: 1px solid #e2e2e2;}
.maintel{background: url(../images/teldise.png) no-repeat center center; height: 150px;display:flex; align-content: center;align-items: center; text-align: center}
.maintitle{padding:0}
.maintitle .title{font-size:30px; line-height: 45px; padding-bottom: 8px; font-weight: bold; color:#d82028; text-align: center}
.maintitle .title span{color:#0154cd}
.maintitle .entitle{font-size:16px;padding:8px; text-align: center; text-transform: uppercase; color:#666}
.maintitle .mainline{height:1px; width: 100%; background: #ddd; position: relative}
.maintitle .mainline:after{position: absolute; bottom: -1px; content: ""; display: block; width:45px; height: 3px; left:49%; background: #d82028;}
.yingyong{background:#eee; margin-top: 40px}
.yingyong_l{float:left; width:50%}
.yingyong_r{float:right; width:50%}
.yingyong_r .yybox{padding:50px 40px 0;}
.yingyong_r .yybox h2{font-size:20px;}
.yingyong_r .yybox p{padding:20px 0; line-height: 200%}
.yingyong_r .yybox .morean{background:#d82028; color:#fff;padding:8px 0; display: block; width: 110px; text-align: center}
.yingyong_r .yybox .morean:hover{background:#ad0000;}
.yingylist{padding:40px 0 10px}
.yingylist li{float:left; width:32%;margin-left:2%}
.yingylist li:first-child{margin-left:0}
.yingylist h2{font-size:16px; padding-top:10px}
.p50{padding:60px 0}
.p30{padding:40px 0 30px}
.friend{margin:0 -5px; padding: 40px 0}
.friend li{float:left; width: 14.28%; text-align: center}
.friend .imgbox{border:1px solid #eee;margin:5px}
.homenews{padding:20px 0}
.homenews_l{float:left; width:45%;}
.homenews_l img{padding:23px 0 7px}
.homenews_r{float:right; width:50%}
.homenews_r li{border-bottom:1px dotted #ccc; padding: 10px 0 20px}
.homenews h2{height:30px;overflow: hidden;text-overflow:ellipsis;white-space: nowrap;}
.homenews h2 a{background:url(../images/jt.png) no-repeat left 55%; padding-left:13px; font-size:16px;color:#0154cd; line-height: 30px;}
.homenews_r .nfontbox{ margin:10px 0 10px 13px; color:#888; line-height: 24px; height:48px; display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2; overflow: hidden;}
.homenews_r .more a{ color:#d82028; padding-left:13px}
.img-hover{overflow: hidden;}
.img-hover img{transition: all 0.5s ease;}
.img-hover:hover img{-webkit-transform: scale(1.1);-ms-transform: scale(1.1); transform: scale(1.1)}
/*内页*/
.protitle{padding: 25px 20px;background-image: url(../images/page-pronav-bg.jpg);background-repeat: no-repeat;background-size: cover;font-size: 22px;color: #fff;}
.protitle .eng{float:right; font-size:16px}
.locationwrap{padding-left:25px; padding-bottom: 30px}
.locationwrapno{ padding-bottom: 30px}
.location{border-bottom:2px solid #e2e2e2; padding:7px 0; text-align:right;}
.location img{margin-right:5px}
.sidebar-nav { background: #f4f9fd;	width: 100%;border: 1px solid #afd6f5;border-top: 0;}
.sidebar-nav li {border-top: 1px solid #e2e2e2;	transition: .3s ease-in-out;}
.sidebar-nav li a {display: block;width: 100%;line-height: 40px;background:url(../images/yjt.png) no-repeat 93% 50% #f4f9fd;padding: 15px 20px;	font-size: 16px;color: #444;transition: .3s ease-in-out;}
.sidebar-nav .home a{background:url(../images/yjt.png) no-repeat 93% 50% #fff; color:#0e2c6a; font-weight:bold;}
.aboutcontent{padding:0 0 20px 25px; line-height:200%}
.productcontent{padding:0 0 20px 25px; line-height:200%}
.aboutfont{padding-bottom: 30px}
.aboutys{border-top:1px solid #e2e2e2;padding:40px 0; line-height: 220%}
.aboutys img{margin-top:0px}
.aboutys strong{color:#ec0000; font-size:18px}
.aboutys_l{float:left; width:47%}
.aboutys_r{float:right; width:47%}
.contactbox{ padding-bottom: 20px}
.contactbox_l{float:left; width:60%; line-height: 230%}
.contactbox_l span{color:#d82028; font-weight: bold;}
.contactbox_r{float:right; width:30%; text-align: center; padding-top: 10px; line-height: 150%}
.contactbox_r img{border:1px solid #eee; margin-bottom: 15px}
.mapbox{width:100%; height:500px; border:0;}
.maptitle{border-top:1px solid #e2e2e2; font-size:18px; padding:15px; text-align: center; font-weight: bold;}
.aboutsort{padding-top:10px;}
.aboutsort li{padding-top:10px;}
.aboutsort h2{font-size:16px; padding:15px 0}

.list{}
.list .item{ display: block; padding:15px 0; border-bottom: 1px dotted #ddd;transition: all .5s;}
.list .text-box{float: none; width:100%;}
.list .tit{font-size:20px;color: #0154cd;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}
.list .time{font-size:12px; padding: 3px 0; color:#999}
.list .con{font-size:14px;line-height:180%; color: #515151;padding-top:8px}
.list .more-box{ margin-top:8px;color: #333; background: url('../images/jt.png') no-repeat left 50%; padding-left: 12px}
.list .item:hover{background:#f5f5f5;padding:15px;}
.list .item:hover .more-box,.list .item:hover .tit{color: #d82028;}
.list .item:hover img{transform: scale(1.1);}

.case_pic{padding:0; margin: 0 -10px}
.case_box{margin: 0 10px}
.case_pic li{float:left; width: 33.333%;}
.case_pic .imgbox{overflow: hidden}
.case_pic h2{font-size:14px; padding:15px 0 25px}
.viewbox{}
.viewbox h2{font-size:24px; text-align:center; color:#0e2c6a; padding-bottom:10px;}
.viewcontent{line-height:200%; padding:15px 0}
.viewcontent img{display:block; margin:0px auto; text-align:center;padding:10px 0}
.context{border-top:1px dotted #bbb;padding:10px 0}
.context_l{float:left; width:86%;}
.context_l li{line-height:30px}
.context_r{float:right; width:12%; padding-top:12px}
.context .return{line-height:35px; border-radius:17px; text-align:center; height:35px; display:block;background:#ec0000; color:#fff;}
.context:hover .return{background:#ad0000}

.yingyong-wrap { padding:0; margin:0 -15px}
.yingyong-item { float:left; background: #fafafa; width: calc(100% / 3 - 30px); margin: 15px;transition-duration: .5s;}
.yingyong-item:hover { box-shadow: 0 0 10px rgba(0, 0, 0, 0.2);}
.yingyong-item:hover .news-h5,.yingyong-item:hover .news-more{color: #d50a1d;}
.yingyong-wrap .txts-wrap {padding:15px 20px; font-size: 14px; line-height: 24px; border:1px solid #e2e2e2; border-top:0}
.yingyong-wrap .news-h5 { font-size: 18px; line-height: 30px; color: #333; height: 30px; font-weight: bold; transition-duration: .5s;overflow: hidden;text-overflow:ellipsis;white-space: nowrap;}
.yingyong-wrap .news-detail { color: #666; height: 48px; line-height: 24px; margin: 15px 0;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2; overflow: hidden;}
.yingyong-wrap .news-more { color: #333; display: inline-block; text-decoration: underline;}
.kefu{margin:0 -5px;}
.kefu li{float:left; width:25%; text-align: center}
.kefu .imgbox{border:1px solid #e2e2e2;margin:5px}
.productsm{padding:10px 0}
.productsm_l{float:left; width:60%}
.productsm_r{float:right; width:36%}
.productsm_r h1{font-size:24px; padding:8px 0}
.productsm_r .smlist{padding:10px 0; color:#888}
.productxxcs{padding:20px 0}
.productxxcs .xxcstitle{background: #edf2f7;padding:0 10px}
.productxxcs .xxcstitle h2{background: #fff;border-top:3px solid #006ad6;padding:12px 25px; display: inline-block; font-size:18px; font-weight: bold;}
.productxxcs .xxcsbox{padding:20px 0}
.productxxcs .xxcsbox img{margin:0px auto; display:block}
.productxxcs .xgcpbox{padding-top:25px}
.productxxcs .xgcpbox li{float:left; width: 23%; margin-left: 2.6%}
.productxxcs .xgcpbox li:first-child{margin-left:0}
.productxxcs .xgcpbox h2{font-size:14px;padding:12px 0 0}
/*广告位*/
.aboutbanner { max-width:1920px; overflow: hidden; text-align:center}
.aboutbanner span{ display: none;}
.aboutbanner img{ max-width: none; width: 155%; margin-left: -27.5%;}
.pagination,.page{margin:0px auto; text-align: center; padding-top: 10px}
@media only screen and (min-width: 768px) {
	.aboutbanner img{ width: 150%; margin-left: -25%;}
}
@media only screen and (min-width: 1024px) {
	.aboutbanner img{ width: 140%; margin-left: -20%;}
}
@media only screen and (min-width: 1200px) {
	.aboutbanner{ height: 350px;}
	.aboutbanner img{ display: none;}
	.aboutbanner span{ display: block; background-position: center; background-repeat: no-repeat; height: 350px; width: 100%;}
}