@charset "utf-8";
/* CSS Document */
body { height:100%; min-width:1200px;}
*{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}
html{font-size:100%;-webkit-text-size-adjust:100%;-ms-text-size-adjust:100%}
body,ul,ol,li,p,h1,h2,h3,h4,h5,h6,table,td,tr,th,div,dl,dt,dd,form,fieldset,img,cite,strong,em,div,input{margin:0;padding:0;}
body{ text-align:left; margin:0 auto; font-size:12px; font-family:"Microsoft YaHei","微软雅黑"; color:#555;}
h1, h2, h3, h4, h5, h6{ font-size:12px;font-weight: normal;}
div{margin:0 auto;}
img ,embed{ border:none;}
table{ border-collapse:collapse;}
ul,li{ padding:0; list-style-type:none;}
a{ text-decoration:none; color:#555;}
a:hover{ text-decoration:none;}
.fl{ float:left;}
.fr{ float:right;}
.none{ display:none;}
.block{ display:block;}
.clearfix {*zoom:1}
.clearfix:after{content: ".";display: block;height:0;clear: both;visibility:hidden;}
.ellipsis{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
.h70{ width:100%; height:150px;}
.FFs{ font-family:"宋体";}
.clear{ clear:both;}
.w880{ width:880px; height:auto; margin:0 auto; overflow:hidden;}
.w1000{ width:1100px; height:auto; margin:0 auto; overflow:hidden;}
.w1200{ width:1200px; height:auto; margin:0 auto;}
.w880{ width:880px; height:auto; margin:0 auto; overflow:hidden;}
.w100pc{ width:100%; height:auto; margin:0 auto; overflow:hidden;}
#wrap{ width:100%; height:auto; margin:0 auto; overflow:hidden; background:#fff; position:relative;}
@media(max-width:767px){
	*{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;}
	body{ min-width:320px !important; max-width:640px;}
	body{ background:#ebebeb;color:#878787;font:.8em "微软雅黑"; margin:0 auto;}
	.auto_img{width:100%;}
	.pnone{ display:none;}
	.w880{ width:100%; }
	.w1000{ width:100%;}
	.w1200{ width:100%; position:relative;}
	#wrap{ width:100%; height:auto; margin:0 auto; overflow:hidden; background:#ebebeb;}
}
@font-face {font-family: "hwls";src: url('/style/font/hwls.TTF');font-weight: normal;font-style: normal;}

/*header*/
.navbar-fixed-top{ position:relative;z-index:19;box-shadow:rgba(0,0,0,.2) 0 1px 8px 0;-webkit-box-shadow:rgba(0,0,0,.2) 0 1px 8px 0;}
#site_header .container-fluid{ padding:0;}
#site_header .navbar-header{ display:none;}

.navbar-toggle{position:relative;float:right;padding:9px 10px;margin-top:8px;margin-right:5px;margin-bottom:8px;background-color:transparent;background-image:none;border:1px solid transparent;border-radius:4px}
.navbar-toggle:focus{outline:0}
.navbar-toggle .icon-bar{display:block;width:22px;height:2px;border-radius:1px}
.navbar-toggle .icon-bar+.icon-bar{margin-top:4px}
.navbar-default .navbar-brand{color:#777}
.navbar-default .navbar-brand:hover,.navbar-default .navbar-brand:focus{color:#5e5e5e;background-color:transparent}
.navbar-default .navbar-text{color:#777}
.navbar-default .navbar-nav>li>a{color:#b7b7b7}
.navbar-nav > li > a{ line-height:inherit;}
.navbar-default .navbar-nav>li>a:hover,.navbar-default .navbar-nav>li>a:focus{color:#b7b7b7;background-color:inherit}
.navbar-default .navbar-toggle{border-color:#ddd}
.navbar-default .navbar-toggle:hover,.navbar-default .navbar-toggle:focus{background-color:#ddd}
.navbar-default .navbar-toggle .icon-bar{background-color:#888}
.navbar-default .navbar-collapse,.navbar-default .navbar-form{border-color:#e7e7e7}
.navbar-default .navbar-nav>.open>a,.navbar-default .navbar-nav>.open>a:hover,.navbar-default .navbar-nav>.open>a:focus{color:#555;background-color:#e7e7e7}
.navbar-default .navbar-toggle {border:0px;margin-top:24px;}
.navbar-default .navbar-toggle .icon-bar{background-color:#888}

#header{width:100%;height:auto;clear:both;z-index:19;background:#fff;min-width:1200px;overflow:visible;}
.toper{ background:#222328; height:56px;}
.toper_l{ float:left; width:40%; height:56px; color:#FFF; position:relative;}
.toper_l .m_wnews{ height:36px; width:100%; margin:0 auto; position:absolute; left:0; top:10px;}
.m_wnews strong{ float:left; font-weight:normal; color:#cdcdcb; font-size:14px; line-height:36px; display:none;}
.m_wnews .tempWrap{ float:left; width:100%; height:36px;}
.m_wnews .tempWrap li{ float:left; width:100%; height:36px; background:url(/images/news_icon.png) no-repeat center left; padding-left:12px;}
.m_wnews .tempWrap li a{ float:left; color:#cdcdcb; font-size:14px;line-height:36px;}
.m_wnews .tempWrap li a:hover{/* text-decoration:underline;*/ color:#fff}
.m_wnews .tempWrap li span{ float:right; color:#cdcdcb; font-size:14px;line-height:36px; display:none;}
.pagesize{ float:left; line-height:34px; width:auto; margin:0 10px; display:none;}
/*.pagesize a{ display:block; float:left; width:21px; height:25px; margin:1px 5px; background-image:url(/images/newadd.png); background-repeat:no-repeat; text-indent:-99999px;}
.pagesize a.prev{ background-position:-21px 0;}
.pagesize a.next{ background-position:-21px -26px;}*/

.toper_r{ float:right; position:relative; width:40%; height:56px;}
.toper_r .hTel{ position:absolute; right:0; top:12px; display:flex;align-items:center;justify-content: space-between;}
.toper_r .hTel img:nth-child(1){ width:55px; margin-right:12px;}
.toper_r .hTel img:nth-child(2){ width:auto; height:28px;}

.head_bg{ width:100%; height:100%; background:#fff;}
.head{ overflow:visible;}
.head .logo{ float:left; position:relative; width:280px; height:auto; padding:30px 0 10px;}
.head .logo a{ display:block; margin:0;}
.head .logo img{ max-width:100%; height:auto;}
.head .logo span{ display:block; width:120%; position:absolute; bottom:16px; left:0; font-size:21px; letter-spacing:5.2px; color:#5b5a5b;font-family: "hwls"; font-weight:600;}

.head .menu{ float:right; width:auto; padding:10px 0 0 0;}
.menu .nav{ width:100%; height:auto;}
.menu li{ float:left; font-size:14px; height:100px; position: relative; margin-left:65px;}
.menu li.home{ background:none;}
.menu li>a{ display:block; width:100%; font-size:18px; color:#5b5a5b; line-height:60px; padding:20px 0; text-align:center;}
.menu li>a span{ display:block; font-size:18px; color:#5b5a5b; line-height:60px;}
.menu li>a:hover span/*,.menu li>a.on span*/{ color:#ff0000;}
.menu li.plast{ display:none;}

.menu li .sub{width:124px;z-index:99;display:none;background:#fff;position:absolute;top:87px;left:0;overflow:hidden;padding:0;-webkit-box-shadow: #999 0 2px 5px;-moz-box-shadow:#999 0 2px 5px;box-shadow:#999 0 2px 5px;}
.menu li dl{border-top:1px solid #dcdbd2; padding:5px 0; height:auto;}
.menu li dl dd{ width:100%;  padding:0; height:auto; text-align:center;}
.menu li dl dd a{ display:block; height:35px; padding:0;line-height:35px; position:relative; overflow:hidden; color:#333;}
.menu li dl dd a:hover{background:none; color:#EC2027;}
.menu li dl dd a i{width:0; height:0; top: 50%; margin-top:-5px; left: 8px; border:5px solid transparent; _border-color:tomato;  _filter: chroma(color=tomato); position:absolute; border-left-color:#585858; overflow:hidden; pointer-events:none; display:none;}
.menu li dl dd a.current{ color:#469c00;}
.menu li dl dd a:hover{ color:#469c00;}
.menu li:hover .sub{ display:block;}
   
.collapse.in{display:block;visibility:visible}
@media(min-width:767px){
.navbar-collapse.collapse {display:block !important;height:auto !important;overflow:visible !important;visibility:visible !important; border:0 !important;}
.container{ padding:0; width:auto; height:100%;}
.nav ul li a.dropdown-toggle:hover{ color:inherit;}
.navbar-right{ margin-right:0;}
}

.hfixed{box-shadow:rgba(0,0,0,.2) 0 1px 8px 0;-webkit-box-shadow:rgba(0,0,0,.2) 0 1px 8px 0;}
.hfixed .toper{ display:none;}
.hfixed .head .logo{ padding-top:10px;}
.hfixed .head .logo img{ max-width:100%; height:auto; max-height:65px; width:auto;}
.hfixed .head .logo span{ bottom:15px; left:0; font-size:20px; letter-spacing:4.5px; }
.hfixed .head .menu{ padding-top:8px;}
.hfixed .menu li{ height:80px;}
.hfixed .menu li>a{ padding:10px 0;}

@media(max-width:767px){
	#header{ width:100%; height:auto; clear:both;min-width:100%; overflow:visible;}
	.head_bg{ width:100%; margin:0; padding:0; height:auto; min-width:100%;border-bottom:1px solid #eee;}
	.header_t,.toper{ display:none;}
	.head .logo{ margin:5px 0; width:auto; height:auto; padding:5px 0 5px 10px;}
	.head .logo a{ display:block; height:auto; margin:0 5px 0 0; width:100%;}
	.head .logo img{ position:relative; top:0; left:0; width:auto; height:60px;}
	.head .logo span{ bottom:5px; left:10px; font-size:20px; letter-spacing:2.8px;}
	
	#site_header .navbar-header{ display:block; position:absolute; right:0; top:0; z-index:999;}
	.navbar-default .navbar-collapse, .navbar-default .navbar-form {background-color:#fff;}
	.navbar-collapse{ padding:9px 0;}
	.menu .container{ width:100%; margin:0 auto;}
	.head .menu{ border:0; height:auto !important; position:absolute; top:83px; right:0; width:50%; overflow:hidden; float:none;padding:9px 0; z-index:999999999;}
	.menu ul{ height:auto; overflow:hidden; margin:0; text-align:center; float:none; width:100%;}
	.menu ul li{ width:100%; height:auto; margin:0; float:none; line-height:1.5;padding-right:0;}
	.menu li.last{ padding:0;}
	.menu ul li h3,.menu ul li.cur h3{ background:none;}
	.menu .line{ display:none;}
	.navbar-default .navbar-nav>li>a{color:#303030;}
	.navbar-default .navbar-nav>li>a:hover,.navbar-default .navbar-nav>li>a:focus{color:#469c00;background:none}
	.menu ul li{ padding:0;background:none;}
	.menu ul li>a{display:block;width:auto;height:auto;transition:all 0s; margin-right:0;line-height:20px;color:#303030; font-size:15px; padding:10px 27px; font-weight:normal;}
	.menu li>a span{ font-size:16px; line-height:20px;}
	.menu li>a:hover{background:none;}
	.menu li>a.on{ background:none;}
	.menu li a.on{ color:#469c00;}
	.menu li.plast{ display:block;}
	.header_r{ display:none;}	
	.navbar-default .navbar-toggle .icon-bar{background-color:#000}
	.navbar-fixed-top .navbar-collapse, .navbar-fixed-bottom .navbar-collapse{ max-height:1000px;}
	.menu li a span{ position:relative; height:auto;}
	.menu li .sub{ display:none !important;}
	.navbar-collapse{-webkit-box-shadow:inset 0 1px 0 rgba(204, 204, 204, 0.1);box-shadow:inset 0 1px 0 rgba(204, 204, 204, 0.1);	  -webkit-overflow-scrolling:touch;}
}

/*banner*/
.banner{ width:100%; height:580px; margin-top:0;}
.banner .ad{width:100%; height:580px; overflow:hidden;position:relative;}
.banner .slider{position:absolute; width:900%;}
.banner .slider li{ list-style:none;display:inline; float:left; height:580px;}
.banner .num{ width:100%; height:12px; position:absolute; left:0; bottom:30px; text-align:center; display:none;}
.banner .num li{ display:inline-block; *display:inline; zoom:1;text-align: center;width:12px;height:12px;cursor:pointer;overflow:hidden;margin:3px;background:none; text-indent:99999px; border:1px solid #fff; border-radius:50%;}
.banner .num li.on{ background:#fff;}
.mo-banner{ display:none;}
@media(max-width:767px){
	.banner{ height:auto;}
	.banner .ad{ display:none;}
	.mo-banner{ width:100%; height:auto; display:block;}
	.mo-banner .swiper-slide a{ display:block; width:100%; height:100%;}
	.mo-banner .swiper-slide img{ vertical-align:middle;}
	.mo-banner .swiper-pagination{ bottom:10px;}
	.mo-banner .swiper-pagination-bullet{margin:5px auto; display:inline-block; cursor:pointer; width:8px;height:8px;border:1px solid #fff;text-indent:-999px;border-radius:50%;background-color:transparent;opacity:1;position:relative; margin:0 5px;}
	.mo-banner .swiper-pagination-bullet:before{content:"";display:block;width:8px;height:8px;background:#fff;border-radius:50%;border:1px solid #fff;position:absolute;left:-1px;top:-1px;z-index:10;transform:scale(0);transition:all 0.3s;opacity:1;}
	.mo-banner .swiper-pagination-bullet-active{background-color:#fff;}
	.mo-banner .swiper-pagination-bullet-active:before{transform:scale(1);}
}

/*main*/
.main1{ width:100%; height:auto; overflow:visible; padding:0; background:#222328; min-height:100px; padding:40px 0;}
.main1 ul{ display:flex;align-items:center;justify-content: space-between;}
.main1 ul li{position:relative;width:30%; text-align:center;}
.main1 ul li h2{font-weight:400;font-size:28px;line-height:42px; letter-spacing:6px; margin-top:30px; color:#FFF;}
.main1 .more{ text-align:center; padding:60px 0 20px;}
.main1 .more a{ display:inline-block;font-size:18px;box-shadow: 0px 0px 0px transparent !important;border: none;padding: 5px 25px;background-color: #EC2027;color: #fff;overflow: hidden;text-transform: uppercase; line-height:35px; letter-spacing:5px;}
.main1 .more a span{ display:inline-block; margin-top:-2px; font-size:30px; color:#222328; vertical-align:middle;}

@media(max-width:767px){
	.main1{ padding:20px 0;}
	.main1 ul{ padding:0 10px;}
	.main1 ul li h2{font-size:20px;line-height:32px; letter-spacing:3px; margin-top:30px;}
	.main1 .more{ padding:40px 0 20px;}
	.main1 .more a{font-size:16px;padding:5px 20px; line-height:35px; letter-spacing:3px;}
}
@media(max-width:367px){
	.main1 ul li h2{font-size:18px; letter-spacing:2px;}
}

.main2{height:auto; overflow:hidden; padding:50px 0 0px;}
.main2 .left{ float:left; width:350px; height:auto;}
.main2 .left img{ max-width:100%; height:auto;}
.main2 .right{ float:right; width:calc(100% - 390px); padding:110px 0 0;}
.main2 .right p{ font-size:18px; text-indent:40px; color:#000; line-height:2; letter-spacing:2px;}

.main2_con{ width:100%; overflow:hidden; display:none;}
.main2_con ul{ width:1220px;}
.main2_con ul li{ margin:0 20px 20px 0; width:285px; height:315px; float:left;border-radius: 4px; overflow: hidden; transition:all 0.3s ease 0s;box-shadow: 3px 4px 10px 0px rgba(0, 0, 0, 0.06);}
.main2_con ul li .pic{width:285px; height:210px;border-radius:4px; overflow:hidden; position:relative;}
.main2_con ul li a{ display:block;}
.main2_con ul li .pic img{width:285px;height:210px;transition:.8s;-webkit-transition: .8s;}
.main2_con ul li .info{ width:100%; padding:20px 15px;}
.main2_con ul li .info p{color:rgb(153, 153, 153);font: 14px/14px 微软雅黑;padding:0 0 11px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
.main2_con ul li .info p.caseDate{color:rgb(153, 153, 153);font:13px/12px 微软雅黑;padding:0px;}
.main2_con ul li .info h5{color:rgb(51, 51, 51);font:16px/18px 微软雅黑;padding:0 0 11px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
.main2_con ul li:hover img{transform:scale(1.1, 1.1);}
.main2_con ul li:hover h5{ color:#469c00;}
.main2_con .more{ margin:20px 0 0;}
.main2_con .more a{display:table;padding:0 77px 0 35px;font:500 14px/44px "Microsoft YaHei";color:#666666;margin:0 auto;    background:url(/images/more.png) no-repeat 114px;border:1px solid #bdbdbd; border-radius:30px;-webkit-transition:all .5s;-moz-transition:all .5s;-o-transition:all .5s;transition:all .5s;}
.main2_con .more a:hover{background:url(/images/more_hover.png) no-repeat 114px #469c00; color:#FFF; border-color:#469c00}
@media(max-width:767px){
	.main2{padding:1.2rem 10px 1.5rem; background:#fff;}
	.main2 .left{ width:100%; text-align:center;}
	.main2 .left img{ max-width:80%;}
	.main2 .right{ width:100%; padding:0; margin-top:-20px;}
	.main2 .right p{ font-size:16px; text-indent:36px; letter-spacing:2px;}
}

.main0{ overflow:visible;background:#fff; padding:10px 0; position:relative;}
.main0 .bg2,.main0 .bg1{ content:''; display:block; width:calc((100% - 1200px) / 2);position:absolute;background:#000; z-index:0;}
.main0 .bg2{ height:406px; left:0; top:13px; overflow:hidden;}
.main0 .bg1{ height:427px; right:0;top:10px;}
.main0 .bg1:after{ content:''; display:block; width:100%; height:99px; background:url(/images/m_top1.png) no-repeat left; position:absolute; top:0; left:0; z-index:5;}
.main0 .bg1:before{ content:''; display:block; width:100%; height:108px; background:url(/images/m_bot1.png) no-repeat left; position:absolute; bottom:0; left:0; z-index:5;}
.main0 .bg2:after{ content:''; display:block; width:100%; height:99px; background:url(/images/m_top1.png) no-repeat right; position:absolute; top:-3px; left:0; z-index:5;}
.main0 .bg2:before{ content:''; display:block; width:100%; height:108px; background:url(/images/m_bot1.png) no-repeat right; position:absolute; bottom:-19px; left:0; z-index:5;}
.main0 .box{ background:url(/images/main03.png) no-repeat center; width:1200px; height:427px; overflow:hidden; padding:110px 8px 0;}
.main0 .box li{ padding-right:20px;}
.main0 .box li.swiper-slide-active{ width:240px !important; padding-right:20px;}
.main0 .box li.swiper-slide-next{ width:335px !important; padding-right:20px;}
.main0 .box li.swiper-slide-next ~ .swiper-slide{ width:291px !important; padding-right:14px;}
.main0 .box li.swiper-slide-next ~ .swiper-slide ~ .swiper-slide{ width:316px !important; padding-right:0;}
.main0 .box li a{ display:flex;align-items:center;justify-content: center; height:200px; overflow:hidden;}
.main0 .box li img{ max-width:100%; width:auto; height:auto; max-height:200px;}
.main0 .box .swiper-pagination{ display:none;}
.main0 .box .swiper-button-next{ right:0; display:none;}
.main0 .box .swiper-button-prev{ left:0; display:none;}
.main0 .box1{ display:none;}
@media(max-width:767px){
	.main0 .box{ display:none;}
	.main0{ padding:60px 0 68px;}
	.main0:after,.main0:before{ content:''; display:block; width:100%; background-color:transparent; background-position:center; background-repeat:no-repeat; background-size:auto 100%;}
	.main0:after{ height:68px; background-image:url(/images/m_bot.png); left:0; bottom:0; top:auto;}
	.main0:before{ height:60px; background-image:url(/images/m_top.png); left:0; top:0; right:auto;}
	.main0 .box1{ background-color:#000; display:block; padding:15px 5px;}
	.main0 .box1 li{ padding:0 5px;}
	.main0 .box1 li a{ display:flex;align-items:center;justify-content: center; height:auto; overflow:hidden;}
	.main0 .box1 li img{ max-width:100%; height:auto;}
	.main0 .box1 .swiper-pagination{ display:none;}
	.main0 .box1 .swiper-button-next{ right:0; display:none;}
	.main0 .box1 .swiper-button-prev{ left:0; display:none;}
}

.main4{ width:100%; height:auto; background:#fff; padding:50px 0 0;}
.main4 .fwxm{ width:100%; height:auto; padding-bottom:50px;}
.main4 .fwxm.fw01{ padding-bottom:80px;}
.main4 .fwxm.fw02>.w1200{ display:flex;align-items:center;justify-content: center;}
.main4 .fwxm .left{ float:left; width:650px;}
.main4 .fwxm.fw02 .left{ width:49%; padding:15px 0 15px 50px;}
.main4 .fwxm .left h1{ text-align:center; padding:125px 0 60px;}
.main4 .fwxm.fw02 .left h1{ padding-top:0;}
.main4 .fwxm .left p{ font-size:18px; text-indent:40px; color:#000; line-height:2; letter-spacing:2px;}
.main4 .fwxm .left a{ display:block; width:140px; border-radius:2px; padding:10px 0; line-height:15px; font-size:16px; color:#fff; background:#fa0f0f; text-align:center; margin-top:20px;}
.main4 .fwxm .right{ float:right; width:488px; height:488px; position:relative;}
.main4 .fwxm.fw02 .right{ width:51%; height:auto;}
.main4 .fwxm .right img{ max-width:100%; height:auto; vertical-align:middle;}
.main4 .fwxm .right .sImg{ position:absolute; left:155px; top:155px; width:185px; height:185px; z-index:0;}
.main4 .fwxm .right li{position:absolute;background-position:center;background-repeat:no-repeat;z-index:10;cursor:pointer;}
.main4 .fwxm .right li .Text{ position:absolute;}
.main4 .fwxm .right li .Text h1{ color:#FFF; font-size:17px; margin-bottom:10px; text-align:center;}
.main4 .fwxm .right li span{ display:block; text-align:center;}
.main4 .fwxm .right li img{ width:58px; height:58px;}
.main4 .fwxm .right .one{ left:0; top:40px; width:192px; height:200px; background-image:url(/images/icon01.png);}
.main4 .fwxm .right .one .Text{ top:80px; left:55px;}
.main4 .fwxm .right .two{ left:132px; top:0; width:225px; height:166px; background-image:url(/images/icon02.png);}
.main4 .fwxm .right .two .Text{ top:25px; left:85px;}
.main4 .fwxm .right .three{ right:0; top:39px; width:203px; height:205px; background-image:url(/images/icon03.png);}
.main4 .fwxm .right .three .Text{ top:75px; left:70px;}
.main4 .fwxm .right .four{ right:0; top:254px; width:192px; height:195px; background-image:url(/images/icon04.png);}
.main4 .fwxm .right .four .Text{ top:40px; left:75px;}
.main4 .fwxm .right .five{ left:132px; bottom:0; width:227px; height:168px; background-image:url(/images/icon05.png);}
.main4 .fwxm .right .five .Text{ top:60px; left:85px;}
.main4 .fwxm .right .six{ left:0; bottom:39px; width:199px; height:211px; background-image:url(/images/icon06.png);}
.main4 .fwxm .right .six .Text{ top:55px; left:55px;}
.main4 .fwxm.fw02 .img{ display:flex;align-items:center;justify-content: center;}
.main4 .fwxm.fw02 .img .img1{ width:53.421%; padding-right:15px;}
.main4 .fwxm.fw02 .img>div{ width:46.579%;}
.main4 .fwxm.fw02 .img .img2{ padding-bottom:15px;}
.main4 .fwxm .right1{ display:none;}
@media(max-width:767px){
	.main4{ padding:0px 0 0;}
	.main4 .fwxm{ padding-bottom:20px;}
	.main4 .fwxm.fw01{ padding-bottom:20px;}
	.main4 .fwxm.fw02>.w1200{ display:block;}
	.main4 .fwxm .left{ float:none; width:100%; padding:0 10px 20px;}
	.main4 .fwxm.fw02 .left{ width:100%; padding:25px 10px 25px;}
	.main4 .fwxm .left h1{ text-align:center; padding:30px 0 20px;}
	.main4 .fwxm .left h1 img{ width:auto; height:auto; max-width:100%; max-height:50px;}
	.main4 .fwxm .right{ float:none; width:100%; height:auto; padding:0 10px}
	.main4 .fwxm.fw02 .right{ width:100%;}
	.main4 .fwxm .right{ display:none;}
	.main4 .fwxm .right1{ display:block;}
	.main4 .fwxm.fw02 .img .img1{ padding-right:10px;}
	.main4 .fwxm.fw02 .img .img2{ padding-bottom:10px;}
}


.main3{ width:100%; height:auto; padding-bottom:30px;}
.main3 ul{ display:flex;align-items:center;justify-content: center;}
.main3 ul li{ width:33.333%; height:276px; background-color:#222328; padding:45px 35px 30px; position:relative; overflow:hidden;}
.main3 ul li:nth-child(2){ width:33.334%; background-color:#57617a;}
.main3 ul li .t{ font-size:22px; font-weight:bold; color:#fff;}
.main3 ul li .info{ padding:50px 0 0; text-align:right;transition: transform 0.5s ease; }
.main3 ul li .info img{ width:120px; height:120px; border-radius:70px;transition: transform 0.5s ease; }
.main3 ul li:hover .t{ position:relative; z-index:5;}
.main3 ul li:hover .info{ position:absolute; left:0; top:0; width:100%; height:100%; padding:0; z-index:1;}
.main3 ul li:hover .info img{object-fit:cover; border-radius:0; width:100%; height:100%; position:absolute; left:0; bottom:0;}
@media(max-width:767px){
	.main3{ padding:0 10px 30px; background:#fff;}
	.main3 ul{ display:block;}
	.main3 ul li{ width:100%; height:auto; padding:25px 25px 20px;}
	.main3 ul li:nth-child(2){ width:100%;}
	.main3 ul li .t{ font-size:20px;}
	.main3 ul li .info{ padding:40px 0 0;}
	.main3 ul li .info img{ width:120px; height:120px;}
	.main3 ul li:hover .info{ position:inherit; width:auto; height:auto;padding:40px 0 0;}
	.main3 ul li:hover .info img{ position:inherit; width:120px; height:120px; border-radius:70px;}
}

/*footer*/
.footer_bg{ width:100%; height:auto; background:#222328; color:#eee; font-size:14px; padding:0;}
.foot_top{max-width:1200px;margin: 0 auto;position: relative;}
.foot_top{ padding:50px 0 10px;}
.foot_top .foot_t{ padding-bottom:20px; position:relative; display:flex;justify-content: center;}
.foot_top .foot_t_l{ width:140px; padding:10px 0 0;}
.foot_top .foot_t_l p{ padding-bottom:10px;}
.foot_top .foot_t_l p a{ color:#777677; font-size:16px;}

.foot_top .foot_t_m{ width:36%;}
.foot_top .foot_t_m .flogo{ width:100%; margin-bottom:8px;}
.foot_top .foot_t_m p{ font-size:15px; line-height:2.2; color:#848384;}

.foot_top .foot_t_r{ width:calc(64% - 140px);}
.foot_top .foot_t_r ul{ display:flex;flex-wrap: wrap;justify-content: center;align-items:center;}
.foot_top .foot_t_r ul li{ width:auto; text-align:center; padding-bottom:25px; margin-right:30px;}
.foot_top .foot_t_r ul li:nth-child(4n){ margin-right:0;}
.foot_top .foot_t_r ul li:nth-child(n+5){ padding-bottom:0;}
.foot_top .foot_t_r ul li img{ max-width:135px; max-height:40px; width:auto; height:auto;}

.flink{ padding:0; font-size:13px; line-height:24px;color:#999; width:1200px; margin:0 auto; text-align:center;}
.flink span{ color:#848384; display:inline-block;}
.flink a{ color:#848384; display:inline-block; margin:0 5px;}
.flink a:hover{ color:#bbb;}

.copyright{ height:auto;color:#848384; font-size:15px; padding:15px 0 5px; width:1200px; margin:0 auto; text-align:center;border-top:1px solid #333; line-height:30px;}
.copyright a{color:#848384;}
.copyright a:hover{color:#fff;}

.index_foot,.copyright1{ display:none;}
/*返回顶部样式开始*/
.cd-top{display:none;height:40px;width:40px;position:fixed;bottom:90px;right:10px;box-shadow:0 0 10px rgba(0, 0, 0, 0.05);overflow: hidden;text-indent: 100%;white-space:nowrap;background:url(/images/top.jpg) no-repeat center 50%;visibility: hidden;opacity: 0;-webkit-transition: all 0.3s;-moz-transition: all 0.3s;transition: all 0.3s;}
.cd-top.cd-is-visible {visibility: visible;opacity: 1;z-index:9999999}
.cd-top.cd-fade-out {opacity: .5;}
.no-touch .cd-top:hover {background-color: #e86256;opacity: 1;}
@media(max-width:767px){
	.wave-box,.footer_bg{ display:none;}
	.cd-top{ display:inline-block;}
	.cd-tel{display:inline-block;;visibility: visible;opacity: 1;z-index:9999999; border-radius:5px; opacity:1;}
	.copyright1{ background:#222328; display:block; color:#848384; padding:20px 10px; line-height:1.8; text-align:center;}
	.copyright1 a{ color:#848384;}
	.footer_p1{padding:0 0 15px; text-align:center; font-size:0;}
	.footer_p1 a{height:18px;padding:0 10px;color:#878787;font-size:14px;border-left:1px solid #333;border-right: 1px solid #262626; display:inline-block;}
	.fx{ width:100%; height:auto; overflow:hidden; max-width:640px; margin:0 auto;text-align:right; position:relative; bottom:45%; z-index:9999999;}
	.wxgzh{ display:none; width:200px; height:220px; background:#FFF; position:fixed; top:50%; left:50%; margin-top:-115px; margin-left:-100px; border:1px solid #ddd;}
	.wxgzh img{ width:100%; margin:0 auto; height:auto; margin-top:5px; padding:0 5px;}
	.wxgzh i{ display:block; text-align:center; font-size:12px; height:auto; line-height:1.5; font-weight:normal; font-style:normal;}
	.wxgzh a.close{ font-size:13px; color:#333; position:absolute; top:2px; right:3px; font-weight:normal;opacity:1;filter: alpha(opacity=100); font-family:Tahoma, Geneva, sans-serif;}
	.bdsharebuttonbox{ max-width:640px; height:auto; overflow:hidden; float:right;}
	.bdsharebuttonbox a{ float:right;}
	
	
	.index_foot{ width:100%; height:auto;display:block; overflow:hidden;max-width: 640px; margin:0 auto; margin-top:12%;}
	.app_con{ height:auto;max-width: 640px;margin: 0 auto; overflow: hidden;width:100%; display:block;}
	#fixed-foot{position:fixed; z-index:99;bottom:0;width:100%; max-width:640px; height:auto; margin:0 auto;display: inline-block;background:#fff;-webkit-box-shadow: 0 0 10px 0 rgba(12,36,134,.1); box-shadow:0 0 10px 0 rgba(12,36,134,.1); padding:5px;}
	#fixed-foot .btn1{width:100%; max-width:640px; margin:0 auto;display:block;text-align:center; }
	#fixed-foot .btn1 a{ cursor:pointer; display:block; color:#FFFFFF;float:left; text-align: center;width:66%; background-color:#000; border-radius:8px; line-height:40px; text-align:center; font-size:0;}
	#fixed-foot .btn1 a:nth-child(1){ border-left:none; margin-right:0%; width:100%}
	#fixed-foot .btn1 a:nth-child(2){ border-left:none; margin-right:0%; width:100%; margin-top:5px;}
	#fixed-foot .btn1 a img{ display:inline-block; margin:0 8px 0 0; vertical-align:middle; width:18px; height:auto;}
	#fixed-foot .btn1 a span{ display:inline-block;font-size:15px; vertical-align:middle;}
	
	.bd_weixin_popup *{-webkit-box-sizing:inherit;-moz-box-sizing:inherit;box-sizing:inherit;}
	.bd_weixin_popup{ width:250px !important; height:300px !important;}
}

.inbanner{ background:url(/images/inbanner.jpg) center no-repeat; height:320px; width:100%; margin-top:0;}
.inbanner img{ display:none;}
@media(max-width:767px){
	.inbanner{ background:none; height:auto; width:100%; margin-top:0;}
	.inbanner img{ display:block; max-width:100%; height:auto;}
}

/*content*/
.content{ height:auto; overflow:visible; margin:0 auto; background:#FFF; min-height:400px; padding:0 0 60px;}
.side_left{ width:100%; height:auto; position:relative;margin:30px 0 0; display:none;}
.sd_nav{ position:relative;}
.conlist_tit{position:relative;margin-bottom:30px;}
.conlist_tit .contit1{font-size:24px;font-weight:500;color:#333;}
.conlist_tit .contit2{font-size:16px;color:#bbb;}
.side_menu{ position:relative; margin-top:0; height:auto; width:100%; text-align:left;}
.side_menu li{position:relative; border-top:1px solid #ddd;line-height:60px;}
.side_menu li:nth-child(1){ border-top:none;}
.side_menu li a{font-size:16px;color:#888;margin-left:15px;transition:all 0.3s ease-in-out;-webkit-transition:all 0.3s ease-in-out;-moz-transition:all 0.3s ease-in-out;-o-transition:all 0.3s ease-in-out;display:inline-block;width:190px;height:20px;line-height:20px;}
.side_menu li.curr a{color:#469c00;margin-left:5px;border-left:2px solid #469c00;padding-left:15px;}
.side_menu li a:hover{color:#469c00;}
.boxRound{-webkit-border-radius:3px;-moz-border-radius:3px;-o-border-radius:3px;border-radius:3px;}
@media(max-width:767px){
	.content{ min-height:100px; padding:0 0 1.5rem;}
	.content>.w1200{ margin-top:0;}
	.side_left{width:100%;margin:0; padding:1rem 10px 0;}
	.sd_nav{ position:relative;}
	.conlist_tit{ display:none;}
	.side_menu li{position:relative; background:#eaeaea;line-height:34px; width:31.533%; float:left; margin-right:2.7%; margin-bottom:10px;}
	.side_menu li:nth-child(1){ border:0;}
	.side_menu li:nth-child(3n){ margin-right:0;}
	.side_menu li a{font-size:14px;margin-left:0;display:block;width:100%;height:auto;line-height:34px; text-align:center; border:1px solid #eaeaea; color:#333; overflow:hidden;white-space:nowrap; text-overflow:ellipsis;}
	.side_menu li.curr a{color:#fff;margin-left:0;border:1px solid #469c00; background:#469c00;padding-left:0;}
	.side_menu li a:hover{color:#fff;border:1px solid #469c00; background:#469c00;}
}

.side_right{ width:100%;margin:0;padding:15px 0 0;}

.breadcrumb{font-size:14px;color:#666;line-height:1;height:auto;display:block;overflow:hidden;margin-top:0px;margin-bottom:35px;border-bottom:1px solid #ececec; padding:0 0 15px;}
.breadcrumb a{color:#666;}
.breadcrumb a:hover, .breadcrumb a span{color:#ec2027;}
.elli_title{width:420px;text-overflow:ellipsis;white-space:nowrap;overflow:hidden;}
.bllf {border-left:2px solid #ec2027;padding-left:10px;}

.right_con{ width:100%; padding:0; height:auto; overflow:hidden;}
.infor,.contact{ width:100%; height:auto; overflow:hidden; padding:0;color:#333;font-size:14px;line-height:2;}
.infor img{ height:auto; overflow:hidden; max-width:96%; margin:0;}
.contact .tit{ float:left; width:100%; margin:0 0 20px; font-size:30px; line-height:1.5;}
.contact .tit span{ padding-left:0;}
.contact .contact-container{ width:50%; float:right;}
.contact .map{ float:none; display:block; width:100%; border:1px solid #CCC; margin-top:15px;}
.contact .right{ float:left; width:50%; padding-right:10%;}
.contact .right h4{ font-size:18px; padding-bottom:12px; line-height:1.2;}
.contact .right .item{ margin-bottom:12px;}
.contact .right .item span{ display:block; font-size:15px; margin-bottom:5px; color:#333;}
.contact .right .item span::after{content: " *";color:red;}
.contact .right .item .form-control{border:1px solid #ccc;border-radius:4px;padding:6px 12px;line-height:1.42857143; color:#555;}
.contact .right .item textarea{ height:150px;}
.contact .right .item .ladda-button{ padding:7px 20px;border-radius:4px; font-size:16px;line-height:1.42857143; background:#ec2027; color:#fff; border:none; margin-top:15px;}

label{ max-width:none;}
.infor a{ color:#666;}
.right_con table{ border:1px solid #CCC;}
.right_con table td{ border:1px solid #CCC; text-align:left; padding:5px;}
@media(max-width:767px){
	.side_right{ width:100%;}
	
	.breadcrumb{ display:none;}

	.infor,.contact{ width:100%; height:auto; line-height:2; overflow:hidden; margin:0; padding:.8rem 10px; font-size:14px; color:#333;}
	.infor img{ height:auto; overflow:hidden; max-width:96%; margin:5px 0;}
	.details_video{ width:100% !important; margin:0 auto 5px;}
	.details_video .video-js.vjs-fluid{ width:100% !important; height:auto;}
	.contact .tit{ float:none; font-size:26px; margin:0 0 10px}
	.contact .contact-container{ float:none; width:100%;}
	.contact .map{ float:none; margin-left:0; width:100%; border:1px solid #CCC;}
	.infor a{ color:#666;}
	.right_con table{ width:100% !important; border:1px solid #CCC;}
	.right_con table td{ border:1px solid #CCC; text-align:left; padding:5px;word-break:break-all; line-height:1.5;}
	
	.contact .right{ float:none; width:100%; padding:20px 0 0;}
	.contact .right h4{ font-size:18px; padding-bottom:12px; line-height:1.2;}
	.contact .right .item{ margin-bottom:12px;}
	.contact .right .item span{ display:block; font-size:15px; margin-bottom:5px; color:#333;}
	.contact .right .item span::after{content: " *";color:red;}
	.contact .right .item .form-control{border:1px solid #ccc;border-radius:4px;padding:6px 12px;line-height:1.42857143; color:#555;}
	.contact .right .item textarea{ height:150px;}
	.contact .right .item .ladda-button{ padding:7px 20px;border-radius:4px; font-size:16px;line-height:1.42857143; background:#ec2027; color:#fff; border:none; margin-top:15px;}	
}

/*news*/
.news_list{ height:auto; overflow:hidden;}

.news_list ul{ padding:0; position:relative;}
.news_list li{ cursor:pointer; width:100%; height:auto; float:left; border-bottom:1px dashed #bdbdbd; padding:0 0 20px; margin-bottom:20px; position:relative;}
.news_list li .date{ float:left; width:100px; height:86px; background: url(../images/a.jpg) right center no-repeat; margin-right:20px;}
.news_list li .date b{ display:block; width:58px; height:46px; line-height:46px; border-bottom:1px solid #434343; text-align:center; font-size:32px; margin:8px auto 0; font-weight:600;}
.news_list li .date span{ display:block; width:58px; height:30px; line-height:30px; font-size:14px; font-family:"Arial"; text-align:center; margin:0 auto;}
.news_list li .info{ float:right; width:calc(100% - 120px); padding-top:3px;}
.news_list li .info h2{ width:100%; padding-bottom:10px; font-weight:700;}
.news_list li .info h2 a{font-size:17px;color:#383838;display:inline-block; max-width:100%; overflow:hidden;white-space:nowrap; text-overflow:ellipsis; line-height:20px;}
.news_list li .info span{ display:block;color:#808080;font-size:14px; height:56px;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp:2; overflow:hidden;line-height:2;}
.news_list li .info h2 a:hover{ color:#EC2027;}

.news_list li .pic{width:230px;height:140px; position:absolute; left:0; top:0;}
.news_list li .pic img{ max-width:100%; height:auto; vertical-align:middle;}
.news_list li .txt{ width:100%; height:140px; padding-top:3px;}
.news_list li .txt.pl245{ padding-left:245px;}
.news_list li .txt h2{ width:100%; padding-bottom:9px; line-height:1; font-weight:700;}
.news_list li .txt h2 a{font-size:17px;color:#383838;display:inline-block; max-width:100%; overflow:hidden;white-space:nowrap; text-overflow:ellipsis; line-height:20px;}
.news_list li .txt span{ display:block;color:#808080;font-size:14px; height:74px;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp:3; overflow:hidden;line-height:1.8;}
.news_list li .txt h2 a:hover{ color:#EC2027;}
.news_list li .txt .time{ color:#888; font-size:13px; margin-top:7px;}
.news_list li .txt .time i{ font-style:normal; margin-right:10px;}


.news_list li.news_ltl{ float:left; width:100%; height:auto; margin-top:5px; border-bottom:0; padding:0;}
.news_list li.news_ltr{ float:right; width:370px; margin-top:-5px; position:absolute; top:40px; right:10px; border-bottom:0; padding:0;}
.news_list li.news_ltr2{ top:160px;}
@media(max-width:767px){
	.news_list{ height:auto; overflow:hidden; padding:0 0 1rem;}
	
	.news_list ul{ padding:0 10px;}	
	.news_list li{ cursor:pointer; width:100%; height:auto; float:left; border-bottom:1px dashed #bdbdbd; padding:1rem 0; margin-bottom:0;}
	.news_list li .date{ float:left; width:100px; height:86px; background: url(../images/a.jpg) right center no-repeat; margin-right:20px; display:none;}
	.news_list li .date b{ display:block; width:58px; height:46px; line-height:46px; border-bottom:1px solid #434343; text-align:center; font-size:32px; margin:8px auto 0; font-weight:600;}
	.news_list li .date span{display:block;width:58px; height:30px; line-height:30px; font-size:14px; font-family:"Arial"; text-align:center; margin:0 auto;}
	.news_list li .info{ float:none; width:100%; padding-top:0;}
	.news_list li .info h2{ width:100%; padding-bottom:10px; font-weight:100;}
	.news_list li .info h2 a{font-size:1rem;color:#383838;display:inline-block; max-width:100%; overflow:hidden;white-space:nowrap; text-overflow:ellipsis;}
	.news_list li .info span{ display:block;color:#808080;font-size:0.8rem;line-height:2; height:auto;display:-webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp:2;overflow: hidden;}
	.news_list li .info h2 a:hover{ color:#EC2027;}
	
	.news_list li.news_ltl{ float:left; width:100%; height:auto; margin-top:0px; border-bottom:1px dashed #bdbdbd; padding:1rem 0;}
	.news_list li.news_ltr{ float:right; width:100%; margin-top:0; position:relative; top:auto; right:auto; border-bottom:1px dashed #bdbdbd; padding:1rem 0;}
	.news_list li.news_ltr2{ top:auto;}
	
	.news_list li .pic{width:38%;height:calc(100% - 2rem); top:1rem; overflow:hidden;}
	.news_list li .pic a{ display:block; width:100%; height:100%;}
	.news_list li .pic img{object-fit:cover;}
	.news_list li .txt{ height:auto;}
	.news_list li .txt.pl245{ padding-left:40%;}
	.news_list li .txt h2{padding-bottom:5px;}
	.news_list li .txt h2 a{font-size:1rem;}
	.news_list li .txt span{font-size:0.8rem; height:3.2rem;line-height:2;-webkit-line-clamp:2;}
	.news_list li .txt .time{font-size:12px;}

}

/*下载*/
.dl_list{ width:100%; height:auto; overflow:hidden; float:left;}
.dl_list li{ line-height:40px; border-bottom:1px dashed #e9e9e9; padding:0px;position:relative; background:url(../images/dian.png) no-repeat left; overflow:hidden; height:auto; float:left; width:100%;}
.dl_list li a{ margin-left:12px; float:left; color:#464646; font-size:14px; display:inline-block; width:853px; overflow:hidden;white-space:nowrap; text-overflow:ellipsis;}
.dl_list li span{ float:right; color:#EC2027;}
.dl_list li a:hover{ color:#EC2027;}

/*page*/
#page{ height:auto; margin:20px 0 0;overflow:hidden; width:100%; text-align:center;}
#page a.active{color:#fff; cursor:pointer; background:#EC2027; border:1px solid #EC2027;}
#page a{ display:inline-block; vertical-align:middle; padding:2px 15px; margin:0 2px; border:1px solid #ddd; line-height:30px; text-align:center; color:#000; font-size:15px;}
#page a:hover{ color:#fff; cursor:pointer; background:#EC2027; border:1px solid #EC2027;}
#page a.next1{overflow: hidden;}
#page a.prev1{overflow: hidden;}
#page .none{ display:none;}
#page01{ display:none;}
@media(max-width:767px){
	#page{ display:none;}
	#page01{ display:block; width:100%; height:auto; overflow:hidden; margin-top:1.5rem; background:#EEE; margin-bottom:0;}
	#page01 a{ display:block; margin-right:1px; padding:2% 3%; float:left; background:#DDD;}
	#page01 a.num{ text-decoration:underline; color:#0086E9; font-weight:bold;}
	#page01 span{ display:block; float:right; background:#DDD; padding:2% 3%; }
}

/*case*/
.case_wrap .w1200{ margin-top:-46px; border-radius:12px 12px 0 0; overflow:visible;}
.caseMune{ width:100%; height:auto; float:none; position:relative;width:100%;margin:0; border-radius:12px; background:#fafbfc; border-top:6px solid #EC2027; box-shadow:0 3px 20px 0 rgba(0, 0, 0, 0.20); /*底边阴影*/-moz-box-shadow:0 3px 20px 0 rgba(0, 0, 0, 0.20); /*底边阴影*/-webkit-box-shadow:0 3px 20px 0 rgba(0, 0, 0, 0.20); /*底边阴影*/}
.caseMune .conlist_tit{ display:none;}
.caseMune .side_menu{ position:relative; text-align:center; font-size:0; border:1px solid #e3e3e3; border-radius:10px;}
.caseMune .side_menu li{ width:150px; float:none; display:inline-block;border-top:none;line-height:1.5; padding:20px 0;}
.caseMune .side_menu li a{color:#333;margin-left:0;display:inline-block;width:100%;height:auto;line-height:20px; text-align:center; font-size:18px;font-weight:500; border-left:1px solid #dcdcdc;}
.caseMune .side_menu li:nth-child(1) a{ border-left:none;}
.caseMune .side_menu li i{ display:block; font-size:12px; padding:8px 0 0; font-style:normal; text-transform:uppercase;}
.caseMune .side_menu li.curr,.caseMune .side_menu li:hover{ position:relative}
.caseMune .side_menu li.curr a{color:#EC2027;margin-left:0;padding-left:0;}
.caseMune .side_menu li.curr i{ color:#64c68f;}
.caseMune .side_menu li:hover a{color:#EC2027; }
.caseMune .side_menu li:hover i{ color:#64c68f;}
.caseMune .side_menu li:hover::before,.caseMune .side_menu li.curr::before{content:"";display:inline-block;width:100%;height:2px;position:absolute;bottom:-1px;border-bottom:2px solid #64c68f;z-index:9;left:0}
.case_list{ height:auto; overflow:hidden;}
.case_list ul{ width:1220px; padding-top:30px;}
.case_list ul li{ margin:0 20px 20px 0; width:285px; height:315px; float:left;border-radius: 4px; overflow: hidden; transition:all 0.3s ease 0s;box-shadow:3px 4px 10px 0px rgba(0, 0, 0, 0.06);}
.case_list ul li .pic{width:285px; height:210px;border-radius:4px; overflow:hidden; position:relative;}
.case_list ul li a{ display:block; }
.case_list ul li .pic img{width:285px;height:210px;transition:.8s;-webkit-transition: .8s; vertical-align:middle;}
.case_list ul li .title{ padding:20px 15px 6px; line-height:18px; text-align:left; font-size:16px;}
.case_list ul li .type{ width:100%; height:48px; padding:0 15px; display:-webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp:2;overflow:hidden; line-height:25px; color:rgb(153, 153, 153); font-size:14px;}
.case_list ul li .title a{display:inline-block;max-width:100%; color:rgb(51, 51, 51); overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
.case_list ul li:hover .title a{ color: #333; display:inline-block; max-width:100%; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
.case_list ul li:hover img{transform:1s scale(1.1);-webkit-transform: scale(1.1);}
.case_list ul li:hover .title a{ color:#469c00;}

/*资质*/
.honor_wrap{ width:1100px; margin:0 auto; float:none;}
.honor_list{ height:auto; overflow:hidden;}
.honor_list li{float:left;width:260px;height:auto;background: #fff;margin-right:20px;margin-bottom:12px;transition:all .3s linear;font-size:0;cursor:pointer;position:relative;}
.honor_list ul li:nth-child(4n){ margin-right:0;}
.honor_list li .pic{ position:relative; width:100%; height:auto;border-bottom:5px solid #e3e3e3; overflow:hidden;}
.honor_list li .pic img{width:100%;height:auto;transition:.8s;-webkit-transition: .8s; vertical-align:middle;}
.honor_list li .tit{ padding:10px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis; color:#555;font-size:14px;text-align: center;font-weight: 500;}
.honor_list li .n{display:none;}
.honor_list li .n img{width:37px !important;height:37px !important;border:none;margin-top:76px;transform:translateZ(0px);    transition: transform 0.5s ease 0s;}
.honor_list li a:hover .n img{transform: scale(1, 1);transition: transform 0.5s ease 0s;}
.honor_list li:hover .n{background:none repeat scroll 0 0 rgba(0, 0, 0, 0.6);color:#FFFFFF;display: block;position:absolute;top:0;text-align:center;width:100%;height:100%;z-index:11;}
.honor_list li:hover .pic{border-bottom:5px solid #469c00;}
.honor_list li:hover .pic.white{border-bottom:5px solid #fff;}

.product_list{ height:auto; overflow:hidden;}
.product_list li{float:left;width:calc(25% - 9px);height:auto;background: #fff;margin-right:12px;margin-bottom:12px;transition:all .3s linear;font-size:0;cursor:pointer;position:relative;}
.product_list ul li:nth-child(4n){ margin-right:0;}
.product_list li .pic{ position:relative; width:100%; height:auto; overflow:hidden;}
.product_list li .pic.white{border:1px solid #ddd;}
.product_list li .pic img{width:100%;height:auto;transition:.8s;-webkit-transition: .8s; vertical-align:middle;}
.product_list li .tit{ padding:10px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis; color:#333;font-size:16px;text-align: center;font-weight:500;}
.product_list li:hover .pic img{transform:1s scale(1.1);-webkit-transform: scale(1.1);}

@media(max-width:767px){
	/*case*/
	.case_wrap .w1200{ margin-top:0; border-radius:0; overflow:visible;}
	.caseMune{ border-radius:0; background:#fafbfc; border-top:0 solid #EC2027; box-shadow:0 0 0 0 rgba(0, 0, 0, 0.20); /*底边阴影*/-moz-box-shadow:0 0 0 0 rgba(0, 0, 0, 0.20); /*底边阴影*/-webkit-box-shadow:0 0 0 0 rgba(0, 0, 0, 0.20); /*底边阴影*/}
	.caseMune .conlist_tit{ display:none;}
	.caseMune .side_menu{border:0 solid #e3e3e3; border-radius:0;}
	.caseMune .side_menu li{ width:31.533%; margin:0 2.7% 10px 0; float:left;padding:0;}
	.caseMune .side_menu li a{line-height:36px; background:#eaeaea; font-size:14px;border-left:0; color:#333;}
	.caseMune .side_menu li:nth-child(1) a{ border-left:none;}
	.caseMune .side_menu li:nth-child(3n){ margin-right:0;}
	.caseMune .side_menu li i{ display:none;}
	.caseMune .side_menu li.curr a{color:#fff; background:#EC2027;margin-left:0;padding-left:0;}
	.caseMune .side_menu li:hover a{color:#fff; background:#EC2027;}
	.caseMune .side_menu li:hover::before,.caseMune .side_menu li.curr::before{ display:none;}
	.case_list{ height:auto; overflow:hidden; padding:1rem 0 0;}
	.case_list ul{ width:100%; padding:0 5px;}
	.case_list ul li{ margin:0 1.5% 15px; width:47%; height:auto;}
	.case_list ul li .pic{width:100%; height:auto;}
	.case_list ul li .pic img{width:100%;height:auto;}
	.case_list ul li .title{ padding:10px 5px 6px; line-height:18px; text-align:left; font-size:16px;}
	.case_list ul li .type{ width:100%; height:40px; padding:0 5px; line-height:20px; margin-bottom:8px;}
	.case_list ul li .title a{display:inline-block;max-width:100%; color:rgb(51, 51, 51); overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
	.case_list ul li:hover .title a{ color: #333; display:inline-block; max-width:100%; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
	.case_list ul li:hover img{transform:1s scale(1.1);-webkit-transform: scale(1.1);}
	.case_list ul li:hover .title a{ color:#469c00;}
	
	/*资质*/
	.honor_wrap{ width:100%; margin:0 auto; float:none;}
	.honor_list{ height:auto; overflow:hidden; padding:1rem 0 0;}
	.honor_list ul{ width:100%; padding:0 5px;}
	.honor_list li{float:left;width:47%;margin:0 1.5% 8px;}
	.honor_list ul li:nth-child(4n){ margin-right:1.5%;}
	.honor_list li .tit{ padding:8px 5px; height:35px;}	
	
	.product_list{ height:auto; overflow:hidden; padding:1rem 0 0;}
	.product_list ul{ width:100%; padding:0 5px;}
	.product_list li{float:left;width:47%;height:auto;background:#fff;margin:0 1.5% 8px;}
	.product_list ul li:nth-child(3n){ margin-right:1.5%;}
	.product_list li .tit{ padding:8px 5px;font-size:14px;}	
	
}

/*detail*/
.details_con{ width:100%; height:auto; overflow:hidden; min-height:400px; padding:0 0 0;}
.details_con .news_l{ float:left; width:860px;}
.detail_title{ font-size:20px; font-weight:700; color:#333; line-height:1.8; padding:0 0 5px; text-align:center;}
.detail_time{ color:#666; line-height:2; width:100%; font-size:12px; border-bottom: #CCC 0px dashed; text-align:center; padding-bottom:10px;}
.bbn{ border-bottom:0;}
.detail_time i{ display:inline-block; font-style:normal;}
.detail_time em{ display:inline-block; font-style:normal; margin:0 5px;}
.details_img{ text-align:center; margin-bottom:5px;}
.details_img img{ max-width:100%; height:auto;}
.details_info{ padding:15px 0 30px; width:100%; line-height:2; color:#444; border-bottom:1px solid #ddd}
.details_info img{ max-width:100%; height:auto;}
hr{ margin:5px 0;}

.smBox{ color:#999; font-size:14px; line-height:2; padding:15px 0 0;}

.newsDown{ width:100%; background:#eaeaea; padding:14px 16px; margin:30px 0 0;}
.newsDown li{ float:left; width:36.18%; padding-right:24%; position:relative; margin-right:2.2%;}
.newsDown li .img{ width:100%; float:left; background:white; padding:5px;}
.newsDown li .img img{ width:100%; float:left;}
.newsDown li .p1{ position:absolute; right:0; bottom:50%; width:62%; font-size:14px; color:#555; line-height:30px; margin-bottom:-30px;}
.newsDown .newsDownRight{ width:23%; float:right;}

.newsDown .btn{ width:100%; float:left; text-align:center; padding:0 0;}
.newsDown .btn .btn_box,.newsDown .btn .btn_boxR{ width:84px; height:64px;display:block; border-radius:5px; -webkit-border-radius:5px; -moz-border-radius:5px; overflow:hidden; padding:7px 0 10px 0; border:solid 1px #007bff; background:#007bff; cursor:pointer; margin:9px 0 0; float:right; color:#fff}
.newsDown .btn .btn_box{ padding:0;}
.newsDown .btn .btn_boxR{ font-size:14px; float:left;border:solid 1px #f39c12; background:#f39c12;}
.newsDown .btn .btn_box .ico{ width:100%; height:auto; float:none;}
.newsDown .btn .btn_box .ico,.newsDown .btn .btn_box_1 .ico{ height:26px;}
.newsDown .btn .btn_box .ico img,.newsDown .btn .btn_box_1 .ico img{ height:100%;}
.newsDown .btn .btn_box .article-social{ width:100%; height:100%; float:left; font-size:12px; color:#fff; line-height:17px;}
.newsDown .btn .btn_box .article-social a{ display:block; width:100%; height:100%; padding:7px 0 10px 0; color:#FFF;}
.newsDown .btn .text{ float:left; width:100%; font-size:14px; color:#555; line-height:1; /*text-align:left;*/ padding:10px 0 0;}
.newsDown .btn:active,.newsDown.btn.active{-webkit-box-shadow:none; box-shadow:none;}
@media(max-width:767px){
	.details_con{ width:100%; height:auto; overflow:hidden; min-height:400px; padding:1rem 10px;}
	.details_con .news_l{ float:none; width:100%;}
	.detail_title{ font-size:18px; font-weight:700; color:#333; line-height:1.8; padding:0 0 5px; text-align:center;}
	.detail_time{ color:#666; line-height:2; width:100%; font-size:12px; border-bottom: #CCC 1px dashed; text-align:center; padding-bottom:10px;}
	.bbn{ border-bottom:0;}
	.detail_time i{ display:inline-block; font-style:normal;}
	.detail_time em{ display:inline-block; font-style:normal; margin:0 5px;}
	.details_img{ text-align:center; margin-bottom:5px;}
	.details_img img{ max-width:100%; height:auto;}
	.details_info{ padding:1rem 0 1.5rem; width:100%; line-height:2; color:#444; border-bottom:1px dashed #CCC}
	.details_info img{ max-width:95%; width:auto; height:auto;}
	hr{ margin:5px 0;}
	
	
	
	.newsDown{ width:100%; background:#fff; padding:0 10px; margin:1rem 0 0;}
	.newsDown li{ display:none;}
	.newsDown .newsDownRight{ width:200px; float:none; margin:0 auto;}
}

.detail_fenye{ width:100%; height:auto; margin:0 auto; overflow:hidden; padding:10px 0 0;}
.detail_fenye span{ display:block; line-height:36px; color:#666; font-size:16px; vertical-align:middle;}
.nFenye span{ float:left; width:49%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
.nFenye>span:nth-child(2){ float:right; text-align:right;}
.detail_fenye span a{ color:#666; font-size:16px; vertical-align:middle;}
.detail_fenye span a:hover{ color:#f00; text-decoration:underline;}

.news_r{ float:right; width:300px;background:#f7f7f7;}
.hotNews{ padding:10px 16px 15px;}
.hotNews .title{ height:40px; position:relative; line-height:40px; margin-bottom:5px;}
.hotNews .title:after{ content:''; display:block; width:4px; height:20px; background:#EC2027; position:absolute; left:0; top:10px;}
.hotNews .title b{ margin-left:18px; font-size:18px; font-weight:600; color:#111;}
.hotNews ul{ width:100%; height:auto;}
.hotNews ul li{ float:left; width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
.hotNews ul li a{ padding-left:12px; background:url(/images/arr_1.gif) no-repeat center left; display:inline-block; max-width:100%; color:#333; font-size:15px; height:32px; line-height:32px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
.hotNews ul li a:hover{ color:#EC2027;}

@media(max-width:767px){
	.detail_fenye{ padding:10px 0 0;}
	.detail_fenye span{ display:block; line-height:1.6; margin:5px 0;}
	.nFenye span{ float:none; width:100%;}
	.nFenye>span:nth-child(2){ float:none; text-align:left;}
	.news_r{ float:none; width:100%; margin-top:20px;}
	.hotNews{ display:block;}
}

.mess_con{ width:100%; margin:0 auto; padding:10px 0 0;}
.mess_con form{ font-size:14px; line-height:2; color:#666;}
.mess_left{ width:70px; text-align:right !important; padding-right:10px; display:inline; float:left;}
.mess_con .btn{ background:#248b81; width:120px !important; height:35px; line-height:30px; border:none; margin-top:5px; cursor:pointer; font-family:"微软雅黑"; color:#FFF; font-size:16px; letter-spacing:3px;}
.red{ color:red; padding-left:5px;}
.mess_con input{ height:25px; border:1px solid #ccc; width:180px;}
.mess_con textarea{border:1px solid #ccc; line-height:1.8;}
.mess_con .table1 tr{ height:35px;}
.mess_con table,.mess_con table td ,.mess_con table tr{ border-collapse:collapse; border:none;}

.mess_title{ font-size:14px; font-weight:900; background:#e7e7e7; padding:6px 10px; border:1px solid #CCC;}
.mess_list{ margin-bottom:20px; color:#333; line-height:18px;}
.mess_list a{ color:#000; line-height:28px;}
.mess_list a:hover{ color:#006600;}
.mess_list .table2{ border-top:0; padding:5px 0;}
.mess_list .table2 tr{ height:28px;}
.mess_list .table2 tr .table2_f{ padding-left:20px;background:url(images/ico.gif) no-repeat 8px center;}

.mess_show{ width:100%; margin:0 auto; background:#FFF;}
.mess_show li{ width:898px; height:auto; border:1px solid #ccc; float:left; border-top:0;}
.mess_top{ float:left; height:30px; line-height:30px; width:100%; border-bottom:1px solid #CCC; background:#f4f4f4;}
.mess_top span{ text-align:center; float:left; display:inline-block; height:30px; padding:0 10px;}
.mess_content{ float:left; width:100%; border-bottom:1px solid #CCC; color:#a40000;}
.mess_replay{ float:left; width:100%;}
.mess_content p,.mess_replay p{ padding:5px; min-height:38px; line-height:24px;}



@-webkit-keyframes coordinates {
    form {-webkit-transform:scale(.1);}
    to {-webkit-transform:scale(1); opacity: 0;}
}
@keyframes coordinates {
    form {transform:scale(.1);}
    to {transform:scale(1); opacity: 0;}
}

@-webkit-keyframes minxc {
    form {width: 10px; height: 10px;  opacity: 1;}
    to{width: 60px; height: 60px; top:-25px; left:-25px;  opacity: 0; }
}
@keyframes minxc {
    form {width: 10px; height: 10px;  opacity: 1;}
    to{width: 60px; height: 60px; top:-25px; left:-25px;  opacity: 0; }
}


@-webkit-keyframes centershow {
    to{-webkit-transform:scale(1); transform:scale(1); }
}
@keyframes centershow {
    to{-webkit-transform:scale(1); transform:scale(1); }
}


@-webkit-keyframes fadeIn {
    to{ opacity: 1;}
}
@keyframes fadeIn {
    to{ opacity: 1;}
}

@-webkit-keyframes navshow {
    to{opacity: 1; }
}
@keyframes navshow {
    to{opacity: 1; }
}