/*初始化*/
html { font-family:"微软雅黑"; font-size:14px;} 
html,body{ height:100%; }
body, ul, ol, li, p, h1, h2, h3, h4, h5, h6, form, fieldset, table, td, img, div, dl, dt, dd, input,figure { margin: 0; padding: 0; }
body { -webkit-overflow-scrolling: touch; text-align:left;  max-height: 100%;  overflow:-Scroll;overflow-x:hidden}
a, a:hover { text-decoration: none; outline: none;  }
a{ color:#595757;}
p{ margin:0; padding:0;}
:link, :visited{text-decoration: none;}
ul,li { list-style: none }
img { border: none; max-width:100%;height:auto!important;}
input, select, textarea { border: none; outline: none; background: none }
em,i { font-style: normal }
h1, h2, h3, h4, h5, h6 { font-weight: normal }
.clear{clear:both; width:100%; overflow:hidden;}
.clearfix::after{ clear: both; display: block; height: 0; content: '';}
/* clear */
.fn-clearfix:after { display: block; font-size: 0; content: '\0020'; clear: both; height: 0; }
.fn-clearfix { zoom: 1; /*for IE6 IE7*/ }
.fn-clear { visibility: hidden; clear: both; }
.zj{ width:1200px; margin:0 auto; display:block;}
a{text-decoration: none; outline: 0; blr:expression(this.onFocus=this.blur()); /*按下鼠标图片周边不会出现虚线*/}
::-ms-clear, ::-ms-reveal{display: none; /*IE10 input X 去掉文本框的叉叉和密码输入框的眼睛图标 */}
a:focus {outline-style:none; -moz-outline-style: none;}
.fr{ float:right;}
.fl{ float:left;}



.sy_index{ width:100%; background:#f8e363; display:table}


.xypg-pagination .pagin-left a,.xypg-pagination .pagin-right a{
    color: #fff;
    width: 26px;height: 48px;
    font-size: 0;
    text-transform: uppercase;
}
.xypg-pagination .pagin-left a{background: url(../images/lt2.png) no-repeat center;}
.xypg-pagination .pagin-right a{background: url(../images/rt2.png) no-repeat center;}


.xypg-pagination .pagin-left a {text-align: left;}
.xypg-pagination .pagin-left:hover a,.xypg-pagination .pagin-right:hover  a{color: #eedc63;}
.h-2-1a
{
  height: 120px;
}
.wh{margin: 0 6%;}

.wh2{margin: 0 10.57%}

@media(max-width: 1025px){
    .wh{margin: 0 15px;}
}


.sortt{max-width:1200px;margin:0 auto;display: flex;
    justify-content: space-around;
    flex-wrap: wrap;margin-top: 3%;
    margin-bottom: 2%;}
.sortt li{float:left;color:#333333;font-size:14px;text-align:center;background: #ebd85f;
    padding: 0 2%;
    line-height: 25px;}
.sortt li a{color:#333333;font-size:14px;text-align:center;}



@font-face {
    font-family: 'zi1';
    src:url('../fonts/ALIBABA-PUHUITI-REGULAR.OTF') format('truetype');

}

@font-face {
    font-family: 'zi2';
    src:url('../fonts/helvetica-light.otf') format('truetype');
}


.dh{ font-family: 'zi2';}



/*header*/
.header {position:fixed;width:100%;height: 120px; margin: 0 auto; top:0; z-index:99999;/*padding:1% 0;*/}
.header-hide{
  top:-120px;
}
.top{position: relative;}
.top .logo{   float:left; display:block;line-height: 120px;}
.top .logo img{max-width: 100%;}

.top .top_r{ float:right; text-align:right;font-size:25px;font-family: 'zi2'; color:#a1a1a1;line-height:120px;}
.top .top_r a{font-family: 'zi2';color: #a1a1a1;}
.top .top_r a span{ display:table; float:right}
.top .top_r a h1{ font-size:30px; display:table; float:right; color:#fff; font-style:italic; font-weight:bolder}

/*导航栏样式*/
#sy_menu{float: left;margin-right: 29px;}
.nav{margin-top:0px;}
.nav> li{text-align:center;float:left;position:static;z-index:999;width: 113px;}
.nav li a{text-transform: uppercase; text-align:center;display:block;line-height:120px;    transition-property: all;
    transition-duration: 0.5s;vertical-align: middle; color:#a1a1a1;font-size:23px;font-family: 'zi1';}
.nav >li> a:hover{color: #fff;}
.nav li a i{ display:table; font-size:14px; color:#e7c426; text-transform:uppercase; opacity:0; text-align:right; width:100%}
.nav li a span{ width:10px; height:2px; background:#e7c426; display:table; float:right; margin-top:15px;opacity:0}

.nav li a:hover i,.nav li a:hover span{ opacity:1;transition: all 0.6s ease; }
.nav .nav_h a{ color:#fcc800; font-weight:bolder}
#sy_menu  li:hover .x-sub-menu {
display: block;
}
.secbg{background-color: #fff;width:100%;height:0;position: absolute;left:0;top:120px;overflow: hidden;}

.bannerdown
{
  -webkit-animation: slideDown .5s ease-in-out both;
  -moz-animation: slideDown .5s ease-in-out both;
  -ms-animation: slideDown .5s ease-in-out both;
  -o-animation: slideDown .5s ease-in-out both;
  animation: slideDown .5s ease-in-out both;
}
.animated {
  -webkit-animation-duration: 1s;
  animation-duration: 1s;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
}

.x-sub-menu {
  position: absolute;
  z-index: 99;
  width: 100%;
  left: 0;
  top: 120px;
  border-radius: 5px;
  padding:42px 165px 0 165px;
  box-sizing:border-box;
  display: none;
  font-size: 0;
  transition-property: all;
    transition-duration: 0.5s;

}
.x-sub-menu > li{display: inline-block;width: 20%;margin-bottom: 28px;}
.x-sub-menu > li > a {
  display: block;
  color: #000000;
  line-height: 2;
  font-size: 23px;
  text-align: left;
  line-height:2;
  padding: 0 15px;
}
.x-sub-menu > li>a img{
  width: 100%;
      transition-property: all;
    transition-duration: 0.5s;
}
.x-sub-menu > li > a:hover img{
  transform:scale(1.05,1.05);
}

@media(max-width: 1500px){
  .nav > li{width: 90px;}
}

@-webkit-keyframes slideDown{
  0%{ opacity: 0; 
  -webkit-transform: translateY(20px);
  -moz-transform: translateY(20px);
  transform: translateY(20px);
  }
  100%{opacity: 1;
  -webkit-transform: translate(0px);
  -moz-transform: translate(0px);
  transform: translate(0px);
  }
}
@-ms-keyframes slideDown{
  0%{ opacity: 0; 
  -webkit-transform: translateY(20px);
  -moz-transform: translateY(20px);
  transform: translateY(20px);
  }
  100%{opacity: 1;
  -webkit-transform: translate(0px);
  -moz-transform: translate(0px);
  transform: translate(0px);
  }
}
@-moz-keyframes slideDown{
   0%{ opacity: 0; 
  -webkit-transform: translateY(20px);
  -moz-transform: translateY(20px);
  transform: translateY(20px);
  }
  100%{opacity: 1;
  -webkit-transform: translate(0px);
  -moz-transform: translate(0px);
  transform: translate(0px);
  }
}
@keyframes slideDown{
  0%{ opacity: 0; 
  -webkit-transform: translateY(20px);
  -moz-transform: translateY(20px);
  transform:translateY(20px);
  }
  100%{opacity: 1;
  -webkit-transform: translate(0px);
  -moz-transform: translate(0px);
  transform: translate(0px);
  }
}




.mySwiper{position: relative;overflow: hidden;}
.prev2,.next2{position: absolute;top:50%;z-index: 999;margin-top: -45.5px;cursor: pointer;}
.prev2{left: 3.125%;}
.next2{right: 3.125%;}
.mySwiper .swiper-pagination{font-size: 23px;color: #fff;font-family: 'zi2';right: 11%;bottom:6%;left: auto;text-align: right;}








#wrap{background:#f8e363 url(../images/bj1.jpg) center top repeat-x;position:relative;width:100%;height:100%; overflow:hidden}
.clearfix:after{content:".";display:block;height:0;clear:both;visibility:hidden}
.clearfix{display:inline-block}
.clearfix{zoom:1;display:block}
.error_page #wrap{position:relative}
.error_page p{width:460px;margin:0 auto}
.error_page p a{padding:2px 4px;background:#fff;color:#b60;-moz-border-radius:2px;-webkit-border-radius:2px}
.error_page p a:hover{background:#000;color:#fff;text-decoration:none}
.error_page h2{height:60px;line-height:60px;margin:0 auto;font-size:48px;font-family:华文行楷;color:#fff}
.error_page h2 a:hover{text-decoration:none}

#smash{width:100%;height:710px;overflow:hidden;position: absolute;margin:0 auto;bottom:10%;left:0}
#smash img{display:block}
.skull{width:1200px;margin:0 auto;background:red;position:relative}
.face,.eyes,.hilites,.pupils{position:absolute}
.face{top:0;left:0}
.eyes{top:0px;width:1200px;height:710px; display:table; margin:0 auto;overflow:hidden}
/*k1*/
.k1{background:#f8e363 url(../images/bj2.jpg)  no-repeat center 93px;position:relative;width:100%;/* background-size:96%;*/height:100%;  height:740px; padding:0px 0 0; margin:100px auto;}
.k1 .k1_t{ width:1200px; display:table; margin:200px auto 0  auto; background:none}
.k1 #smash{ position:inherit; height:400px;}
.bt{ display:table; margin:0 auto;}

/*k2*/
.k2{width:1200px;  display:table; margin:0 auto; background:url(../images/bj3.png) no-repeat 160px 0px ;  color:#595757}
.bt1{ text-align:center; display:table; margin:0 auto ; line-height:1.2;}
.bt1 h1{ font-size:32px; color:#595757; font-weight:bolder;text-transform:uppercase;}
.bt1 h1 span{ display:table; margin:0 auto;}
.jj{min-width:1200px; text-align:center; font-size:24px;font-weight:bolder;}
.jj h1{ font-size:36px; line-height:1.3;font-weight:bolder; margin:30px auto ;}

.ewm_k{ width:100%; background: url(../images/bj4.jpg) no-repeat center top; display:table; min-height:500px;}
.ewm{ display:table; margin:0 auto; padding:100px 0 0; width:1200px;}
.ewm1{ display:table; margin:0 auto; position:relative; width:100%; height:530px;}
.ewm1 h2{ text-align:center; color:#fff; padding:400px 0 0; font-size:50px; font-weight:bolder}
.ewm1 h2 span{ display:table; font-weight:100; margin:0 auto}
.ewm .ewm_l{ float:left; margin-left:-50px; width:1200px; position:absolute; left:0; z-index:999}
.ewm .ewm_r{ float: left; margin-left:-220px; padding:30px  0 0 0px ; width:300px; height:300px; position: absolute; left:860px; z-index:99}

.k3{background:#f8e363 ;position:relative;width:100%;height:100%; height:1100px; padding:0px 0 0; margin:0px 0;}
.k3 #smash{ height:440px; position:inherit;  top: 20%;}
.k3 .eyes{ height:440px; margin:0 auto}
.k3 #smash img{ display:table; margin:0 auto}

.slide{height:430px;position: relative; max-width:1400px; margin:0 auto}
.slide li{position: absolute;left: 200px;top: 0;}
.slide li img{width: 100%;}
.slide .arrow{opacity:1;position: absolute;top: 36%;z-index: 1000;width: 100%;}
.slide .prev, .slide .next{width:220px;height: 112px; position: absolute;z-index: 99;}
.slide .prev{left: 0;background: url(../images/case_jt.png) no-repeat center center;left:-50px}
.slide .next{right: 0;background: url(../images/case_jt.png) no-repeat center center;right:-50px;}

.more{ display:table; margin:0 auto ; padding:30px  0 0}
.more a{ background:url(../images/more.png) no-repeat center right; height:140px; display:table; padding:0 70px 0 70px; font-size:32px; color:#595757; line-height:140px; font-weight:bolder}

.k4{ width:100%; display:table; margin:0 auto;}
.bt2{ color:#fff; display:table; margin:0 auto 30px; line-height:1}
.bt2 span{ font-size:124px; font-weight:bolder;    text-transform: uppercase;}
.bt2 a{ font-size:20px; color:#fff; font-weight:bolder;}
.bt2 a:hover,.more a:hover,.sy_xw dl a:hover h1,.sy_xw dl a:hover span{ color:#000}

.sy_xw{ width:86%; display:table; margin:0 auto;}
.sy_xw dl{ width:33.3%; float:left; padding:1% 4% 3%; box-sizing:border-box}
.sy_xw dl a h1{ font-size:25px; font-weight:bolder; line-height:30px; overflow:hidden; height:30px; }
.sy_xw dl a h1{display: -webkit-box; overflow: hidden; text-overflow: ellipsis; -webkit-box-orient: vertical; -webkit-line-clamp:1;}

.sy_xw dl a h2{ font-size:18px; line-height:28px; height:84px; overflow:hidden; margin:15px 0 20px}
.sy_xw dl a h2{display: -webkit-box; overflow: hidden; text-overflow: ellipsis; -webkit-box-orient: vertical; -webkit-line-clamp:3;}

.sy_xw dl a span{ font-size:22px; float:right; font-weight:bolder}
/*.sy_xw dl a:hover h1{text-decoration: underline;}
*/
/*按钮样式*/
/*#ClickMe{margin:0 auto;}
#goodcover{display: none;position: absolute;top: 0%;left: 0%;width: 100%;height:980px;background-color: black;z-index: 1001;-moz-opacity: 0.8;opacity: 0.50;filter: alpha(opacity=80);}
#code{width:94%;height: auto;background: #fff;padding:0px 10px;position: absolute;display: none;left: 45%;z-index: 1002; }
.close1{width: 300px;height: 60px; float:right; padding:20px;}
#closebt{float: right;}
#closebt img{width: 20px;}
.goodtxt{text-align: center; display:table; width:100%;color:#595757; padding:60px 0 0 }
.goodtxt p{height: 30px;line-height:1.8;font-size:30px;color: #595757;}
.goodtxt h1{ font-size:120px; font-weight: 600; line-height:1.8}
.code-img{width: 250px;margin:0px auto 60px auto;padding: 10px;}
.code-img img{width: 240px;}*/



.fo{ width:100%; }
.gotop{display:table;width:100%; margin:0 auto;}
.gotop img{ width:100%; display:table}
.menu1,.menu,.sy_case{ display:none}
.app_t{ display:none;}

.fo_w{ width:90%; background:#fff; padding:20px 5%; display:table; text-align:center; font-size:15px; line-height:1.6;}
.fo_w a:hover{ color:#f6d727}

.lx { float:right; background:none; border:none; outline:medium; display:block }
 /*弹出菜单*/
.lx1{background-color:rgba(0, 0, 0,0.6); font-family: "微软雅黑"; z-index:}
.lx1_bj{ width:94%; position:absolute; right:3%; top:5%; background-color:rgba(255, 255, 255, 255); height:90%; }
.lx1 {position: fixed; top: 0; bottom: 0; right: 0; z-index: 4000; width:100%;  -webkit-overflow-scrolling: touch; display: none;}
@-webkit-keyframes shake { 0%, 100% { -webkit-transform:translate3d(0, 0, 0);  transform:translate3d(0, 0, 0); }
  50% {  -webkit-transform:translate3d(-10px, 0, 0); transform:translate3d(-10px, 0, 0);  }}

@keyframes shake {
  0%, 100% {  -webkit-transform:translate3d(0, 0, 0);  transform:translate3d(0, 0, 0);  }
  50% { -webkit-transform:translate3d(-10px, 0, 0);  transform:translate3d(-10px, 0, 0);  }}

.shake { -webkit-animation-name:shake; animation-name:shake; -webkit-animation-duration:0.5s; animation-duration:0.5s;
 -webkit-animation-iteration-count: 1; animation-iteration-count: 1;  display:block;}
 
.lx1 .close1{width: 300px;height: 40px; float:right; padding:20px;}
.lx1 #closebt{float: right;}
.lx1 #closebt img{width: 20px;}
.lx1 .goodtxt{text-align: center; display:table; width:100%;color:#595757;/* padding:60px 0 0 */}
.lx1 .goodtxt p{height: 30px;line-height:1.8;font-size:30px;color: #595757;}
/*.lx1 .goodtxt h1{ font-size:120px; font-weight: 600; line-height:1.8}*/
.lx1 .goodtxt h1 a{display:block;}
.lx1 .goodtxt h1 img{width:80%;}
.lx1 .code-img{width: 250px;margin:0px auto 60px auto;padding: 10px;}
.lx1 .code-img img{width: 240px;}
 @media screen and (max-width:1600px) {
.wh2{margin: 0 3%;}
 }
 

@media screen and (max-width:1366px) {

.nav > li{width: 80px;}
.nav >li >a{ font-size:18px;}
.nav li a i{ font-size:13px;}
.nav li a span{ margin-top:12px;}
.top .top_r{ font-size:20px;}
.top .top_r a h1{ font-size:28px;}	
.skull{ width:100%; }
.eyes{ width:70%; margin-left:15%; height:400px }	
#smash{ height:480px;}
#smash img{ width:100%}
#wrap {  background: #f8e363 url(../images/bj1.jpg) center top repeat-x; background-size:105%}
.k1 .k1_t{ width:90%;    margin: 260px auto 0 auto;}	
.jj h1{ font-size:32px;}
.jj{ font-size:22px}
.ewm{ width:90%;    padding: 80px 0 0;}
.k3 .eyes{ width:100%;}
.k3 #smash img{ width:80%; margin-left:10%}
.slide{min-width:100%; width:100%; height:350px}
.slide .prev{ left:0}
.slide .next{ right:0}
.slide .arrow{ top:28%}
.k3 #smash{ }
.k3{ height:1000px}
.lx1 .goodtxt{padding:0px 0 0; margin-top:-60px }
.lx1 .goodtxt h1{ font-size:90px; line-height:1.6}
.lx1 .code-img{ width:190px; padding:0;    margin: 0px auto 20px auto;}
.lx1 .close1{ padding:10px 10px 0 10px}
	}
@media screen and (max-width:1199px) {
.fo_w,.lx{ display:none}	
.app_t{ display: block;}
	
#smash{ display:none; height:520px;}		
#sy_menu,.top .top_r{ display:none}
/*移动端*/	
.header .menu { float:right; height:80px;line-height: 80px; background:none; border:none; outline:medium; display:block }
.header .menu a img { width:80px; height:80px;}
.top .logo{line-height: 80px;width: 50%;}
.header{padding:10px 0;}

.header{height: 80px;}

.prev2, .next2{width: 25px;margin-top: -24.5px;}
.mySwiper .swiper-pagination{font-size: 18px;}

/*弹出菜单*/
.menu1{background-color:rgba(0, 105, 62,0.6); font-family: "微软雅黑"; z-index:}
.menu1 a:hover{text-decoration: underline;}
.menu-header{ padding: 18px 6px 18px 10px; text-align:center; font-size:18px;}
.menu-header-title{font-weight: 400; letter-spacing: 0.5px; margin: 0;}
.menu-section{ width:100%; position:absolute; right:0; background-color:rgba(255, 255, 255, 255); height:100%; }
.menu-section-title{text-transform: uppercase; color: #464646; font-weight: 200; font-size: 16px; letter-spacing: 1px; padding: 0 20px; margin:0;}
.menu-section-list{padding:0; margin: 15px 0; list-style:none; width:100%; text-align:center}
.menu-section-list a{display: block; padding:0.15rem 0.4rem; font-size: 20px; }
.menu-section-list .menu_nav{ display:table; margin:0 auto; padding:0 0.6rem;}
.menu-section-list .menu_nav a{ float:left; width:50%; box-sizing:border-box; padding:0.1rem 0.2rem;}
.menu-section-list a:hover{background-color: rgba(255, 255, 255, 0.1); text-decoration: none;}
.menu1 {position: fixed; top: 0; bottom: 0; right: 0; z-index: 4000; width:100%; overflow-y: scroll; -webkit-overflow-scrolling: touch; display: none;}
@-webkit-keyframes shake { 0%, 100% { -webkit-transform:translate3d(0, 0, 0);  transform:translate3d(0, 0, 0); }
  50% {  -webkit-transform:translate3d(-10px, 0, 0); transform:translate3d(-10px, 0, 0);  }}

@keyframes shake {
  0%, 100% {  -webkit-transform:translate3d(0, 0, 0);  transform:translate3d(0, 0, 0);  }
  50% { -webkit-transform:translate3d(-10px, 0, 0);  transform:translate3d(-10px, 0, 0);  }}

.shake { -webkit-animation-name:shake; animation-name:shake; -webkit-animation-duration:0.5s; animation-duration:0.5s;
 -webkit-animation-iteration-count: 1; animation-iteration-count: 1;  display:block;}
 

.menu_lx{ width:92%; display:table; margin:0 auto; text-align:center; font-size:20px; padding:40px 0 0 }
.menu_lx h1{ font-size:45px; font-weight:bolder;}	
.menu_lx img{ width:60%; display:table; margin:0 auto}


#wrap {  background: #f8e363 url(../images/wap_bj1.jpg) center top repeat-x; background-size:100%}
.k1{ height:400px; margin:0; background:url(../images/bj2.jpg) no-repeat  center 122px; background-size:100%;}
.k1 .k1_t{margin:0px auto 0 auto;}
.k2{width:100%;  display:table; margin:0 auto; background:url(../images/bj3.png) no-repeat 0px 0px ;  background-size:30%;}

.bt1 h1{ font-size:24px;}
.jj{ min-width:92%; width:92%; margin:0 auto; font-size:16px}
.jj h1{ font-size:22px;}
.ewm_k{ background-size:140%;    min-height: 400px;}
.ewm{ width:90%;    padding: 60px 0 0;}
.ewm .ewm_l{ width:70%}
.ewm1{ height:330px;}
.ewm .ewm_r{ width:25%; height:auto; left:80%; right:10%; margin-left:-20%}
.ewm1 h2{ padding:200px 0 0;font-size: 30px;}
.k3{ height:auto; padding-bottom:20px;}
.slide{ display:none}

.bt2 span{ font-size:50px;}
.sy_xw dl{ width:50%;}
.sy_xw dl a h1,.sy_xw dl a span{ font-size:18px;}
.sy_xw dl a h2{ font-size:14px; line-height:22px; height:66px;    margin:8px 0 10px;}

.sy_case{ width:100%; display:block}
.sy_case ul{ width:98%; display:table; margin:0 auto}
.sy_case li{ width:50%; float:left; padding:0 1%; box-sizing:border-box;margin-bottom: 5px;}
.k3 #smash,.k3 .eyes{ height:120px;}
.more{ display:table; margin:0 auto ; padding:30px  0 0}
.more a{background:url(../images/more.png) no-repeat center right; background-size:50% ;height: 80px;display:table;padding:0 50px 0 50px;font-size:22px;color:#595757;line-height:80px;font-weight:bolder;}


}




/*phone底部导航*/

li {
    list-style: none;
}

.q_d_m {
    float: left;
    width: 100%;
    height: 40px;
}

.pf_down {
    width: 100%;
    float: left;
    position: fixed;
    left: 0;
    bottom: 0;
    height: 40px;
    background: #e2211c;
    z-index: 999;
    border-top: 1px solid #ef332f;
}

.pf_down li {
    width: 32.333333%;
    float: left;
    text-align: center;
    padding: 9px  0 4px 0;
    border-right: 1px solid #fff;
}



.pf_down li .ico7 {
    width: 20%;
    float: left;
    height: 20px;margin-left:20%;margin-right:2%;
}

.pf_down li .d_name {
    /*float: left;*/
    margin-top: 4px;
    font-size: 14px;
    color: #fff;
    line-height: 14px;
}

.pf_down li.l1 .ico7 {
    background: url(../images/a1.png) no-repeat center;
    background-size: 20px 20px;
}

.pf_down li.l2 .ico7 {
    background: url(../images/a3.png) no-repeat center;
    background-size: 20px 20px;
}

.pf_down li.l3 .ico7 {
    background: url(../images/a2.png) no-repeat center;
    background-size: 20px 20px;
}

.pf_down li:nth-child(3n) {
    border: none;
}

.logo .img2,.header .menu a .img2{display: none;}
.header.cur .logo .img1,.header.cur .menu a .img1{display: none;}
.header.cur .logo .img2,.header.cur .menu a .img2{display: inline-block;}
.header.cur{
    background:rgba(33, 33, 33, 0.9);
    
}
/*.header.cur .nav li a,.header.cur .top .top_r a{color: #251714!important;}*/
.header.cur .nav >li> a:hover{color: #fff!important;}

.duration {
    transition-property: all;
    -ms-transition-property: all;
    -moz-transition-property: all;
    -webkit-transition-property: all;
    -o-transition-property: all;
    transition-duration: .5s;
    -ms-transition-duration: .5s;
    -moz-transition-duration: .5s;
    -webkit-transition-duration: .5s;
}



/**/
.box1{margin: 4.3% 0;}
.bt1{text-align: center;color: #000000;font-size: 42px;font-family: 'zi1';}
.himg{margin-top: 50px;}
.himg img{max-width: 100%;}
.flex{display: flex;justify-content: space-between;flex-wrap: wrap;display: -webkit-flex;}
dt{font-weight: normal;}

/**/
.box2{overflow: hidden;}
.cul li{margin-bottom: 60px;}

.cul li .img1{width: 76.27%;}
.cul li .img{display: block;position: relative;overflow: hidden;}
.cbj2{width: 20.8%;display: flex;justify-content: space-between;flex-wrap: nowrap;display: -webkit-flex;flex-direction: column;}
.cbt h3{color: #000000;font-size: 26px;font-family: 'zi1';overflow:hidden; white-space:nowrap;text-overflow:ellipsis;line-height:40px;}
.cbt p{color: #000000;font-size: 26px;font-family: 'zi1';line-height: 40px;}
.cul  .li1 .cnei{padding-right: 20px;}
.cul  .li1 .cnei dd{color: #a1a1a1;font-size: 20px;font-family: 'zi2';text-transform: uppercase;line-height: 28px;}
.cul .li1 .cnei dt{color: #a1a1a1;font-size: 16px;font-family: 'zi2';margin-top: 30px;}





.cul  .mask, .cul .content {
   width: 1400px;
   height: 1400px;
   position: absolute;
   overflow: hidden;
   top: 50%;
   left: 50%;
  transform: translate(-50%, -50%);
}
.cul  li img {
   display: block;
   width: 100%;
   position: relative;
   -webkit-transition: all 0.5s;-moz-transition: all 0.5s;-ms-transition: all 0.5s;-o-transition: all 0.5s;transition: all 0.5s;
}
.cul  li .img:hover img{
  transform:scale(1.1);
}

.cul .info {
   display: inline-block;
   text-decoration: none;
   padding:0;
   text-indent:-9999px;
   width:20px;
   height:20px;
}


.cul .li2 .mask, .cul  .li2 .content {
   width: 1680px;
   height: 1680px;
}
.cul .li2 .mask{border:840px  solid rgba(0,0,0,0.4);}
.cul .mask {
   opacity: 1;
   border-radius: 50%;
   overflow:visible;
   border:700px  solid rgba(0,0,0,0.4);
   -moz-box-sizing:border-box;
   -webkit-box-sizing:border-box;
   box-sizing:border-box;
   -webkit-transition: all 0.5s ease-in-out;
   -moz-transition: all 0.5s ease-in-out;
   -o-transition: all 0.5s ease-in-out;
   -ms-transition: all 0.5s ease-in-out;
   transition: all 0.5s ease-in-out;
}
.cul .info {
  position:relative;
  top:-10px;
  opacity:0;
   -moz-transform:scale(0,0);
   -webkit-transform:scale(0,0);
   -o-transform:scale(0,0);
   -ms-transform:scale(0,0);
   transform:scale(0,0);
   -webkit-transition: -webkit-transform 0.2s 0.1s ease-in, opacity 0.1s ease-in-out;
   -moz-transition: -moz-transform 0.2s 0.1s ease-in, opacity 0.1s ease-in-out;
   -o-transition: -o-transform 0.2s 0.1s ease-in, opacity 0.1s ease-in-out;
   -ms-transition: -ms-transform 0.2s 0.1s ease-in, opacity 0.1s ease-in-out;
   transition: transform 0.2s 0.1s ease-in, opacity 0.1s ease-in-out;
}
.cul li .img:hover .mask {
   opacity: 0;
   border:0px solid rgba(0,0,0,0.7);
}
.cul li .img:hover .info {
  opacity:1;
  -moz-transform:scale(1,1);
  -webkit-transform:scale(1,1);
  -o-transform:scale(1,1);
  -ms-transform:scale(1,1);
  transform:scale(1,1);
  -moz-transition-delay:0.3s;
  -webkit-transition-delay:0.3s;
  -o-transition-delay:0.3s;
  -ms-transition-delay:0.3s;
  transition-delay:0.3s;
}
        
        
.cul .li2 .cbj{margin:46px 6.1458vw 0 35px;}
.cul .li2 .cbt{width: 74%;}
.cul .li2 .cnei{margin-top: 42px;}
.cnei dd{color: #a1a1a1;font-size: 20px;font-family: 'zi2';text-transform: uppercase;}
.cnei dt{color: #a1a1a1;font-size: 16px;font-family: 'zi2';margin-top: 5px;}
.cul .li3{width: 49%;}
.cul .li3 .cbj{margin:46px 3.6458vw 0 35px;}
.cul .li3 .cbt{margin-bottom: 20px;}





/**/
.box3{margin-top: 5.25%;}
.line1{background: #000000;height: 7px;margin:2.4% 0 4.8%;}

.nul{max-width: 1230px;margin:0 auto;}
.nul li{width: 36%;margin-bottom: 6%;}
.nul li h3 a{display: block;color: #000000;font-size: 30px;letter-spacing: 1px; margin-right: 33px; overflow:hidden; white-space:nowrap;text-overflow:ellipsis;font-family: 'zi1';font-weight: normal;background: url(../images/line11.png) repeat-x bottom;padding-bottom: 3px;font-size: 26px;}
.nul li h3{background: url(../images/jt3.png) no-repeat right center;}
.nul li p{color: #a1a1a1;font-size: 20px;line-height: 43px;font-family: 'zi1';margin: 35px 0;line-height: 40px;}
.shi{color: #a1a1a1;font-size: 16px;font-family: 'zi2';}

















@media(max-width: 1700px){
  .cbt p{font-size: 20px;line-height: 36px;}
  .cul .li1 .cnei dd{font-size: 18px;}
}


@media(max-width: 1400px){
  .cbt h3{font-size: 24px;}
  .cbt p{font-size: 18px;line-height: 28px;}
  .cul .li1 .cnei dd{font-size: 18px;}
}


@media(max-width: 1024px){
  .cul .li1 .cnei dd{font-size: 16px;line-height: 26px;}
  .cul .li1 .cnei dt{margin-top: 15px;font-size: 14px;}
  .cnei dd {
      font-size: 16px;
      line-height: 26px;
  }
  .cnei dt{font-size: 14px;}
}

@media(max-width: 768px){
  .cul li{margin-bottom: 30px;}
  .cul li .img{margin-bottom: 20px;}
  .cul li .img1,.cbj2{width: 100%;}
  .cul .li2 .cbt,.cul .li2 .cnei{float: none;width: 100%;}
  .cul .li2 .cnei{margin-top: 0;}
  .cul .li2 .cbt{margin-bottom: 20px;}
  .cul .li3{width: 100%;}
  .cul .li2 .cbj,.cul .li3 .cbj{margin:0;}
  .cul .li1 .cnei dt{margin-top: 5px;}
  .cul .li1 .cbt{margin-bottom: 20px;}
  .cul li:nth-child(6){flex-direction: column-reverse;}
  
}





/**/
.yqlj{color: #807e7e;font-size: 14px;margin-top: 20px;}
.yqlj a{color: #807e7e;padding-left:30px;}

/**/
.foot{background: #333333;padding:40px 0 30px;margin-top: 40px;}
.dtel{text-align: right;}
.dtel dd{color: #ffffff;font-size: 18px;font-family: 'zi1';}
.dtel dt{color: #ffffff;font-size: 28px;font-family: 'zi2';font-weight: bold;}
.dz{width: 86.1%;}
.ft2{margin: 32px 0;}
.dz li{width: 28.4%;}
.dz li dd{color: #ffffff;font-size: 23px;font-family: 'zi2';margin-bottom: 23px;}
.dz li dd span{font-family: 'zi1';}
.dz li dt{color: #ffffff;font-size: 18px;line-height: 26px;font-family: 'zi2';}
.dz li dt span{line-height: 22px;font-family: 'zi1';font-size: 16px;display: block;}
.wang{color: #ffffff;font-size: 18px;font-family: 'zi2';margin-top: 25px;}
.dz li:nth-child(2){width: 33.4%;}
.dz li:last-child{width: 30%;}
.bq{color: #ffffff;font-size: 16px;font-family: 'zi1';text-align: right;}
.q1{color: #ffffff;font-size: 23px;font-family: 'zi2';}
.bq a{color: #fff;}



/*专题页联系我们*/

.lxwm{margin:56px 0 40px;margin-top:176px;}
.dz2 li .img{width: 53.56%;}
.lxnr{width: 41.2%;}
.dz2 li{margin-bottom: 46px;}
.dz2 li dd{color: #000000;font-size: 30px;font-family: 'zi2';margin:40px 0 23px;font-weight: bold;}
.dz2 li dd span{font-family: 'zi1';font-weight: normal;}
.lxnr dt{color: #000000;font-size: 23px;font-family: 'zi2';font-weight: bold;}
.lxnr dt span{display: block;font-size: 21px;font-family: 'zi1';font-weight: normal;}
.wang2{color: #000000;font-size: 23px;margin-top: 30px;font-family: 'zi2';font-weight: bold;}


/*专题页团队*/
.tbox1{margin-top: 4.1%;}
.timg {margin-top:120px;}
.timg img{width: 100%;}
.tul li{display: inline-block;width: 31.5%;background: #a1a1a1;vertical-align: text-top;}
.tul li .img{position: relative;}
.tul li .img img{width: 100%;}
.tt1{background: #e2211c;position: absolute;bottom: 0;width: 100%;padding:19px;box-sizing:border-box;}
.sbt{color: #ffffff;font-size: 2.239vw;font-family: 'zi1';line-height: 1;}
.sbt22{color: #ffffff;font-size: 1.458vw;font-family: 'zi1';line-height: 1;margin-top: 12px;}

.tcon{padding: 30px  19px;color: #ffffff;line-height: 2.239vw;font-size: 1.354vw;font-family: 'zi1';}
.con2{margin-bottom: 30px;}

.tbox2{max-width: 1245px;margin: 0 auto;padding: 0 15px;}
.tul3{margin: 59px 0;}
.tul3 li{width:46.7%;}
.tuan{margin-top: 11%;}
.tuan dd{color: #000000;font-size: 1.5vw;line-height: 1;font-family: 'zi1';}
.tuan dt{color: #000000;font-size: 1.15vw;margin-top: 5px;font-family: 'zi2';font-weight: bold;}
.tuan p{color: #a1a1a1;font-size: 1.093vw;line-height: 1.927vw;font-family: 'zi1';margin-top: 0px;}

.tul2{font-size: 0;margin: 0 -2%;}
.tul2 li{display: inline-block;width: 29.33%;margin: 0 2%;margin-bottom: 5.3%;}
.tul2 li .img img{width: 100%;}



/*案例列表*/
.wei{color: #a1a1a1;font-size: 23px;font-family: 'zi1';margin: 176px 0 5.2%;}
.wei a{color: #a1a1a1;}
.cbt2{color: #000000;font-size: 30px;font-family: 'zi1';line-height: 1;}
.yen{color: #000000;font-size: 23px;font-family: 'zi2';text-transform: uppercase;line-height: 30px;}
.case_list1{font-size: 0;margin: 0 -1.3%;margin-top: 5%;}
.case_list1 li{display: inline-block;width: 47.3%;margin: 0 1.3%;margin-bottom: 3.8%;vertical-align: top;}
.case_list1 li .img img{width: 100%;-webkit-transition: all 0.5s;
    -moz-transition: all 0.5s;
    -ms-transition: all 0.5s;
    -o-transition: all 0.5s;
    transition: all 0.5s;}
.case_list1 li .img:hover img {
    transform: scale(1.1);
}
.case_list1 li h3 a{display: block;color: #000000;font-size: 23px;font-family: 'zi1';margin: 21px 0 30px;overflow:hidden; white-space:nowrap;text-overflow:ellipsis;}
.case_list1 li p{color: #a1a1a1;font-size: 23px;font-family: 'zi2';text-transform: uppercase;}
.case_list1 li .ntime{color: #a1a1a1;font-size: 16px;font-family: 'zi2';margin-top: 19px;}


.case_list1 li a{position: relative;
    overflow: hidden;
    display: block;}
.case_list1 li .mask {
   opacity: 1;
   border-radius: 50%;
   overflow:visible;
   border:700px  solid rgba(0,0,0,0.4);
   -moz-box-sizing:border-box;
   -webkit-box-sizing:border-box;
   box-sizing:border-box;
   -webkit-transition: all 0.5s ease-in-out;
   -moz-transition: all 0.5s ease-in-out;
   -o-transition: all 0.5s ease-in-out;
   -ms-transition: all 0.5s ease-in-out;
   transition: all 0.5s ease-in-out;
}
.case_list1 li .info {
  position:relative;
  top:-10px;
  opacity:0;
   -moz-transform:scale(0,0);
   -webkit-transform:scale(0,0);
   -o-transform:scale(0,0);
   -ms-transform:scale(0,0);
   transform:scale(0,0);
   -webkit-transition: -webkit-transform 0.2s 0.1s ease-in, opacity 0.1s ease-in-out;
   -moz-transition: -moz-transform 0.2s 0.1s ease-in, opacity 0.1s ease-in-out;
   -o-transition: -o-transform 0.2s 0.1s ease-in, opacity 0.1s ease-in-out;
   -ms-transition: -ms-transform 0.2s 0.1s ease-in, opacity 0.1s ease-in-out;
   transition: transform 0.2s 0.1s ease-in, opacity 0.1s ease-in-out;
}
.case_list1 li .img:hover .mask {
   opacity: 0;
   border:0px solid rgba(0,0,0,0.7);
}
.case_list1 li .img:hover .info {
  opacity:1;
  -moz-transform:scale(1,1);
  -webkit-transform:scale(1,1);
  -o-transform:scale(1,1);
  -ms-transform:scale(1,1);
  transform:scale(1,1);
  -moz-transition-delay:0.3s;
  -webkit-transition-delay:0.3s;
  -o-transition-delay:0.3s;
  -ms-transition-delay:0.3s;
  transition-delay:0.3s;
}


.case_list1 li .mask {
    width: 1400px;
    height: 1400px;
    position: absolute;
    overflow: hidden;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}

/*案例详情*/
.yen2{text-align: right;font-family: 'zi2';}
.yen2 dd{color: #a1a1a1;font-size: 23px;text-transform: uppercase;line-height: 1;}
.yen2 dt{color: #a1a1a1;font-size: 16px;margin-top: 24px;}
.case_about_w2{margin-top: 3.2%;}
.case_about_w2 iframe{width:100%!important;height: 45vw;}

@media(max-width: 960px){
  .fbox1{display: none;}
  .fbox12{display: block;margin: 30px 0;}
  .ful{overflow: hidden;position: relative;}
  .ful li img{width: 100%;}
  .case_about_w2 iframe{width:100%!important;height:auto;}
}

/*服务+新闻*/
.nbt{color: #101010;font-size: 42px;font-family: 'zi1';text-align: center;line-height: 1;margin-bottom: 35px;}
.xin{border:1px solid #101010;padding: 40px 4.458vw 0 48px;}
.xwt{width: 346px;}
.xwt img{width: 100%;}
.nright{width: calc(100% - 435px);margin-top: 69px;}
.nright ul li a{text-align: left;color: #a1a1a1;display: inline-block;font-size: 30px;line-height: 1.3;font-family: 'zi1';}
.nright ul li a:hover{color: #000000;background: url(../images/line11.png) repeat-x left bottom;}
.nright ul li{text-align: left;margin-bottom: 21px;overflow:hidden;}

.tab1{display: none;}




.fbox1{margin:176px 0 56px 0;}
.fbox1 .wh2{position: relative;margin:0 auto;}
.fbox2 .wh2{position: relative;margin:0 auto;}
.fsort li{width: 20%;text-align: center;background: #45ee99;padding: 15.1vw 0;cursor: pointer;}
.fsort li dd{color: #ffffff;font-size: 42px;font-family: 'zi1';}
.fsort li dt{color: #ffffff;font-size: 23px;font-family: 'zi2';}
.fsort li:nth-child(2),.fsort li:nth-child(2) .tab1{background: #5a9cff;}
.fsort li:nth-child(3),.fsort li:nth-child(3) .tab1{background: #e2211c;}
.fsort li:nth-child(4),.fsort li:nth-child(4) .tab1{background: #ffc717;}
.fsort li:nth-child(5),.fsort li:nth-child(5) .tab1{background: #b58df3;}
.tab1{background: #45ee99;padding: 5.729vw 0 7.291vw;position: absolute;width: 100%;top:0;left: 0;}
.fcon{color: #ffffff;font-size: 26px;line-height: 43px; max-width: 772px;margin: 0 auto;font-family: 'zi1';text-align:left;}
.fsort:hover li{padding:28vw 0 2.2vw;}
.fbox1 .wh2:hover .tab1{z-index: 99;}

@media(max-width: 1700px){
  .fsort:hover li{padding:29vw 0 1.2vw;}
  .fsort li dd{font-size: 36px;}
  .fsort li dt{font-size: 17px;}
  .fcon{font-size: 23px;line-height: 38px;}
}

@media(max-width: 1300px){
  .fsort:hover li{padding:30vw 0 0.2vw;}
  .fsort li dd{font-size: 30px;}
  .fsort li dt{font-size: 14px;}
  .fcon{font-size: 18px;line-height: 32px;}
}

.fbox12{display: none}

@media(max-width: 768px){
  .fbox1{display: none;}
  .fbox12{display: block;margin: 30px 0;}
  .ful{overflow: hidden;position: relative;}
  .ful li img{width: 100%;}
}


/*悬浮客服*/

.xuan{position: fixed;width: 169px;text-align: center;padding: 26px 0;
right: 0;/*border:1px solid #efefef;*/background: rgba(255,255,255,.5);z-index: 9999;top:35%;/*border: 2px solid #4d4d4d;*/}

.xfewm {color: #000000;text-align: center;font-size: 16px;font-family: 'zi1';line-height: 40px;}
.xfewm img{width: 98px;}
.kf1{border-bottom:2px solid #000000;border-top:2px solid #000000;width: 99px;margin: 18px auto;padding:20px 0;}
.kf1 a{display: block;height: 30px;line-height: 30px;text-align: center;background: #000000;border-radius: 10px;color: #ffffff;font-size: 16px;font-family: 'zi1';}
.ftel dd{color: #000000;font-size: 16px;font-family: 'zi1';}
.ftel dt{color: #000000;font-size: 16px;font-family: 'zi2';font-weight: bold;}










.xiala a{font-size:14px;color:#888;}







@media(max-width: 1200px){
  .wei,.yen{font-size: 18px;}
  .cbt2{font-size: 24px;}
  .yen2 dd{font-size: 18px;}
  .yen2 dt{margin-top: 10px;}
}



@media(max-width: 1024px){
  .case_list1 li p{font-size: 18px;}
  .xypg-pagination a, .xypg-pagination #current{padding:0 4px;}
  .nright ul li a{font-size: 24px;}
  .nbt{font-size: 36px;}
  .xwt{width: 300px;}
  .nright{width: calc(100% - 335px)}
}

@media(max-width: 768px){
  .cbt2{font-size: 28px;}
  .yen{font-size: 20px;}
  .cbt2{font-size: 20px;}
  .yen2 dd{font-size: 14px;}
  .yen2 dt{font-size: 12px;}
  .yen{font-size: 18px;}
  .nright ul li a{font-size: 20px;}
   .xwt{width: auto;}
}







.cbt1{font-size:22px;font-weight:bold;color:#000000;padding:0 20px;}

.csort{padding:20px;}
.csort li{display:inline-block;width:16%;border: 1px solid #bbb;border-radius:5px;}
.csort li a{display:block;color:#000000;font-size:20px;text-align:center;padding:0 28px;line-height:39px;}
.csort li a:hover{background:#e70014;color:#fff;}
.csort li.active a{background:#e70014;color:#fff;}








@media(max-width: 1400px){
  
  .box3 .p1{font-size: 20px;}
  .box3 .p2{font-size: 16px;}
  .bt1 dd,.box3 h3{font-size: 36px;}
  .ptel p{font-size: 20px;}
  .ptel p span{font-size: 30px!important;}
  .bt1 p{font-size: 30px;letter-spacing: 5px;margin-top: 20px;}
   .bt1 dt{font-size: 20px;margin-top: 10px;}
   .box5 .wh{margin: 0 8% 0 10%;}
   .sort2 a{font-size: 14px;line-height: 26px;}
   .sbt2 h3{font-size: 16px;}
   .sbt2 p{font-size: 12px;}
   .sbt img{width: 38px;}
   .sbt2{
    margin-left: 8px;
    width: calc(100% - 50px);
   }
   .dz li dt{font-size: 16px;line-height: 23px;}
   .dz li dt span{font-size: 14px;line-height: 20px;}
   .bq{font-size: 14px;}
   
   .xuan{right:0;}
}




@media(max-width: 1300px){
  .ads{margin: 0;}
  .ads li p{width: 116px;}
  .line2{margin:20px auto;}
  .sort2 a{font-size: 12px;line-height: 26px;}
  .case_k3{margin-top: 30px;}
  .pai{padding: 28px 5px 18px 20px}
  .shi span{font-size: 24px;padding-right: 6px;}
  .shi{font-size: 14px;}
  .nul li h3 a{font-size: 24px;}
  .nul li p{font-size: 16px;line-height: 30px;margin:20px 0;}
  
   .xuan{display:none;}
}

@media(max-width: 1160px){
  .ads li p{width: 106px;font-size: 24px;line-height: 30px;height: 86px;margin: 0 auto;}
  .ads li{width: 24%;text-align: center;margin-bottom: 20px;}
  .bt1 dd,.box3 h3{font-size: 30px;}
  .bt1 p{font-size: 24px;letter-spacing: 3px;margin-top:14px;}
  .ful li p{font-size: 20px;margin-top: 16px;}
  .shu{margin-top: 5px;}

  .dz2 li dd{font-size: 24px;}
  .lxnr dt,.wang2{font-size: 18px;}
  .tuan p,.tcon{font-size: 14px;line-height: 24px;}
  

}

@media(max-width: 1025px){
  .ful{flex-wrap:wrap;}
  .ful li{width: 20%;margin-bottom: 20px;}
  .box5{padding:60px 0;}
  .pai{width: 48%;margin-bottom: 25px;}
  .pin{margin-top: 30px;}
  .box6{padding: 50px 0 60px;}
  .nul li{width: 43%;}
  .nul{margin: 5% 0 0 0;}
  .header{position: relative;}
  .logo .img2,.header .menu a .img2{display: none;}
  .header .logo .img1,.header .menu a .img1{display: none;}
  .header .logo .img2,.header .menu a .img2{display: inline-block;}
  .header{background: #fff;}
  .header .nav li a,.header .top .top_r a{color: #251714;}
  .lx2{display: none;}
  .fbox1,.wei,.timg{margin-top:30px;}

}
@media(max-width: 768px){
    .menu_lx{display:none;}
  .dz{margin-bottom: 20px;}
  .dz,.tewm{width: 100%;}
  .lxwm{margin: 30px 0;}
  .dz2 li{margin-bottom: 20px;}
  .dz2 li dd{margin: 0 0 10px 0;}
  .lxnr dt, .wang2{font-size: 16px;}
  .lxnr dt span{font-size: 15px;}
  .wang2{margin-top: 15px;}
  .bt1{font-size: 36px;}
  .himg{margin-top: 30px;}
  .tul3{margin:30px 0;}
  .case_list1 li h3 a{font-size: 18px;margin:15px 0 20px;}
  .case_list1 li p{font-size: 14px;}
   .xypg-pagination{padding: 0;}
   .xin{padding: 30px 20px;}
   .nbt{font-size: 30px;}
  .xypg-pagination .pagin-left a,.xypg-pagination .pagin-right a{width: 15px;height: 28px;background-size: 100% 100%;padding: 0;}
}


.xypg-detail-pn2{font-size: 0;text-align:center;margin-top:30px;}
.xypg-detail-pn2 div{position: relative;display:inline-block;margin:0 30px;}
.xypg-detail-pn2 a,.xypg-detail-pn2 div{display:inline-block;width: 38px;height: 71px;background: url(../images/lt11.png) no-repeat center;background-size:100% 100%;}
.xypg-detail-pn2 div:nth-child(2) a,.xypg-detail-pn2 div:nth-child(2){background:url(../images/rt11.png) no-repeat center;background-size:100% 100%;}



@media(max-width: 640px){
    .csort li{width:49%;}
  .ads li{width: 50%;}
  .ads li p{width: 100%;font-size: 20px;line-height: 28px;height: 114px;}
  .czkx .MsoNormal{overflow:hidden; white-space:nowrap;text-overflow:ellipsis;}
  .hover212{display: none;}
  .bt1 dd,.box3 h3{font-size: 24px;}
  .box3 .p1{font-size: 16px;margin-top: 6px;}
  .bt1 dt,.ptel p{font-size: 16px;}
  .ptel p span {
      font-size: 25px!important;
  }
  .bt1 p{font-size: 18px;}
  .box5{padding: 30px 0;}
  .ful{margin-top: 20px;}
  .ful li p{font-size: 16px;line-height: 24px;}
  .ful li{width: 33.33%;}
  .box6{padding: 30px 0 10px;}

  .box1{margin: 30px 0;}
  .bt1{font-size:24px;}
  .himg{margin-top: 20px;}
  .header{padding: 0;height: 60px;}
  .top .logo{line-height: 60px;width: 45%;}
  .header .menu a img,.header .menu{width: 50px;height: 50px;line-height: 60px;}
  .cbt h3{font-size: 20px;}
  .cbt p{font-size:16px;line-height: 28px;}
  .cul .li1 .cnei dd{font-size: 14px;line-height: 1;}
  .cul .li1 .cnei dt{font-size: 12px;}
  .box3{margin-top: 0;}
  .line1{height: 4px;margin:10px 0 20px;}
  .nul li{width: 100%;}
  .nul li h3 a{font-size: 20px;}
  .nul li p{font-size: 14px;line-height: 24px;}
  .foot{padding:25px 0;}
  .dtel dd{font-size: 14px;}
  .dtel dt{font-size: 23px;}
  .tlogo img{width: 100px;}
  .dz li{width: 100%!important;margin-bottom: 15px;}
  .dz li dd{font-size: 18px;margin-bottom: 10px;}
  .dz li dt{font-size: 14px;}
  .dz li dt span{font-size: 12px;}
  .wang{font-size: 15px;margin-top: 10px;}
  .tewm{text-align: center;}
  .q1{font-size: 20px;}
  .bq{font-size: 12px;}
  .dz2 li .img,.lxnr{width: 100%;float: none;}
  .dz2 li .img{margin-bottom: 15px;}
  .dz2 li dd{font-size: 20px;}
  .lxnr dt, .wang2{font-size: 14px;}
  .lxnr dt span{font-size: 12px;}
  .tul li{width: 100%;margin-bottom: 20px;}
  .sbt,.tuan dd{font-size: 26px;}
  .sbt22{font-size: 16px;margin-top: 4px;}
  .tuan dt{font-size: 12px;}
  .tul3{margin: 20px 0;}
  .tul3 li{width: 100%;margin-bottom: 20px;}
  .tuan{margin-top:20px;}
  .tul2{margin:0;}
  .tul2 li{width: 100%;margin: 0;margin-bottom: 20px;}
  .tuan p{margin-top: 10px;}
  .wei{font-size: 18px;}
  .cbt2{font-size: 20px;}
  .yen{font-size: 14px;margin-top: 0;line-height: 20px;}
  .case_list1 {margin: 30px 0 0 0;}
  .case_list1 li{width: 100%;margin: 0 0 20px 0;}
  .case_list1 li h3 a{margin: 15px 0 6px;}
  .case_list1 li .ntime{font-size: 14px;margin-top: 6px;}
 
  .ww1{font-size: 14px;float: none;width: 100%;}
  .yen{float: none;width: 100%;margin-top: 5px;}
  .cbt2,.yen2{float: none;width: 100%;}
  .yen2{margin-top: 15px;text-align: left;}
    .xin{padding: 20px;}
    .nleft,.nright{float: none;width: 100%;}
    .nbt{margin-bottom: 20px;}
    .nright ul li{margin-bottom: 10px;}
    .nright ul li a{font-size: 16px;}
    .nright{margin-top: 20px;}
    .menu_lx h1{font-size:30px;}
    
    .xypg-detail-pn2 a, .xypg-detail-pn2 div{width:19px;height:36px;}
    
}