@charset "utf-8";
/* CSS Document */
*{ font-family:"微软雅黑";}
body,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote{padding:0;margin:0;color:#666;}
fieldset,img{border:0;}
address,caption,cite,code,dfn,em,th,var{font-weight:normal;font-style:normal;}
strong{font-style:normal;}
ol,ul{list-style:none;}
caption{text-align:left;}
h1,h2,h3,h4,h5,h6{font-weight:normal;font-size:100%;}
q:before,q:after{content:'';}
abbr,acronym{border:0;}
a{outline:expression(this.hideFocus=true);outline:none;cursor:pointer;text-decoration:none;color:#666;}
a:hover{ color:#067bda;}
input,button,select,textarea{outline:none; color:#1b1b1b}
.clear{zoom:1;clear:both; height:0; line-height:0; font-size:0;}
.contxt{ background:#e3e1da; border:1px solid #CCC; padding:5px;}
.btn{ padding:5px 10px; border:1px solid #CCC; background:#0074e1; color:#fff; font-family:"微软雅黑";}
body{cursor:default;-webkit-text-size-adjust:none;font-size:100%;font-family:Arial;background:#FFF; overflow-x:hidden}
@media screen and (max-width:768px){
html{ font-size:26px !important;}
body{ font-size:26px !important;}

}
DIV.green-black{ width:100%; padding:16px 0; text-align:center; }
DIV.green-black A{PADDING-RIGHT: 10px;PADDING-LEFT: 10px;PADDING-BOTTOM: 5px;COLOR: #000;MARGIN-RIGHT: 2px;PADDING-TOP: 5px;BORDER: #dcdcdc 1px solid;TEXT-DECORATION: none;font-size:100%;background-color: #eee;}

DIV.green-black A:hover{BORDER: #00b1bb 1px solid;COLOR: #fff;font-size:100%;background-color: #00b1bb;}
DIV.green-black A:active{BORDER: 1px solid #00b1bb;COLOR: #fff;font-size:100%;background-color: #00b1bb;}
DIV.green-black SPAN.current{PADDING-RIGHT: 10px;PADDING-LEFT: 10px;FONT-WEIGHT: bold;PADDING-BOTTOM: 5px;COLOR: #fff;MARGIN-RIGHT: 2px;PADDING-TOP: 5px;BORDER: 1px solid #00b1bb;font-size:100%;background-color: #00b1bb;}
DIV.green-black SPAN.disabled{PADDING-RIGHT: 10px;PADDING-LEFT: 10px;PADDING-BOTTOM: 5px;COLOR: #fff;MARGIN-RIGHT: 2px;PADDING-TOP: 5px;BORDER: #00b1bb 1px solid;font-size:100%}


.kd{}
/*进入页*/
.fl{ float:left}
.fr{ float:right;}
.inbg{ background:url(../images/bg.jpg) center no-repeat #474d5b;

  width:100%;
  overflow: hidden;
  background-size:120%;
  position:relative;
  background-attachment:fixed;
}
@media screen and (min-width:1680px){

}

.ka1{ width:830px; margin:0 auto;}
.ktit{ text-align:center; margin-top:26%;}
.ktit h4{ font-size:1.875rem; color:#fff;}
.ktit p{ font-size:1.125rem; color:#fff; margin:28px 0 26px; letter-spacing:1px}
.ktit span{ display:block; color:#fff; margin-top:31px; text-shadow:1px 1px 2px #000; letter-spacing:6px}
@media screen and (min-width:1680px){
.ktit{ text-align:center; margin-top:35%;}
}
@media screen and (max-width:1366px){
.ktit{ text-align:center; margin-top:23%;}
}
.klogo{ width:84%; margin:70px auto 0;}
.klogo a{ display:block}
.klogo .fl{ width:50%; text-align:center;}
.klogo .fr{ width:50%; text-align:center;}
.klogo p{ color:#e5e5e5; margin-top:24px;}
.ktell{ margin:10%  auto 0; width:68%;}
.ktell p{ color:#fff; line-height:1.5rem}

@media screen and (max-width:768px){
.inbg{ background-size:cover; height:100%;}
.ka1{ width:100%; margin:0 auto;}
.klogo .fl{ width:100%; text-align:center; margin-bottom:100px;}
.klogo .fr{ width:100%; text-align:center; margin-bottom:50px;}
.ktell{ margin:1% auto 5%; width:96%; text-align:center;}
}
/*进入页*/


/*home*/
.kdh{ width:90%; margin:0 auto; max-width:1600px;}
.head{ height:79px; background:#fff; width:100%; position:fixed; z-index:9999;}
.head .logo{ margin-top:25px;}
.ctop{ height:79px; width:100%;}
.menu{ width:60%; height:79px;}
@media screen and (max-width:768px){
.kdh{ width:94%;}
.head{ height:110px;}
.head .logo{ margin-top:40px;}
.ctop{ height:110px; width:100%;}
}
/*导航样式*/
.mobile-inner-nav{ z-index:99; display:block; position:absolute; width:100%}
.mobile-inner-nav li{ float:left; position:relative; width:14.28%; text-align:center; background:url(../images/xi.jpg) right center no-repeat; }
.mobile-inner-header .np{ display:none; position:absolute;}
.mobile-inner-nav a{ display:block; color:#1b1b1b; font-size:1rem; text-align:center;transition:all 0.5s; position:relative; margin-top:-1px; width:100%; margin:0 auto}
.mobile-inner-nav a span{ position:absolute;height:100%; background:#067bda url(../images/mu.jpg) center top no-repeat;  top:0; left:0; width:100%; z-index:1; transition:all 0.5s; transform:scale(0,1); background-size:cover;}
.mobile-inner-nav a p{ color:#1b1b1b; font-size:1rem; transition:all 0.5s; padding:29px 0;  display:block; z-index:2; position:relative}
.mobile-inner-nav a:hover span,.mobile-inner-nav a.cur span{ width:100%;transform:scale(1,1); transition:all 0.5s}
.mobile-inner-nav a:hover p,.mobile-inner-nav a.cur p{ color:#fff;  background:none right center}



@media screen and (max-width:1024px){
.mobile{width: 100%; position:absolute; }
.mobile-inner-nav li{ margin-top:0;}
.mobile-inner-nav li .erj{ display:none;}
.mobile-inner-nav a{ margin:0;}

.mobile-inner-nav a p{ color:#fff; font-size:1em; line-height:30px;transition:all 0.5s; padding:0px 18px; background:none}
.mobile-inner-nav a:hover p,.mobile-inner-nav a.cur p{ border-bottom:none}
.mobile-inner{width: 100%;}
.mobile-inner img{width:100%;}
.mobile-inner-header .np{ display:block; color:#067bda; right:105px; top:40px; width:70px; font-size:1.25rem}
.mobile-inner-header{width: 100%;height:5em; position: absolute;top: 0px; right:-40px; }
.mobile-inner-header-icon{color:#fff;width:80px;height:50px;font-size:1.25rem;font-weight:bold;margin-top:40px;text-align: center;float:right;position: relative;-webkit-transition: background 0.5s;-moz-transition: background 0.5s;-o-transition: background 0.5s;transition: background 0.5s; margin-right:20px; }
.mobile-inner-header-icon:hover{cursor: pointer;}
.mobile-inner-header-icon span{position: absolute;left: calc((100% - 50%) / 2);top: calc((100% - 20px) / 2);width:70%;height:0.3rem;background-color:#067bda; border-radius:5px;}
.mobile-inner-header-icon-out p {
    width: 70%;
    height: 0.3rem;
    background-color: #067bda;
    position: absolute;
    left: 25%;
    bottom: 0.8em;
    display: block;
	border-radius:5px;
}
.mobile-inner-header-icon-click p{ display:none;}
.mobile-inner-header-icon span:nth-child(1){transform: translateY(18px) rotate(0deg);}
.mobile-inner-header-icon span:nth-child(2){transform: translateY(-18px) rotate(0deg);}
.mobile-inner-header-icon-click span:nth-child(1){animation-duration: 0.5s;animation-fill-mode: both;animation-name: clickfirst;}		
.mobile-inner-header-icon-click span:nth-child(2){animation-duration: 0.5s;animation-fill-mode: both;animation-name: clicksecond;}
@keyframes clickfirst {
0% {transform: translateY(18px) rotate(0deg);}
100% {transform: translateY(0) rotate(45deg);}}	
@keyframes clicksecond {
0% { transform: translateY(-18px) rotate(0deg);}
100% {transform: translateY(0) rotate(-45deg);}}	
.mobile-inner-header-icon-out span:nth-child(1){animation-duration: 0.5s;animation-fill-mode: both;	animation-name: outfirst;}		
.mobile-inner-header-icon-out span:nth-child(2){animation-duration: 0.5s;animation-fill-mode: both;animation-name: outsecond;}
@keyframes outfirst {
0% {transform: translateY(0) rotate(-45deg);}
100% {transform: translateY(-18px) rotate(0deg);}}	
@keyframes outsecond {
0% {transform: translateY(0) rotate(45deg);}
100% {transform: translateY(18px) rotate(0deg);}}
.mobile-inner-nav{background-color: rgba(0,0,0,0.9);width: 100%;position: absolute;top:4.3em;padding-bottom:3rem;display: none;	z-index:99999; right:-30px;}
.mobile-inner-nav li{ width:100%; float:none;}
.mobile-inner-nav a{display:inline-block;line-height:1rem;text-decoration: none;width:100%;color: #fff;border-bottom: solid 1px rgba(255,255,255,0.3);-webkit-transition: all 0.5s;-moz-transition: all 0.5s;-o-transition: all 0.5s;transition: all 0.5s; font-size:1.2rem; text-align:center; border-radius:0px}
.mobile-inner-nav a:hover{color: rgba(255,255,255,0.4);}
.mobile-inner-nav a{-webkit-animation-duration: 0.5s;animation-duration: 0.5s;-webkit-animation-fill-mode: both;animation-fill-mode: both;-webkit-animation-name: returnToNormal;	animation-name: returnToNormal; font-size:1.25rem; padding:1em 0}

@-webkit-keyframes returnToNormal {0% {opacity: 0; -webkit-transform: translate3d(0, -100%, 0); transform: translate3d(0, -100%, 0);}
100% { opacity: 1;  -webkit-transform: none; transform: none;}}
@keyframes returnToNormal {0% {opacity: 0; -webkit-transform: translate3d(0, -100%, 0); transform: translate3d(0, -100%, 0);}
100% {opacity: 1; -webkit-transform: none; transform: none;}}
}

.ench{ margin:23px 16px 0;}
@media screen and (max-width:768px){
.ench{ display:none}
}

/* slide */
.slide-main{height:615px;position:relative;}
.prev,.next{display:block;width:44px;height:44px;position:absolute;z-index:222;top:267px;overflow:hidden;cursor:pointer;opacity:0.6;-moz-opacity:0.6;filter:alpha(opacity=60);_border:1px solid none;}
.prev{left:70px;}
.next{right:70px;}
.prev:hover,.next:hover,.nav-main a:hover,.nav-main a.cur{opacity:1;-moz-opacity:1;filter:alpha(opacity=100);}
.item{display:block;width:100%;height:5px;position:absolute;z-index:124;top:480px;left:0;text-align:center;}
.item a{display:inline-block;width:45px;height:3px;margin-right:11px;background:#fff;overflow:hidden;}
.item a.cur{background:#00b1bb;}
.slide-box,.slide{display:block;width:100%;height:615px;overflow:hidden;}
.slide-box{position:relative;}
.slide{display:none;height:615px;background:#ff6900;position:relative;position:absolute;z-index:8;}
#bgstylea{background:url(../images/banner1.jpg) center no-repeat;}
#bgstyleb{background:url(../images/banner1.jpg) center no-repeat;}
.slide a{ display:block}
.obj-a,.obj-e{position:absolute;z-index:9;left:50%;}
.obj-a{display:block;height:352px;top:189px; margin-left:-560px;}
.obj-e{width:auto;height:296px; top:84px; margin-left:260px;}
.obj-e h4{ font-size:2.25rem; color:#313131; text-align:right}
.obj-e p{ font-size:1.5rem; color:#00b1bb; margin:1rem 0 21px; background:rgba(255,255,255,0.8); padding:10px}
.obj-e span{ font-size:0.875rem; color:#000; line-height:2em; text-align:right; display:block;}
@media screen and (min-width:1680px){
#bgstylea{background:url(../images/banner1.jpg) center center no-repeat;}
.obj-e{width:auto;height:296px; top:100px; margin-left:370px; }
}

@media screen and (max-width:1366px){
.obj-e{width:auto;height:296px; top:94px; margin-left:180px;}
}
@media screen and (max-width:768px){
.obj-e p{ font-size:1.25rem;}
.obj-e{width:auto;height:296px; top:54px; margin-left:0; left:20%;}
.obj-e span{ display:none;}
}

.banAnimate .obj-a{display:block;animation-name:baoAni;-webkit-animation:baoAni 0.4s linear 0s normal none;-moz-animation:baoAni 0.4s linear 0s normal none;animation:baoAni 0.4s linear 0s normal none;}
@-webkit-keyframes baoAni{from{opacity:0;left:60%;} to{opacity:1;left:50%;} }
@-moz-keyframes baoAni{from{opacity:0;left:60%;} to{opacity:1;left:50%;} }
@keyframes baoAni{from{opacity:0;left:60%;} to{opacity:1;left:50%;} }
.banAnimate .obj-b{display:block;animation-name:saAni;-webkit-animation:saAni 0.4s linear 0s normal none;-moz-animation:saAni 0.4s linear 0s normal none;animation:saAni 0.4s linear 0s normal none;}
@-webkit-keyframes saAni{from{opacity:0;-webkit-transform:scale(0,0);} to{opacity:1;-webkit-transform:scale(1,1);} }
@-moz-keyframes saAni{from{opacity:0;-moz-transform:scale(0,0);} to{opacity:1;-moz-transform:scale(1,1);} }
@keyframes saAni{from{opacity:0;transform:scale(0,0);} to{opacity:1;transform:scale(1,1);} }
.watch-code.code-show{display:block;animation-name:scode;-webkit-animation:scode 0.3s linear 0s normal none;-moz-animation:scode 0.3s linear 0s normal none;animation:scode 0.3s linear 0s normal none;}
@-webkit-keyframes scode{from{opacity:0;-webkit-transform:scale(1,0);transform-origin:left bottom;} to{opacity:1;-webkit-transform:scale(1,1); transform-origin: left bottom;} }
@-moz-keyframes scode{from{opacity:0;-moz-transform:scale(1,0); transform-origin:left bottom;} to{opacity:1;-moz-transform:scale(1,1);transform-origin:bottom bottom;} }
@keyframes scode{from{opacity:0;transform:scale(1,0);transform-origin:left bottom;} to{opacity:1;transform:scale(1,1);transform-origin: left bottom;} }
.banAnimate .obj-c,.banAnimate .obj-e{display:block;animation-name:saAnic;-webkit-animation:saAnic 0.3s linear 0s normal none;-moz-animation:saAnic 0.3s linear 0s normal none;animation:saAnic 0.3s linear 0s normal none;}
@-webkit-keyframes saAnic{from{opacity:0;left:47%;} to{opacity:1;left:50%;} }
@-moz-keyframes saAnic{from{opacity:0;left:47%;} to{opacity:1;left:50%;} }
@keyframes saAnic{from{opacity:0;left:47%;} to{opacity:1;left:50%;} }
.banAnimate .obj-d,.banAnimate .obj-f{display:block;animation-name:saAnid;-webkit-animation:saAnid 0.3s linear 0s normal none;-moz-animation:saAnid 0.3s linear 0s normal none;animation:saAnid 0.3s linear 0s normal none;}
@-webkit-keyframes saAnid{from{opacity:0;left:53%;} to{opacity:1;left:50%;} }
@-moz-keyframes saAnid{from{opacity:0;left:53%;} to{opacity:1;left:50%;} }
@keyframes saAnid{from{opacity:0;left:53%;} to{opacity:1;left:50%;} }


@media screen and (max-width:768px){
      @-webkit-keyframes saAnic{from{opacity:0;left:10%;} to{opacity:1;left:20%;} }
	  @-moz-keyframes saAnic{from{opacity:0;left:10%;} to{opacity:1;left:20%;} }
      @keyframes saAnic{from{opacity:0;left:10%;} to{opacity:1;left:20%;} }

}

/*产品*/
.in-pro{ background:#fff; min-height:551px; padding-top:62px;}
.ptit{ text-align:center;}
.ptit h4{ font-size:2.125rem; color:#00b1bb}
.ptit p{ font-size:1.125rem; color:#626262}
.ptit hr{ width:43px; height:3px; background:#a7a7a7; border:none; margin-top:20px;}


#tab2{position:relative; width:100%;margin:32px auto 20px 0;}
#tab2 .tabList2{  overflow-x: auto;  white-space:nowrap;}
#tab2 .tabList2 .tul{ width:430px; margin:0 auto 37px;}
#tab2 .tabList2 ul li{ display:block; width:142px; text-align:center;height:38px; line-height:38px;color:#1b1b1b;  margin-right:60px; border:1px solid #bfbfbf;-webkit-transform: skew(-30deg);   -moz-transform: skew(-30deg);   -o-transform:skew(-30deg);   -ms-transform:skew(-30deg);border-radius:10px;}
#tab2 .tabList2 ul li:nth-child(2){ margin-right:0;}
#tab2 .tabList2 ul li span{ display:block;-webkit-transform: skew(30deg);   -moz-transform: skew(30deg);   -o-transform:skew(30deg);   -ms-transform:skew(30deg);}

#tab2 .tabList2 li.cur { color:#fff; background:#00b1bb}
#tab2 .tabList2 li.cur a{ color:#fff;}
#tab2 .tabCon2{ background:none;}
#tab2 .tabCon2 *{}
#tab2 .tabCon2>div{ display:none;}
#tab2 .tabCon2>div.cur{display:block;}
.pso{ margin:37px auto; width:62%; text-align:center; font-size:0.875rem; color:#b5b5b5;}
.pso .fl{ width:50%;}
.pso .fr{ width:50%;}
.pso a{ color:#313131; display:inline-block;}
.ips { overflow:hidden; margin:0 auto; position:relative; width:1240px; }
#Certificate{ margin:0 0 0 18px;}
#Certificate1{ margin:0 0 0 18px;}
.c01 { cursor: pointer; position:absolute; left:0px; top:38%; z-index:111;}
.c02 {cursor: pointer; position:absolute; right:0px; top:38%; z-index:111;}
.pc dl { width:370px; height:auto;  margin-left:23px; position:relative; }
.pc dl dt { width:100%; border:1px solid #b5b5b5; border-radius:10px; box-sizing:border-box;overflow:hidden;}
.pc dl dt img { width:100%;}
.pc dl dd {  text-align:center; font-size:0.875em; line-height:51px; color:#707070;}
@media screen and (max-width:768px){
#tab2 .tabList2 .tul{ width:500px; margin:0 auto 37px;}
#tab2 .tabList2 ul li{ width:210px; height:60px; line-height:60px; font-size:1.25rem; margin-right:0;}
#tab2 .tabList2 ul li.fl{ margin-left:30px;}

.pso{ width:100%}
.pso .fl{ width:100%; text-align:left; }
.pso a{ font-size:1.125rem; color:#fff; background:#00b1bb; padding:6px 8px; border-radius:5px;}
.pso .fr{ width:100%;}
}

/*公司简介*/
.in-ab{ background:#eeeeee; height:auto; padding:64px 0;}
.iapic{ width:45%;}
.iapic img{ width:100%;}
.iacon{ width:50%;}
.iacon h4{ font-size:1.875rem; font-weight:bold; color:#00b1bb; margin-top:24px;}
.iacon h6{ font-size:1.5rem; color:#434343;}
.iacon span{ font-size:0.875rem; color:#959595; display:block;}
.iacon p{ margin-top:32px; line-height:1.5em; color:#313131; text-align:justify}
.iacon ul{ margin-top:58px;}
.iacon ul li{ float:left; display:block;-webkit-transform: skew(-30deg);   -moz-transform: skew(-30deg);   -o-transform:skew(-30deg);-ms-transform:skew(-30deg);border-radius:10px; background:#434343; margin-right:16px; transition:all 0.8s;}
.iacon ul li a{display:block;-webkit-transform: skew(30deg);   -moz-transform: skew(30deg);   -o-transform:skew(30deg);   -ms-transform:skew(30deg); padding:10px 20px; color:#fff; transition:all 0.8s;}
.iacon ul li:hover{ background:#067bda}
@media screen and (max-width:768px){
.iapic{ width:100%;}
.iacon{ width:100%;}
.iacon p{ font-size:1.125rem}
.iacon ul li a{ font-size:1.125rem;}
}
/*新闻资讯*/
.in-news{ padding:62px 0; background:#fff;}
.ntit{ text-align:center;}
.ntit h4{ font-size:2.25rem; color:#00b1bb;}
.ntit p{ font-size:1.125rem; color:#626262}
.ntit hr{ width:43px; height:3px; background:#a7a7a7; border:none; margin-top:19px;}

.nlist{ margin-top:2em; width:65%;}
.nlist li{ padding:18px; background:#fff; margin-bottom:7px; box-sizing:border-box; border:1px solid #e5e5e5}
.nlist li .ntime{ text-align:center; width:12%; border-right:1px solid #e8e8e8}
.nlist li .ntime span{ display:block; color:#aaaaaa;}
.nlist li .ntime em{ display:block; color:#282828; font-size:2.25rem;}
.nlist li .ncon{ width:82%; margin-left:2%;}
.nlist li .ncon p{ font-size:1.125rem; color:#282828; font-weight:bold; margin-bottom:12px;}
.nlist li .ncon span{ font-size:0.875rem; display:inline-block}
@media screen and (min-width:1680px){
.nlist li{ margin-bottom:11px; }
.nlist li .ncon span{ font-size:1rem;}

}
@media screen and (max-width:1368px){
.nlist{ margin-top:2em; width:62%;}
}
@media screen and (max-width:768px){
.nlist{ margin-top:2em; width:100%;}
.nlist li .ntime{  width:16%; }
.nlist li .ncon{ width:78%}
.nlist li .ncon p{ font-size:1.25rem;}
.nlist li .ncon span{ font-size:1.125rem;}
}


/*焦点图*/
.focus{ position:relative; width:420px; height:400px; background-color: #000; float: left;margin-top:2em;}  
.focus img{ width: 420px; height: 400px;} 
.focus .shadow .title{width: 260px; height: 53px;}
.focus .shadow .title a{ text-decoration:none; color:#fff; font-size:0.875rem; font-weight:bolder; overflow:hidden; }
.focus .btn{ position:absolute; bottom:34px; left:510px; overflow:hidden; zoom:1;} 
.focus .btn a{position:relative; display:inline; width:13px; height:13px; border-radius:7px; margin:0 5px;color:#B0B0B0;font:12px/15px; text-decoration:none; text-align:center; outline:0; float:left; background:#D9D9D9; }  
.focus .btn a:hover,.focus .btn a.current{  cursor:pointer;background:#fc114a;}  
.focus .fPic{ position:absolute; left:0px; top:0px; width:100%; height:100%; }  
.focus .D1fBt{ overflow:hidden; zoom:1;  height:16px; z-index:10;  }  
.focus .shadow{ width:100%; position:absolute; bottom:0; left:0px; z-index:10; height:53px; line-height: 53px; background:rgba(0,0,0,0.6); display:block;  text-align:left; }  
.focus .shadow a{ text-decoration:none; color:#fff; font-size:0.875rem; overflow:hidden; margin-left:10px;}  
.focus .fcon{ position:relative; width:100%; float:left;  display:none; background:#000  }  
.focus .fcon img{ display:block; }  
.focus .fbg{bottom:15px; right:20px; position:absolute; height:21px; text-align:center; z-index: 200; }  
.focus .fbg div{margin:4px auto 0;overflow:hidden;zoom:1;height:14px}    
.focus .D1fBt a{position:relative; display:inline; width:12px; height:12px; border-radius:7px; margin:0 5px;color:#B0B0B0;font:12px/15px; text-decoration:none; text-align:center; outline:0; float:left; background:#D9D9D9; }    
.focus .D1fBt .current,.focus .D1fBt a:hover{background:#fc114a;}    
.focus .D1fBt img{display:none}    
.focus .D1fBt i{display:none; font-style:normal; }    
@media screen and (min-width:1680px){
.focus{ width:512px; height:462px;}
.focus img{ width: 512px; height: 462px;} 
}
/**/
@media screen and (max-width: 768px){
.focus{ width:713px;height:585px;}
.focus img{ width: 713px; height: 585px;}
.focus .shadow a{  font-size:1.25rem; } 
}
.foot{ background:#313131;}
.fmenu{ border-bottom:1px solid #464646; line-height:81px;}
.fmenu p{ font-size:1.125rem; color:#fff;}
.fmenu p a{ color:#fff; font-size:1rem;}
.fct{ padding:64px 0;}
.flo{ width:18%;}
.ful{ width:80%}
.ful li:nth-child(1){ width:26%;}
.ful li{ width:37%; float:left;}
.ful li h4{ font-size:1.5rem; color:#fff;}
.ful li p{ font-size:0.875rem; color:#999999; line-height:2em;}
.ful li hr{ width:49px; height:2px; background:#505050; border:none; margin:16px 0;}

.foot2{ background:#313131; border-top:1px solid #464646;}
.foot2 p{ text-align:center; padding:16px 0; font-size:0.875rem; color:#86837e;}
.foot2 p a{ color:#86837e}
@media screen and (max-width: 768px){
.flo{ width:30%;}
.ful{ width:70%;}
.ful li:nth-child(1){width:100%;}
.ful li:nth-child(2){display:none;}
.ful li:nth-child(3){display:none;}
}

/**/
/*修改*/
.pshow11{ background:#f4f5f6; padding:36px 63px;}
.pshow11 a{ display:block;}
.pshow11 dl{ margin-right:0.5%; margin-bottom:0.5%; float:left; width:32.83%;}
.pshow11 dl dt{ width:100%; overflow:hidden;}
.pshow11 dl dt img{ width:100%;transition:all 0.5s; transform:scale(1)}
.pshow11 dl dt:hover img{ width:100%; transition:all 0.5s; transform:scale(1.1);}
.pshow11 dl dd{ background:#fff; width:100%; text-align:center; height:3em; font-size:0.875rem;}
@media screen and (max-width:768px){
.pshow11{ background:#f4f5f6; padding:36px 33px;}
.pshow11 dl{ margin-right:0%; margin-bottom:0.5%; float:left; width:100%; text-align:}
.pshow11 dl dd{ height:3rem; line-height:3rem; font-size:1.125rem;}
}