/* Reset Css */
html,body{-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%; overflow-x:hidden; }
body,div,ul,li,ol,dl,dd,dt,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td,caption{margin:0px;padding:0px;}
fieldset,img{border:0;outline:medium none;}
button,html input[type="button"],input[type="reset"],input[type="submit"]{-webkit-appearance:button; cursor:pointer;}
table{border-collapse:collapse;}
ol,ul{list-style:none;}
address,caption,cite,code,dfn,en,th,var{font-weight:normal; font-style:normal;}
h1,h2,h3,h4,h5,h6{font-weight:normal;}
a{text-decoration:none;outline:medium none;}
input,textarea{outline:medium none;}
img{transition:all .5s; -webkit-transition:all .5s;}
.left{ float:left}
.righr{ float:right}
/* 公共部分CSS样式 */

html,body{font:14px/1 '735-CAI978',microsoft Yahei,Arial,Helvetica,sans-serif;background:#e6e6e5; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; margin:0 auto; width:100%; }
input,label,textarea{font:12px Microsoft Yahei;}
input:-webkit-autofill { -webkit-box-shadow: 0 0 0px 1000px white inset;}
img{ max-width:100%;}
a{color:#333333; text-decoration:none;-webkit-transition: all 0.3s ease-out 0s; -moz-transition: all 0.3s ease-out 0s; -o-transition: all 0.3s ease-out 0s; transition: all 0.3s ease-out 0s;}
.clear{clear:both;}
.ellip{overflow:hidden;text-overflow:ellipsis;white-space: nowrap;}
.clearfix:after{content: "020";display: block;height: 0; clear: both; visibility: hidden;}
.clearfix {zoom: 1; }
.visible-hd { display: none !important;}
.visible-lg {display: block !important;}
.gd1{ height:10px}

.l{float:left;}
.r{float:right;}
.g-wrap{ width:86%;margin-left:auto; margin-right:auto; position:relative }

.footer{background:#373434; width:100%; padding:10px 0px; overflow: hidden; }
.footer .copyright{width:42.3%; line-height:25px; float:right; color:#9d9d9f; font-size:14px; padding:5px 0px; line-height:30px;}
.footer .copyright a{ color: #9d9d9f;}
/*pc首页导航*/

.top_head{ width:100%;background:#3f3b3a; z-index:99; height:100px;margin:0 auto;  }
.main_width{ width:86%; margin:0 auto;max-width:1650px  }
.logo{width:239px; float:left; display:block; margin-top:5px}

.h_right{float:right; width:75%}
#nav{height:100px;float:right;}
#nav li{ line-height:26px; font-size:16px; color:#FFFFFF;float:left; text-align:left;  position:relative; z-index:10; margin-left:40px; }
.aone{ display:none; margin-top:20px;}
#nav li .case_zcd{ position:absolute; width:600px;top:120px; z-index:99; right:-60px; }
#nav li .case_zcd a{  float:left;padding:0 20px}
#nav li .aon a,#nav li .aone a{display:block; color:#FFFFFF; text-align:left;  letter-spacing:1px; margin-top:20px;line-height:26px;}
/*#nav li .aon a:after,#nav li .aone a:after{content:""; position:absolute;width:0px;height:2px; background:#0c9e93; bottom:0px; left:0px; transition:all 1s;-moz-transition:all 1s;-webkit-transition:all 1s;}*/

#nav li .aon a:hover, #nav li .aon .sele,#nav li .aone a:hover, #nav li .aone .sele,#nav li .case_zcd a:hover,#nav li .case_zcd a.sele{color:#0c9e93;}
#nav li .aon a:hover:after, #nav li .aon .sele:after,#nav li .aone a:hover:after, #nav li .aone .sele:after{width:100%;}

/*手机网站头部*/
.phhead{width:100%;  position: fixed;left: 0;top: 0; z-index: 200; height:50px; display:none; background:#4c4948;}

.phhead .logo{ padding:8px 0px;width:101px;}
.phonemeng{width:100%;z-index: 196; height:79px;}


.pf_h{ float:left; width:100%; height:0px;}
.menuph{position: absolute;top: 50%;margin-top:-25px;right: 10px;cursor: pointer;width: 50px;height:50px;text-align: center;}
.menuph .point{display: inline-block;width: 40px;height: 22px;margin-top: 10px;position: relative; filter:alpha(opacity=80);opacity:0.8; }
.menuph .point:hover{filter:alpha(opacity=100);opacity:1;}


/*手机网站导航样式*/

.xialaph{top:0px; right: -50%;width: 50%;background:#FFF;z-index: 1049; position:fixed; height:100%;}
.xialaph_active{right:0px;}
.xialaph .close{position:absolute; width:20px; height:20px; right:15px; top:15px;cursor:pointer;}
.xialaph .img_d{ display:none;}
.xialaph .ul1{margin-top:86px;}

.pcontainer { padding-right: 15px;padding-left: 15px;margin-right: auto;margin-left: auto;}
.pcontainerz { padding-right: 15px;padding-left: 15px;margin-right: auto;margin-left: auto;}
.xialaph .pcontainerz{ display: none;}
.xialaph .pcontainer a,.xialaph .pcontainerz a{color:#333;font-size: 14px;font-weight: bold;line-height: 50px;}
.xialaph .pcontainer a:hover,.xialaph .pcontainerz a:hover{color:#ccc;}
.xialaph .pcontainer,.xialaph .pcontainerz{position: relative;}
.xialaph li:last-child .pcontainer::before,.xialaph li:last-child .pcontainerz::before{content: '';position: absolute;bottom: 0;left: 0;width: 100%;/*opacity: 0.1;*/}
.xialaph .pcontainer::after,.xialaph .pcontainerz::after{content: '';position: absolute;top: 0;left: 0;width: 100%;/*opacity: 0.1;*/}


/*banner切换特效*/
.slide_banner{ margin:0;}
.slide_banner .slick-slide{ width:100%; padding:0; position:relative;}
.slide_banner .slick-dots{ height:18px; overflow:hidden; }
.slide_banner .slick-dots li{ display:inline-block; vertical-align:top; width:50px; height:4px; background:#f1fcff; margin:0 5px; position:relative; border-radius:3px; top:6px;-webkit-transform: translate(0, -50%);-ms-transform: translate(0, -50%);transform: translate(0, -50%);}
.slide_banner .slick-dots li button{ display:none;}
.slide_banner .slick-dots li.slick-active{ height:4px; width:50px; background:#08b0a6; position:relative;}


.w_0100_2{float: left;width: 100%;height: 95vh;position: relative;outline: none;}
.w_0100_2 .w_2_1{float: left;width: 100%;height: 100%;position: relative;outline: none;z-index: -1;overflow: hidden;}
.w_0100_3{float: left;width: 100%;position: relative; }
.banner_wz{ width:86%; margin:0 auto; text-align:left; max-width:1650px}
.w_0100_3 .w_2_1{float: left;width: 100%;overflow: hidden; padding:90px 0}
.slide_banner .slick-slide img{display:none;}
.w_2_1 p{ color:#fff; line-height:4rem; font-size:2.3rem; width:100%; margin:0 auto; text-align:left;letter-spacing:2px}
.wap_bn{display:none;float: left;width: 100%;height: 60vh;position: relative;outline: none;}
.wap_bn .w_3_m{float: left;width: 100%;height: 100%;position: relative;outline: none;z-index: -1;overflow: hidden;}
.pz_banner .banner_down{position:absolute; width:28px;height:26px; bottom:73px; left:50%; margin-left:-14px; cursor:pointer;}
.pz_banner .banner_down img {
animation: myfirst 2s infinite;
display:inline-block;
}

.bann_text{width:86%; position:relative; margin:0 auto;  color:#FFF; max-width:1650px }
.bann1_2{ width:60%;position:absolute; top:10rem; z-index:2; text-align:left;  font-size:2.5rem; line-height:4rem; letter-spacing:3px; left:0% }
.bann1_3{ width:35%;position:absolute;  top:10rem; z-index:2; text-align:left; font-size:2.5rem; line-height:4rem; font-family:'735-CAI978'; font-weight:bold; right:0%; }
.slide_banner .slick-dots{left:7%;bottom:5rem; }
.bann_text{font-family:'735-CAI978';}
.index_2{ width:100%; margin:0 auto; }
.index_2 ul li{ float:left; width:25%; color:#fff;  position:relative; overflow:hidden; }
.index_2 ul li img{ vertical-align:bottom}
.index_2 ul li p{ position: absolute; padding-top:40%; line-height:2.8rem; font-size:1.9rem;text-align:center; width:100%; height:68%;top:0;background-color:rgba(0,0,0,0.6);}
.index_2 ul li  a {color:#fff; }
.index_2 ul li p:hover,.index_2 ul li p.online{background-color:rgba(0,0,0,0); }

/*******************底部banner********************/
.hdp{ position:relative; overflow:hidden; margin:0 auto; width:100%; }
.hdp .hd{ width: 100%; height: 11px; position: absolute; bottom: 5rem;text-align: left; z-index:1;left:7%; }
.hdp .hd ul{display: inline-block; height: 5px; padding: 3px 5px; /*background-color: rgba(255,255,255,0.7);*/ -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px;font-size: 0; vertical-align: top;}
.hdp .hd li{ display: inline-block;width: 50px;
    height: 4px;
    background: #fff;-webkit-border-radius: 5px;-moz-border-radius: 5px;border-radius: 5px;margin: 0 5px;vertical-align: top;overflow: hidden; float:left;}
.hdp .hd li.on{ background: #3f3b3a;  }
.hdp .bd{ position:relative; z-index:0;width:100%; margin:0 auto;}
.hdp .bd li{ position:relative; width:86%;  display:block; }
.hdp .bd li img{ vertical-align:bottom}
.hdp .bd li p { font-size:2rem; line-height:3.4rem;  width:86%; margin:0 auto; position:absolute;top:5rem; left:7%; max-width:1650px; display:block }
.hdp .bd li a{ color:#fff}
.m_img{ display:none}
@keyframes myfirst {
         0% { transform: translate(0px, 0px);
            }
            50% {
                transform: translate(0px, -10px);
            }
            100% {
                transform: translate(0px, 0px);
            }
}
.pz_banner{ width:100%; margin:0 auto; }
.slide_banner .slick-dots{  width:100%; margin:0 auto; max-width:1650px; float:left; text-align: left; height:18px; overflow:hidden;}


.slide_banner .slick-slide.slick-current  .dh1{-webkit-animation: fadeInLeft 1s;-moz-animation: fadeInLeft 1s ;animation: fadeInLeft 1s;}
.slide_banner .slick-slide.slick-current  .dh2{-webkit-animation: fadeInRight 2s;-moz-animation: fadeInRight 2s ;animation: fadeInRight 2s; }

/*作品案例瀑布流css*/

:root{--main-bg-color: #ff7675;}

::selection{background: var(--main-bg-color);color: #fff;}
::-moz-selection{background: var(--main-bg-color);color: #fff;}
.container{width: 86%;margin: 0 auto;padding: 60px 10px !important;}
.wrapper{padding: 40px 0;}
.flatty a{ color:#221815;}
.card{background: #fff;border-radius: 6px;box-shadow: 0px 2px 6px rgba(0, 0, 0, .1);display: flex;flex-direction: column;transition: box-shadow .2s ease-in-out;}
.card__picture{display: block;width: 100%;height:auto;border-top-left-radius: 6px;border-top-right-radius: 6px;}
.card-infos{padding: 20px;background: #fff;border-bottom-left-radius: 6px;border-bottom-right-radius: 6px;}
.card__title{font-family: 'Hind';font-size: 16px;font-weight: 600;line-height: 1.4;margin: 10px 0;}
.card__text{font-size: 14px;font-weight: 300;margin: 0;color: #221815;}
.card__text--high{font-weight: 600;}
.sortable__nav{display: flex;justify-content: center;margin-bottom: 20px; }
.nav__link{padding: 0 20px 4px;color: #fff;font-size: 14px;font-weight: 300;display: block;border-bottom: 2px solid transparent;}
.nav__link.is-active{border-color: var(--main-bg-color);}
.footer__list.list{display: flex;justify-content: space-between;align-items: center;}
.list__item.item{display: flex;}
.item__link.link{margin: 0;}
.item__link.link:not(:first-child){margin-left: 20px;}

/*文章页面*/
.s_casedetail{ border-bottom:1px solid #e9e9e9; overflow:hidden; width:100%;  margin:0 auto; margin-top:90px; max-width:1920px}

.s_casedetail .s_cases{overflow:hidden; position:relative}


.s_casedetail .s_cases .xmjs{width:100%; float:left; padding:20px; color:#fff; line-height:24px; background:#898989; overflow:hidden}

.s_casedetail .s_cases .xmjs .title h2{font-size:16px; font-weight:bold; line-height:30px; color:#fff;}
.s_casedetail .s_cases .xmjs .title h3{line-height:30px;  color:#fff; margin-top:5px; font-size:14px}
.s_casedetail .s_cases .xmjs .title h3 span{ margin-right:10px;}
.s_casedetail .s_cases .xmxq{ background:#eeeeed;width:100%; float:left; padding:20px; color:#3e3a39; line-height:24px;  }
.xmxq h4{ font-size:16px; font-weight:bold;}
.xmxq p{ font-size:14px; margin-top:10px; padding-right:16px;text-align: justify; }
.s_casedetail .s_cases .img{width:70%; float:right; padding-left:10px; padding-right:10px;}
.s_casedetail .s_cases .img p img,.s_casedetail .s_cases .img  img{ margin-bottom:10px; width:100% !important; height:auto !important; max-width:1100px}
.slide_banner .slick-prev{position:absolute; width:82px; height:53px; left:20px; top:50%; z-index:2; background:url(../images/banner_prev.png) no-repeat center; cursor:pointer;transition:all 0.3s;-moz-transition:all 0.3s;-webkit-transition:all 0.3s;}
.slide_banner .slick-prev:hover{left:45px;}
.slide_banner .slick-next{position:absolute; width:82px; height:53px; right:20px; top:50%; z-index:2; background:url(../images/banner_next.png) no-repeat center; cursor:pointer;transition:all 0.3s;-moz-transition:all 0.3s;-webkit-transition:all 0.3s;}
.slide_banner .slick-next:hover{right:45px;}
/*about页面*/
.about_bg{ background:#e6e6e5; width:100%; padding:2rem 0; max-width:1920px; margin:0 auto;}
.about1{ width:47%; float:left; margin-right:3%;line-height:4.1rem}
.about2{ width:47%; float:left; padding-left:3%;line-height:2rem}
.about1 h2{ color:#009fb6; font-size:2.4rem; line-height:3rem; }
.about1 h2 p{ color:#009fb6; font-size:2.4rem; line-height:3rem; font-weight:bold}
.about1 p{ color:#4f4440; font-size:1.2rem;text-align: justify;line-height:2.77rem;}
.about1 p strong{font-weight:bold;color:#009fb6;}
.about2 h2{ color:#009fb6; font-size:1.4rem; line-height:2.8rem;}
.about2 h2 p{ color:#009fb6; font-size:1.4rem; line-height:2.8rem; font-weight:bold}
.jcsl h2,.jcsl h2 p{font-size:2.2rem;line-height:3rem;}
.jcsr{ float:right;}
.jcsr h2{ color:#009fb6; font-size:2.2rem; line-height:3rem;text-align: justify;}
.jcsr h2 p{ color:#009fb6; font-size:2.2rem; line-height:3rem; font-weight:bold;text-align: justify;}
.about2 p{ color:#4f4440; font-size:1.1rem; text-align: justify;}
.about2 p.xszc{ margin-top:6rem}
.about2 p strong{font-weight:bold;color:#009fb6;}
.about2 h3{color:#009fb6; font-size:1.8rem; margin-top:1.5rem}
.jtzw{  line-height:24px; margin-top:2.5rem}
.jtzw h2{ color:#009fb6; font-size:2.2rem; line-height:3rem;}
.jtzw h2 p{ color:#009fb6; font-size:2.2rem; line-height:40px; font-weight:bold; margin-bottom:20px}
.jtzw ul li{ float:left; width:15%; margin-right:2% }
.jtzw  h3{ width:90%; background:#3f3b3a; color:#fff; font-size:20px; padding:10px; text-align:center; border-radius:20px; margin:15px 0 }
.jtzw  h4{ font-size:17px;color:#009fb6; margin-left:5px; margin-top:15px; margin-bottom:8px}
.jtzw2{  line-height:24px; margin-top:20px}
.jtzw2 h2{ color:#009fb6; font-size:28px; line-height:40px; font-weight:bold; margin-bottom:20px}
.jtzw2 ul li{ float:left; width:23.4%; margin-right:2% }
.jtzw2  h3{ width:100%; background:#3f3b3a; color:#fff; font-size:20px; padding:10px; text-align:center; border-radius:20px; margin:15px 0 }
.jtzw2  h4{ font-size:17px;color:#009fb6;  margin-top:15px; margin-bottom:8px}
.jtzw2  h5{ width:100%;  color:#3f3b3a; font-size:20px;  text-align:left; margin:15px 0 ; line-height:2rem; }

/*lxwm*/
.lxwm1{ min-height:1000px;width:35%; float:left;  display:block}
.lxwm2{ width:65%; float:right; margin-right:0%;line-height:21px;font-size:14px; color:#4c4948}
.lxwm2 .wx{ width:37%; margin-right:7%; font-size:14px; margin-bottom:2rem}
.lxwm2 .bm{ width:13%; margin-right:2.5%;font-size:14px}
.lxwm2 .bm span{ font-size:15px; font-weight:bold}
.lxwm2 .dz{ width:40%; }
.zcxf{ position:fixed; top:80%; display:none }
.up_j,.down_j{ width:50px; height:50px; background:#eeeeed; display:block; line-height:50px; font-size:35px; font-weight:normal; text-align:center; color:#635c59}
.down_j{ margin-top:5px;padding-top: 5px;}
.lxfs{ position:relative; width:60%;}
.dhhm{ position:absolute; line-height:32px; top:0px; left:42px; font-size:16px; }
.linex{ height:2px; background:#3f3b3a; border:0; margin:40px 0; width:100%; clear:both}

.hzhb h2{ color:#009fb6; font-size:2rem; line-height:40px; font-weight:bold; margin-bottom:30px}
.hzhb ul li{ float: left;width: 18%; margin-right:2.5%; margin-bottom:20px}
/*分页*/

.waik_1{ width:100%; padding:50px 0px  }
.pz_fy{width:100%; float:left; text-align:center; font-family:'Arial'; overflow:hidden;}/*分页浮左或者浮右，修改此处即可。例：text-align:left;*/
.pz_fy a { display:inline-block; width:30px; height:30px; line-height:30px;  COLOR: #221815; font-size:14px; text-decoration:none; margin:0 2px;}
.pz_fy a:hover,.pz_fy a.on{ color:#FFF; text-decoration:none; background:#00ada0;width:30px; height:30px;}/*鼠标经过和默认当前页样式*/
.pz_fy a.a1{ font-family:'宋体'}
.fy_phone{ display:none;}
.nopagex{ border:one}
.fy_phone .dxys{ display:inline-block; width:70px}
.fy_phone .dxys .nopagex{ width:40px !important; overflow: hidden;}

.sortable{max-width:2560px}


@media screen and (max-width:3000px){
.hdp .bd li p ,.hdp .hd,.slide_banner .slick-dots{left:22.5%; }
.zcxf{  left:32.7%;}
.s_casedetail .s_cases .txt{width:15%; float:left;  line-height:24px; position:fixed; }
.s_casedetail .s_cases .txt1{width:15%; float:left;  line-height:24px; position:fixed; top:0;}
.abt img{width:55%; display:block; margin-top:48% }
.bann1_2{ top:15rem;}
.bann1_3{  top:19rem;  }
.slide_banner .slick-dots{bottom:18rem; }
.lxwm1{ width:61%; }
.lxwm2{ width:39%; }
.about2{ line-height:2.16rem}
.jcsl{width:45% }
.jcsr{  width:45%; float:right; margin-right:0%;text-align:right}
.jcsr h2{ padding-left:47%}
.jcsr h2,.jcsr h2 p{ text-align:left; }
.jcsr img{ width:60%; text-align:center}
.jtzw .db{ padding-left:9%; width:80%;}
}
@media screen and (max-width:2560px){
.hdp .bd li p ,.hdp .hd,.slide_banner .slick-dots{left:17.7%; }
.zcxf{  left:25.7%;}
.s_casedetail .s_cases .txt{width:15%; float:left;  line-height:24px; position:fixed; }
.s_casedetail .s_cases .txt1{width:15%; float:left;  line-height:24px; position:fixed; top:0; }
.abt img{width:40%; display:block; margin-top:48% }
.bann1_2{ top:25rem;}
.bann1_3{  top:25rem;  }
.slide_banner .slick-dots{bottom:18rem; }
.lxwm1{ width:61%; }
.lxwm2{ width:39%; }
.about2{ line-height:2.16rem}
.jcsl{width:45% }
.jcsr{  width:45%; float:right; margin-right:0%;text-align:right}
.jcsr h2{ padding-left:47%}
.jcsr h2,.jcsr h2 p{ text-align:left; }
.jcsr img{ width:60%; text-align:center}
.jtzw .db{ padding-left:9%; width:80%;}
}

@media screen and (max-width:1920px){
.lxwm1{ width:35%; }
.lxwm2{ width:65%; }
.hdp .bd li p ,.hdp .hd,.slide_banner .slick-dots{left:7%; }

.zcxf{  left:17.7%;}
.footer .copyright{width: 42%; font-size:14px;}
#nav li{  font-size:16px;}
.aone,.aon,.aon a,.aone a{width:106px !important;}
.sortable{min-height:710px;}
.s_casedetail{min-height:400px}
.jcsl{width:45% }
.jcsr{  width:46%; margin-left:3%; margin-right:0%;text-align:center}
.jcsr img{ width:60%; text-align:center}
.abt img{width:55%; display:block; margin-top:48% }
.s_casedetail .s_cases .txt{width:21%; float:left;  line-height:24px; position:fixed;}
.s_casedetail .s_cases .txt1{width:21%; float:left;  line-height:24px; position:fixed; top:0}
.bann1_2{ top:13rem;}
.bann1_3{  top:13rem;  }
.slide_banner .slick-dots{bottom:15rem; }
.about2{ line-height:2rem}
.jcsr h2{ padding-left:36%}
.jtzw .db{ padding-left:1.5%; width:80%;}
}
@media screen and (max-width:1440px){
.hdp .bd li p ,.hdp .hd,.slide_banner .slick-dots{left:7%; }
.zcxf{  left:6.9%;}
.footer .copyright{width: 50.3%; font-size:14px;}
#nav li{  font-size:15px;}
.sortable,.s_casedetail{min-height:610px}
.jcsl{width:50% !important;}
.jcsr{  width:40% !important; margin-left:3%; margin-right:0%}
.jcsr img{ width:100%}
.abt img{width:55%; display:block; margin-top:80% !important }
.about2{ line-height:2rem;}
.jcsr h2{ padding-left:26%}
.jtzw .db {padding-left: 7.25%;width: 80%;}
.about2{ width:47%; float:left; padding-left:3%;}
}
@media screen and (max-width:1360px){

.zcxf{  left:4.4%;}
}
@media screen and (max-width:1280px){

.zcxf{  left:1.56%;}
.footer .copyright p{ display:inline-block; margin-left:20px}
.footer .copyright a{color:#9d9d9f;}
.footer .copyright a:hover{color:#186ebf;}
 .sortable{ margin-top:20px;padding-bottom:50px;}
 .visible-hd {display: block !important;}
.visible-lg,.top_head {display: none !important;}

}
@media screen and (max-width:1107px){
.w_0100_2{display:none;}
.w_0100_3{display:none;}
.slide_banner .slick-slide .wap_bn{display:block;} 
.slide_banner .slick-slide img{display:block; margin-top:50px;}
.pz_banner .banner_down{display:none;}
.slick-track{ top:0 !important}
.xialaph .ul1{margin-top:66px; }
.sortable{ margin-top:70px; padding-bottom:30px; min-height:500px}
.slide_banner .slick-dots{ bottom:10%;  }
.slide_banner .slick-dots{  width:100%; text-align:left; left:38%;}

}
@media  screen and (max-width:991px){
.waik_1{ padding:30px 0;}
.fy_phone{ width:100%; float:left; text-align:center; font-size:14px; color:#221815;}
.fy_phone a{ display:inline-block; width:90px; height:30px; line-height:29px; border:solid 1px #9f9fa7; color:#221815;
-webkit-border-radius:15px; 
   -moz-border-radius:15px;
        border-radius:15px; }
.fy_phone span{ display:inline-block; padding:0 6%; height:30px; line-height:30px; color:#221815;}
.phhead .logo{ width:101px;}
.phonemeng{height:66px;}
}	
@media screen and (max-width:750px){
.footer{background:#373434; width:100%; padding:10px 0px; overflow: hidden; }
.footer .copyright{width:100%; line-height:25px; text-align:center; color:#9d9d9f; font-size:14px; padding:5px; line-height:30px;}
.index_2 ul li{ width:50%;  }
.index_2 ul li p{  line-height:2rem; font-size:1.2rem;}
.m_img{ display:block}
.pc_img{ display:none}
.hdp .hd{ bottom:6rem; }
.hdp .bd li p { font-size:1.2rem; line-height:3rem;  top:6rem; }
	.pz_fy{display:none;}
	.fy_phone{ display:block; font-family:'Arial'; }
.about1{ width:100% !important;}
.about2{ width:100% !important;}
.jtzw ul li{ width:44%;}
.jtzw ul li:nth-child(2n){ margin-left:4%}
.jtzw2 ul li{ width:44%;}
.jtzw2 ul li:nth-child(2n){ margin-left:4%}
.about1 p.abt,.lxwm1{ display:none}
.about1 p.abt,.lxwm2{ width:100%}
.about2 p.xszc{ margin-top:1rem}
.lxwm2{ margin-top:60px}
.lxwm2 .wx{ width:100%;}
.lxwm2 .bm{ width:30%; margin-top:20px;}
.lxwm2 .dz{ width:66%;margin-top:20px; margin-bottom:20px}

}
@media screen and (max-width:480px){
.w_0100_2{display:none;}
.w_0100_3{display:none;}
.slide_banner .slick-slide .wap_bn{display:block;}
.slide_banner .slick-slide img{display:block; margin-top:50px;}
.pz_banner .banner_down{display:none;}
.bann_text{width:90%; position:absolute; height:100%;  top:26%;  color:#FFF;  left:5%; text-align:center; right:5%;}
.bann1_2{ width:100%; position:absolute;  top:0px; z-index:2; text-align:center;  font-size:1.1rem;  letter-spacing:3px; left:0%; line-height:1.5rem}
.bann1_3{ width:100%;position:absolute; top:26%; z-index:2; text-align:center;  font-size:1.1rem; font-family:'735-CAI978'; font-weight:bold; right:0%; line-height:1.5rem  }
.slick-track{ top:0 !important}
.xialaph .ul1{margin-top:66px; }
.sortable{ margin-top:70px; padding-bottom:30px;}
.slide_banner .slick-dots{ bottom:7%;  }
.slide_banner .slick-dots{  width:100%; text-align:left; left:18%;}
.s_casedetail{padding:0px 0px 30px 0px;}
.s_casedetail .s_cases .txt,.s_casedetail .s_cases .txt1{ width:100%;margin: 0 auto; float:none; position:relative !important}
.xmjs,.xmxq{width:94% !important; margin:0 auto;float:none !important;}
.s_casedetail .s_cases .img{ width:100%; height:auto; margin-top:20px; }
.s_casedetail .s_cases .img p{ width:95%; margin:0 auto}
#zcxf{display:none !important;}
.up_j,.down_j{ width:30px; height:30px;line-height:30px; font-size:18px;}
.wrapper{ padding:0;}
.container{ padding-top:30px !important}
}