*{margin:0;padding:0}

body{background:#fff;margin:0;padding:0;text-decoration:none;font-variant:normal;font-family:'Microsoft YaHei'}

a:active,a:hover,a:link,a:visited{text-decoration:none}

a{text-decoration:none}

li{list-style-type:none}

ol,ul{list-style-type:none;list-style-image:none}

input[type=button],input[type=submit],input[type=text]{-webkit-appearance:none}

textarea{-webkit-appearance:none}

select{-webkit-appearance:none}

html{font-size:12px}

@media (min-width:320px){body,html{ font-size:14px;}}

a{COLOR:#666;blr:expression(this.onFocus=this.blur());text-decoration:none}

a:focus{outline:0}

input,textarea{outline:0}

a:hover{color:#e44027;text-decoration:none;transition:.4s ease-out;-moz-transition:.4s ease-out;-webkit-transition:.4s ease-out;-o-transition:.4s ease-out}



.main{margin:0px auto; padding:0 2%}





.title{ margin:40px auto;}

.title h4{color:#333;font-size:40px;text-align:center; font-weight:bold; background:url(../images/xx.png) no-repeat center bottom; padding-bottom:10px;}

.title p{display:block;color:#666;font-size:20px;text-align:center;font-family:arial;text-transform:uppercase;display:block;margin-top:7px;}

.title h4 span{ color:#e44027}



.fll{ background:#f5f5f5; overflow:hidden;   margin:0px auto 0}



.pic_nav{ height:58px; position:relative; z-index:20 ; overflow:hidden; margin:20px auto 40px; }

.pic_nav ul{ }

.pic_nav ul li{ width:20%; float:left;   border:5px #f5f5f5 solid; box-sizing:border-box; font-size:18px;line-height:58px; background:url(../images/bg01.png) no-repeat center top; text-align:center; position:relative;}

.pic_nav ul li a{ color:#666;  line-height:58px; display:block; white-space:nowrap;overflow:hidden;text-overflow:ellipsis}

.pic_nav ul li:hover{ background:#e44027 no-repeat center}

.pic_nav ul li:hover a{ color:#fff;}

.pic_nav ul li ul { position:absolute; left:0px; width:100%; display:none; }

.pic_nav ul li ul li{ width:100%; float:none; font-size:14px; height:40px; line-height:40px; border:none; background:rgba(15,67,175,0.5);  }

.pic_nav ul li ul li a{ line-height:40px; color:#333}

.pic_nav ul li:hover ul li{ color:#ffc936;background:rgba(15,67,175,0.5);}

.pic_nav ul li ul li a:hover{ color:#ffc936}

.pic_nav ul li:hover ul{ display:block;}





.lc{ overflow:hidden; background:url(../images/xxxx.png) repeat-x center center; padding:50px 0}

.lc ul li{ overflow:hidden; float:left; height:177px; width:11%; border:20px rgba(245,245,245,0.01) solid; box-sizing:border-box;}

.lc ul li img{ width:100%; overflow:hidden;}

.lc ul li img:first-child{ width:100%; overflow:hidden; display:block}

.lc ul li img:last-child{ width:100%; overflow:hidden; display:none;}

.lc ul li:hover img:last-child{ display:block;}

.lc ul li:hover img:first-child{ display:none;}



.piclb{ margin:30px auto;}

.piclb ul li{ border:5px #fff solid; background:#f1f1f1 }







.xbanner{  margin:30px auto; overflow:hidden; background:url(../images/xbanner.png) no-repeat center center; text-align:center; padding:50px 0; background-size:cover;}

.xbanner h3{ font-size:40px; color:#fff; text-align:center; font-weight:bold;}

.xbanner  p{ display:inline-block; margin:20px auto; padding:5px 30px; border:1px #fff solid; border-radius:6px; font-size:18px; color:#fff}

.xbanner img{   overflow:hidden;}







































.head{width:100%;height:100px;border-bottom:1px solid #ffffff3d; position:fixed; background:#fff; z-index:99 ; box-shadow:0 0 5px #ccc}

.had{ background:#fff}



.head .logo{float:left}

.head .logo img:first-child{ display:block;float:left}

.head .logo img:last-child{ display:none;float:none}

.head .main{display:flex;justify-content:space-between;align-items:center;height:100px}



.head .nav{float:left;height:100px;margin-left:40px}

.head .nav ul li{float:left;width:120px;text-align:center;position:relative;line-height:100px}



.head .nav ul li a{color:#333;font-size:16px;display:block}

.head .nav ul li:after{ content:""; width:0%; height:2px;left:0px; background:#e44027; position:absolute; bottom:20px;}

.head .nav ul li:hover:after{ width:100%}

.head .nav ul li:hover a{ color:#e44027}



.head .nav ul li ul{position:absolute;top:100px;z-index:1;left:0;display:none;width:100%;background:rgba(0,0,0,.2)}

.head .nav ul li:hover ul{display:block}

.head .nav ul li ul li{height:40px;line-height:30px;height:auto;overflow:hidden}

.head .nav ul li ul li a{color:#fff;font-size:14px}

.head .nav ul li ul li:first-child{margin-top:5px}

.head .nav ul li ul li:last-child{margin-bottom:5px}







.hot{ float:right; overflow:hidden;  font-size:20px; color:#e44027; }

.hot img{ vertical-align:sub; margin-right:5px; }















.img-box{overflow:hidden}

.img-box img{transition:.5s}

.banner{width:100%;height:auto;min-height:4rem;background:#eee;overflow:hidden;position:relative; height:100vh}

.banner .swiper-wrapper img{display:block;width:100%}

.banner .swiper-container {

        width: 100%;

        height: 100%;

    }

.banner .swiper-slide {

        background-position: center;

        background-size: cover;

    }

	



.in-banner{width:100%}

.in-banner img{display:block;width:100%}

.banner{ overflow:hidden;}

.banner .swiper-pagination{position:absolute;width:100%;left:0;bottom:34px;display:flex;justify-content:center;align-items:center;z-index:1}

.banner .swiper-pagination span{width:35px;height:8px;background:#fff;display:block;margin:0 3px;border-radius:6px; opacity:1;}

.banner .swiper-pagination .swiper-pagination-bullet-active{background:#e44027}





.mbanner{ overflow:hidden; margin:0 auto; display:none;}

.mbanner .swiper-pagination{position:absolute;width:100%;left:0;bottom:34px;display:flex;justify-content:center;align-items:center;z-index:1}

.mbanner .swiper-pagination span{width:60px;height:4px;background:#eee;display:block;margin:0 3px;border-radius:0!important}

.mbanner .swiper-pagination .swiper-pagination-bullet-active{background:#e44027}

.mbanner img{ width:100%; }















.content{ margin:0px auto;width:1600px; overflow:hidden;}









.product{width:100%;height:auto;overflow:hidden;background:#f5f5f5;padding:50px 0}



.product .main{width:1387px}

.product .swiper-container{margin-top:30px}

.product .swiper-slide{width:100%;height:auto;overflow:hidden}

.product .hd{display:none}

.product .swiper-pagination{display:table;margin:0 auto}

.product .swiper-pagination span{display:block;width:200px;height:58px;background:url(../images/bg01.png) no-repeat center;text-align:center;line-height:58px;float:left;margin:0 15px;cursor:pointer;font-size:16px;white-space:nowrap;text-overflow:ellipsis;margin-top:5px;overflow:hidden}

.product .swiper-pagination .swiper-pagination-bullet-active{background:url(../images/bg02.png) no-repeat center;color:#fff;box-shadow:0 0 3px 2px #d7d0d0bf}

.product .swiper-wrapper{margin-top:30px}



.wary_left{ width:18%; float:left; overflow:hidden;  border-right:3px #dadada solid; margin-top:10px;}



.title1{overflow:hidden;background:#fff ; padding:20px 0;font-size:36px;color:#660798;font-weight:700;text-align:center; border-bottom:1px #ccc solid}

.title1 p{color:#660798;text-transform:uppercase;font-size:13px;font-weight:400}



.wary_right{ width:80%; float:right; overflow:hidden;}





.hot_pic{ overflow:hidden; margin:60px auto}

.hot_pic ul{ overflow:hidden;}

.hot_pic ul li{ width:16.6% ; float:left;  text-align:center; overflow:hidden; border-right:1px #ccc solid; box-sizing:border-box; position:relative; }

.hot_pic ul li .h_pic{  position:relative;}

.hot_pic ul li .h_pic h3{ font-size:20px; overflow:hidden; margin:0px auto; font-weight:600;  text-align:center; overflow: hidden;white-space: nowrap;text-overflow: ellipsis; line-height:50px; color:#e44027 }

.hot_pic ul li .h_pic div{  overflow:hidden; margin:7px auto; display:block;  }

.hot_pic ul li:last-child{ border-right:none;} 

.hot_pic ul li .h_pic p{  overflow:hidden; height:50px; line-height:24px; font-size:16px; color:#666}

.hot_pic ul li .h_pic p span{ display:block;}

.hot_pic ul li .h_zz{ background:#e44027; position:absolute; top:-100%; width:100%; height:100%;-webkit-transition:all .5s; transition:all .5s; -ms-transition:all .5s; -moz-transition:all .5s;}

.hot_pic ul li .h_zz h4{ font-size:24px; color:#fff; margin-top:30%;  }

.hot_pic ul li .h_zz h4:after{ content:""; width:50px; height:2px; background:#fff; margin:0ox auto; display:block; margin:20px auto; }

.hot_pic ul li .h_zz  dd{ width:150px; border:1px #fff solid; color:#fff; height:45px; line-height:45px; margin:0px auto}



.hot_pic ul li:hover .h_zz{ top:0px;-webkit-transition:all .5s; transition:all .5s; -ms-transition:all .5s; -moz-transition:all .5s;}





.picbox{ overflow:hidden;}

.pic_muen{ width:34px; float:left; padding:20px 35px 167px; position:relative;  font-size:30px; font-weight:bold; color:#fff; background:#e44027 url(../images/jt.png) no-repeat center bottom 120px; line-height:36px; }

.pic_muen a{ color:#fff; cursor:pointer}

.pic_com{ overflow:hidden; width:90%; float:right;}

.pic_com .swiper-container{ overflow:hidden; padding-bottom:50px;}

.pic_com .swiper-slide div{ overflow:hidden;}

.pic_com .swiper-slide div img{ width:100%; overflow:hidden;}

.pic_com .swiper-slide  p{ height:60px; line-height:60px; background:#f2f2f2; text-align:center; font-size:18px;}



.picbox .swiper-button-prev, .swiper-container-rtl .swiper-button-next{ background:url(../images/left.png); left:0px;background-size: 46px;}

.picbox .swiper-button-next, .swiper-container-rtl .swiper-button-prev{ background:url(../images/right.png); right:0;background-size: 46px;}

.picbox .swiper-button-next, .swiper-button-prev{ top:inherit; bottom:0px; width: 51px; height: 60px; }



.pic_com .swiper-pagination-bullet{ width:10px; height:10px;-webkit-transition:all .5s; transition:all .5s; -ms-transition:all .5s; -moz-transition:all .5s;}

.pic_com .swiper-pagination-bullet-active{ background:#e44027; width:25px; border-radius:6px;-webkit-transition:all .5s; transition:all .5s; -ms-transition:all .5s; -moz-transition:all .5s;}









.pic_fenlei{ border:6px #e44027 solid; background:#fff;  overflow:hidden;  position:relative;}

.pic_fenlei ul{ overflow:hidden;padding-bottom:20px;}

.pic_fenlei ul li{border-bottom:1px #ccc solid; height:50px; line-height:50px; font-size:13px; }



.tit_bt{  background:#e44027 ; text-align:center;  padding: 15px 0 10px ;color: #fff; font-size: 26px; font-weight: bold}

.tit_bt p{ font-size:18px; color:#fff; font-weight:400; margin-bottom:5px;}

.tit_bt span{color:#fff; text-transform:uppercase; font-size:12px; font-weight:normal; display:block; } 







.menu_list{  overflow:hidden; background:#fff;  margin:0 10px; }

.menu_list ul li{ margin-bottom:4px; background:#e44027 url(../images/jtnav2.png) no-repeat center  right  10px;  background-size:25px;text-align:left; text-indent:2em;;font-weight:400; margin-top:10px; font-size:16px; color:#fff}



.menu_list ul li a{ color:#fff;}



.menu_head{color:#333;cursor:pointer;background:#fff;overflow:hidden;text-overflow:ellipsis;white-space:nowrap; }

.menu_list h3{ background:#997e76; height:40px; line-height:40px; color:#fff; margin:15px 5px 0; text-align:left; font-size:18px; font-weight:400;  }

.menu_list .current{ overflow:hidden; color:#997e76; background :#e44027 url(../images/navjt.png) no-repeat center right 10px; background-size:25px;}

.menu_list .current a{color:#fff}

.menu_body{overflow:hidden; display:none;  }



.menu_body a{ line-height:30px;  font-size:15px; color:#333; display: block; float:left; width:50%; border:6px #fff solid; text-align:left;  overflow:hidden;text-overflow:ellipsis;white-space:nowrap;-webkit-transition:all .5s; transition:all .5s; -ms-transition:all .5s; -moz-transition:all .5s; background:url(../images/jtnav3.png) no-repeat center left ; padding-left:20px; box-sizing:border-box;}

.menu_body a:hover{-webkit-transition:all .5s; transition:all .5s; -ms-transition:all .5s; -moz-transition:all .5s;color:#e44027}



.menu_list ul li.wd{ background:#5fb3ea;}

.menu_head a{color:#333;}

















/*



.menu_list{  overflow:hidden;   background:#fff; padding:0px  0px; }

.menu_list ul li{ height:60px; line-height:60px; font-size:16px;  border-bottom:1px #ccc solid ; padding:0 0 0 55px;background:url(../images/navjt.png) no-repeat 25px  }

.menu_list ul li a{color:#333;}

.menu_list ul li a:hover{color:#e44027}

.menu_head{color:#fff;cursor:pointer;padding-left:30px;  }

.menu_list h3{ color:#997e76; margin:15px 5px 0; text-align:left; font-size:18px; font-weight:400;  margin-bottom:4px; background:url(../images/navjt.png) no-repeat  center right; text-indent:3em;  }

.menu_list .current{ overflow:hidden; color:#333; background: url(../images/navjt.png) no-repeat  25px;  }



.menu_list .current a{color:#000}

.menu_body{overflow:hidden;   border-top:none; padding:2% 0; border-bottom:1px #ccc solid;}

.menu_body  dd{ display:block; overflow:hidden;}



.menu_body ul li{color:#666; display: block; text-align:left;  overflow:hidden;  box-sizing:border-box;text-overflow:ellipsis;white-space:nowrap;-webkit-transition:all .5s; transition:all .5s; -ms-transition:all .5s; padding-left:10px; -moz-transition:all .5s; height:33px; line-height:33px; font-size:14px; padding-left:40px; background:none; border-bottom:none;}

.menu_body ul li a{ color:#666;}



.menu_body a:hover{ -webkit-transition:all .5s; transition:all .5s; -ms-transition:all .5s; -moz-transition:all .5s;color:#e44027}





*/











.pic{ overflow:hidden; margin:0px auto; width:90%; float:right}

.pic ul{ overflow:hidden;}

.pic ul li{float:left;width:33.33%; border:10px #f5f5f5 solid;transition:.5s; box-sizing:border-box;height:auto;overflow:hidden;}

.pic ul li .bg{width:100%;height:100%;position:absolute;left:0;opacity:0;top:0;transition:.3s;background:rgba(0,0,0,.5)}

.pic ul li .bg span{display:block;width:180px;height:50px;border-radius:30px;text-align:center;line-height:50px;color:#fff;font-size:18px;margin:0 auto;position:relative;top:50%;transform:translateY(-50%);text-indent:30px;background:#e44027 url(../images/icon01.png) no-repeat 35px center}

.pic ul li img{display:block;width:100%}

.pic ul li .img-box{position:relative}

.pic ul li div{ border:1px #e6e6e6 solid; overflow:hidden;}

.pic ul li p{width:100%;height:60px;line-height:60px;color:#333;font-size:16px;white-space:nowrap;overflow:hidden;background:#e6e6e6;text-align:center;text-overflow:ellipsis;transition:.3s;}















.ys{width:100%; overflow:hidden;margin:0px auto 0; position:relative;}

.ys:before{ content:url(../images/ystop.png); position:absolute; left:50%; top:0%; transform:translate(-50%,246px)}

.ys:after{content:""; width:1px; background:#ccc; height:100%; position:absolute; left:50%; top:0%; transform:translate(-50%,175px)}

.ys .swiper-slide { overflow:hidden; position:relative; margin-bottom:50px}

.ys .swiper-slide .ys_sz{  width:75px; background:url(../images/ys_img5.png) no-repeat center center; height:75px; position:absolute; left:50%; top:50%; transform:translate(-50%,-131%); text-align:center; line-height:75px; font-size:24px; font-weight:bold; color:#fff;transition:all ease .5s;-webkit-transition:all ease .5s; z-index:9}



.ys .swiper-slide .ys_img{ width:45%; float:right; overflow:hidden;}

.ys .swiper-slide .ys_img img{ width:100%;}

.ys .swiper-slide .ys_txt{ width:49%; float:left; overflow:hidden; margin-top:30px;}

.ys .swiper-slide .ys_txt h3{ font-size:30px; color:#e44027; font-weight:bold;}

.ys .swiper-slide .ys_txt p{ font-size:13px; color:#b2b2b2; padding-bottom:15px; margin-bottom:15px; position:relative;border-bottom:1px #f2f2f2 solid; text-transform:uppercase}

.ys .swiper-slide .ys_txt p:before{ content:""; width:0%; height:2px; background:#f2f2f2; position:absolute; bottom:0px; left:0px;transition:all ease .5s;-webkit-transition:all ease .5s;}

.ys .swiper-slide:hover .ys_txt p:before{ content:""; width:100%; height:2px; background:#e44027; position:absolute; bottom:0px; left:0px;transition:all ease .5s;-webkit-transition:all ease .5s;}



.ys .swiper-slide .ys_txt dl{ overflow:hidden; width: 90%}

.ys .swiper-slide .ys_txt dl dd{ font-size:16px; color:#666; line-height:30px; padding-left:20px; position:relative; margin-bottom:20px;}

.ys .swiper-slide .ys_txt dl dd:before{ content:"●"; font-size:12px; color:#ec7967; position:absolute; left:0px; }

.ys .swiper-slide:nth-child(2n) .ys_img{ float:left}

.ys .swiper-slide:nth-child(2n) .ys_txt{ float:right}

.ys .swiper-slide:nth-child(2n) .ys_txt h3{padding-left:80px;}

.ys .swiper-slide:nth-child(2n) .ys_txt p{ padding-left:80px;}

.ys .swiper-slide:nth-child(2n) .ys_txt dl{ float:right;}

.ys .swiper-pagination{ display:none;}









.casebox{width:98%;margin:0 auto;margin-top:40px; }

.casebox .swiper-container{ padding:30px 0; overflow:hidden;}

.casebox .swiper{padding-bottom:60px;}

.casebox .swiper-slide{transition:.5s;width:620px;transform-style:preserve-3d}

.casebox .swiper-slide img{display:block;width:100%;border:5px solid #fff;box-sizing:border-box}

.casebox .swiper-slide p{color:#333;font-size:18px;text-align:center; height:60px; line-height:60px;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}

.casebox  .swiper-slide p{opacity:0}

.casebox  .swiper-slide-active p,





.casebox  .swiper-slide-visible p{opacity:1}





.casebox .swiper-pagination{ width:100%;height:auto;overflow:hidden; display:flex;justify-content:center;align-items:center;}

.casebox .swiper-pagination span{display:block;width:10px;height:10px;outline:0;border-radius:100%;background:#999;margin:0 5px; opacity:1;-webkit-transition:all .5s;transition:all .5s;}

.casebox .swiper-pagination .swiper-pagination-bullet-active{background:#e44027; width:25px; border-radius:6px;-webkit-transition:all .5s;transition:all .5s;}





.casebox  .swiper-button-prev:after{content:"<"; font-family:"宋体"; color:#fff; font-size:40px;}

.casebox  .swiper-button-next:after{ content:">"; font-family:"宋体"; color:#fff;font-size:40px;}





.casebox  .swiper-button-next,

.casebox  .swiper-button-prev{ background:#333; padding:10px;    width: 20px;  height: 60px;}

.casebox  .swiper-button-next{top:45%; right: 60px; left: auto;}

.casebox  .swiper-button-prev{ top:45%;left: 60px;  }





























 .more{display:block;width:262px;height:58px;background:#fff ;margin:0 auto;margin-top:40px;color:#333;font-size:18px;text-align:center;line-height:58px;}



.pic ul li:hover p{background:#e44027;color:#fff;transition:.3s;}

.pic ul li:hover .bg{opacity:1}

.more:hover{color:#fff;background:#e44027 ;}

 .more:hover a{ color:#fff;}

 .more a{ color:#666;}







.pic_lb{ overflow:hidden; margin:0px auto}

.pic_lb ul{ overflow:hidden;}

.pic_lb ul li{float:left;width:33.33%; border:10px #f5f5f5 solid;transition:.5s; box-sizing:border-box;height:auto;overflow:hidden;}

.pic_lb ul li .bg{width:100%;height:100%;position:absolute;left:0;opacity:0;top:0;transition:.3s;background:rgba(0,0,0,.5)}

.pic_lb ul li .bg span{display:block;width:180px;height:50px;border-radius:30px;text-align:center;line-height:50px;color:#fff;font-size:18px;margin:0 auto;position:relative;top:50%;transform:translateY(-50%);text-indent:30px;background:#e44027 url(../images/icon01.png) no-repeat 35px center}

.pic_lb ul li img{display:block;width:100%}

.pic_lb ul li .img-box{position:relative}



.pic_lb ul li p{width:100%;height:60px;line-height:60px;color:#333;font-size:16px;white-space:nowrap;overflow:hidden;background:#fff;text-align:center;text-overflow:ellipsis}

 .more{display:block;width:262px;height:58px;background:#fff ;margin:0 auto;margin-top:40px;color:#333;font-size:18px;text-align:center;line-height:58px}



.pic_lb ul li:hover p{background:#e44027;color:#fff}

.pic_lb ul li:hover .bg{opacity:1}











.anlibj{ overflow:hidden; background:url(../images/anlibj.jpg) no-repeat center top; margin:0px auto ; padding-bottom:40px; background-size:cover}



.pic_content{ overflow:hidden;}

.pic_content ul{ overflow:hidden;}

.pic_content ul li{ width:25%; border:10px #1c1c1c solid; box-sizing:border-box; float:left; position:relative; overflow:hidden;}

.pic_content ul li img{width:100%; height:100%}





.pic_content ul li div{ width:100%;  height:100%; position:absolute; top:-100%; background:url(../images/zzhao.png) no-repeat; background-size:100% 100%;transition: 0.5s; -moz-transition: 0.5s; -ms-transition: 0.5s; -o-transition: 0.5s; -transition: 0.5s;}



.pic_content ul li div dl{ position:absolute; width:110px; height:110px;  left:50%; top:50%; margin-left:-50px; margin-top:-50px; background:url(../images/fdj.png) no-repeat center center ; opacity:0}

.pic_content ul li div p{ position:absolute; width:100%; height:50px; line-height:50px; bottom:0%; text-align:center;transition: 0.5s; -moz-transition: 0.5s; -ms-transition: 0.5s; -o-transition: 0.5s; -transition: 0.5s;}



.pic_content ul li p{ color:#fff; font-size:18px;}



.pic_content ul li div dl img{transition: 0.5s; animation: rotate 5s linear infinite;}

	



	

	

@-moz-keyframes rotate{

            0%{

              -moz-transform:rotate(0deg);

             }

             100%{

               -moz-transform:rotate(360deg);

             }

          }

          @-webkit-keyframes rotate{

            0%{

              -webkit-transform:rotate(0deg);

             }

             100%{

               -webkit-transform:rotate(360deg);

             }

          }

          @keyframes rotate{

            0%{

              transform:rotate(0deg);

             }

             100%{

               transform:rotate(360deg);

             }

          }

.pic_content ul li:hover div{ transition: 0.5s; -moz-transition: 0.5s; -ms-transition: 0.5s; -o-transition: 0.5s; -transition: 0.5s; top:0px;}

.pic_content ul li:hover div dl{ opacity:1;transition: 0.5s; -moz-transition: 0.5s; -ms-transition: 0.5s; -o-transition: 0.5s; -transition: 0.5s;}

.pic_content ul li:hover div p{bottom:20%;transition: 0.5s; -moz-transition: 0.5s; -ms-transition: 0.5s; -o-transition: 0.5s; -transition: 0.5s;}







.gengduo{ width:100%; height:50px; line-height:50px; text-align:center; background:#353535; margin:20px auto 40px; font-size:18px; border-radius:6px; }

.gengduo a{ color:#fff;}





.plb ul li{ width:33.33%; border:10px #fff solid; }

.plb{ clear:both;}







.cases{width:100%;height:auto;margin-top:0px;overflow:hidden; background:#f2f2f2; padding-bottom:50px;}

.cases .show{width:100%;height:auto;overflow:hidden;margin-top:40px}

.cases .show ul li{float:left;width:350px;margin-left:20px;height:auto;overflow:hidden}

.cases .show ul li div{border:1px solid #eeeeee7d;box-sizing:border-box}

.cases .show ul li img{display:block;width:100%}

.cases .show ul li p{width:100%;color:#333;font-size:16px;white-space:nowrap;text-overflow:ellipsis; overflow:hidden;margin-top:15px;text-align:center}

.cases .show ul li:hover p{ color:#e44027}







.about{width:100%;height:auto;overflow:hidden;margin-top:0px;padding:0px 0 0; background:url(../images/aboutbj.jpg) no-repeat center right; position:relative;}

.about .main{ overflow:hidden; background:#f1f1f1;}

.about .intro{float:right;width:65%}

.about .intro .int{ width:50%; margin:5%; overflow:hidden; position:relative; }

.about .intro .int h3{ font-size:60px; font-weight:400; text-transform:uppercase;}

.about .intro .int h3 p{ font-size:30px;}

.about .intro .int h3 p:after{content:""; width:50px;  height:2px; background:#000; position:absolute; bottom:0px;}

.about .intro .int span{ position:absolute; top:30px; right:0px; width:130px; height:40px; line-height:40px; font-size:18px; background:#e44027 ; text-align:center; color:#fff;}



.about .intro .int span a{ color:#fff;display:block;}

.about .intro .int span a:hover{background:#A20000; }



.about .intro h4{color:#000;font-size:30px;}

.about .intro h4 span{ font-size:16px;}



.about .intro .info{ width:50%; margin:0 5%; overflow:hidden;}

.about .intro .info p{ font-size:18px; line-height:34px; color:#666; margin-top:20px ;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 8; text-indent:2em;overflow: hidden;}



.about .jsgong{ display:none;}

.about .a_txt{float:left;width:35%; position:relative; z-index:2 }

.about .a_txt ul{ overflow:hidden; width:90%; float:right;}

.about .a_txt li{ height:20vh; line-height:20vh; overflow:hidden; font-size:48px; color:#fff; font-weight:bold; border-bottom:1px #fff solid}

.about .a_txt li span{ font-size:18px; float:right; font-weight:400; margin-right:20px;}



.about:before{content:""; background:#e44027;width:35%; height:100%; position:absolute; left:0px; top:0px; }

.about .pic img{display:block;width:100%}

.about .more{display:block;width:200px;height:58px; border-radius:6px; margin:5%;color:#fff;font-size:18px;text-align:center;line-height:58px; float:left; background:#e44027 ; display:none; }







.honor{width:100%;height:auto;overflow:hidden;margin-top:40px;position:relative}

.honor .main{position:relative}

.honor .swiper-container{position:initial}

.honor .swiper-button-next,.honor .swiper-button-prev{width:25px;height:48px;display:block;position:absolute;z-index:1}

.honor .swiper-button-next{right:-50px;background:url(../images/next.png) no-repeat center}

.honor .swiper-button-prev{left:-50px;background:url(../images/prev.png) no-repeat center}

.honor .swiper-slide{overflow:hidden}

.honor .swiper-slide img{transition:.5s;width:100%}

.honor .swiper-slide:hover img{transform:scale(1.05)}

.news{width:100%;height:auto;overflow:hidden;margin-top:20px}



.news .focus{width:30.5%;height:auto;overflow:hidden;position:relative;float:left;margin-top:30px; border:1px #f1f1f1 solid;}

.news .focus ul li{width:100%;height:auto;overflow:hidden;position:relative}



.news .focus ul li p{width:70%;padding-right:30%;position:absolute;height:55px;white-space:nowrap;text-overflow:ellipsis;overflow:hidden;bottom:0;line-height:55px;font-weight:700;text-indent:15px;color:#fff;font-size:16px;background:rgba(0,0,0,.6)}

.news .focus ul li p b{ float:right}

.news .focus ul li img{display:block;width:100%}



.news .swiper-pagination{position:absolute;bottom:20px;right:10px;z-index:10; left:inherit;}



.news .swiper-pagination span{display:inline-block;width:10px;height:10px;float:right;margin:0 5px;background:#fff;border-radius:50%; opacity:1}

.news .swiper-pagination .swiper-pagination-bullet-active{background:#f39800}

.news .swiper-slide img{ width:100%; height:100%}





.news .list{width:68%;height:auto;overflow:hidden;float:right;margin-top:30px}

.news .list ul li{width:49%;height:auto;overflow:hidden;border:1px solid #e6e6e6;padding:30px 20px;box-sizing:border-box;margin-bottom:10px;float:left}

.news .list ul li:nth-child(2n){float:right}

.news .list ul li .tit{width:100%;height:auto;overflow:hidden;padding-bottom:15px;background:url(../images/icon03.png) no-repeat right top;border-bottom:1px solid #e6e6e6}

.news .list ul li .time b{color:#e44027;font-size:36px;font-weight:700}

.news .list ul li .time p{color:#333;font-size:12px;margin-top:-3px}

.news .list ul li .info{width:100%;height:auto;overflow:hidden;margin-top:20px}

.news .list ul li .info h4{color:#000;font-size:18px;font-weight:400;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}

.news .list ul li .info p{color:#666;font-size:14px;line-height:24px;height:48px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;margin-top:10px;overflow:hidden}



.news .list ul li:hover .info h4{ color:#e44027}

.zhichi{ overflow:hidden; margin:50px auto; background:#fff; padding:10px 0 50px}

.zhichi ul{ overflow:hidden; box-shadow:0 0 5px #ccc; padding:40px 0}

.zhichi ul li{ width:25%; float:left; text-align:center; border:10px #fff solid; box-sizing:border-box;overflow:hidden;  padding-bottom:40px; position:relative;}



.zhichi ul li:after{content:""; width:1px; background:#ccc; height:100%; position:absolute; right:0px; top:0px;}



.zhichi ul li div{ width:82px; height:82px; margin:0px auto;}

.zhichi ul li h3{ font-size:26px; color:#333; font-weight:400; margin:15px auto}

.zhichi ul li p{ font-size:16px; text-transform:uppercase; color:#666; padding:0 20%;}



.float{width:.8rem;height:auto;position:fixed;right:.1rem;top:50%;transform:translateY(50%);z-index:1000;overflow:hidden;display:none}

.float a{display:block;width:.8rem;height:.68rem;border-radius:.05rem 0 0 .05rem;margin-bottom:.05rem;background:url(../images/icon05.png) no-repeat center top;background-size:.8rem auto;overflow:hidden}

.float a:last-child{background:url(../images/icon05.png) no-repeat center bottom;background-size:.8rem auto}

.footer{width:100%;height:auto;overflow:hidden;box-sizing:border-box;padding-top:50px;margin-top:80px;position:relative;background:#2f2f2f; background-size:cover;}

.footer .main{height:auto;overflow:hidden}

.footer .intro{float:left; height:auto;overflow:hidden}

.footer .tit{height:auto;overflow:hidden; position:relative}

.footer .tit:after{content:"";width:30px;height:1px;position:absolute; bottom:0px;background:#fcc924}

.footer .tit p{color:#fff;font-size:16px;float:left}

.footer .tit span{display:block;float:left;font-size:12px;color:#fff;text-transform:uppercase;margin-left:10px;margin-top:3px}

.footer .intro h4{color:#fff;margin-top:20px;font-size:24px}

.footer .intro a{color:#fff}

.footer .intro .info{color:#fff;font-size:14px;line-height:24px;margin-top:10px}



.footer .b_nav{ float:left; width:15%; margin-left:5%}

.footer .b_nav ul{ margin:20px auto}

.footer .b_nav ul li{ width:50%; border:5px #2f2f2f solid; float:left; box-sizing:border-box;}

.footer .b_nav ul li a{ border:1px #fff solid; height:50px; line-height:50px; text-align:center; color:#fff; display:block;}



.footer .ewm{float:left; margin-left: 15%;}

.footer .ewm dl{ overflow:hidden;}

.footer .ewm dl dd{ float:right; margin:0 5px;}

.footer .ewm img{display:block;width:150px;margin:0 auto;margin-top:20px}

.footer .ewm b{text-align:center;color:#fff;font-size:14px;margin-top:10px;font-weight:400;display:block}

.footer .links{width:100%;height:auto;overflow:hidden;border-top:1px solid #636363; margin-top:20px;}

.footer .links .t{height:auto;overflow:hidden;margin-top:20px;float:left}

.footer .links .t img{display:block;float:left;margin-right:5px;margin-top:3px}

.footer .links .t p{color:#fff;font-size:14px;float:left}

.footer .links .t span{color:#fff}



.footer .links ul{float:right;width:90%;height:60px;overflow:hidden}

.footer .links ul a{color:#fff;font-size:14px; margin:0 5px; line-height:60px; }

.footer .links ul a:hover{ text-decoration:underline;}

.fn{display:none}

.crumbs{width:100%;height:auto;overflow:hidden;border-bottom:1px solid #eee}

.crumbs img{display:block;float:left;margin-top:12px;margin-right:10px}

.crumbs p{color:#333;font-size:14px;line-height:50px;float:left}

.crumbs a{color:#333;line-height:50px;padding-right:10px;position:relative}

.crumbs a:after{content:">";position:absolute;right:0;top:-16px;font-family:'宋体'}

.crumbs a:last-child:after{width:0;height:0;overflow:hidden}



.page{margin:0 auto;margin-top:20px;margin-bottom:20px}

.page ul{display:table;margin:0 auto}

.page ul li{float:left;border:1px solid #ccc;box-sizing:border-box;height:40px;line-height:40px;padding:0 15px;margin:0 5px;border-radius:5px}

.page ul li a{color:#333;font-size:12px}

.page ul .thisclass{background:#e44027;color:#fff;border:1px solid #e44027}

.page ul .thisclass a{ color:#fff;}





.tbox{ position:absolute; bottom:0px; width:100%;}

.tab{ overflow:hidden; margin: 0px auto; width:500px;}

.tab ul{ overflow:hidden; text-align:center;}

.tab ul li{ display:inline-block;  overflow:hidden; color:#fff; font-size:24px; font-weight:bold; margin-left:20px;; background:#8d8a8a; border-radius:8px; padding:30px;}

.tab ul li img{ width:42px; margin-right:10px; margin-top:1px;  overflow:hidden; float:left;}

.tab ul li span{ font-weight:400; font-size:14px; color:#fff;  display:flex;}



.tab ul li.thistab{ color:#fff; background:#e44027}

.tab ul li.thistab span{ color:#fff}





.gcf{ background:#f8f8f8; overflow:hidden;   margin:0px auto 0; padding:40px 0}

.gcf ul{overflow:hidden;}

.gcf ul dl{overflow:hidden; display:none;}

.gcf ul dl .cf{ overflow:hidden;}

.gcf ul dl .cf ul{ overflow:hidden;}

.gcf ul dl .cf ul li{ width:430px; float:left; margin:0 8px; overflow:hidden;}

.gcf ul dl .cf ul li div{ overflow:hidden; border:5px #ccc solid;}

.gcf ul dl .cf ul li div img{transition:.5s;width:100%}

.gcf ul dl .cf ul li div:hover img{transform:scale(1.05)}



.gcf ul dl .zizhi{ overflow:hidden;}

.gcf ul dl .zizhi ul{ overflow:hidden;}

.gcf ul dl .zizhi ul li{ width:260px; float:left; margin:0 8px; overflow:hidden;}

.gcf ul dl .zizhi ul li div{ overflow:hidden; border:5px #ccc solid;}

.gcf ul dl .zizhi ul li div img{transition:.5s;width:100%}

.gcf ul dl .zizhi ul li div:hover img{transform:scale(1.05)}











.huoban{background:#f8f8f8; overflow:hidden;   margin:0px auto 0; padding:20px 0 50px}

.hb{ overflow:hidden; }

.hb ul{ overflow:hidden; }

.hb ul li{ overflow:hidden; width:320px; float:left; border:10px #f8f8f8 solid; box-sizing:border-box; }

.hb ul li div{ border:1px #ccc solid; overflow:hidden; background:#fff; }

.hb ul li div img{ width:100%;}

.hb{ overflow:hidden; }









.img-list{width:100%;height:auto;overflow:hidden;background:#f5f5f5}

.img-list .pic{margin-top:30px;height:auto;overflow:hidden}

.img-list .pic ul{margin-top:10px}

.img-list .pic ul li{float:left;width:440px;height:auto;overflow:hidden;margin-left:20px;margin-bottom:20px}

.img-list .pic ul li:nth-child(3n-2){margin-left:5px}

.img-list .pic ul li img{display:block;width:100%}

.img-list .pic ul li p{width:100%;height:auto;overflow:hidden;color:#333;font-size:16px;text-align:center;background:#fff;height:50px;line-height:50px;white-space:nowrap;text-overflow:ellipsis;overflow:hidden}

.news-list{width:100%;height:auto;overflow:hidden;margin-top:30px}

.news-list ul{margin-top:5px}

.news-list ul li{width:49%;height:auto;overflow:hidden;border:1px solid #e6e6e6;padding:30px 20px;box-sizing:border-box;transition:.5s;margin-bottom:20px;float:left}

.news-list ul li:nth-child(2n){float:right}

.news-list ul li .tit{width:100%;height:auto;overflow:hidden;padding-bottom:15px;background:url(../images/icon03.png) no-repeat right top;border-bottom:1px solid #e6e6e6}

.news-list ul li .time b{color:#e44027;font-size:36px;font-weight:700}

.news-list ul li .time p{color:#333;font-size:12px;margin-top:-3px}

.news-list ul li .info{width:100%;height:auto;overflow:hidden;margin-top:20px}

.news-list ul li .info h4{color:#000;font-size:18px;font-weight:400;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}

.news-list ul li .info p{color:#666;font-size:14px;height:48px;line-height:24px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;margin-top:10px;overflow:hidden}







.sp_nav{width:50px;float:right;position:relative;cursor:pointer;height:30px;margin-top:28px; display:none; margin-right:10px;}

.sp_nav span{display:block;background:#e44027;width:36px;height:6px;position:absolute;left:10px;transition:all ease 0.35s; border-radius:6px;}

.sp_nav span:nth-of-type(1){top:0px}

.sp_nav span:nth-of-type(2){top:13px}

.sp_nav span:nth-of-type(3){top:26px}

.sp_nav_se span:nth-of-type(1){top:10px;transform:rotate(45deg)}

.sp_nav_se span:nth-of-type(2){width:0}

.sp_nav_se span:nth-of-type(3){top:10px;transform:rotate(-45deg)}

.sjj_nav{position:fixed;z-index:9999;background:#eee;width:100%;height:calc(100% - 104px);font-size:14px;line-height:40px;top:-100%;left:0;overflow:auto;overflow-x:hidden;transition:top ease 0.35s;}

.nav_show{top:100px}

.sjj_nav>ul>li:first-child{overflow:hidden;border-top:0}

.sjj_nav>ul>li:first-child>a{float:left;width:calc(100% - 70px)}

.sjj_nav>ul>li:first-child .language{float:right;width:70px;overflow:hidden;line-height:30px;margin-top:5px}

.sjj_nav>ul>li:first-child .language a{width:35px;float:left;border-left:1px #ddd solid;text-align:center;color:#999;}

.sjj_nav ul li i{position:absolute;top:5px;right:0px;border-left:1px #ddd solid;height:30px;padding:0px 7px 0 7px;}

.sjj_nav ul li i svg{transform:rotate(-90deg);transition:all ease 0.35s}

.sjj_nav ul li .sjj_nav_i_se svg{transform:rotate(0deg)}

.sjj_nav ul li{border-top:1px #ddd solid;margin-left:20px;position:relative;line-height:40px;font-size:14px}

.sjj_nav>ul >li:last-child{border-bottom:1px #ddd solid;}

.sjj_nav ul li ul{display:none}

.sjj_nav ul li a{color:#666;width:80%}

.sjj_nav ul li ul li a{color:#999;display:block;text-align:left;}

.sjj_nav ul li i svg{width:20px;height:20px;fill:#555;}

.sjj_nav ul li .sjj_nav_i_se svg{fill:#c9141e}

.sjj_nav ul li ul li>ul{margin-left:10px}









.mbx{width:100%;height:62px;border-bottom:1px solid #eaeaea;max-width:1920px;margin:0 auto;position:relative; z-index:2}

.mbx a.home{display:block;width:64px;height:62px;border-left:1px solid #eaeaea;border-right:1px solid #eaeaea;background:url(../images/InpageAddress_icon01.png) no-repeat center;float:left;position:relative;z-index:999; margin-right:10px;}

.mbx a.home:hover{background:url(../images/InpageAddress_icon03.png) no-repeat center}

.mbx .p1{line-height:62px;margin-left:16px;position:relative;z-index:9; overflow: hidden;

white-space: nowrap;

text-overflow: ellipsis;}

.mbx .p1 a{padding-right:14px;background:url(../images/InpageAddress_icon02.png) no-repeat right center;font-size:16px;margin-left:10px;overflow: hidden;

white-space: nowrap;

text-overflow: ellipsis;}

.mbx .p1 a:first-child{margin-left:0}

.mbx .p1 a:last-child{background-image:none}



.n_banner{ width:100%; margin:0px auto; overflow:hidden;}

.n_banner img{ width:100%; margin:0px auto;}



.pro-intro{overflow:hidden;margin-top:6px;padding:10px 14px 20px}

.pro-intro .img{float:left;width:450px;height:auto;overflow:hidden}

.pro-intro .img img{display:block;width:450px;height:395px}

.pro-intro .info{float:right;width:428px;height:395px;box-sizing:border-box;overflow:hidden;border:1px solid #d2d2d2;border-left:none}

.pro-intro .info p{color:#555;font-size:20px;border-bottom:1px solid #d9d9d9;height:45px;margin-top:60px;text-indent:20px}

.pro-intro .info .tel{width:100%;height:160px;border-bottom:1px solid #d9d9d9}

.pro-intro .info .tel img{display:block;margin-top:25px;margin-left:25px}

.pro-intro .info .tel b{width:100%;display:block;color:#1c71c8;margin-left:25px;font-size:36px;margin-top:10px;line-height:36px;font-weight:400}

.pro-intro .data{width:100%;height:auto;overflow:hidden}

.pro-intro .info .btn{width:100%;height:auto;overflow:hidden;margin-top:30px;margin-left:25px}

.pro-intro .info .btn a{display:block;width:165px;height:48px;background:#1c71c8;color:#fff;float:left;margin-right:15px;line-height:48px;font-size:16px;text-indent:30px;border-radius:10px;position:relative}

.pro-intro .info .btn a:after{content:url(../images/kf.png);position:absolute;top:13px;right:29px}

.pro-intro h2{font-size:28px;color:#333;font-weight:400;margin-bottom:16px;text-align:center;margin-top:20px}

.pro-intro .share{width:100%;height:46px;line-height:46px;border-bottom:1px #e7e7e7 solid;background:#f1f1f1;text-align:center}

.pro-intro .share p span{display:inline-block;font-size:12px;color:#999;padding:0 8px}

.pro-intro .info .btn a:last-child{background:#595757;text-indent:0;text-align:center}

.pro-intro .info .btn a:last-child::after{content:""}

.pro-intro .info .btn a:hover{background:#25b240}

.pro-intro .intro{width:100%;height:auto;overflow:hidden;margin-top:40px;min-height:500px}

.pro-intro .intro .t{width:100%;height:30px;border-bottom:1px solid #d2d2d2}

.pro-intro .intro .t p{color:#fff;font-size:18px;background:#1c71c8;width:180px;height:30px;line-height:30px;text-align:center}

.pro-intro .text{width:100%;height:auto;overflow:hidden;color:#666;font-size:16px;line-height:30px;margin:20px 0px 20px; }

.pro-intro .textxq{width:100%;height:auto;overflow:hidden;color:#666;font-size:16px;line-height:30px;margin-top:20px;}

.pro-intro .textxq iframe{ width:800px; height:600px; display:block; margin:0px auto;}

.pro-intro .textxq img{display:block;max-width:100%;margin:0 auto}

.pro-intro .textxq  p{ font-size:16px; line-height:28px; color:#666; text-indent:2em;}

.article-detailed{overflow:hidden;margin-top:20px}



.article-detailed{margin:0 auto;overflow:hidden;margin-top:20px}

.article-detailed .tit{height:auto;overflow:hidden;margin-bottom:15px}

.article-detailed .tit p{color:#333;font-size:18px;text-align:center;border-bottom:1px dashed #f1f1f1;height:30px}

.article-detailed .tit span{display:block;color:#333;margin-top:5px;font-size:12px;text-align:center}

.article-detailed .intro{height:auto;overflow:hidden}

.article-detailed .intro img{display:block;max-width:100%;margin:0 auto}

.article-detailed .intro p{color:#333;font-size:16px;line-height:30px; text-indent:2em;}





.fy{height:auto;border:1px solid #d2d2d2;overflow:hidden;margin-top:30px}

.fy p{width:33.3333%;height:60px;line-height:60px;float:left;color:#666;font-size:16px;text-align:center;border-right:1px solid #d2d2d2; box-sizing:border-box; overflow: hidden;text-overflow: ellipsis;white-space: nowrap; padding:0 10px;  }

.fy p:last-child{border:none}

.fy p a{color:#666}

.fy p a:hover{color:#e44027}









.bbj{ position:fixed; top:0px; left:0px; width:100%; height:100%; background:rgba(0,0,0,0.6); z-index:1000; display:none;  }

.nav_muen{ margin:5% 10%; background:#fff; border-radius:10px; overflow:hidden; width:auto;}

.nav_muen h3{ font-size:20px; color:#000; margin:10px;}

.nav_muen h3 span{ float:right;  cursor: pointer}

.nav_muen h3 span img{ width:30px;}

.pc_muen{ overflow:hidden; margin:20px 8px;overflow-Y:scroll; height:600px; width:auto}

.pc_muen::-webkit-scrollbar {

		width: 6px;

		height: 6px;

		background-color: rgba(240, 240, 240, 1);

}

.pc_muen::-webkit-scrollbar-track {

		box-shadow: inset 0 0 0px rgba(240, 240, 240, .5);

		border-radius: 10px;

		background-color: rgba(240, 240, 240, .5);

}

.pc_muen::-webkit-scrollbar-thumb {

		border-radius: 10px;

		box-shadow: inset 0 0 0px rgba(237, 44, 37, .5);

		background-color: rgba(237, 44, 37, .5);

}



.pc_muen ul{ overflow:hidden; padding-top:1px;}

.pc_muen ul li{ overflow:hidden; margin-top:6px; border:1px #ccc solid;  height:60px; overflow:hidden; position:relative;}

.pc_muen ul li dd{ width:180px; float:left;  overflow:hidden; line-height:60px; text-align:center; font-size:16px; font-weight:bold; color:#e44027 }

.pc_muen ul li dd a{ color:#e44027; position:relative; z-index:5}

.pc_muen ul li:before{content:"";background:#f5f5f5; width:180px; height:100%; left:0px; top:0px; position:absolute; z-index:0; border-right:1px #ccc solid}

.pc_muen ul li dt{     margin-right: 50px; line-height:39px; padding:12px  10px 0 ; margin-bottom:5px; }

.pc_muen ul li dt a{ margin:0 10px; display:inline-block;}

.pc_muen ul li dt a:hover{ color:#e44027; text-decoration:underline;}

.pc_muen ul li.ast{ height:auto;}

.pc_muen ul li .mores{ position:absolute; top:0px; right:0px;width:40px; height:60px;}

.pc_muen ul li .mores:after{content:">"; font-family:"宋体"; color:#999; position:absolute; right:20px; width:40px; height:60px; font-weight:bold;transform: rotate(90deg); line-height:40px; text-align:center; font-size:20px;}

.pc_muen ul li .mm{ width:40px; height:60px; right:-19px;}

.pc_muen ul li .mm:after{content:">"; font-family:"宋体"; color:#999; position:absolute; right:20px; width:40px; height:60px; font-weight:bold;transform: rotate(-90deg); line-height:40px; text-align:center;font-size:20px;}







.html{ overflow:hidden;}





.anli_lb{overflow:hidden;margin:20px auto 0;}

.anli_lb ul{overflow:hidden;}

.anli_lb ul li{width:25%; border:10px #fff solid; box-sizing:border-box;float:left;overflow:hidden;}

.anli_lb ul li div{overflow:hidden;width:100%;}

.anli_lb ul li p{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;height:40px;line-height:40px;font-size:16px;text-align:center; position:relative}

.anli_lb ul li a:hover dd{color:#0d347c}

.anli_lb ul li a{color:#333}

.anli_lb ul li div img{-webkit-transition:all .5s;transition:all .5s;width:100%;height:100%}

.anli_lb ul li div:hover img{-webkit-transform:scale(1.1);transform:scale(1.1)}

.anli_lb ul li:hover p{color:#e44027fy}





.advantage-banner{width:100%;position:relative}

.advantage-banner img{width:100%}

.advantage-banner-title{font-size:3rem;color:rgba(255,255,255,.8);position:absolute;top:50%;left:50%;width:28.125rem;margin-left:-14.063rem;text-shadow:5px 5px 5px rgba(219,130,52,.1)}

.advantage-icon{margin:0 auto;margin-top:5rem ; width:1024px}

.advantage-title{margin:0 auto;text-align:center; font-size:30px;}

.advantage-subtitle{ font-size:16px;color:#666;text-align:center}

.advantage-icon-box{width:100%;display:flex;flex-shrink:0;flex-wrap:wrap;margin-top:20px}

.advantage-icon-item{width:33.33%; border:20px #fff solid; box-sizing:border-box; text-align:center;}



.advantage-icon-item span{display:block;text-align:center;color:#333; font-size:16px;}



.advantage-design{margin:50px auto 0}

.advantage-design-box{margin-top:3.75rem;display:flex;justify-content:space-between}

.advantage-design-l{width:59%;position:relative}

.advantage-design-l img{width:100%}

.advantage-design-l-mask{width:51.5rem;height:44.25rem;position:absolute;top:0;left:0;background-color:rgba(2,135,229,.5);display:flex;justify-content:center;align-items:center;font-size:1.5rem;font-family:Microsoft YaHei;font-weight:700;color:#fff;display:none}

.advantage-design-r{display:flex;flex-direction:column;position:relative; width:40%}

.advantage-design-r1,.advantage-design-r2{position:relative}

.advantage-design-r-mask{width:34.125rem;height:21.25rem;position:absolute;left:0;top:0;background-color:rgba(2,135,229,.5);display:flex;justify-content:center;align-items:center;font-size:1.5rem;font-family:Microsoft YaHei;font-weight:700;color:#fff;display:none}

.advantage-design-r img{width:100%}

.advantage-design-r1{margin-bottom:5px}

.advantage-technology{margin:0 auto;margin-top:5rem; text-align:center;}

.advantage-technology-box{margin-top:3.75rem; overflow:hidden;}

.advantage-technology-box img{width:50%; float:left; border:10px #fff solid; display:block; box-sizing:border-box;}



.advantage-product{width:100%;background-image:url(../images/ad-product-bg.jpg);background-repeat:no-repeat;background-size:100% 100%; position:relative; overflow:hidden; }



.advantage-product-box{width:500px;background:rgba(51,51,51,.2); padding:30px; margin:50px; float: right;}



.advantage-product-title{font-size:20px;line-height:24px;font-family:Microsoft YaHei;font-weight:400;color:#fff; font-weight:bold;}

.advantage-product-intro{font-size:1.5rem;font-family:Microsoft YaHei;font-weight:400;color:rgba(255,255,255,.9);line-height:3rem;text-shadow:0 .625rem 1.875rem rgba(14,31,66,.3)}

.advantage-project{margin:0 auto;overflow:hidden}

.advantage-project-box{width:40%;box-sizing:border-box;padding:3.125rem 2.5rem;float:left;margin-top:7.875rem}

.advantage-project img{width:60%;float:right}

.advantage-title-s{font-size:2.25rem;font-family:Microsoft YaHei;font-weight:400;color:#333}

.advantage-intro{font-size:1.5rem;font-family:Microsoft YaHei;font-weight:400;color:#333;line-height:3rem;margin-top:1.5rem}

.advantage-install{margin:0 auto;overflow:hidden}

.advantage-install-box{width:40%;margin-top:4.375rem;float:right}

.advantage-install img{width:60%;float:left}

footer{margin-top:0}





.news_lb{overflow:hidden; margin-top:20px;}

.news_lb ul{overflow:hidden;padding:10px}

.news_lb ul li{padding:2%;margin-bottom:20px;float:left;-webkit-transition:all .5s;transition:all .5s;-ms-transition:all .5s;-moz-transition:all .5s;border:1px #ccc dotted ; width:96%}

.news_lb ul li h3{-webkit-transition:all .5s;transition:all .5s;-ms-transition:all .5s;-moz-transition:all .5s;color:#494949;font-size:18px;margin-bottom:20px;display:block;position:relative;padding-right:100px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-weight:400}

.news_lb ul li p{color:#7f7f7f;font-size:15px;line-height:24px;padding-left:20px;overflow:hidden;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2}

.news_lb ul li h3:before{content:'';width:6px;height:6px;border-radius:50%;background:#494949;display:inline-block;margin:0 12px 2px 0;-moz-box-sizing:border-box;box-sizing:border-box}

.news_lb ul li h3 span{font-family:HNT;font-size:16px;font-weight:400;color:#919191;position:absolute;top:1px;right:0;line-height:1}

.news_lb ul li h3:hover{padding-left:10px;-webkit-transition:all .5s;transition:all .5s;-ms-transition:all .5s;-moz-transition:all .5s}

.news_lb ul li:hover{box-shadow:0 0 6px #ccc;-moz-box-shadow:0 0 6px #ccc;-ms-box-shadow:0 0 6px #ccc;-o-box-shadow:0 0 6px #ccc;-box-shadow:0 0 6px #ccc;transform:translate(0,-10px);box-shadow:0 0 10px #ccc;-moz-transform:translate(0,-10px);-ms-transform:translate(0,-10px);-o-transform:translate(0,-10px);-webkit-transform:translate(0,-10px);-webkit-transition:all .5s;transition:all .5s;-ms-transition:all .5s;-moz-transition:all .5s}

.lxwmmt{overflow:hidden;padding:20px 0}

.lxwmmt .xlw{ line-height:30px; font-size:16px;  width:50%; float:left;}

.lxwmmt .xlw h3{ font-size:28px; color:#333; margin:20px auto;}



.lxwmmt .xlw p{line-height:36px; font-size:18px; }

.lxwmmt .xlw div{ overflow:hidden; margin-top:10px;}

.lxwmmt .xlw div img{ width:100%;}

.fas{ display:none;}





.mssg-intro{}

.mssg-intro h3{ font-size:28px; color:#333; margin:20px auto;}



.mssg-intro form{padding:5%;background:#eee; overflow:hidden;}

.mssg-intro form ul li{width:100%;height:auto;overflow:hidden;border:1px solid #d2d2d2;margin-bottom:15px;background:#fff;border-radius:5px}

.mssg-intro form ul li input{height:50px;border:none;width:100%;outline:0;text-indent:10px;color:#999;font-size:16px;background:0 0;font-family:'微软雅黑'}

.mssg-intro form ul li textarea{width:788px;height:100px;border:none;outline:0;font-family:'微软雅黑';resize:none;background:0 0;text-indent:10px;padding-top:10px;color:#999;font-size:16px}

.mssg-intro form .btn input{width:49%;display:block;float:left;padding:3% 0;background:#e44027;outline:0;border:none;font-size:.22rem;color:#fff;border-radius:6px}

.mssg-intro form .btn input:last-child{background:#999;margin-left:2%}


.map{overflow:hidden; width:48%; float:right; height:500px;}








.side{position:fixed;width:78px;right:0;top:50%;margin-top:-200px;z-index:500;border:1px solid #ccc;background:#fff;border-bottom:0}

.side ul li{width:78px;height:78px;float:left;position:relative;border-bottom:1px solid #e0e0e0;color:#333;font-size:14px;line-height:38px;text-align:center;transition:all .3s;cursor:pointer;}

.side ul li a{color:#333}

.side ul li:hover{background:#e44027;color:#fff}

.side ul li:hover a{color:#fff}

.side ul li i{height:25px;margin-bottom:1px;display:block;overflow:hidden;background-repeat:no-repeat;background-position:center center;background-size:auto 25px;margin-top:14px;transition:all .3s}

.side ul li i.bgs1{background-image:url(../images/ios01.png)}

.side ul li i.bgs2{background-image:url(../images/ios02.png)}

.side ul li i.bgs3{background-image:url(../images/ios03.png)}



.side ul li i.bgs6{background-image:url(../images/ios03.png)}



.side ul li:hover i.bgs1{background-image:url(../images/icon11.png)}

.side ul li:hover i.bgs2{background-image:url(../images/icon22.png)}

.side ul li:hover i.bgs6{background-image:url(../images/icon33.png)}





.side ul li.sideetel:hover .telBox{display:block}

.side ul li.sideewm:hover .ewBox{display:block}

.side ul li .sidebox{position:absolute;width:78px;height:78px;top:0;right:0;transition:all .3s;overflow:hidden}





.side ul li.sideewm .ewBox{width: 152px;

    display: none;

    color: #363636;

    text-align: center;

    padding: 10px;

    position: absolute;

    left: -174px;

    top: -75px;

    background-repeat: no-repeat;

    background-position: center center;

    border: 1px solid #e0e0e0;

    background: #e44027;}

.side ul li.sideetel .telBox{width:240px;height:78px;display:none;color:#fff;text-align:left;position:absolute;left:-240px;top:0;background:#e44027}

.side ul li.sideetel .telBox dd{display:block;height:100px;overflow:hidden;padding-left:82px;line-height:20px;font-size:18px;padding-top:14px}

.side ul li.sideetel .telBox dd span{display:block;line-height:28px;height:28px;overflow:hidden;margin-top:11px;font-size:18px}

.side ul li.sideetel .telBox dd.bgs1{background:url(../images/right_pic8.png) 28px center no-repeat;background-color:#0a8ada}

.side ul li.sideetel .telBox dd.bgs2{background:url(../images/icon11.png) 28px 19px no-repeat;background-size:15%}

.side ul li.sideewm .ewBox img{width:100%}









.w50{ margin-top:50px }

.dq{ display:none;}



.buttom,.gongsi{display: none;}







@media (max-width:1850px){.head .nav ul li { width:100px;}}





@media (max-width:1700px){.head .nav ul li{ width:85px;}}

	

@media (max-width:1600px){ 

.news .focus{ width:37%}

.news .list{ width:62%}

.casebox .swiper-slide{ width:520px}



.wary_left{ width:20%;}

.wary_right{ width:78%;}



}	

	

	@media (max-width:1560px){ 

	.head .logo{ width:250px;}

 .head .logo img:first-child{ display:none; }

.head .logo img:last-child{ display:block; }

 .head .logo img{ width:100%;}

}	



	

@media (max-width:1440px){



.ys .swiper-slide{ margin:0px auto}

.ys .swiper-slide .ys_txt {

    margin-top: 0px;

}

.casebox .swiper-slide{ width:470px}

.wary_left{ width:24%;}

.wary_right{ width:74%;}

}





@media (max-width:1366px){





.casebox .swiper-slide{ width:440px}

}









@media (max-width:1250px){	

.head .logo{float:left; margin:20px  0 20px 10px; width:200px;}

.head .logo img:first-child{ display:none;}

.head .logo img:last-child{ display:block;}



.head{ text-align:center; max-width:750px; margin:0px auto; position:relative; background:#fff; height:85px;}

.head .nav { display:none;float: none; height: 100px;  margin-left: 0px; width:100%; max-width:750px; min-width:320px; background:#e44027; height:inherit; position:fixed; height:100%; top:80px;}









.hot{ display:none;}

.dq{ display:block;}

.head .nav ul{ overflow:hidden;}

.head .nav ul li{ width:100%; float:inherit; border-right:none; border-top:1px #fff solid; box-sizing:border-box; overflow:hidden; height:inherit; line-height:inherit; padding:5% 0;}

.head .nav ul li a{color:#fff;}

.head .nav ul li a:hover{color:#fff;}

.head .sp_nav { display:block;}





.firstpane{display:none;}



 .wary_left{ width:auto; float:none; margin-bottom:20px; }

	.wary_right { width: auto;}

	.menu_list {  min-height:inherit;}

.main,.content{ width:auto; padding:0%; max-width:750px; min-width:320px; margin:0px auto }





.head .main{ display:block; text-align:center;}





.title1{overflow:hidden;background:#5f83bf ;font-size:20px;color:#fff;font-weight:700;text-align:center;padding:2% ;text-align:left}

.title1 p{color:#fff;text-transform:uppercase;font-size:13px;font-weight:400; display:none;}



.fll,.about,.xbanner,.cases,.footer{ max-width:750px; margin:0px auto;}

.xbanner { margin-top:0px;}



.title p {font-size: 16px;letter-spacing: 0px;}

.pic ul li:nth-child(n+7){ display:none;}

.zhichi ul{ margin:0 10px;}

.zhichi ul li{ width:50%; position:relative; border:none; padding:30px 0  }

.zhichi ul li:before{ content:""; width:100%; height:1px; background:#ccc ; position:absolute; bottom:0px; left:0px;}

.zhichi ul li:nth-child(2n):after{content:""; display:none; }

.zhichi ul li:nth-child(3):before,.zhichi ul li:nth-child(4):before{content:""; display:none; }





.side { display:none;}



.pic_muen {

    width: 100%;

    float:inherit;

    padding: 20px 0;

    position: relative;

    font-size: 30px;

    font-weight: bold;

    color: #fff;

    background: #e44027;

    line-height: 36px; text-align:center;

}



.pic_com {

    overflow: hidden;

    width: auto;

    float:inherit; margin:30px auto;

}





.picbox .swiper-button-next{ display:none;}



.picbox .swiper-button-prev{ display:none;}



.footer{ background:#222;}



	

	.fas{ width:100%; padding:3% 0; text-align:center; color:#fff; background:#e44027; text-align:center; font-size:16px; display:block}

	.fas:before{ content:"▲"; color:#fff; }



	.anli_lb ul li{ width:50%; border:5px #fff solid;}

	.advantage-project-box{ width:auto; float:none; margin-top:10px;}

	.advantage-project img {

    width: 100%;

    float: none;

}

.advantage-install-box {

    width: auto;

padding: 3.125rem 2.5rem;

    float: none;

}

.advantage-install img {

    width: 100%;

    float: none;

}

	.footer{ margin-top:0px;     padding-bottom: 10%;}

.n_banner img{ width:150%; margin-left:-20%}

.footer .intro{ width:auto; float:none; text-align:left; padding-left:10px; margin-bottom:20px;}

.footer .ewm{ width:auto; float:none; text-align:left;padding-left:10px;}

.footer .ewm img{ margin-top:20px; margin-left:0px; }

.footer .ewm b{ text-align:left; padding-left:10px;}



.banner{ display:none;}

.mbanner{ display:block; margin:0px auto; max-width:750px;}

.pic_nav{ height:inherit; overflow:hidden;}

.pic_nav ul li{ width:50%; overflow:hidden;}

.pic ul li{ width:50%; border:5px #f5f5f5 solid;}

.cases .show ul li{ width:220px;}





.about .intro{float:none;width:auto; margin:0 10px; padding:0 10px 30px;; background:#fff;}



.about .pic{float:none;width:auto; padding:0 10px;}

.title h4,.about .intro h4{ font-size:24px; text-align:center; margin-top:10px;}



.about .more{ float:none}

.news{ margin-top:0px;}

.links{ display:none;}

.hot_pic { overflow:scroll; padding-bottom:30px; margin:60px auto 0 }

.hot_pic ul { width:1200px;}









.ys{width:100%; overflow:hidden;margin:0px auto 0; position:relative;}

.ys:before,.ys:after{ display:none;}

.ys .swiper-slide { overflow:hidden; position:relative; margin-bottom:50px}

.ys .swiper-slide .ys_sz{ display:none;}



.ys .swiper-slide .ys_img{ width:auto; float:inherit;; overflow:hidden;}

.ys .swiper-slide .ys_img img{ width:100%;}

.ys .swiper-slide .ys_txt{  width:auto; float:inherit;overflow:hidden; margin-top:30px; padding:0 10px;}

.ys .swiper-slide .ys_txt h3{ font-size:24px; color:#e44027; font-weight:bold;}

.ys .swiper-slide .ys_txt p{ font-size:13px; color:#b2b2b2; padding-bottom:15px; margin-bottom:15px; position:relative;border-bottom:1px #f2f2f2 solid; text-transform:uppercase}

.ys .swiper-slide .ys_txt p:before{ content:""; width:0%; height:2px; background:#f2f2f2; position:absolute; bottom:0px; left:0px;transition:all ease .5s;-webkit-transition:all ease .5s;}

.ys .swiper-slide:hover .ys_txt p:before{ content:""; width:100%; height:2px; background:#e44027; position:absolute; bottom:0px; left:0px;transition:all ease .5s;-webkit-transition:all ease .5s;}



.ys .swiper-slide .ys_txt dl{ overflow:hidden; width:auto}

.ys .swiper-slide .ys_txt dl dd{ font-size:16px; color:#666; line-height:30px; padding-left:20px; position:relative; margin-bottom:20px;}

.ys .swiper-slide .ys_txt dl dd:before{ content:"●"; font-size:12px; color:#ec7967; position:absolute; left:0px; }

.ys .swiper-slide:nth-child(2n) .ys_img{ float:left}

.ys .swiper-slide:nth-child(2n) .ys_txt{ float:right}

.ys .swiper-slide:nth-child(2n) .ys_txt h3{padding-left:0px;}

.ys .swiper-slide:nth-child(2n) .ys_txt p{ padding-left:0px;}

.ys .swiper-slide:nth-child(2n) .ys_txt dl{ float:right;}

.ys .swiper-pagination{ display:block;}

.ys .swiper-pagination-bullet{display:inline-block;width:10px;height:10px;outline:0;border-radius:100%;background:#999;margin:0 5px; opacity:1;-webkit-transition:all .5s;transition:all .5s;}

.ys .swiper-pagination .swiper-pagination-bullet-active{background:#e44027; width:25px; border-radius:6px;-webkit-transition:all .5s;transition:all .5s;}



.ys .swiper-container{ padding-bottom:30px;}





.buttom{bottom:0;margin:0 auto;min-width:320px;position:fixed;width:100%;display:block;z-index:20;  }

.buttom ul{overflow:hidden; background:#e44027; min-width:320px; z-index:100;  max-width:750px; margin:0px auto}

.buttom ul li{color:#fff;float:left;width:25%;padding:3% 0;border-right:1px #fff solid;box-sizing:border-box}

.buttom ul li .sy{overflow:hidden;text-align:center;vertical-align:middle;width:50%;margin:0 auto}

.buttom ul li p{font-size:14px;overflow:hidden;text-align:center}

.buttom ul li a{color:#fff}

.buttom ul li .sy img{width:30px}

.xbanner img.xban{ display:none;}

.xbanner img.mxban{ display:block;}

.pic_lb ul li{width:50%; border:5px #f5f5f5 solid}

.advantage-product{ background-size:cover;width: 100%;

   

    margin-top: 20px;}

.advantage-product-box{ width: 80%;  position:relative; margin:30px;padding:3%; float:none; }

.pro-intro .share{width:100%;height:inherit;line-height:24px;border-bottom:1px #e7e7e7 solid;background:#f1f1f1;text-align:center}

.pro-intro .share p span{display:block;font-size:14px;color:#999;padding:0 8px}



.fy{height:auto;border:1px solid #d2d2d2;overflow:hidden;margin-top:30px}

.fy p{width:50%;float:left;color:#666;text-align:center;border-right:1px solid #d2d2d2; height:inherit; line-height:inherit;box-sizing:border-box;padding:2% 10px}

.fy p:last-child{border:none;width:100%;border-top:1px #ccc solid}

.fy p a{color:#666}

.fy p a:hover{color:#0007d83d8}



.nav_show{top:70px;}



.advantage-icon-item div img{ width:80%}

.zhichi{ margin:20px auto 0 ; padding-bottom:20px;}



 .about .intro h4{ font-size:20px; background:none;}

 .footer .ewm dl dd{float:left}

 

.lc img:first-child{ width:100%; overflow:hidden; display:none}

.lc img:last-child{ width:100%; overflow:hidden; display:block;}



.anlibj{ width:100%; max-width:750px; margin:0px auto;}

.pic_content ul li{ width:50%;}

.pic_content ul li:nth-child(n+7){ display:none;}

.xbanner{ width:100%}







.casebox .swiper-button-next {

    top: 45%;

    right: 5px;

    left: auto;

}



.casebox .swiper-pagination{ display:none;}



.casebox .swiper-button-prev {

    top: 45%;

    left: 5px;

}



.about{ background:#fff; margin-top:30px; padding:0px;}



.gongsi{ display:block;}



.about:before{ display:none;}







.about .jsgong{ display:block;}

.about .jsgong img{ width:100%;}

.about .a_txt{float:inherit;width:100%; position:relative; z-index:2 }

.about .a_txt ul,.about .intro .int{ display:none;}



.about .intro .info {

    width: auto;

    margin: 0%;

    overflow: hidden;

}



.about .more{ display:block; width:100%; border-radius:0px; margin:20px auto 0}

.tbox {

    position:relative;

    bottom: 0px;

    width: 100%;

}

.tab {

    overflow: hidden;

    margin: 0px auto;

    width: 100%;

}

.tab ul li {

    display: block; float:left; width:50%; border:5px #fff solid; box-sizing:border-box;

    overflow: hidden;

    color: #fff;

    font-size: 24px;

    font-weight: bold;

    margin: 0px auto;

    background: #8d8a8a;

    border-radius: 8px;

    padding: 4% 0;

}



.tab ul li img{  display:none;}

.tab ul li span{ display:none;}



.gcf{ background:#fff; padding:15px}

.gcf ul dl .cf ul li{ width:260px;}

.hb ul li{ width:220px;}

.news .focus{ float:inherit; width:auto;}

.news .list{  float:inherit; width:auto; }



.footer .b_nav,.footer .ewm,.footer .tit{ display:none;}

.casebox .swiper-container{ padding:0px 0}

.tab ul li{ font-size:0.3rem;}

.pc_muen ul li .mores {  display: none;}



.pc_muen ul li.ast dt{  display:block;}



.pc_muen ul li {

    overflow: hidden;

    margin-top: -1px;

    border: 1px #ccc solid;

    height:inherit;

    overflow: hidden;

    position: relative;

}



.pc_muen ul li dd {

    width: 100%;

    float:inherit;

    overflow: hidden;

    line-height: 60px;

    text-align: left; text-indent:1em;

    font-size: 18px;

    font-weight: bold;

    color: #002e99;

}



.pc_muen ul li dt {

    width: auto;

    float:inherit;

    line-height: 39px; display:none;

    padding: 12px 10px ; overflow:hidden;

    margin-bottom: 5px; margin-right:0px;}



.pc_muen ul li.ast dt{ display:block}

.pc_muen ul li dt a{ border:1px #ccc solid; display:block; float:left; width:48%; margin:1%; box-sizing:border-box; text-align:center; border-radius:6px; overflow: hidden;white-space: nowrap;text-overflow: ellipsis; font-size:0.2rem;}



.pc_muen ul li:before {

    content: "";

    background: #f5f5f5;

    width: 100%;

    height: 60px;

    left: 0px;

    top: 0px;

    position: absolute;

    z-index: -1;

    border-right:none;

}





.pc_muen ul li .mores {

    float: right;

    position:absolute; right:0px; top:0px;;

    width: 40px;

    height: 60px;

}



.pc_muen ul li .mm {

    float: right;

    position: absolute;

    width: 40px;

    height: 60px;

    right: -19px;

}







.pc_muen ul li dd:after{content:">"; font-family:"宋体"; color:#999; position:absolute; right:20px; width:40px; height:60px; font-weight:bold;transform: rotate(90deg); line-height:40px; text-align:center; font-size:20px;top: -8px;}



.pc_muen ul li dd.current:after{    content: ">";

    font-family: "宋体";

    color: #999;

    position: absolute;

    right: 0px;

    width: 40px;

    height: 60px;

    font-weight: bold;

    transform: rotate(-90deg);

    line-height: 40px;

    text-align: center;

    font-size: 20px;

    top: 8px;}

	

.lxwmmt { padding:20px}





.lxwmmt .xlw{ width:auto; float:inherit;}







.mssg-intro{overflow:hidden; width:auto; float:inherit;}





}

@media (max-width:750px){

	.head .logo img{ width:100%;}

	.zhichi ul li p {

  

    padding: 0 20px; font-size:14px;

}

.pro-intro .textxq iframe{ width:100%; height:220px; display:block; margin:0px auto;}
	.zhichi ul li h3{ font-size:20px;}

	.pic_muen{ font-size:0.3rem; background-size:20px;}

	.xbanner h3{ font-size:0.35rem;}

	.xbanner p{ font-size:0.22rem;}

	.xbanner img{ width:90%;}

	.news .list ul li{ float:inherit; width:auto;}

	.footer .intro h4{ text-align:center; font-size:0.3rem;}

	.footer .intro .info{ font-size:0.2rem; line-height:0.38rem; text-align:center;}
.map{overflow:hidden; width:auto; float:inherit; height:350px;}


}

@media (max-width:500px){



.title{ margin:20px auto;}

.zhichi ul li{ padding-bottom:10px;}

	.footer{  padding-bottom: 22%;}

	



	

}