@charset "UTF-8";
.color{ color: #0fc898; }
.page_banner { height:500px; height:26.04vw; max-height: 500px; background: #333; position: relative; background-position:center center; background-size:cover;}
.banner_txt strong { font-size: 36px; line-height: 50px; font-weight: normal; display: block; margin-bottom: 8px; }
.banner_txt { width: 100%; position: absolute; left: 0px; top: 50%; z-index: 5; color: #FFF; line-height: 26px; font-size: 14px; text-align: center; margin-top: -42px; letter-spacing: 1px; padding-top:20px; padding-top:1.8vw; }
.crumbs { line-height: 60px; height: 60px; font-size: 14px; color: #666; overflow:hidden; box-shadow:0 1px 3px 2px rgba(0,0,0,0.08); }
.crumbs a,.crumbs span{ color: #666; margin: 0px 10px; }
.crumbs span.left{margin:0;}
.crumbs a:hover{ color: #0fc898; }
.crumbs i{ background: url(../images/crumbs_icon.png) no-repeat center center; display: inline-block; height: 24px; width: 20px; margin-right: 5px; position:relative; top:7px; }
.crumbs-nav{ position: relative; padding-top:50px; }
.catgory_name { float: left; position: relative; padding-left: 168px; }
.catgory_web { display: inline-block; margin-top: -26px; position: absolute; left: 0px; top: 50%; font-size: 60px; font-style: normal; line-height: 60px; font-weight: normal; font-variant: normal; }
.catgory_web span{ font-size: 28px; line-height: 30px; display: inline-block; position:absolute; right:-18px; top:-2px }
.catgory_name h2 { font-size: 28px; font-weight: normal; line-height: 36px; display: block; padding-top:2px }
.catgory_name p { color: #999; font-size: 16px; line-height: 16px; display: block; margin-top: 0px; }
.navitems{ float: right; height: 50px; border-top: 1px solid #E5E5E5; border-bottom: 1px solid #E5E5E5; padding: 0px 12px; margin-top: 5px; font-size:0; position:relative }
.navitems div{ position:relative;}
.navitems div:before{ content: ""; background: #0EC898; height: 9px; width: 1px; position: absolute; bottom: -3px; left: 0px; z-index:5; }
.navitems div:after{content:""; background: #0EC898; height: 1px; width: 9px; position: absolute; bottom: 1px; left: -4px; z-index:5; }
.navitem{ display: inline-block; line-height: 50px; height: 50px; top:-1px; position: relative; font-size: 15px; cursor:pointer; }
.navitem_i{ position: absolute; left: 0px; top: -10px; right: 0px; bottom: -10px; border-left: 1px solid #E5E5E5; }
.navitems_i{height:50px; width:1px; position:absolute; left:12px; top:0; z-index:6}
.navitems .navitem:last-child i{border-right: 1px solid #E5E5E5;}
.navitem_i2{position:absolute; left:0; top:0; right:0; bottom:0;}
.navitem span{ display:inline-block; padding: 0px 28px; position:relative; z-index:8}
.navitem span:before{content:""; height:50px; width:1px; background:#0EC898; position:absolute; left:0px; top:0; transition:all 0.5s ease-in-out; opacity:0}
.navitem span:after{content:""; height:50px; width:1px; background:#0EC898; position:absolute; right:-1px; top:0; transition:all 0.5s ease-in-out; opacity:0}
.navitems_i:before{ content: ""; background: #0EC898; height: 9px; width: 1px; position: absolute; bottom: -3px; left: 0px; z-index:5; }
.navitems_i:after{content:""; background: #0EC898; height: 1px; width: 9px; position: absolute; bottom: 1px; left: -4px; z-index:5; }
.navitems:before{ content: ""; background: #0EC898; height: 9px; width: 1px; position: absolute; top: -5px; left: 12px; z-index:5; }
.navitems:after{content:""; background: #0EC898; height: 1px; width: 9px; position: absolute; top: -1px; left: 8px; z-index:5; }
.navitem_i2:before{ content: ""; background: #0EC898; height: 9px; width: 1px; position: absolute; top: -4px; right: -1px; z-index:5; }
.navitem_i2:after{content:""; background: #0EC898; height: 1px; width: 9px; position: absolute; top: 0px; right: -5px; z-index:5; }
.navitem:before{ content: ""; background: #0EC898; height: 9px; width: 1px; position: absolute; bottom: -4px; right: -1px; z-index:5; }
.navitem:after{content:""; background: #0EC898; height: 1px; width: 9px; position: absolute; bottom: 0px; right: -5px; z-index:5; }
.navitem.on,.navitem:hover{ color: #FFF; background: #0fc898; }
.navitem.on span:before,.navitem:hover span:before,.navitem.on span:after,.navitem:hover span:after{opacity:1;}
.navitems .navitem:last-child:before{right:0;}
.navitems .navitem:last-child:after{ right:-4px;}
.navitems .navitem:last-child span:after{width:2px; right:0}
.cases_list{position:relative; z-index:2; padding-top:60px; padding-bottom:40px;}
.cases_list .pos_link{width:0; height:0; float:left; overflow:hidden}
.cases_list ul{ margin:0 -35px;}
.ds_contact{display:none;}
.cases_catgory_name{ font-size: 20px; line-height: 30px; margin-bottom:35px; font-weight:bold; display:none}
.cases_list li{width:33.333%; float:left; padding:0 35px; margin-bottom:20px}
.case_item{display:block; text-align:center;}
.case_img{border: 8px solid #F0F0F0; border-radius:0.5em; background:#fff; position:relative; *zoom: 1; margin-bottom:20px}
.case_item_layer{position:absolute;  left:0; top:0; right:0; bottom:0; background:#0fc898; transition:all 0.5s ease; opacity:0; visibility:hidden}
.case_item:hover .case_item_layer{opacity:1; visibility:visible}
.case_item_layer h5{ font-weight:normal; padding:0 15px; left:0; right:0; top:50%; margin-top:-36px; position:absolute; color:#fff; font-size:24px; line-height:36px; text-align:center; letter-spacing:1px;}
.case_img img{display:block; max-width:100%; height:auto;}
.case_img:before {-webkit-transform: skew(-15deg) rotate(-4deg);-moz-transform: skew(-15deg) rotate(-4deg);transform: skew(-15deg) rotate(-4deg);left:12%;}
.case_img:after {-webkit-transform: skew(15deg) rotate(4deg);-moz-transform: skew(15deg) rotate(4deg); transform: skew(15deg) rotate(4deg);right: 12%;}
.case_img:before,.case_img:after {width:70%;height: 65%;content: '';-webkit-box-shadow: 0 18px 26px rgba(0, 0, 0, 0.25);-moz-box-shadow: 0 18px 26px rgba(0, 0, 0, 0.25);box-shadow: 0 18px 26px rgba(0, 0, 0, 0.25);position: absolute;bottom:8px;z-index: -1;}
.case_item strong{ font-size: 18px; line-height: 40px; font-weight: normal; display: block; }
.case_item p{ font-size: 12px; line-height: 22px; color: #999999; height: 44px; overflow: hidden; }
.paginator{text-align:center; margin-bottom:100px}
.mpage{height:47px; background:#F5F5F5; padding:7px 30px; display:inline-block; line-height:31px; font-size:14px; color:#666; border-radius:1.8em;}
.mpage li{display:inline-block;}
.tmp_navr{float:right; padding-top:6px;}
.tmp_bottom{}
.tmp_btn{ display: inline-block; font-size: 16px; color: #fff; padding: 0 40px 0 62px; background: #0fc898 url(../images/rmenu_message.svg) no-repeat 32px center; border-radius: 2em; line-height: 50px; cursor: pointer; transition: all 0.5s ease; font-weight:bold }
.tmp_bottom .tmp_btn{ box-shadow:0 5px 25px rgba(15,200,152,0.3); }
.tmp_btn:hover{ box-shadow:0 5px 25px rgba(15,200,152,0.5); color:#fff; transform:translateY(-8px); }
.mpage_num{min-width:31px; text-align:center; padding:0 8px; display:inline-block; color:#666;}
.mpage_cutnum{ border-radius:50%; background:#0EC898; height:31px; color:#fff;}
.effect_list{ margin: 0px -25px; padding-top:60px; padding-bottom:15px; }
.effect_list li{ padding: 0px 25px; float: left; width: 25%; margin-bottom:20px; }
.effect_img{ background: #fff; padding-bottom: 3px; font-size: 0; position: relative; *zoom: 1;margin-bottom: 20px; text-align:center; }
.effect_img:before {-webkit-transform: skew(-15deg) rotate(-4deg);-moz-transform: skew(-15deg) rotate(-4deg);transform: skew(-15deg) rotate(-4deg);left:12%;}
.effect_img:after {-webkit-transform: skew(15deg) rotate(4deg);-moz-transform: skew(15deg) rotate(4deg); transform: skew(15deg) rotate(4deg);right: 12%;}
.effect_img:before,.effect_img:after {width:70%;height: 65%;content: '';-webkit-box-shadow: 0 18px 26px rgba(0, 0, 0, 0.25);-moz-box-shadow: 0 18px 26px rgba(0, 0, 0, 0.25);box-shadow: 0 18px 26px rgba(0, 0, 0, 0.25);position: absolute;bottom:18px;z-index: -1;}
.effect_item .ellipsis { font-size: 16px; display: block; line-height: 38px; height: 38px; font-weight: normal; }
.effect_item p { line-height: 26px; color: #888888; height: 78px; overflow: hidden; margin-bottom: 8px; }
.effect_bottom { line-height: 26px; color: #B2B2B2; height: 26px; }
.effect_bottom .left { background: url(../images/effect_icon1.png) no-repeat left center; padding-left: 22px; }
.effect_bottom .right { background: url(../images/effect_icon2.png) no-repeat left center; padding-left: 22px; }
.effect_item{display:block; padding-bottom:20px; position:relative;}
.effect_item:after{content:""; width:0; height:1px; background:#0EC898; transition:all 0.5s ease-out; position:absolute; left:0; bottom:0}
.effect_item:hover:after{ width:100%;}
.effect_layer{background:rgba(0,0,0,0.7); position:absolute; left:0; top:0; width:100%; height:159px; z-index:2; transition:all 0.5s ease-in-out; opacity:0}
.effect_layer:before{content:""; width:58px; height:58px; border:1px solid #fff; border-radius:50%; top:50%; left:50%; transform:translate(-150px,-50%); position:absolute; transition:all 0.5s ease-in-out;}
.effect_layer:after{content:""; width:20px; height:20px; border:1px solid #fff; border-radius:50%; top:50%; left:50%; transform:translate(150px,-50%); position:absolute; transition:all 0.5s ease-in-out;}
.web_list .item:hover .effect_layer{opacity:1;}
.effect_item:hover .effect_layer:before{transform:translate(-50%,-50%);}
.effect_item:hover .effect_layer:after{transform:translate(-50%,-50%);}
.article_list{ margin-bottom:50px; margin-top:-25px;}
.article_item{ display:block; overflow:hidden; padding: 42px 0px; border-bottom: 1px solid #ddd; }
.article_thumb{background:#fff; padding-bottom: 3px; font-size: 0; position: relative; *zoom: 1; float:left}
.article_thumb .overflowHide{height:180px; width:300px;}
.article_thumb .overflowHide img{width: 100%;height: 100%;object-fit: cover;}
.article_thumb:before {-webkit-transform: skew(-15deg) rotate(-4deg);-moz-transform: skew(-15deg) rotate(-4deg);transform: skew(-15deg) rotate(-4deg);left:12%;}
.article_thumb:after {-webkit-transform: skew(15deg) rotate(4deg);-moz-transform: skew(15deg) rotate(4deg); transform: skew(15deg) rotate(4deg);right: 12%;}
.article_thumb:before,.article_thumb:after {width:70%;height: 65%;content: '';-webkit-box-shadow: 0 18px 26px rgba(0, 0, 0, 0.25);-moz-box-shadow: 0 18px 26px rgba(0, 0, 0, 0.25);box-shadow: 0 18px 26px rgba(0, 0, 0, 0.25);position: absolute;bottom:18px;z-index: -1;}
.article_thumb i{ background: #DDDDDD; height: 1px; width: 20px; position: absolute; top: 50%; left:300px; transition:all 0.5s ease-in-out;}
.article_item:hover .article_thumb i{width:35px;}
.article_thumb i:before{content:""; width:7px; height:1px; background:#0EC898; position:absolute; right:-7px; top:0;}
.article_thumb i:after{content:""; height:7px; width:1px; background:#0EC898; position:absolute; right:-4px; top:-3px;}
.article_descript { margin-left: 362px; }
.article_descript .ellipsis { line-height: 24px; font-size: 16px; display: block; height: 24px; margin-bottom: 12px; }
.article_date { font-size: 14px; line-height: 34px; color: #666666; }
.article_date span { font-size: 20px; display: inline-block; margin-right: 8px; }
.article_descript p { font-size: 14px; line-height: 26px; color: #888888; height: 52px; overflow: hidden; margin-bottom: 16px;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2; }
.more_button { font-size: 14px; line-height: 36px; text-transform: uppercase; height: 38px; width: 160px; border: 1px solid #DDDDDD; display: inline-block; text-align: center; color: #CFCFCF; transition:all 0.5s ease-in-out; overflow:hidden; position:relative; }
.more_button span{ transition:all 0.3s ease-in-out; display:inline-block;}
.more_button i{ background: url(../images/more_arrow.png) no-repeat center center; display: inline-block; height: 8px; width: 16px; position: absolute; margin-top: -4px; top: 50%; left: 0px; transition:all 0.5s ease-in-out; opacity:1}
.article_item:hover .more_button span{transform:translateX(10px);}
.article_item:hover .more_button{ color: #FFF; background: #0EC898; border: 1px solid #0EC898; }
.article_item:hover .more_button i{ left:22px; opacity:1;}
.material_list{ margin: 10px -29px 5px; }
.material_list li{ padding: 0 29px; float: left; width: 25%; }
.material_img{ font-size: 0; position: relative; border: 3px solid #EAEAEA; border-radius:0.4em; background:#fff; position: relative; *zoom: 1;}
.material_img:before {-webkit-transform: skew(-15deg) rotate(-4deg);-moz-transform: skew(-15deg) rotate(-4deg);transform: skew(-15deg) rotate(-4deg);left:12%;}
.material_img:after {-webkit-transform: skew(15deg) rotate(4deg);-moz-transform: skew(15deg) rotate(4deg); transform: skew(15deg) rotate(4deg);right: 12%;}
.material_img:before,.material_img:after {width:70%;height: 65%;content: '';-webkit-box-shadow: 0 18px 26px rgba(0, 0, 0, 0.25);-moz-box-shadow: 0 18px 26px rgba(0, 0, 0, 0.25);box-shadow: 0 18px 26px rgba(0, 0, 0, 0.16);position: absolute;bottom:20px;z-index: -1;}
.material_item{display:block; margin-bottom:25px; position:relative; text-align:center}
.material_bottom { line-height: 62px; height: 62px; font-size: 14px; color: #666; position: relative; padding-right: 62px; }
.material_view{ color: #b2b2b2; background: url(../images/effect_icon2.png) no-repeat left center; padding-left: 22px; display: inline-block; position: absolute; top: 0px; right: 0px; }
.material_item:after{content:""; width:0; height:1px; background:#0EC898; transition:all 0.5s ease-out; position:absolute; left:0; bottom:0}
.material_item:hover:after{width:100%;}
.material_down{ color: #b2b2b2; background: url(../images/effect_icon1a.png) no-repeat left center; padding-left: 22px; display: inline-block; position: absolute; top: 0px; right: 0px; }
.main_content{ margin-top: 45px; margin-bottom:70px; }
.mian_left { float: left; width: 1170px; }
.main_right { float: right; width: 330px; position: -webkit-sticky;position: sticky;top: 115px; padding-bottom:20px;}
.mian_left .paginator{margin-bottom:20px;}
.main_right_tnm{ font-size: 16px; font-weight: bold; line-height: 52px; border-top: 2px solid #0EC898; }
.main_right_tnm span{ font-size: 12px; color: #bbb; display: inline-block; margin-left: 2px; text-transform: uppercase; }
.main_right_catgorys ul li {line-height:30px;padding: 8px 0px;border-top: 1px dotted #CCC; font-size:13px;}
.main_right_catgorys ul li a {white-space: nowrap;margin-right: 8px;font-weight: normal; color:#666;}
.main_right_catgorys ul li a:hover{ color: #0fc898; }
.main_right_ad { margin: 20px 0px 35px; }
.main_right_ad2 { margin: 35px 0px 0px; }
.main_right_ul{margin-top:-10px;}
.main_right_ul li { padding: 16px 0px; border-bottom: 1px dotted #D6D6D6; }
.main_right_abox { display: block; overflow: hidden; }
.main_right_abox .overflowHide { float: left; height: 57px; width: 96px; }
.main_right_text { margin-left: 108px; }
.main_right_text .ellipsis { line-height: 26px; height: 26px; font-size: 14px; font-weight: normal; display: block; }
.main_right_fun { line-height: 30px; height: 30px; font-size: 12px; color: #999;}
.main_right_s1 { background: url(../images/m2icon1.png) no-repeat left center; padding-left: 22px; width: 100px; display: inline-block; }
.main_right_s1a{width:auto;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:1; background:none; padding-left:0;}
.main_right_s2 { background: url(../images/effect_icon2.png) no-repeat left center; padding-left: 22px; display: inline-block; }
.main_right_tnm30{margin-top:35px;}
.article_title{ font-size: 28px; line-height: 50px; text-align: center; padding: 2px 0px 16px; border-bottom: 1px solid #DDDDDD; font-weight: normal; }
.article_info { text-align: center; font-size: 12px; color: #999999; line-height: 26px; padding: 12px 0px 28px; }
.article_info span{ display: inline-block; margin: 0px 14px; }
.article_content { font-size: 16px; line-height: 30px; color: #666666; padding-bottom: 40px; }
.article_content strong{color:#555;}
.article_content pre{background:#181a1f; color:#fff; padding:10px 15px; color:#fff; border-radius:0.3em;}
.article_content ol{padding-left:20px;}
.article_content ul li{list-style:inside; padding-left:18px;}
.article_tags { padding-bottom: 14px; border-bottom: 1px solid #DDDDDD; overflow: hidden; font-size: 16px; line-height: 26px; }
.article_tags strong { background: url(../images/article_tag.png) no-repeat right center; padding-right: 26px; float: left; margin-right: 12px; }
.tags_a,.tags_a:hover { display: inline-block; padding: 0px 12px; font-size: 14px; line-height: 26px; color: #FFF; background: #0fc898; margin: 0px 8px 8px 0px; }
.article_page { margin: 35px 0px 50px 0px; position: relative; padding-right:280px; }
.article_prev{ margin-bottom:10px}
.article_prev,.article_next{ font-size: 16px; line-height: 26px; height: 26px; }
.article_page span{ height: 26px; width: 60px; margin-right: 12px; float: left; color: #FFF; background: #989898; font-size: 14px; line-height: 26px; text-align: center; }
.article_prev:hover span,.article_next:hover span{ background: #0fc898; }
.article_prev:hover a.disabled span,.article_next:hover a.disabled span{ background:#989898;}
.article_prev:hover a.disabled,.article_next:hover a.disabled{ color:#666; cursor:default;}
.article_share { line-height: 48px; height: 48px; position: absolute; right: 0px; top: 7px; }
.article_share a{ display: inline-block; height: 48px; width: 48px; margin-left: 16px; background-color: #DDDDDD; background-position:center center; background-repeat:no-repeat; cursor:pointer; }
.article_share a:hover{ background-color: #0fc898;}
.article_share_sina{ background-image:url(../images/m3share_i1.png)}
.article_share_sina:hover{ background-image:url(../images/m3share_i1a.png)}
.article_share_wechat{ background-image:url(../images/m3share_i2.png)}
.article_share_wechat:hover{ background-image:url(../images/m3share_i2a.png)}
.article_share_weibo{ background-image:url(../images/m3share_i3.png)}
.article_share_weibo:hover{ background-image:url(../images/m3share_i3a.png)}
.article_share_more{ background-image:url(../images/m3share_i4.png)}
.article_share_more:hover{ background-image:url(../images/m3share_i4a.png)}
.article_st { line-height: 22px; height: 22px; margin-bottom: 18px; padding-left: 10px; border-left: 4px solid #0fc898; font-size: 16px; font-weight: bold; }
.article_bottom_ul { margin: 0px -22px; }
.article_bottom_ul li { padding: 16px 22px 20px; border-bottom: 1px solid #EBEBEB; float: left; width: 50%; }
.article_bottom_ul li:nth-child(5),.article_bottom_ul li:nth-child(6),.article_bottom_ul li:last-child{border:none;}
.article_a { display: block; }
.article_time { font-size: 14px; color: #999999; line-height: 22px; }
.article_a .ellipsis { line-height: 42px; display: block; height: 42px; font-size: 16px; font-weight: bold; position: relative; margin-bottom:12px; }
.article_a .ellipsis:after{ content: ""; background: #0EC898; height: 1px; width: 35px; position: absolute; left: 0px; bottom: 0px; }
.article_a p { font-size: 14px; line-height: 26px; color: #888888; height: 52px; overflow: hidden; display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;}
.text_list{ margin: 10px -30px 10px; }
.text_list li{  padding: 0px 30px; float: left; width: 50%; }
.text_list li:last-child{margin-bottom:50px;}
.text_list li:nth-child(9),.text_list li:nth-child(10),.text_list li:nth-child(19),.text_list li:nth-child(20),.text_list li:nth-child(29),.text_list li:nth-child(30){ margin-bottom: 50px; padding-bottom: 50px; border-bottom: 1px dotted #D1D1D1; }
.text_a{line-height: 40px; height: 40px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; display: block; font-size: 16px; padding-left: 18px; position: relative; }
.text_a:before{ content: ""; background: #333; display: inline-block; height: 4px; width: 4px; margin-top: -2px; position: absolute; left: 0px; top: 50%; }
.web_list{margin:60px -50px 0; overflow:hidden}
.web_list .item{position:relative;}
.web_aBox .autoImg{ position:relative;border: 3px solid #000; overflow:hidden; border-radius:0.6em;}
.web_info{ line-height: 24px; font-size: 14px; text-align:center; position: relative; padding-bottom:5px; margin-top: 10px; top:10px; }
.web_info strong{display:block; font-weight:normal; color:#333;}
.web_info p{margin-top:5px;}
.web_info:after{ content:""; width:0%; height:1px; background:#0fc898; position:absolute; left:0; bottom:-10px; transition:all 0.5s ease-in-out;}
.web_aBox{display:block; color:#888; position:relative; z-index:0}
.web_aBox.hover{opacity:0.2;}
.web_aBox:hover .web_info:after{width:100%;}
.effect_pc,.effect_phone{ width:50px; height:50px; display:inline-block; background-color:#0fc898; border-radius:50%; position:absolute; top:50%; margin-top:-45px; transition:all 0.5s ease; background-repeat:no-repeat; background-position:center center; opacity:0}
.effect_pc{ left:26%; background-image:url(../images/pc_ico.svg); background-size:36px auto;}
.effect_phone{ right:26%; background-image:url(../images/phone_ico.svg); background-size:36px auto;}
.effect_pc:hover{ background-image:url(../images/pc_ico2.svg); background-size:36px auto;}
.effect_phone:hover{ background-image:url(../images/phone_ico2.svg); background-size:36px auto;}
.effect_pc span,.effect_phone span{ position:absolute; white-space:nowrap; width:80px; left:50%; margin-left:-40px; bottom:62px; font-size:12px; color:#fff; text-align:center; line-height:22px; display:inline-block; background:#000; border-radius:0.3em; height:24px; transition:all 0.5s ease; opacity:0; visibility:hidden; transform:translateY(5px);}
.effect_pc span:after,.effect_phone span:after{content:""; border-left:5px solid transparent; border-right:5px solid transparent; border-top:5px solid #000; position:absolute; left:50%; margin-left:-5px; bottom:-5px;}
.effect_pc:hover,.effect_phone:hover{background-color:#fff;}
.effect_pc:hover span,.effect_phone:hover span{opacity:1; transform:translateY(0); visibility:visible;}
.web_list .item:hover .effect_pc,.web_list .item:hover .effect_phone{opacity:1;}



.article_top{ margin-bottom: 35px; padding-right: 200px; position: relative; }
.article_top_title { font-size: 28px; line-height: 48px; font-weight: normal; }
.article_top_info span{ color: #999999; display: inline-block; margin-right: 28px; line-height: 30px; }
.article_views { font-size: 16px; line-height: 36px; color: #777; position: absolute; right: 0px; bottom: -2px; display: inline-block; }
.article_views span { font-size: 36px; color: #ff3300; display: inline-block; margin-right: 5px; }
.effect_imgBox .effect_img{width:366px;}
.effect_imgBox{ border-bottom: 1px solid #DDDDDD; padding-bottom:15px;}
.effect_imgBox strong { font-size: 14px; line-height: 32px; height: 32px; overflow: hidden; font-weight: normal; }
.effect_imgBox .effect_layer{height:auto; bottom:3px;}
.effect_imgBox .effect_item{display:inline-block; padding-bottom:0;}
.effect_imgBox .effect_item:after{display:none;}
.article_st2{margin-top:25px;}
.article_text { font-size: 16px; line-height: 30px; color: #666666; padding-bottom: 30px; }
.article_tags_noBorder{ border: none; margin-bottom: 20px; }
.effect_btns { text-align: center; border-bottom: 1px solid #ddd; overflow: hidden; padding: 35px 0px 45px; }
.effect_btns_noBorder{border:none; padding-bottom:25px;}
.effect_view text,.effect_view i,.effect_down text,.effect_down i,.effect_ask text,.effect_ask i{ vertical-align:middle; }
.effect_view,.effect_view:hover{ font-size: 20px; line-height: 48px; color: #FFF; background: #0EC898; text-align: center; display: inline-block; height: 48px; width: 190px; margin: 0px 32px; border-radius:1.8em; }
.effect_down,.effect_down:hover{ font-size: 20px; line-height: 48px; color: #FFF; background: #0EC898; text-align: center; display: inline-block; height: 48px; width: 190px; margin: 0px 32px; border-radius:1.8em; }
.effect_ask,.effect_ask:hover{ font-size: 20px; line-height: 48px; color: #FFF; background: #0EC898; text-align: center; display: inline-block; height: 48px; width: 190px; margin: 0px 32px; border-radius:1.8em; }
.effect_view i{ background: url(../images/effect_icon3.png) no-repeat center center; display: inline-block; margin-right: 8px; height: 28px; width: 28px; }
.effect_down i{ background: url(../images/effect_icon4.png) no-repeat center center; display: inline-block; margin-right: 8px; height: 28px; width: 28px; }
.effect_ask i{ background: url(../images/effect_icon4a.png) no-repeat center center; display: inline-block; margin-right: 8px; height: 28px; width: 28px; }
.article_effect_bottom li{ padding: 32px 0px; border-bottom: 1px dotted #ccc; overflow:hidden }
.article_effect_bottom li:last-child{border-bottom:none;}
.effect_aBos { display: block; color: #666; }
.effect_aBos .overflowHide { float: left; height: 118px; width: 262px; border-bottom: 2px solid #FFF; }
.effect_descript { margin-left: 292px; }
.effect_descript .ellipsis { font-size: 16px; line-height: 30px; font-weight: normal; display: block; height: 30px; overflow: hidden; }
.effect_descript p { font-size: 14px; color: #999999; line-height: 26px; height: 52px; overflow: hidden; margin: 6px 0px 8px; }
.effect_aBos .effect_bottom .right{float:left; margin-left:40px;}
.effect_aBos .overflowHide { float: left; height: 118px; width: 262px; }
.effect_aImg{float:left; position:relative;}
.effect_aImg:before {-webkit-transform: skew(-15deg) rotate(-4deg);-moz-transform: skew(-15deg) rotate(-4deg);transform: skew(-15deg) rotate(-4deg);left:12%;}
.effect_aImg:after {-webkit-transform: skew(15deg) rotate(4deg);-moz-transform: skew(15deg) rotate(4deg); transform: skew(15deg) rotate(4deg);right: 12%;}
.effect_aImg:before,.effect_aImg:after {width:70%;height: 65%;content: '';-webkit-box-shadow: 0 18px 26px rgba(0, 0, 0, 0.25);-moz-box-shadow: 0 18px 26px rgba(0, 0, 0, 0.25);box-shadow: 0 18px 26px rgba(0, 0, 0, 0.25);position: absolute;bottom:18px;z-index: -1;}
.article_effect_bottom {margin-top:-15px;}
.article_alert{ font-size: 12px; line-height: 28px; color: #aaaaaa; position:relative; top:-32px;}
.runcode_text {padding: 10px;height: 462px;width: 100%;border: 1px solid #CCC;font: 14px/22px Tahoma, Geneva, sans-serif;color: #009900;background: #F6F6F6; margin-top:-10px;}
.material_article{text-align:center;}
.material_article img {margin: 20px 20px 40px 10px;text-align: center;}
.tages_list{margin-bottom:15px;}
.tages_list .left{ background: url(../images/m2icon1.png) no-repeat left center; }
.tages_list .effect_aBos .overflowHide{ width:222px; height:133px;}
.tages_list .effect_descript{margin-left:252px; padding-top:3px;}
.material_webBg{height:164px;}
.material_webBg img{display:none;}
.mbgLayBg{background:#000; opacity:0.3; filter:alpha(opacity=30); width:100%; height:100%; position:fixed; z-index:80; left:0; top:0}
.mbgLay{ position:fixed; z-index:85; border-radius:0.8em; border:8px solid #fff; overflow:hidden; box-shadow:0 0 3px rgba(0,0,0,0.1); top:150px; bottom:150px; left:200px; right:200px;}
@media (max-width:1799px){
.navitem{font-size:14px; text-align:center;}
.navitem span{padding:0 16px; min-width:88px;}
.navitems_seo span{min-width:50px; padding:0 13px;}
.cases_list ul{ margin:0 -20px;}
.cases_list ul li{ padding:0 20px; margin-bottom:10px;}
.banner_txt strong{font-size:32px; line-height:40px;}
.cases_list{padding-top:35px;}
.crumbs-nav{padding-top:36px;}
.cases_catgory_name{font-size:16px; margin-bottom:20px;}
.article_effect_bottom li{padding:28px 0;}
.mian_left{width:830px;}
.web_list{margin-top:38px; margin-left:-30px; margin-right:-30px;}
.paginator{margin-bottom:80px}
.article_top_title{font-size:26px;}
.main_content{margin-bottom:30px;}
.article_prev, .article_next{font-size:14px;}
.effect_down, .effect_down:hover{font-size:18px;}
.article_text,.article_content{font-size:14px; line-height:28px;}
.article_bottom_ul{padding-bottom:20px;}
.material_list{ margin:0px -15px 5px}
.material_list li{padding:0 15px; width:33.33%;}
.mian_left .paginator{margin-bottom:50px;}
.material_item{margin-bottom:10px;}
.material_bottom{line-height:52px; height:52px;}
.effect_list{padding-top:38px;}
.effect_list li{width:33.33%;}
.effect_layer{height:165px;}
.effect_view, .effect_view:hover{font-size:18px;}
.crumbs{height:52px; line-height:52px;}
.catgory_web{font-size:58px;}
.catgory_name{padding-left:158px;}
.article_item{padding:32px 0;}
.article_descript{margin-left:350px;}
.text_a{font-size:14px;}
.main_right{top:100px;}
.main_right_tnm30{margin-top:25px;}
.main_right_ad2{margin-top:25px;}
.article_item:hover .article_thumb i{width:30px;}
}
@media (max-width:1379px){
.mian_left{ width:780px;}
.mian_right{ width:285px;}
.catgory_web{font-size:52px;}
.catgory_name{padding-left:140px;}
.catgory_name h2{font-size:24px; padding-top:3px;}
.catgory_name p{font-size:15px;}
}
@media (max-width:1199px){
.crumbs-nav{text-align:center;}
.catgory_name{ display:block; float:none; margin-bottom:30px; text-align:left}
.navitems{float:none; text-align:center; display:inline-block;}
.main_right{display:none;}
.mian_left{width:100%;}
.effect_layer{height:126px;}
.text_list li:nth-child(9), .text_list li:nth-child(10), .text_list li:nth-child(19), .text_list li:nth-child(20), .text_list li:nth-child(29), .text_list li:nth-child(30){ margin-bottom:25px; padding-bottom:24px;}
.text_list li{padding-left:15px; padding-right:15px;}
.text_list{margin:0px -15px 10px;}
.text_list li:last-child{margin-bottom:25px;}
.tmp-nav .catgory_name{float:left;}
}
@media (max-width:1199px){
.page_banner{height:300px;}
.banner_txt strong{font-size:28px; line-height:36px;}
.article_title{margin-top:-50px;}
.article_title2{margin-top:0;}
.web_list{margin-top:20px;}
}
@media (max-width:993px){
.top_empty{height:58px;}
.navitem span{ padding:0 20px; font-size:14px;}
.cases_list li{width:50%;}
.banner_txt strong{font-size:30px;}
.banner_txt{font-size:13px;}
.article_bottom_ul li{width:100%;}
.navitem span{min-width:68px;}
.effect_list li{width:50%; padding-left:15px; padding-right:15px;}
.effect_list{margin-left:-15px; margin-right:-15px;}
.effect_layer{height:156px;}
.web_list{margin-left:-25px; margin-right:-25px;}
.article_title{font-size:24px;}
.page_banner{height:350px;}
.mpage_Nonum{display:none;}
.article_title2{margin-top:-15px;}
}
@media (max-width:767px){
.page_banner{height:220px;}
.top_empty{height:48px;}
.banner_txt{padding:20px 15px 0; margin-top:0; transform:translateY(-50%); top:50%; font-size:12px; line-height:18px;}
.banner_txt strong{font-size:22px; line-height:30px; margin-bottom:5px;}
.crumbs a{margin:0 5px;}
.catgory_name{padding-left:112px; margin-bottom:20px;}
.catgory_web{font-size:40px;}
.catgory_web span{font-size:18px; top:3px; right:-12px;}
.catgory_name h2{font-size:20px; line-height:22px; padding-top:10px;}
.catgory_name p{font-size:12px;}
.crumbs-nav{padding-top:20px;}
.navitems{border:none; height:auto; overflow:hidden; padding:0; margin-left:-5px; margin-right:-5px;}
.navitems:before,.navitems:after{display:none;}
.navitem:after,.navitem:before{display:none;}
.navitems i{display:none;}
.navitem span{padding:0 18px;}
.navitem, .navitem:hover{ border-radius:1.8em; margin:0;}
.navitem{line-height:36px; height:36px;}
.navitem span:before,.navitem span:after{display:none;}
.cases_list{padding-top:25px;}
.case_img{border-width:3px; margin-bottom:8px;}
.cases_list ul{margin-left:-8px; margin-right:-8px;}
.cases_list ul li{padding-left:8px; padding-right:8px;}
.case_item strong{font-size:16px;}
.tages_list .effect_aBos .overflowHide{float:none;width:225px; height:140px;}
.effect_aImg{float:none; width:225px;}
.tages_list .effect_descript{margin-left:0; margin-top:18px;}
.mpage{background:none; height:auto; padding:0 10px}
.mian_left .paginator{margin-bottom:30px;}
.tages_list{margin-bottom:0;}
.main_content{margin-top:38px;}
.web_list{margin-top:20px; margin-left:-15px; margin-right:-15px;}
.web_info{position:relative; top:-2px; padding-right:0}
.web_info span{display:none;}
.web_info .ellipsis{font-size:12px;}
.paginator{margin-bottom:50px;}
.article_views{position:static; font-size:14px;}
.article_views span{font-size:26px;}
.article_top{padding-right:0; margin-top:-30px;}
.article_top_title{font-size:22px; text-align:center; line-height:36px; margin-bottom:5px;}
.article_top_info{text-align:center;}
.article_top_info span{margin:0 10px;}
.tags_a, .tags_a:hover{font-size:12px; margin-right:2px;}
.effect_view, .effect_view:hover,.effect_ask, .effect_ask:hover,.effect_down, .effect_down:hover{font-size:14px; width:130px; height:40px; line-height:40px; margin:0 5px;}
.effect_view i,.effect_ask i,.effect_down i{background-size:20px auto;}
.article_share{display:none;}
.article_page{padding-right:0; margin:25px 0px 30px 0px}
.effect_btns{padding:20px 0px 30px;}
.article_a .ellipsis{ line-height:36px; height:36px; font-size:15px;}
.article_bottom_ul li:nth-child(5), .article_bottom_ul li:nth-child(6){ border-bottom:1px solid #EBEBEB}
.article_bottom_ul li:last-child{ border-bottom:none;}
.article_bottom_ul{margin:0px -15px;}
.article_bottom_ul li{padding-left:15px; padding-right:15px;}
.material_article img {margin: 15px 10px 20px 10px;}
.material_list{margin-left:-8px; margin-right:-8px;}
.material_list li{width:50%; padding:0 8px;}
.material_view{display:none;}
.material_bottom{padding-right:0; font-size:12px;}
.material_img{border-width:2px;}
.effect_list{padding-top:15px;}
.effect_list li{width:100%; margin-bottom:5px;}
.effect_imgBox .effect_img{width:100%;}
.effect_aBos .overflowHide{float:none;}
.effect_descript{margin-left:0; margin-top:15px;}
.material_webBg{height:112px;}
.material_down{display:none;}
.mbgLay{left:15px; right:15px; border:4px solid #fff}
.article_title{font-size:20px; line-height:32px;}
.article_info{padding-bottom:15px;}
.article_thumb i{display:none;}
.article_thumb{ width:300px; float:none;}
.article_descript{margin-left:0; margin-top:18px;}
.text_list li{width:100%;}
.text_list li:nth-child(9), .text_list li:nth-child(10), .text_list li:nth-child(19), .text_list li:nth-child(20), .text_list li:nth-child(29), .text_list li:nth-child(30){ margin-bottom:0; padding-bottom:0; border:none}
.cases_list li{width:100%;}
.mian_left{float:none;}
.main_right{display:block; width:100%; float:none}
.navitems div:before,.navitems div:after{display:none;}
.article_title2{margin-top:-30px;}
.article_st{margin-bottom:10px;}
.navitem span{padding:0 10px;}
.navitem{margin-bottom:0;}
.text_list{margin-top:-20px;}
.text_list li:last-child{margin-bottom:5px;}
.article_list{margin-top:-45px;}
.article_title{margin-top:-35px;}
.tmp_navr{display:none;}
.web_list{margin-top:10px;}
}


.contact_list{padding-top:0;}
.contact_top{ margin-top:115px; position:relative; max-width:1120px; margin-left:auto; margin-right:auto;}
.contact_line{background:#ddd; position:absolute; left:50%; top:0; bottom:0; width:1px;}
.contact_left{ float:left; width:50%; padding-right:128px;}
.contact_st{}
.contact_st strong{ font-size: 36px; line-height: 36px; font-weight: normal; display: block; }
.contact_st p{ font-size: 14px; line-height: 26px; color: #999; margin:8px 0px 30px}
.contact_wximg{}
.contact_wximg li{}
.contact_ask{ margin-top:25px;}
.contact_ask strong{ font-size: 24px; line-height: 24px; font-weight: normal; display: block; position: relative; margin-bottom: 30px; }
.contact_ask strong:after{content:""; width:30px; height:2px; background:#0fc898; position:absolute; left:0; bottom:-15px;}
.contact_ask p{ font-size:16px; line-height:30px; letter-spacing:1px;}
.contact_right{ float:right; width:50%; padding-left:128px;}
.contact_tip{ font-size: 14px; line-height: 26px; text-align:justify; color:#666 }
.contact_form li{ margin-top:16px;}
.contact_form li input{ width: 100%; line-height: 50px; height: 51px; border-bottom: 1px solid #d5d5d5; font-size: 16px; border-top-style: none; border-right-style: none; border-left-style: none; color:#666 }
.contact_form li textarea{ width: 100%; line-height: 26px; height: 80px; border-bottom: 1px solid #d5d5d5; font-size: 16px; border-top-style: none; border-right-style: none; border-left-style: none; color:#666; padding:12px 0; }
.contact_form li input:focus,.contact_form li textarea:focus{ border-bottom: 1px solid #0fc898; color:#333;}
.contact_form li.contact_secure{ background: url(../images/sf.svg) no-repeat left center; margin-top: 15px; padding-top: 0px; font-size: 14px; line-height: 24px; color: #0fc898; padding-left:25px; background-size:20px auto }
.contact_form li.contact_submit{ margin-top:30px; text-align:right}
.contact_submit button{ line-height: 44px; text-align: center; display: inline-block; width: 100%; font-size: 16px; color: #fff; background:#0fc898; cursor:pointer; transition:all 0.5s ease; border:none}
.contact_submit button:hover{ box-shadow:0 5px 15px rgba(15,200,152,0.3); color:#fff;}
.contact_submit button span{display:inline-block; position:relative; top:-1px;}
@media (max-width:1799px){
.contact_top{margin-top:75px;}
.contact_st strong{font-size:30px;}
.contact_ask strong{font-size:21px;}
.contact_ask p{font-size:15px; line-height:28px;}
.contact_left{padding-right:108px;}
.contact_right{padding-left:108px;}
.contact_tip{font-size:12px; line-height:24px;}
.contact_form li input{ font-size:14px; line-height:42px; height:43px;}
.contact_form li textarea{font-size:14px;}
.contact_form li{margin-top:12px;}
.contact_st p{margin-bottom:25px;}
}
@media (max-width:1379px){
.contact_top{max-width:1000px;}
.contact_left{padding-right:58px;}
.contact_right{padding-left:58px;}
}
@media (max-width:1199px){
.contact_top{max-width:850px;}    
}
@media (max-width:993px){
.contact_left{padding-right:38px;}
.contact_right{padding-left:38px;}
}
@media (max-width:767px){
.contact_left{ width:100%; float:none; padding-right:0;}
.contact_right{width:100%; float:none; padding-left:0; margin-top:25px;}
.contact_line{display:none;}
.contact_top{margin-top:45px;}
.contact_st strong{font-size:24px; line-height:30px;}
}

.solution_list{ margin:0 -25px;}
.solution_list li{ width:50%; float:left; padding:0 25px; margin-bottom:50px;}
.solution_item{ display:block;}
.solution_img{border: 4px solid #F0F0F0; border-radius:0.3em; background:#fff; position:relative; *zoom: 1; margin-bottom:30px}
.solution_img img{display:block;}
.solution_img:before {-webkit-transform: skew(-15deg) rotate(-4deg);-moz-transform: skew(-15deg) rotate(-4deg);transform: skew(-15deg) rotate(-4deg);left:12%;}
.solution_img:after {-webkit-transform: skew(15deg) rotate(4deg);-moz-transform: skew(15deg) rotate(4deg); transform: skew(15deg) rotate(4deg);right: 12%;}
.solution_img:before,.solution_img:after {width:70%;height: 65%;content: '';-webkit-box-shadow: 0 18px 26px rgba(0, 0, 0, 0.25);-moz-box-shadow: 0 18px 26px rgba(0, 0, 0, 0.25);box-shadow: 0 18px 26px rgba(0, 0, 0, 0.25);position: absolute;bottom:10px;z-index: -1;}
.solution_item strong{ font-size: 16px; line-height: 24px; height: 24px; position:relative; transition:all 0.5s ease; padding-left:42px; }
.solution_item strong i{background: #DDDDDD; height: 1px; width: 20px; position: absolute; top: 50%; left:0px; transition: all 0.5s ease-in-out;}
.solution_item strong i:before{content:""; width: 7px; height: 1px; background: #0EC898; position: absolute; right: -7px; top: 0;}
.solution_item strong i:after {content: "";	height: 7px; width: 1px; background: #0EC898; position: absolute; right: -4px; top: -3px;}
.solution_item p{ font-size: 14px; line-height: 26px; color: #888888; margin-top:12px;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:3;overflow:hidden; height:78px; text-align:justify}
.solution_item:hover .solution_img img{ transform:scale(1.05);}
.solution_item:hover strong i{width:40px;}
.solution_item:hover strong{padding-left:62px;}
@media (max-width:1799px){
.solution_list{ margin:0 -15px;}
.solution_list li{ padding:0 15px; margin-bottom:30px;}
.solution_img{ margin-bottom:25px;}
.solution_item p{font-size:13px; line-height:24px; height:72px;}
}
@media (max-width:1379px){

}
@media (max-width:1199px){
.solution_list {margin-top:-30px;}
}
@media (max-width:993px){

}
@media (max-width:767px){
.solution_list li{width:100%;}
.solution_item p{-webkit-line-clamp:3; height:auto}
}

.service_top{}
.service_st{ height:72px; position:relative; padding-left:50px;}
.service_st span{ font-size: 60px; line-height: 60px; text-transform: uppercase; color: #f3f3f3; position: absolute; left: 0px; top: 0px; display: block; font-weight: bold; }
.service_st p{ font-size: 36px; line-height: 42px; position: absolute; left: 50px; bottom: 0px; color: #0fc898; }
.service_st:after{content:""; width:32px; height:1px; background:#0fc898; position:absolute; left:0; bottom:21px;}
.service_des{ font-size: 14px; line-height: 26px; color: #666; text-align: justify; margin-top: 25px; max-width:880px; text-indent:28px;}
.service_ider{ margin-top: 36px; position: relative; padding-top: 15px; }
.service_ider:after{content:""; width:32px; height:1px; background:#0fc898; position:absolute; left:0; top:0px;}
.service_ider strong{ font-size: 24px; line-height: 30px; font-weight: normal; color: #0fc898; display: block; }
.service_ider p{ font-size: 14px; line-height: 26px; color: #666; text-align: justify; margin-top: 25px; max-width:880px; text-indent:28px;}
.service_top_img{ margin-top:45px; position:relative; margin-right:18px;}
.service_top_img:before{content:""; border:2px solid #0fc898; position:absolute; left:18px; top:18px; width:100%; height:100%; border-radius:0 0 12em 0;}
.service_top_img .bgImg{ height:500px; overflow:hidden; position:relative; z-index:1; border-radius:0 0 11em 0;}
.service_ct{ margin-top:80px; position:relative; text-align:center;}
.service_ct div{ height: 88px; position: relative; padding-top: 30px; }
.service_ct div span{ position:absolute; left:0; top:0; right:0; display:block; font-size: 60px; line-height: 60px; text-transform: uppercase; color: #f3f3f3; font-weight:bold;}
.service_ct div strong{ font-size: 36px; line-height: 36px; font-weight: normal; display: block; position:relative; color:#0fc898; }
.service_ct div i{ width:100px;  height:1px; background:#0fc898; position:absolute; left:50%; margin-left:-50px; bottom:0;}
.service_ct div i:after{content:""; width:5px; height:5px; background:#0fc898; border-radius:50%; left:50%; margin-left:-2px; bottom:-2px; position:absolute;}
.service_ct p{ font-size:24px; line-height:24px; margin-top:26px; text-align:center; color:#888;}
.service_list{ margin-top:50px;}
.service_list li{ margin-bottom:66px; position:relative; height:306px;}
.service_list li:last-child{margin-bottom:35px;}
.service_img{ width:450px; float:left; position:relative;}
.service_img:before{content:""; position:absolute; left:12px; top:12px; width:100%; height:100%; border:2px solid #0fc898; border-radius:0 0 10em 0;}
.service_img .bgImg{ position:relative; height:306px; overflow:hidden; border-radius:0 0 9.2em 0;}
.service_txt{ width:666px; float:right; padding-top:5px;}
.service_txt h4{ font-size:36px; line-height: 36px; font-weight: normal; color:#000 }
.service_tags{ margin-top:15px; overflow:hidden;}
.service_tags dd{ float:left; text-align:center; margin-right:30px;}
.service_tags dd span img{ width:50px; height:50px;}
.service_tags dd p{ font-size:14px; line-height:20px; color:#888;}
.service_description{ margin-top:20px;}
.service_description strong{ font-size:16px; display:block; line-height:26px;}
.service_description p{ font-size: 12px; line-height: 22px; color: #888; text-align: justify; margin-top: 5px;}
.service_btn{ margin-top:25px;}
.service_ask{background: #0fc898; display:inline-block; border:1px solid #0fc898; padding: 10px 20px; font-size: 15px; color: #fff; display: inline-block; cursor:pointer; margin-right:20px;}
.service_ask:hover,.service_view:hover{background: #0fc898; color:#fff; box-shadow:0 5px 25px rgba(15,200,152,0.3); transform:translateY(-5px);}
.service_view{border:1px solid #0fc898; display:inline-block; padding: 10px 25px; font-size: 14px; color: #0fc898; display: inline-block; cursor:pointer;}
.ask_btn{cursor:pointer;}
.about_con .article_content{ margin-top:35px;}
.about_con .service_top_img{margin-top:0;}
.about_con .service_ider{margin-top:75px;}
.about_con .service_ider p{font-size:16px; line-height:30px; color:#666666;}
@media (max-width:1799px){
.service_st{ height:58px; padding-left:46px;}
.service_st span{ font-size: 50px; line-height: 50px;}
.service_st p{ font-size: 28px; line-height: 28px; left: 46px; }
.service_st:after{ bottom:12px;}
.service_ider{ margin-top: 32px;}
.service_ider strong{ font-size: 22px; }
.service_ider p{ margin-top: 22px;}
.service_top_img{ margin-top:35px; margin-right:16px;}
.service_top_img:before{ left:16px; top:16px;}
.service_top_img .bgImg{ height:348px;}
.service_des{ padding-right:16px;}
.service_ct{ margin-top:70px;}
.service_ct div{ height: 76px; padding-top: 28px; }
.service_ct div span{ font-size: 50px; line-height: 50px;}
.service_ct div strong{ font-size: 26px; line-height: 28px; }
.service_ct p{ font-size:22px; line-height:22px; margin-top:22px;}
.service_list{ margin-top:40px;}
.service_list li{ margin-bottom:52px; height:306px;}
.service_img{ width:366px;}
.service_img .bgImg{ height:250px;}
.service_txt{ width:420px; padding-top:0;}
.service_txt h4{ font-size:28px; line-height: 28px; }
.service_tags{ margin-top:12px;}
.service_tags dd{margin-right:25px;}
.service_tags dd span img{ width:40px; height:40px;}
.service_description{ margin-top:10px;}
.service_description strong{ font-size:16px; display:block; line-height:26px;}
.service_btn{ margin-top:20px;}
.about_con .service_ider p{font-size:14px; line-height:28px;}
.about_con{padding-bottom:25px;}
}
@media (max-width:1379px){
.service_top_img .bgImg{height:328px;}
.service_txt{width:410px;}
.service_img{width:340px;}
}
@media (max-width:1199px){
.service_img{width:388px;}
.service_txt{width:520px;}
}
@media (min-width:993px){
.service_list li:nth-child(2n) .service_img{float:right;}
.service_list li:nth-child(2n) .service_txt{float:left;}
.service_list li:nth-child(2n) .service_img:before{left:auto; right:12px; border-radius:0 0 0 10em;}
.service_list li:nth-child(2n) .service_img .bgImg{border-radius:0 0 0 9.2em;}
}
@media (max-width:993px){
.service_img{width:450px; float:none!important;}
.service_txt{width:100%; float:none!important; margin-top:35px;}
.service_list li{height:auto;}
}
@media (max-width:767px){
.service_st span{font-size:40px; line-height:40px;}
.service_st p{font-size:19px;}
.service_st{height:50px;}
.about_con .article_content{margin-top:30px;}
.article_content{padding-bottom:28px;}
.service_top_img:before{ border-radius:0 0 5em 0; left:10px; top:10px;}
.service_top_img .bgImg{border-radius:0 0 4.5em 0; height:38vw;}
.service_top_img{margin-right:10px;}
.about_con .service_ider{margin-top:50px;}
.service_ider p{margin-top:12px;}
.about_con .service_ider p{font-size:14px; line-height:26px;}
.service_top{margin-top:-15px;}
.service_ct div span{font-size:36px; line-height:36px;}
.service_ct div strong{font-size:24px; line-height:24px;}
.service_ct div{padding-top:24px; height:66px;}
.service_ct{margin-top:50px;}
.service_ct p{font-size:18px; line-height:18px; margin-top:18px;}
.service_list{margin-top:28px;}
.service_img{width:calc(100% - 10px);}
.service_img:before{left:10px; top:10px;border-radius:0 0 5em 0;}
.service_img .bgImg{border-radius:0 0 4.5em 0; height:60vw;}
.service_tags dd{margin-right:16px;}
}


/*2025-09-21 CSS*/
@-webkit-keyframes gradient { 0% {
background-position:0 50%
}
50% {
background-position:100% 50%
}
to { background-position: 0 50% }
}
@keyframes gradient { 0% {
background-position:0 50%
}
50% {
background-position:100% 50%
}
to { background-position: 0 50% }
}
.thm_bantxt{text-align:left;}
.thm_bantxt strong span{ font-size: 24px; }
.thm_bantxt strong span i{ font-style: normal; }
.tm_page{padding-top:100px; padding-bottom:0px;}
.tm_t{position:relative; padding-right:150px;}
.tm_back{ font-size: 16px; font-weight: bold; line-height: 26px; background: url(../images/back.png) no-repeat left center; padding-left: 30px; position: absolute; top: 15px; right: 0px; color:#0fc898; background-size:24px auto; cursor:pointer;}
.tm_t h1{ display:block; font-size:38px; line-height:50px; letter-spacing:2px; font-weight:normal;}
.tm_t p{ font-size:14px; color:#999; line-height:24px; margin-top:10px;}
.tm_con{padding-bottom:6vw;}
.tm_con1{ margin-top:35px;}
.tm_left{ width:950px; float:left;}
.tm_cimg{ border-radius:1.6em; overflow:hidden; box-shadow:0px 40px 40px -40px rgba(0,0,0,0.38);}
.tm_cimg img{display:block;}
.tm_left .article_page span{background:none!important; color:#666!important; width:auto!important}
.tm_right{ width:520px; float:right; border-radius:1em; overflow:hidden; border:1px solid #0fc898; padding-bottom:55px;}
.tm_rtag{ overflow:hidden; background:#f4f4f4;}
.tm_rtag span{ width:50%; float:left; line-height:60px; font-size:20px; text-align:center; cursor:pointer; letter-spacing:1px;}
.tm_rtag span.on{background:#0fc898; color:#fff;}
.tm_rchangx{ padding:25px 25px 20px;}
.tm_r1{ display:none;}
.tm_r1.on{ display:block; animation:fadeIn 0.3s ease;}
.tm_r1{overflow:hidden;}
.tm_r1 dd{ position:relative; font-size:16px; line-height:26px; padding:12px 0 12px 12px; border-bottom:1px dotted #ddd; color:#666;}
.tm_r1 dd:before{content:""; width:3px; height:3px; background:#999; position:absolute; left:0; top:25px;}
.tm_view{ text-align:center; margin-top:25px;}
.tm_view a{ display:block; line-height:44px; background:#0fc898; border-radius:2em; font-size:16px; max-width:260px; color:#fff; margin:0 auto}
.tm_view a:hover{ color: #FFF; background: #0DB088; }
.tm_mview{ text-align:center; margin-top:35px;}
.tm_mview span{}
.tm_mview span canvas{ max-width:118px; height:auto}
.tm_mview p{ margin-top:10px; font-size:14px; line-height:26px; color:#666;}
.tm_con1 .article_page{padding-right:0; margin-top:50px; overflow:hidden}
.tm_con1 .article_page div.article_prev{ float:left; max-width:48%;}
.tm_con1 .article_page div.article_next{ float:right; max-width:48%;}
.tm_page .ct_con2{color: #FFF; padding: 6vw 0 0px; letter-spacing: 0.08em;overflow: hidden;background:linear-gradient(-45deg,#ee7752,#e73c7e,#23a6d5,#23d5ab);background-size: auto;background-size: 400% 400%;-webkit-animation: gradient 15s ease infinite;animation: gradient 15s ease infinite;}
.tm_page .ct_c2t strong{font-weight:normal; font-size:50px;}
.tm_page .ct_c2t p{font-size:18px; margin-top:-5px;}
.tm_page .ct_c2dls dd{width:25%;}
.tm_page .ct_tx h2,
.tm_page .ct_tx strong{font-size:32px; font-weight:normal}
.tm_page .ct_tx p{font-size:14px; margin-top:5px;}
.tm_page .ct_wylist dd p{font-size:15px;}
.tm_page .ct_aq dd{font-size:15px;}
.tm_news{padding:90px 0 80px;}
.tm_bmt{overflow:hidden;}
.tm_bmt strong{font-size:32px; float:left; line-height:32px; font-weight:normal; letter-spacing:1px;}
.tm_stm{font-size:16px; float:right; line-height:32px; color:#666}
.tm_stm svg{width:8px; height:auto;}
.tm_page .index_article_ul{margin-top:50px;}
.tm_info{ background:#F7F7F7; border-radius:0.8em; padding:30px 35px 35px; font-size:14px; line-height:28px; color:#666;}
.tm_info h4{ display:block; font-size:22px; font-weight:normal; line-height:30px; letter-spacing:1px; margin-bottom:25px; color:#0DB088;}
.tm_info strong{font-size:16px; display:block; margin-bottom:5px; color:#555;}
.tm_info h4 span{font-size:14px; color:#888; font-weight:normal;}
.tm_info ul li{position:relative; padding-left:16px;}
.tm_info ul li:before{content:""; width:4px; height:4px; background:#666; position:absolute; left:0; top:12px;}
@media (max-width:1799px){
.tm_page{padding-top:60px;}
.tm_t h1{font-size:32px;}
.tm_t p{margin-top:5px;}
.tm_left{width:750px;}
.tm_right{width:420px; padding-bottom:45px;}
.tm_rtag span{line-height:52px; font-size:18px;}
.tm_r1 dd{font-size:13px; line-height:24px;}
.tm_rchangx{padding:15px 15px 12px;}
.tm_r1 dd{ padding:8px 0 8px 12px;}
.tm_view a {line-height: 42px;font-size: 15px;max-width: 215px;}
.tm_view{margin-top:20px;}
.tm_mview span img{width:90px; height:90px;}
.tm_mview{margin-top:25px;}
.tm_mview p{font-size:12px; line-height:20px;}
.tm_con1 .article_page{margin-top:35px;}
.tm_info{padding:25px 30px 28px;}
.tm_info h4{ font-size:20px;}
.tm_page .ct_c2t strong{font-size:42px;}
.tm_page .ct_tx h2, .tm_page .ct_tx strong{font-size:26px;}
.tm_page .ct_aq dd{font-size:14px;}
.tm_page .ct_wylist dd p{font-size:14px;}
.tm_page .index_article_ul{ margin-top:40px;}
.tm_page .ct_c2t strong{font-size:36px;}
.tm_news {padding: 60px 0 60px;}
.tm_r1 dd:before{ top:20px;}
.tm_info h4{font-weight:bold;}
}
@media (max-width:1379px){
.tm_left{width:700px;}
.tm_page{padding-top:50px;}
}
@media (max-width:1199px){
.tm_left{width:100%; float:none;}
.tm_right{width:100%; float:none;}
.tm_con1 .article_page{margin-bottom:30px;}
.tm_info{margin-top:25px;}
.tm_page .ct_wylist{margin-left:-15px; margin-right:-15px;}
.tm_page .ct_wylist dd{padding:0 15px;}
.tm_page .index_article_ul li{width:100%;}
}
@media (max-width:993px){

}
@media (max-width:767px){
.tm_pos{display:none;}
.tm_page{padding-top:85px;}
.tm_t{padding-right:0;}
.tm_back{display:inline-block; position:relative; right:auto; top:auto; margin-top:15px; font-size:14px;background-size: 20px auto; padding-left:24px;}
.tm_t h1{font-size:24px; letter-spacing:1px; line-height:36px;}
.tm_t p{font-size:12px; line-height:20px;}
.tm_con1{margin-top:25px;}
.tm_con1 .article_page{margin-top:25px;margin-bottom:20px;}
.tm_con1 .article_page div.article_prev,
.tm_con1 .article_page div.article_next{width:100%!important; float:none!important; max-width:100%; margin-bottom:5px;}
.tm_rtag span{line-height:44px;}
.tm_info {padding: 18px 20px 24px; font-size:12px; line-height:24px;}
.tm_con{ padding-bottom:55px;}
.tm_page .ct_con2{padding:40px 0 0;}
.tm_page .ct_c2t strong{font-size:28px;}
.tm_page .ct_tx h2, .tm_page .ct_tx strong{font-size:24px;}
.tm_bmt strong{font-size:24px;}
.tm_stm{font-size:14px;}
.tm_page .index_article_ul{margin-top:25px;}
.tm_page .ct_con10{padding:35px 0 40px;}
.tm_page .tm_news{padding-bottom:40px; padding-top:40px}
.tm_page .ct_con6{padding-top:40px;}
.ct_aqbox dl:last-child{margin-bottom:0;}
.tm_info{padding-left:15px; padding-right:15px;}
.tm_info strong{font-size:15px;}
.tm_info h4{margin-bottom:15px;}
}