/*public*/
html, body, div, span, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, address, big, cite, code, del, em, font, img, ins, small, strong, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend {margin:0;padding:0;}
body{background-color:#fff !important;font:14px/1.571429 "Segoe UI","Lucida Grande",Helvetica,Arial,"Microsoft YaHei",FreeSans,Arimo,"Droid Sans","wenquanyi micro hei","Hiragino Sans GB","Hiragino Sans GB W3",Roboto,Arial,sans-serif;}
ol, ul {list-style: none outside none;}
a img {border: 0 none;}
img {vertical-align: middle;}
table {empty-cells: show;}
ins {text-decoration: none;}
del {text-decoration: line-through;}
em {font-style: normal;}
.overflow {overflow: hidden;}
.hide{display:none;}
.center{margin:0 auto;width:980px;}
.outdiv{width:100%;height:100%;}
body{background-color:#fff;}
a:link{text-decoration: none;}
a:active{text-decoration: none;}
a:hover{text-decoration: none;}
a:visited{text-decoration: none;}
iframe{margin:0;padding:0;border:0px;}
.clearboth {width:100%; height:0px; line-height:0px; display:block; clear:both; overflow:hidden; font-size:0px;}

.headnav{background:#333;height:90px;position:relative;z-index:999;top:0;width:100%;position:fixed;background:rgba(0, 0, 0, 0.3);}
.headnav .mt{width:96%;margin:0 auto;}
.headnav .logo {height:90px;line-height:90px;float:left;position:relative;padding-right:30px;}
.headnav .logo:before{
	content:' ';
    width:2000px;
    position:absolute;
    top:0;
    right:0;
    height:110%;
}
.headnav .logo img{position:relative;z-index:1;}
.headnav ul.txtlist{float:right;display:flex;flex-wrap:wrap;justify-content:space-between;}
.headnav ul.txtlist li{position: relative;}
.headnav ul.txtlist li a{color:#fff;line-height:90px;padding:0 20px;display:block;font-size:20px;}
.headnav ul.txtlist li a.active,.headnav ul li a:hover{color:#f7572e;}
.headnav ul.txtlist li a.active:before,.headnav ul.txtlist li a:hover:before {
    content: "";
    position: absolute;
    z-index: -1;
    left: 50%;
    right: 50%;
    bottom: -1px;
    background: #db261d;
	background: #f7572e;
    height: 2px;
    -webkit-transition-property: left, right;
    transition-property: left, right;
    -webkit-transition-duration: 0.3s;
    transition-duration: 0.3s;
    -webkit-transition-timing-function: ease-out;
    transition-timing-function: ease-out;
	left:0;
	right:0;
}

.headnav ul.txtlist li .subnav{
	position: absolute;
    top: 89px;
    left: 0;
    padding: 10px 20px 25px;
    width: 240px;
    background:#f7572e;
    border-bottom-left-radius: 8px;
    border-bottom-right-radius: 8px;
	display:none;
}
.headnav ul.txtlist li .subnav a{
	font-size: 14px;
    line-height:36px;
    text-align: left;
	border-bottom:1px solid #ff6600;
	padding:0;
	font-weight:600;
}
.headnav ul.txtlist li .subnav a:hover{
	color:rgba(255,255,255,0.8)
}
.headnav ul.txtlist li .subnav a:hover:before{height:0;}
.headnav .toggle {display:none;position:absolute;right:20px;top:50%;margin-top:-12px}

.small_head {height:75px;position:fixed;transition:all 0.3s;}
.small_head .logo{height:75px;line-height:75px;}
.head .toggle span, .head .toggle span::before, .head .toggle span::after{background:#fff;}

@media (max-width:1024px) {
	.headnav .mt{width:97%;}
	.headnav ul.txtlist li a{padding:0 5px;}
}
@media (max-width:768px) {
	.headnav ul.txtlist{display:none}
	.headnav .toggle {display:block;}
}
@media (max-width:767px) {
	.headnav .logo{line-height:90px;}
	.headnav .logo:before{width:300px;left:-80px;}
	.headnav .logo img{width:70%;}
}

.hc-mobile-nav .nav-wrapper {background:#fff}
.hc-mobile-nav a {color:#222;border-bottom:1px solid #ddd}
.hc-mobile-nav li.nav-close a, .hc-mobile-nav li.nav-back a {background:#f5f5f5;border-top:1px solid #ddd;border-bottom:1px solid #ddd}
.hc-mobile-nav span.nav-next::before, .hc-mobile-nav li.nav-back span::before {border-top:2px solid #666;border-left:2px solid #666}
.hc-mobile-nav a[href]:not([href="#"])>span.nav-next {border-left:0}
.hc-mobile-nav li.nav-close span::before, .hc-mobile-nav li.nav-close span::after {border-top:2px solid #666;border-left:2px solid #666}
.hc-mobile-nav h2 {color:#e4032e}

.hc-mobile-nav.nav-levels-expand .nav-container li.level-open, .hc-mobile-nav.nav-levels-none .nav-container li.level-open{background:#fff}
.hc-mobile-nav.nav-levels-expand .nav-container li.level-open a:hover, .hc-mobile-nav.nav-levels-none .nav-container li.level-open a:hover{background:#fff}
.hc-mobile-nav.nav-levels-expand .nav-container li.level-open a, .hc-mobile-nav.nav-levels-none .nav-container li.level-open a{border-bottom:solid 1px #eee;}

.bannerpage {background:#62a8ea;position:relative;overflow:hidden;padding-top:90px;background-color: rgb(0, 0, 0);}
.bannerpage img {width:100%;}
.bannerpage .location {position:absolute;left:0;top:40%;width:100%;}
.bannerpage .location .mt{width:1310px;max-width:100%;margin:0 auto;}
.bannerpage .title h1 {text-align:center;display:inline-block;margin:auto;color:#fff;text-transform:uppercase;font-size:30px;line-height:50px;border-top:1px solid rgba(132,119,117,.8);border-bottom:1px solid rgba(132,119,117,.8);padding:0 52px;font-weight:700;}
@media (max-width:767px) {
	.bannerpage .title{display:none}
}
/*面包屑导航 带模块*/
.pagemt *{padding:0;margin:0}
.pagemt {display:flex;justify-content:flex-start;align-items:stretch;position:relative;z-index:10;background-color:;margin-top:calc(40px - 40px)}
.pagemt .title {display:flex;justify-content:flex-end;align-items:flex-end;width:36.5%;position:relative;padding-right:40px}
.pagemt .title::after {content:'';display:inline-block;position:absolute;width:100%;height:calc(100% + 40px);bottom:0;left:0;background-color:#f7572e;z-index:-1}
.pagemt .home {display:inline-block;font-size:14px;margin-right:19px;color:#000000;color:#ffffff}
.pagemt .homebig,.pagemt .home {transform:translateY(-27px)}
.pagemt .home i {font-size:16px;margin-right:3px}
.pagemt .homebig a {font-size:28px;line-height:29px;color:#000000;color:#ffffff}
.pagemt .line {margin-left:19px}
.pagemt .txtlist {width:52%}
.pagemt .txtlist ul{width:100%;background:red;}
.pagemt .txtlist ul li{float:left;padding:0 25px;}
.pagemt .txtlist ul li a{font-size:16px;color:#999;font-weight:bold;line-height:66px;}
.pagemt .txtlist ul li a:hover,.pagemt .txtlist ul li a.active{color:#f7572e}

@media (max-width:1024px) {
	.pagemt .txtlist ul li{padding: 0px 20px;}
}
@media (max-width:768px) {
	.pagemt .txtlist {width:63.5%}
	.pagemt .txtlist ul li{padding: 0px 15px;}
}
@media (max-width:480px) {
	.pagemt .title {display:none}
	.pagemt .txtlist {width:100%}
	.pagemt .txtlist ul li{padding: 0px 10px;}
	.pagemt .txtlist ul li a{line-height:36px;}
}

/*面包屑导航 简单样式*/
.pagesmt,.pagesmt .item a{font:14px/150% tahoma,arial,Microsoft YaHei,Hiragino Sans GB,"\u5b8b\u4f53",sans-serif;color:#666;}
.pagesmt{width:1300px;max-width:100%;clear:both;padding:9px 0 9px 5px;margin:0 auto;overflow: hidden;}
.pagesmt .item{float:left}
.pagesmt .sep {font-family: simsun;padding: 0 10px;}
.pagesmt .item a{float:left;}
.pagesmt .item a:hover{color:#f7572e;}

.friendlink{width:100%;background-color:#262626;}
.friendlink ul{width:1300px;text-align:center;overflow:hidden;border-bottom:solid 1px #2a333c;margin:0 auto;padding:15px 0}
.friendlink ul li{display: inline-block;}
.friendlink .lv{color:#fff;font-size:16px;padding-right:5px;}
.friendlink .item::before{display:inline-block}
.friendlink .item::before{content: '/';padding:0 5px;display:inline-block;color:#999}
.friendlink .item a{font-size:14px;color:#999;}
.friendlink .item a:hover{color:#f7572e}
@media (max-width: 767px){
.friendlink ul{padding:15px 10px;text-align:left}
}

@media (max-width:1024px){
	.friendlink ul{width:95%;}
}

.foot {background:rgb(38, 38, 38);}
.foot .fw {padding-bottom:50px;margin:0 auto;width:1200px;}
.foot .list {display:flex;width:100%;justify-content:space-between}
.foot .list dl{width:33.3333333%;}

.foot .dlist{}
.foot .dlist dt{
	font-size: 16px;
    color: #fff;
    height:50px;
    line-height:50px;
    border-bottom: 1px solid rgba(247, 87, 46,0.3);
    position: relative;
    margin-bottom: 20px;
	margin-top:50px;
	width:50%;
}
.foot .dlist dt:before {content:'';position:absolute;width:31px;height:2px;background:rgb(247, 87, 46);left:0;bottom:0}
.foot .dlist dd{
	line-height: 41px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
	color:#dbdbdb;
}
.foot .dlist dd a{color:#fff;}
.foot .dlist dd a:hover{color:#f7572e;}
.foot .dlist dd a i{color:#db261d;padding-right:5px;}
.foot .dlist dd a.vip{color:#f7572e;font-size:22px;}
.foot .dlist dd div {float:left;margin-right:10px;}
.foot .dlist dd div img{width:110px;height:110px;}

.foot .dlink dd {line-height:41px;}
.foot .dlink dd a{display:inline-flex;}
.foot .dlink dd i{font-size:26px;position:relative;top:8px;}

.foot .dbrand dd{float:left;}
.foot .dbrand dd.qrcode{width:100px;}
.foot .dbrand dd.qrcode img{width:100%;}
.foot .dbrand .btxt{font-size:14px;line-height:28px;color:#dbdbdb;padding:20px;}

.foot .dlist2 dd{width:50%;float:left;}
.foot .dlist2 dd.share{position:relative;display:inline-block;font-size:20px;overflow:unset;margin-top:15px;}
.foot .dlist2 dd.share a.icon{padding:5px;background:#f7572e;color:#fff;color:#ffffff;font-size:22px;margin-right:10px;border-radius:50%;padding:15px;margin-bottom:10px}
.foot .dlist2 dd.share a.icon:hover{background:#f7572e;background:#FFFFFF;color:#f7572e;color:!important}
.foot .dlist2 dd.foot-nav-list .title{padding-bottom:20px}
.foot .dlist2 dd.share .icon:first-child:hover + .wechat-code,.foot .dlist2 div.wechat-code:hover{display:block}
.foot .dlist2 dd.share div.wechat-code{display:none;position:absolute;left:-24px;bottom:110%;padding:6px;width:100px;background-color:#ffffff;background-color:#262626;box-shadow:0 0 5px rgba(0,0,0,.4)}
.foot .dlist2 dd.share div.wechat-code img{width:100%;height:auto;}

.copyright {width:100%;text-align:center;background:rgba(38, 38, 38,0.95);padding:20px 0 20px 0;font-size:14px;color:#fff;}
.copyright a {font-size:14px;color:#fff}
.copyright a:hover {color:#fff}

@media (max-width:1024px){
	.foot .fw {width:90%;}
}
@media (max-width:767px){
	.foot .fw{padding-bottom:0px;}
	.foot .list dl{width:100%;}
	.foot .list{flex-wrap: wrap}
	.foot .dlist{width:98%;float:left;padding-bottom:10px;margin-right:1%;}
	.foot .dbrand,.foot .dlink{width:98%;}
	.foot .dbrand dd{text-align:center;}
	.foot .dlist .dlist{width:49%;}
	.foot .dlist2{width:98%;}
	.foot .dlist dt{margin-top:20px;}
	.copyright{padding-bottom:60px;}
}

.foot_bottom_nav{display:none;text-align:center;}
.foot_bottom_nav.iskeshi{display:block}
@media screen and (max-width:767px){
	.foot_bottom_nav{display:block}
}
.foot_bottom_nav{overflow:hidden;position:fixed;bottom:0;left:0;z-index:999;width:100%}
.foot_bottom_nav a.item{color:;padding:5px 0;display:inline-block}
.foot_bottom_nav a.item i{font-size:16px;display:block;color:}
.foot_bottom_nav a.item span{color:}
.foot_bottom_nav ul{display:flex}
.foot_bottom_nav ul>li{flex:1;background-color: #f7572e;}
.foot_bottom_nav ul>li a{padding: 5px 0;display: inline-block;color:#fff}
.foot_bottom_nav ul>li a i{font-size:16px;display:block;}

.btn-scroll-top{
	background-color:#f7572e;
    border-color:#f7572e;
	font-style: normal;
    font-weight: normal;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
	-ms-transform: translate(0,0);
    -o-transform: translate(0,0);
	transform: translate(0,0);
	text-rendering: auto;
	speak: none;
	border-radius: 3px;
    border: 0;
    padding: 15px;	
    cursor: pointer;
	z-index:999999;
	position: fixed;
    right: 10px;
	bottom:50px;
}
.btn-scroll-top i{
	color: #fff;
    font-size: 14px;
    font-weight: 400;
}
.btn-scroll-top:hover{
	background-color:#ff6600;
	border-color:#ff6600;	
	outline: none; 
	outline-offset: 0;
	border:0;
}

.mt{width:90%;margin:0 auto;}
/*com*/
.indexabout{width:100%;overflow:auto;clear:both;overflow:hidden;}
.indexabout .txtabout{float:left;width:50%;padding-left:1%;padding-right:1%;}
.indexabout .txtabout h1 {font-size:65px;color:#222;font-weight:900}
.indexabout .txtabout h3 {font-size:38px;font-weight:700;color:#222;line-height:normal;margin-bottom:50px}
.indexabout .txtabout .txt1 {color:#333;font-size:16px;line-height:32px;padding-bottom:30px;width:95%;}

.indexabout .numbox {width:915px;height:220px;background:rgba(0,26,66,0.85);left:0;bottom:0;}
.indexabout .numbox {width:100%;z-index:5}
.indexabout .numbox {display:flex;padding-top:45px}
.indexabout .numbox .numli {width:33.333333%;text-align:center;}
.indexabout .numbox .numli:before {
	content:'';	
	left:0;
	top:10px;
	width: 1px;
	height: 100px;
	flex-shrink: 0;
	background: linear-gradient(180deg, #eeeeee1a 0%, #EEE 50%, #eeeeee1a 100%);
}
.indexabout .numbox .numli .p1 {font-size:65px;font-weight:900;color:#fff;font-family:Arial, Helvetica, sans-serif}
.indexabout .numbox .numli .p2 {font-size:18px;color:#fff;}

.indexabout .aboutpic{float:right;width:50%;}
.indexabout .aboutpic img{width:100%;transition:all 0.6s}

@media (max-width:1440px){
	.indexabout .txtabout h3{margin-bottom:20px;}
	.indexabout .numbox{padding-top:20px;height:160px;}
	.indexabout .numbox .numli .p1{font-size:40px;}
}
@media (max-width:1024px){
	.indexabout .txtabout{width:100%;margin-bottom:10px;}
	.indexabout .aboutpic{width:100%;}
}
@media (max-width:768px){
	.indexabout .numbox{padding-top:10px;height:120px;}
	.indexabout .numbox .numli .p1{font-size:26px;}
	.indexabout .txtabout .txt1{width:100%;}
}

.service_list_main{width:100%;background:#000;padding: 100px 0;overflow:hidden}
.service_list_main dl{}
.service_list_main dt{color:#fff;font-size:50px;text-align:center;}
.service_list_main dd{font-size: 24px;color:#999;text-align:center;}
.service_list_main ul{width:100%;margin-top:10px;}
.service_list_main li{width:25%;float:left;}

.service_list_main li{float:left;}
.service_list_main li{position:relative;}
.service_list_main li .mask{position:absolute;left:0;right:0;top:0;bottom:0;overflow:hidden}
.service_list_main li .mask .bg{position:absolute;left:0;right:0;top:0;bottom:0;background:#161a1d;opacity:0.6;filter:alpha(opacity=60);-ms-filter:progid:DXImageTransform.Microsoft.Alpha(opacity=(60));-webkit-transition:all 0.4s cubic-bezier(0.4,0,0.2,1);-moz-transition:all 0.4s cubic-bezier(0.4,0,0.2,1);-o-transition:all 0.4s cubic-bezier(0.4,0,0.2,1);transition:all 0.4s cubic-bezier(0.4,0,0.2,1)}
.service_list_main li:hover .bg.other-bg{opacity:0.9;filter:alpha(opacity=90);-ms-filter:progid:DXImageTransform.Microsoft.Alpha(opacity=(90));background:#f7572e;}
.service_list_main li .mask .content .line-panel .item-line{width:20px;height:2px;background:#ffffff;display:inline-block;opacity:1;filter:alpha(opacity=100);-ms-filter:progid:DXImageTransform.Microsoft.Alpha(opacity=(100));-webkit-transition:all 0.4s cubic-bezier(0.4,0,0.2,1);-moz-transition:all 0.4s cubic-bezier(0.4,0,0.2,1);-o-transition:all 0.4s cubic-bezier(0.4,0,0.2,1);transition:all 0.4s cubic-bezier(0.4,0,0.2,1)}
.service_list_main li .mask .content .line-panel{padding:0;margin:0;font-size:0;line-height:0;margin-top:20px;-webkit-transition:all 0.4s cubic-bezier(0.4,0,0.2,1);-moz-transition:all 0.4s cubic-bezier(0.4,0,0.2,1);-o-transition:all 0.4s cubic-bezier(0.4,0,0.2,1);transition:all 0.4s cubic-bezier(0.4,0,0.2,1)}
.service_list_main li .mask .content .item-img-panel i{font-size:45px;color:#f7572e;-webkit-transition:all 0.4s cubic-bezier(0.4,0,0.2,1);-moz-transition:all 0.4s cubic-bezier(0.4,0,0.2,1);-o-transition:all 0.4s cubic-bezier(0.4,0,0.2,1);transition:all 0.4s cubic-bezier(0.4,0,0.2,1)}
.service_list_main li:hover .mask .content .item-img-panel i{color:#FFFFFF}
.service_list_main li:hover .content .line-panel .item-line{opacity:0;filter:alpha(opacity=0);-ms-filter:progid:DXImageTransform.Microsoft.Alpha(opacity=(0))}
.service_list_main li .mask .content{position:absolute;left:0;top:50%;margin-top:-60px;text-align:center;-webkit-transition:all 0.4s cubic-bezier(0.4,0,0.2,1);-moz-transition:all 0.4s cubic-bezier(0.4,0,0.2,1);-o-transition:all 0.4s cubic-bezier(0.4,0,0.2,1);transition:all 0.4s cubic-bezier(0.4,0,0.2,1)}
.service_list_main li:hover .content{margin-top:-90px}
.service_list_main li .mask .content .item-img-panel{position:relative;display:inline-block}
.service_list_main li .content .line-panel{padding:0;margin:0;font-size:0;line-height:0;margin-top:20px;-webkit-transition:all 0.4s cubic-bezier(0.4,0,0.2,1);-moz-transition:all 0.4s cubic-bezier(0.4,0,0.2,1);-o-transition:all 0.4s cubic-bezier(0.4,0,0.2,1);transition:all 0.4s cubic-bezier(0.4,0,0.2,1)}
.service_list_main li .mask .content .item-title{color:#ffffff;font-size:38px;line-height:40px;margin:0;padding:0;margin-top:24px;font-weight:bold;-webkit-transition:all 0.4s cubic-bezier(0.4,0,0.2,1);-moz-transition:all 0.4s cubic-bezier(0.4,0,0.2,1);-o-transition:all 0.4s cubic-bezier(0.4,0,0.2,1);transition:all 0.4s cubic-bezier(0.4,0,0.2,1)}
.service_list_main li .mask .content .item-desc{opacity:0;filter:alpha(opacity=0);-ms-filter:progid:DXImageTransform.Microsoft.Alpha(opacity=(0));-webkit-transition:all 0.4s cubic-bezier(0.4,0,0.2,1);-moz-transition:all 0.4s cubic-bezier(0.4,0,0.2,1);-o-transition:all 0.4s cubic-bezier(0.4,0,0.2,1);transition:all 0.4s cubic-bezier(0.4,0,0.2,1)}
.service_list_main li .mask .content .item-desc{font-size:14px;color:#ffffff;text-align:center;margin-top:30px;margin-bottom:0;padding:0 30px;line-height:24px}
.service_list_main li:hover .content .item-desc{opacity:1;filter:alpha(opacity=100);-ms-filter:progid:DXImageTransform.Microsoft.Alpha(opacity=(100))}
.service_list_main li:hover .content .item-desc{margin-top:22px}
.service_list_main li .mask .content .item-link{opacity:0;filter:alpha(opacity=0);-ms-filter:progid:DXImageTransform.Microsoft.Alpha(opacity=(0));-webkit-transition:all 0.4s cubic-bezier(0.4,0,0.2,1);-moz-transition:all 0.4s cubic-bezier(0.4,0,0.2,1);-o-transition:all 0.4s cubic-bezier(0.4,0,0.2,1);transition:all 0.4s cubic-bezier(0.4,0,0.2,1)}
.service_list_main li .mask .content .item-link{display:inline-block;border:1px solid #ffffff;width:120px;height:36px;line-height:36px;font-size:14px;color:#ffffff;text-decoration:none;margin-top:62px}
.service_list_main li:hover .content .item-link{opacity:1;filter:alpha(opacity=100);-ms-filter:progid:DXImageTransform.Microsoft.Alpha(opacity=(100))}
.service_list_main li:hover .content .item-link{margin-top:24px}
.service_list_main li .mask .content .item-link:hover{color:#f7572e;background:#ffffff}

@media (max-width:768px){
	.service_list_main li{width:50%;}
	.service_list_main li .bg.other-bg{opacity:0.5}
	.service_list_main li .mask .content .item-img-panel i{color:#FFFFFF}
	.service_list_main li .content .line-panel .item-line{opacity:0;filter:alpha(opacity=0);-ms-filter:progid:DXImageTransform.Microsoft.Alpha(opacity=(0))}
	.service_list_main li .content{margin-top:-90px}
	.service_list_main li .content .item-desc{opacity:1;filter:alpha(opacity=100);-ms-filter:progid:DXImageTransform.Microsoft.Alpha(opacity=(100))}
	.service_list_main li .content .item-desc{margin-top:22px}
	.service_list_main li .content .item-link{opacity:1;filter:alpha(opacity=100);-ms-filter:progid:DXImageTransform.Microsoft.Alpha(opacity=(100))}
	.service_list_main li .content .item-link{margin-top:24px}
	.service_list_main li .mask .content .item-link{color:#f7572e;background:#ffffff}
	.service_list_main li .mask .content .item-desc{opacity:1;}
	.service_list_main li .mask .content .item-link{opacity:1;}
}
@media (max-width:600px){
	.service_list_main li{width:100%;}
}

.indexpro{width:100%;background:#fff;padding:0 0 100px 0;overflow:hidden}
.indexpro .mt{width:90%;margin:0 auto;}
.indexpro dl{width:100%;height:204px;background:url('/img0/app_bg.png') no-repeat center bottom;background-color:#fb4848;}
.indexpro dt{color:#fff;font-size:50px;line-height:120px;text-align:center;}
.indexpro dd{font-size: 24px;color:#f2f2f2;text-align:center;}

.indexpro .classnav{width:100%;overflow:hidden;margin-top:15px;}
.indexpro .classnav li{float:left;background:red}
.indexpro .classnav li a{
	display: block;
    width: 10.42vw;
    height: 3.13vw;
    background: #676767;
    border-radius: 0.42vw;
    text-align: center;
    font-size: 1.04vw;
    color: #FFFFFF;
    line-height: 3.13vw;
    font-weight: bold;
    margin: 0 2vw;
}
.indexpro .classnav li.on a,.indexpro .classnav li:hover a{
    background-color: #C40000;
    color:#fff;
}

.indexpro .itemlist{
	width:96%;margin:10px auto;
	display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}
.indexpro .itemlist li{width:25%;padding:5px;}
.indexpro .itemlist li .card{width:100%;margin:0;}
.indexpro .itemlist li .card img{transition:all 0.5s ease-out;height:300px;}
@media (max-width:1440px){
.indexpro .itemlist li .card img{height:250px;}
}
@media (max-width:1024px){
.indexpro .itemlist li .card img{height:175px;}
}
@media (max-width:768px){
.indexpro .itemlist li .card img{height:160px;}
}
@media (max-width:767px){
.indexpro .itemlist li .card img{height:auto;}
}
.indexpro .itemlist li .overlay-hover:hover img{transform:scale(1.2)!important}
.indexpro .itemlist li .overlay-panel{padding:0}
.indexpro .itemlist li .overlay-panel a{display:block;width:100%;height:100%;position:relative;z-index:99}
.indexpro .itemlist li .card-header a img{-webkit-transition:all .6s cubic-bezier(.17,.84,.44,1);transition:all .6s cubic-bezier(.17,.84,.44,1);width:100%}
.indexpro .itemlist li .overlay-icon:before{display:inline-block;height:100%;vertical-align:middle;content:"+";width:50px;height:50px;line-height:40px;margin:0 auto;margin-left:-26px;font-size:40px;text-align:center;border-radius:50px;border:1px solid rgba(255,255,255,0.5);position:absolute;left:50%;top:-50px}
.indexpro .itemlist li .products:hover .overlay-icon:before{margin-top:-25px;top:50%;transition:all 0.6s cubic-bezier(0.17,0.84,0.44,1) 0s}
.indexpro .itemlist li .listsproduct{display:none}
.indexpro .itemlist li .card .card-title{line-height:1.5;text-align:left;border-bottom:1px solid #ffffff!important;border-bottom:1px solid;background:;text-shadow:none;-webkit-transition:all .6s cubic-bezier(.215,.61,.355,1);transition:all .6s cubic-bezier(.215,.61,.355,1)}
.indexpro .itemlist li .card-title a{color:#000000;text-shadow:none;font-size:16px}
.indexpro .itemlist li .card-title a span{overflow:hidden;white-space:nowrap;text-overflow:ellipsis;display:block}
.indexpro .itemlist li .card-title p{color:#999999;padding-top:5px;margin:0;font-size:13px}
.indexpro .itemlist li .card-title .price{color:#c30a18}
.indexpro .itemlist li .card:hover .card-title{border-bottom:1px solid;border-color:#f7572e!important;border-color:!important}
.indexpro .itemlist li .card:hover .card-title a,.indexpro .itemlist li .card:hover .card-title a span{color:#f7572e !important;color:!important}
.indexpro .itemlist li .product-list .item{opacity:0;transform:translate(0,10%)}
.indexpro .itemlist li .product-list .item .fa{color:#fff;width:22px;height:22px;font-size:22px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}
.indexpro .itemlist li .product-list .item .fa:hover{text-decoration:none}
@media (max-width:768px){
	.indexpro .itemlist li{width:33.33333%;}
}
@media (max-width:767px){
	.indexpro{padding-bottom:0px;}
	.indexpro .itemlist li{padding:0px;width:50%;}
	.indexpro .itemlist li .product-list{margin:0 -5px}
	.indexpro .itemlist li .card{width:98%}
	.indexpro .itemlist li .card > .card-title{padding:5px 15px;text-align:center;}
	.indexpro .itemlist li .product-list .item{margin-bottom:10px!important}
	.indexpro .itemlist li .product-list.blocks-xs-2 .item{padding:0 5px!important}
}
@media (max-width:558px){
	.indexpro .itemlist li{width:100%;}
}

@media (max-width:558px){
	.jnservice ul li{width:100%;}
}

a:hover,a:active{text-decoration:none}
.dropdown-submenu.animate > .dropdown-item{-webkit-animation:slide-left 0.5s both;-o-animation:slide-left 0.5s both;animation:slide-left 0.5s both}
.dropdown-menu.overflow-visible{overflow:visible}
/*com end*/

/*波浪线*/
#waves{background-color:#4251b6;position:absolute;top:0;left:0;z-index:0;width:100%;height:100%}
.line-zc{width:100%;height:169px;background-color:#4251b6;background:#fff;position:relative;}
.line-zc-warp{width:90%;height:38px;margin:0 auto;position:absolute;color:#fff;font-size:26px;text-align:center;}
.line-btn-left{float:left;width:70%;margin-top:66px;}
.line-btn-right{float:right;width:430px;margin-top:5%;}
.line-zc-btn{color:#fff;height:100%;width:200px;border-radius:5px;font-size:18px;line-height:38px;background-color:#ff6600;cursor:pointer;margin-left:15px;text-align:center;float:right;}
.line-zc-btn:hover{background-color:#ff0000;color:#fff;}
@media (max-width:1440px){
	.line-zc-warp{width:100%;text-align:left;}
	.line-btn-left{padding-left:10px;}
	.line-btn-right{margin-right:10px;width:200px;margin-top:3%;}
	.line-zc-btn{float:left;margin-left:0;margin-top:5px;}
}
@media (max-width:1024px){
	.line-btn-right{margin-top:5%;}
}
@media (max-width:600px){
	.line-zc-warp{width:100%;text-align:left;}
	.line-btn-left{padding-left:10px;width:100%;margin-top:15px;font-size:20px;text-align:center;}
	.line-btn-right{width:100%;margin-right:0;text-align:center;clear:both;}
	.line-zc-btn{float:none;margin-top:10px;font-size:14px;width:50%;margin-left:auto;margin-right:auto;}
}

/* 改变所有--滚动调样式 */

/* 整个滚动条 */
*::-webkit-scrollbar {
  width:5px;
  height:7px;
}

/* 滚动条有滑块的轨道部分 */
*::-webkit-scrollbar-track-piece {
  background-color:rgb(236, 236, 236);
  border-radius:5px;
}

/* 滚动条滑块(竖向:vertical 横向:horizontal) */
*::-webkit-scrollbar-thumb {
  cursor:pointer;
  background-color:#f7572e;
  border-radius:5px;
}

/* 滚动条滑块hover */
*::-webkit-scrollbar-thumb:hover {
background-color:rgb(235, 0, 0);
}

/* 同时有垂直和水平滚动条时交汇的部分 */
*::-webkit-scrollbar-corner {
  display:block;   /* 修复交汇时出现的白块 */
}
/* 改变所有--滚动调样式 */

.listpage a,.listpage a:active,.listpage a:focus,.listpage a:hover {text-decoration:none;}
.listpage a:not(.Ahover).NextA:hover,.listpage a:not(.Ahover).PreA:hover {background:#fff;}
.listpage {margin-top:20px;text-align:center;}
.listpage a {border:1px solid #e4eaec;border-right:0;background:#fff;padding:9px 15px;text-align:center;color:#76838f;}
.listpage a:hover {background:#f5f5f5;text-decoration:none;}
.listpage a.NextA {border-right:1px solid #e4eaec;}
.listpage .PreSpan,.listpage .NextSpan {border:1px solid #e4eaec;padding:9px 15px;background:#fff;color:#ccd5db;cursor:default;}
.listpage .firstPage,.listpage .lastPage {height:28px;line-height:28px;min-width:40px;}
.listpage a.Ahover {background:#36404b;border-color:#36404b;color:#fff;cursor:default;}
.listpage a.Ahover:hover {background:#fb4848;border-color:#fb4848;color:#fff;}
.listpage a {text-decoration:none;}
.listpage a:active,.listpage a:focus,.listpage a:hover {text-decoration:none;}
.listpage .PageText {margin-left:10px;color:#aaa;display:none;}
.listpage input {display:none;}
.listpage a:last-child{border-right: 1px solid #e4eaec;}

/*team*/
.indexteam{width:100%;overflow:hidden;}
.indexteam .nav{width:100%;background-color:#000;text-align:center;}
.indexteam .nav h1{font-size:50px;color:#f7572e;padding:30px 0 0 0;text-transform:uppercase;margin-bottom:2px;}
.indexteam .nav p{padding: 0 0 30px 0;font-size: 24px;color: #8f8f8f;text-transform: uppercase;font-weight:100;}
.indexteam .nav ul{width:1300px;max-width:100%;margin:0 auto;overflow:hidden;}
.indexteam .nav ul li{
	float:left;
	display: block;
    padding: 0 0 30px 0;
    position: relative;
    margin-bottom: 0;
    cursor: pointer;
	width:25%;
}
.indexteam .nav ul li:hover{
}
.indexteam .nav ul li:after{
	content: '';
    display: block;
    width: 0;
    height: 0;
    position: absolute;
    left: 50%;
    bottom: -20px;
    margin-left: -10px;
    border-left: 10px solid transparent;
    border-right: 10px solid transparent;
    border-bottom: 10px solid #f7f7f7;
    -webkit-transition: all .5s;
    -moz-transition: all .5s;
    -o-transition: all .5s;
    transition: all .5s;
}
.indexteam .nav ul li.cur:after{
	bottom: 0;
	-webkit-transition: all .5s;
    -moz-transition: all .5s;
    -o-transition: all .5s;
	transition: all .5s;
}

.indexteam .nav ul li i{
	width: 60px;
    height: 60px;
    line-height: 60px;
    font-size: 50px;
    color: #ededed;
    display: block;
    margin: 0 auto;
}
.indexteam .nav ul li.cur i{color:#f7572e}
.indexteam .nav ul li h3{
	color: #ededed;
    display: block;
    height: 50px;
    line-height: 50px;
    font-size: 14px;
    margin: 0;
}
.indexteam .nav ul li.cur h3{color:#f7572e}

.indexteam .body{background:#f7f7f7;height:427px;overflow:hidden;}
.indexteam .body .mt{max-width:100%;max-width:100%;height:100%;margin:0 auto;}
@media (min-width:480px){.indexteam .body .mt{width:606px}}
@media (min-width:768px){.indexteam .body .mt{width:750px}}
@media (min-width:992px){.indexteam .body .mt{width:970px}}
@media (min-width:1200px){.indexteam .body .mt{width:1170px}}
@media (min-width:1600px){.indexteam .body .mt{width:1300px;}}
@media (min-width:1921px){.indexteam .body .mt{width:75%;}}
.indexteam .body .item{display:none;height:100%;}
.indexteam .body .active{display:block}
.indexteam .body .item .itemd{height: 100%;position: relative;}
.indexteam .body .item .itemd .txt{ width:40%;position:absolute;left:30px;top:70px;opacity:0;-webkit-transition:all .5s;-moz-transition:all .5s;-o-transition:all .5s;transition:all .5s}
.indexteam .body .item .itemd .txt h3.t{ display:block;font-size:26px;color:#666;font-weight:bold;text-align:left;margin:0}
.indexteam .body .item .itemd .txt .des{ font-size:20px;line-height:36px;color:#999999;color:#8f8f8f;margin: 20px 0 30px;text-align:left}
.indexteam .body .item .itemd .txt a.more{color: #ffffff;background-color: #ff311c;display:block;width:120px;height:40px;line-height:40px;text-align:center;transition: all .5s;}
.indexteam .body .item .itemd .txt a.more:hover{color:#ffffff;background-color:#f7572e;background-color:#FE311C;}
.indexteam .body .item .itemd .img{width:50%;position:absolute;right:0;bottom:-50px;opacity:0;-webkit-transition:all .5s;-moz-transition:all .5s;-o-transition:all .5s;transition:all .5s}
.indexteam .body .item .itemd .img img{ max-width:100%}

@keyframes leftfadeInUp{0%{opacity:0;left:50px}to{opacity:1;left:0px}}
@-webkit-keyframes leftfadeInUp{ 0%{opacity:0;left:50px}to{opacity:1;left:0px}}
@-moz-keyframes leftfadeInUp{ 0%{opacity:0;left:50px}to{opacity:1;left:0px}}@-o-keyframes leftfadeInUp{ 0%{opacity:0;left:50px}to{opacity:1;left:0px}}
.indexteam .leftfadeInUp{ -webkit-animation-name:leftfadeInUp;animation-name:leftfadeInUp}

@keyframes rightfadeInUp{ 0%{opacity:0;bottom:-50px}to{opacity:1;bottom:0}}
@-webkit-keyframes rightfadeInUp{ 0%{opacity:0;bottom:-50px}to{opacity:1;bottom:0}}
@-moz-keyframes rightfadeInUp{ 0%{opacity:0;bottom:-50px}to{opacity:1;bottom:0}}
@-o-keyframes rightfadeInUp{ 0%{opacity:0;bottom:-50px}to{opacity:1;bottom:0}}
.indexteam .rightfadeInUp{ -webkit-animation-name:rightfadeInUp;animation-name:rightfadeInUp}
.indexteam .animated{ -webkit-animation-duration:.5s;animation-duration:.5s;-webkit-animation-fill-mode:both;animation-fill-mode:both;animation-delay:.25s;-webkit-animation-delay:.35s}

.indexteam .nav ul li:after{ content:'';display:block;width:0;height:0;position:absolute;left:50%;bottom:-20px;margin-left:-10px;border-left:10px solid transparent;border-right:10px solid transparent;border-bottom:10px solid #f7f7f7;-webkit-transition:all .5s;-moz-transition:all .5s;-o-transition:all .5s;transition:all .5s}
.indexteam .body .container-fluid{ height:100%}
.indexteam .nav ul li.cur:after{ bottom:0;-webkit-transition:all .5s;-moz-transition:all .5s;-o-transition:all .5s;transition:all .5s}
@media (min-width:1600px){ .indexteam .body{height:427px} 
.indexteam .body .item .itemd .txt .des{font-size:20px;line-height:36px;margin:20px 0 30px} 
.indexteam .body .item .itemd .txt h3.t{font-size:26px}}

@media (max-width:991px){
	@-webkit-keyframes leftfadeInUp{ 0%{opacity:0}to{opacity:1}} 
	.indexteam .nav ul li{margin-top:0;padding-bottom:10px} 
	.indexteam .nav h1{padding:20px 0 0 0;font-size:28px} 
	.indexteam .nav p.desc{font-size:18px;padding:0 0 20px 0} 
	.indexteam .nav ul li:after{display:none} 
	.indexteam .body .item .itemd .img{display:none} 
	.indexteam .body .item .itemd .txt{position:static;width:100%} 
	.indexteam .body{height:auto;padding:20px 0} 
	.indexteam .nav ul li i{width:50px;height:50px;line-height:50px;font-size:50px}
}

.indexnews{width:100%;padding:50px;}
.indexnews .titnav{width:1300px;max-width:100%;margin:0 auto;overflow:hidden;}
.indexnews .titnav .btn-more {float:right;width:85px;font-weight:normal;padding:5px 0px;border:1px solid;color:#f7572e;display:block;text-align:center;-webkit-transition:all .6s cubic-bezier(.165,.84,.44,1) 0ms;transition:all .6s cubic-bezier(.165,.84,.44,1) 0ms}
.indexnews .titnav .btn-more .fa {padding-left:10px}
.indexnews .titnav .btn-more:hover {background:#f7572e;color:#fff;border-color:#f7572e;text-decoration:none}
.indexnews .titnav .btn-more:hover .fa {color:#fff}

.indexnews .mt{width:1300px;max-width:100%;margin:0 auto;background:#fff;margin-top:20px;}
.indexnews dl{width:100%;display:flex;margin-bottom:14px;}
.indexnews dt{width:13%;text-align:center;background: #f7572e;padding: 5px 0;transition: all 300ms ease;}
.indexnews dt h1{color:#fff;font-size:52px;}
.indexnews dt span{display: inline-block;line-height: 30px;color:#ffffff;font-size: 17px;transition: all .6s cubic-bezier(.165,.84,.44,1) 0ms;font-weight:400;}
.indexnews dd{background:#f7f7f7;width:87%;padding: 15px 0 0 30px;transition: all 300ms ease;}
.indexnews dd:hover{background:#f7572e;color:#fff;}
.indexnews dd:hover a{color:#fff;}
.indexnews dd a{display:block;font-size:20px;color:#000;line-height:30px;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}

@media (min-width:480px){.indexnews .mt{width:606px}}
@media (min-width:768px){.indexnews .mt{width:750px}}
@media (min-width:992px){.indexnews .mt{width:970px}}
@media (min-width:1200px){.indexnews .mt{width:1170px}}
@media (min-width:1600px){.indexnews .mt{width:1300px;}}
@media (min-width:1921px){.indexnews .mt{width:75%;}}

@media(max-width:768px){
	.indexnews dt{width:20%;}
	.indexnews dd{width:80%;}
}
@media(max-width:767px){
	.indexnews{padding:30px 10px;}
	.indexnews dt{width:30%;}
	.indexnews dd{width:70%;}
}


.indexproce {padding:70px 0;background-color:#ffffff;background-image:url(/upload/202211/1668767416.jpg);background-repeat:no-repeat;background-size:cover;background-position:center;}
.indexproce dl {margin-bottom:80px;position:relative;text-align:center}
.indexproce dt {color:#e6e6e6;font-weight:600;margin-bottom:18px;padding-bottom:0;position:relative;text-transform:uppercase;font-size:30px;}
.indexproce dd {color:#dedede;font-size:17px;font-weight:300;font-family:"Dosis",sans-serif;line-height:26px}
.indexproce li {margin-top:30px;text-align:center}
.indexproce .probox {border-top:1px solid #f2f2f2;padding:30px;position:relative}
.indexproce .probox .pronum {background-color:#000000;background-color:#f7572e;border-radius:50%;color:#fff;font-size:20px;font-weight:700;height:60px;left:50%;line-height:60px;position:absolute;text-align:center;top:-30px;transform:translateX(-50%);width:60px}
.indexproce .probox .protit {color:#000000;color:#e6e6e6;font-size:22px;font-weight:500;letter-spacing:0;margin:15px 0;text-transform:capitalize}
.indexproce p {color:#999999;color:#dedede;font-size:17px;font-weight:300;font-family:"Dosis",sans-serif;line-height:26px}
.indexproce li:hover .process-item-number {background-color:#f7572e;background-color:#ff311c;-webkit-transition:2s ease;-moz-transition:2s ease;-ms-transition:2s ease;-o-transition:2s ease}

.indexproce ul{display:flex;flex-wrap:wrap;}
.indexproce ul li{width:20%;}

@media (max-width:991px) {
	.indexproce {padding:50px 0px}
	.indexproce ul li{width:50%;}
}
@media (max-width:767px) {
	.indexproce {padding:20px 0px}
}
@media (max-width:558px) {
	.indexproce ul li{width:100%;}
}
@media (min-width:480px){.indexproce .mt{width:606px}}
@media (min-width:768px){.indexproce .mt{width:750px}}
@media (min-width:992px){.indexproce .mt{width:970px}}
@media (min-width:1200px){.indexproce .mt{width:1170px}}
@media (min-width:1600px){.indexproce .mt{width:1300px;}}
@media (min-width:1921px){.indexproce .mt{width:75%;}}

/*about*/
#dituContent1{width:100%;height:100%;height:500px;}
@media (max-width:767px){#dituContent1{height:260px;}}

.navpage{width:100%;border-bottom: 1px solid #f0f2f5;}
.navpage .mt{width:1310px;max-width:100%;margin:0 auto;}
.navpage ul{text-align:center;}
.navpage li{display:inline-block;line-height:70px;}
.navpage li a{padding:14px 10px;font-size:15px;color:#90939b;}
.navpage li a:hover,.navpage li a.active{color:#36404b}

.mainpage{width:100%;background-color:#f7f7f7;}
.mainpage .mt{width:1310px;max-width:100%;margin:0 auto;}
.mainpage dl{width:100%;}
.mainpage dt{font-size:30px;color:#37474f;text-align:center;}
.mainpage dd{font-size:14px;color:#2a333c;text-align:center;}
.mainpage .mt div{padding:50px 30px;line-height:1.8;font-size:16px;color:#2a333c;}

@media (max-width:767px){
	.mainpage .mt div{padding:30px 10px;}
}

.teamlist{width:100%;background-color:#f7f7f7;padding:50px 0;}
.teamlist .mt{width:1310px;max-width:90%;margin:0 auto;}
.teamlist ul {list-style:none;padding:0;margin:0}
.teamlist ul li .title {width:12.4%;background-color:#f7f7f7;z-index:2}
.teamlist ul li .title a {font-size:32px;font-weight:bold;line-height:32px;color:#000000;color:#787878}
.teamlist ul li .title a:hover {color:#f7572e;color:}
.teamlist ul li .title .enname {margin-top:18px;font-style:italic;font-size:16px;font-weight:bold;padding-bottom:14px;color:#999999;color:#9e9e9e}
.teamlist ul li .desc {width:41.3%;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:6;-webkit-box-orient:vertical;font-size:16px;line-height:30px;color:#000000;color:#5c5c5c}
.teamlist ul li .img {width:32.4%;margin-bottom:150px}
.teamlist ul li .img img {border-radius:10px}
.teamlist ul li .img a {display:inline-block;width:100%;height:100%}

.teamlist ul li {display:flex;justify-content:space-between;align-items:flex-start;position:relative;margin-bottom:14px}
.teamlist ul li::after {content:'';display:inline-block;width:1px;height:100%;position:absolute;left:30px;top:0;background-color:#bfbfbf}
@media (max-width:1024px) {
	.teamlist ul li .title {width:20%}
}
@media (max-width:768px) {
	.teamlist {padding:40px 0px}
	.teamlist ul li {flex-wrap:wrap}
	.teamlist ul li::after {display:none}
	.teamlist ul li .title {width:100%;background-color:#fff;z-index:2}
	.teamlist ul li .img {width:100%;margin-bottom:30px}
	.teamlist ul li .desc {width:100%;margin-bottom:20px}
}
@media (max-width:767px) {
.teamlist .mt{width:100%;max-width:100%;padding:0 10px;}
}
@media (max-width:480px) {
	.teamlist {padding:30px 0px}
}
/*news*/
.news-list{width:100%;background:#f2f2f2;overflow:hidden;padding:30px 0;}
.news-list .mt{width:1310px;max-width:100%;margin:0 auto;}
.news-list .main{float:left;width:75%;background:#fff;padding:30px;}
.news-list .main ul li {
    border-bottom: 1px solid #f0f2f5;
    padding-bottom:10px;
    margin-bottom:15px;
}
.news-list .main ul li dl{overflow:hidden;margin:0;}
.news-list .main ul li dt{float:left;width:160px;}
.news-list .main ul li dt img{width:160px;max-width:100%;}
.news-list .main ul li dd{float:right;width:80%;}

.news-list .main ul li a{color:#2a333c;font-size:18px}
.news-list .main ul li a:hover{color:#f7572e}
.news-list .main ul li .des{margin-top:15px;color: #76838f;
    font-size: 14px;
    font-weight: 300;
}
.news-list .main ul li .info{color: #a3afb7;font-size: 16px;font-weight:300;margin-top:10px;}

.news-list .newshot{float:right;width:25%;padding:0 0 0 15px;}
.news-list .newshot h1{background:#fff;margin:0;padding-top:30px;padding-left:20px;font-size:18px;font-weight:300;color:#37474f;}
.news-list .newshot ul{padding-top:10px;overflow:hidden;background:#fff;padding:20px;}
.news-list .newshot ul li{border:solid 1px #e4eaec;border-bottom:0;padding: 10px 15px;}
.news-list .newshot ul li:first-child {
        border-top-left-radius: 3px;
        border-top-right-radius: 3px;
}
.news-list .newshot ul li:last-child {
	margin-bottom: 0;
	border-bottom-right-radius: 3px;
	border-bottom-left-radius: 3px;
	border-bottom:solid 1px #e4eaec;
}
.news-list .newshot ul li a{color:#2a333c;}
.news-list .newshot ul li a:hover{color:#f7572e;}

@media (max-width:1024px){
	.news-list .mt{width:100%;padding:10px;}
	.news-list .main ul li dd{width:70%}
}
@media (max-width:768px){
	.news-list .main{width:100%}
	.news-list .newshot{width:100%;padding:0;margin-top:20px;}
}
@media (max-width:767px){
	.news-list{padding:0}
	.news-list .mt{padding:0}
	.news-list .main{padding:10px}
	.news-list .main ul li dt{float:left;width:100px;}
	.news-list .main ul li .des{display:none}
}

.news-detail{width:100%;background:#f2f2f2;overflow:hidden;padding:30px 0;}
.news-detail dl{width:1310px;max-width:100%;margin:0 auto;}
.news-detail dt{float:left;width:75%;padding:0 15px;background:#fff;}
	.news-detail dt h1{
		font-size:22px;
		padding-top:20px;
		padding-bottom:10px;
		padding-left:30px;margin:0;
		color: #37474f;
		font-weight: 400;
		
	}
	.news-detail dt div.date{
		border-bottom: 1px solid #f0f2f5;
		padding-bottom: 20px;
		padding-left:30px;
		color: #a3afb7;
		font-size: 14px;
	    font-weight: 300;
	}
	.news-detail dt div.info{
		padding: 30px;
		line-height: 1.8;
		font-size: 16px;
		font-weight: 300;
		color: #222;
	}
	.news-detail dt div.info img{max-width:100%}
	.news-detail dt div.pagenav{
		overflow:hidden;
		margin: 0 30px;
		border-top: 1px solid #f0f2f5;
	    padding-top: 20px;
		padding-bottom:20px;
	}
	.news-detail dt div.pagenav .leftn{
		float:left;width:50%;
	}
	.news-detail dt div.pagenav .rightn{
		float:right;
		width:50%;
		text-align:right;
	}
	.news-detail dt div.pagenav a{
		padding: 10px 20px;
	    color: #76838f;
		transition: all .2s ease;
		display: inline-block;
		background-color: transparent;
		border: 1px solid #e4eaec;
		border-radius: 1000px;
		font-weight:normal;	
	}
	.news-detail dt div.pagenav a:hover{color:#f7572e;border-color:#f7572e;}

.news-detail dd{float:right;width:25%;padding:0 15px;}
.news-detail dd h1{background:#fff;margin:0;padding-top:30px;padding-left:20px;font-size:18px;font-weight:300;color:#37474f;}
.news-detail dd ul{padding-top:10px;overflow:hidden;background:#fff;padding:20px;}
.news-detail dd ul li{border:solid 1px #e4eaec;border-bottom:0;padding: 10px 15px;}
.news-detail dd ul li:first-child {
        border-top-left-radius: 3px;
        border-top-right-radius: 3px;
}
.news-detail dd ul li:last-child {
	margin-bottom: 0;
	border-bottom-right-radius: 3px;
	border-bottom-left-radius: 3px;
	border-bottom:solid 1px #e4eaec;
}
.news-detail dd ul li a{color:#2a333c;}
.news-detail dd ul li a:hover{color:#f7572e;}

@media (max-width:768px){
	.news-detail dt{width:100%;padding:0 10px;}
	.news-detail dt h1{padding-left:20px}
	.news-detail dt div.date{padding-left:20px;}
	.news-detail dt div.info{padding:20px;}
	.news-detail dd{width:100%;padding:0;margin-top:20px;}
	.news-detail dt div.pagenav span{display:none}
}
@media (max-width:767px){
	.news-detail dt{padding:0}
	.news-detail dt h1{padding-left:10px}
	.news-detail dt div.date{padding-left:10px;}
	.news-detail dt div.info{padding:10px;}
	.news-detail dd{width:100%;padding:0;margin-top:10px;}
}

.work_mt {max-width: 100%;margin:0 auto;padding:25px 0 50px 0;clear:both;overflow:hidden;}
@media (min-width:480px){.work_mt{width:606px}}
@media (min-width:768px){.work_mt{width:750px}}
@media (min-width:992px){.work_mt{width:970px}}
@media (min-width:1200px){.work_mt{width:1170px}}
@media (min-width:1600px){.work_mt{width:1300px;}}

.feedback_mt {max-width: 100%;margin:0 auto;padding:25px 0 50px 0;clear:both;overflow:hidden;}
@media (min-width:480px){.feedback_mt{width:606px}}
@media (min-width:768px){.feedback_mt{width:750px}}
@media (min-width:992px){.feedback_mt{width:970px}}
@media (min-width:1200px){.feedback_mt{width:1170px}}
@media (min-width:1600px){.feedback_mt{width:1300px;}}

.feedback_mt .left{width:25%;float:left;}
.feedback_mt .left div{font-size:16px;font-weight:bold;padding-bottom:20px;}
.feedback_mt .left dl{width:100%;clear:both;overflow:hidden;}
.feedback_mt .left dt{float:left;color:#999;font-weight:normal;font-size:13px;}
.feedback_mt .left dd{float:left;color:#f7572e}
.feedback_mt .left dl.ewm{padding-top:10px;}
.feedback_mt .left dl.ewm img{width:160px;}

.feedback_mt .right{width:75%;float:right;}
.feedback_mt .right ul{width:900px;max-width:100%;}
.feedback_mt .right li{margin-bottom:10px;padding:10px 5px;position:relative;}
.feedback_mt .right li.check:before {content: '*';position: absolute;left: -15px;top: 50%;margin-top: -6px;font-size: 18px;line-height: 1;color: #f00;}

.feedback_mt .right input{width:100%;border:0;border-bottom:solid 1px #999;padding:5px;color:#76838f;}
.feedback_mt .right input:focus {outline: none;}
.feedback_mt .right li.code input{width:90%;}
.feedback_mt .right li .imgcode{display:none;cursor:pointer;position: absolute;right: 0;}
.feedback_mt .right li button{
	width:100%;font-size:18px;
	display: block;
    outline: none;
    padding: 20px;
	color: #ffffff;
    text-transform: uppercase;
    background: linear-gradient(135deg,#f7572e 0%,#ff8b6b 100%);
    box-sizing: border-box;
    text-align: center;
    line-height: 14px;
    font-family: roboto,helvetica;
    font-weight: 200;
    letter-spacing: 1px;
    text-decoration: none;
    box-shadow: 0 5px 3px rgb(0 0 0 / 10%);
    cursor: pointer;
    -webkit-tap-highlight-color: transparent;
    border-radius: 5px;
    transition: all .5s ease-in-out;
    border: none;
}
.feedback_mt #showmsg{color:#ff0000;}
@media (max-width:767px){
	.feedback_mt .left,.feedback_mt .right{width:90%;margin:0 auto;float:none;}
	.feedback_mt .left{padding-top:30px;padding-bottom:30px;}
}