@charset 'utf-8';
@font-face { 
	font-family: 'pfr';
	src: url('../fonts/pingfangregular.ttf');
}
@font-face { 
	font-family: 'bebas';
	src: url('../fonts/bebasneue-regular.ttf');
}
html{float: left;width: 100%;}
body{font-size:13px;font-family:"pfr",arial,"Microsoft YaHei",sans-serif,Helvetica;color:#333;background:#fff;float: left;width: 100%;overflow-x: hidden;--themecolor:#000;--themered:#b00;--themeblue:#1c9ed7;}
*{margin:0;padding:0;}
ol,ul{list-style:none;}
a{color:#333;text-decoration:none;}
a:hover{text-decoration:none;color: #333;}
img{border:none;}
.fl{float:left;}
.fr{float:right;}
.mt20{margin-top: 20px;}
.mt30{margin-top: 30px;}
.container {padding-left: 0;padding-right: 0;}
p{margin: 0;padding: 0;}
h1,h2,h3,h4,h5,h6,p{padding: 0;margin: 0;}
em,i{font-weight: normal;font-style: normal;}
b,strong{font-weight: normal;}

/* headers */
.headers{width:100%;height:120px;position: fixed;z-index: 8999;transition:0.5s;}
.headers .box{width:100%;transition:0.5s;float: left;}
.headers .box .hlogo{float:left;}
.headers .box .hlogo a{float:left;transition:0.5s;}
.headers .box .hlogo a img{float:left;transition:0.5s;float: left;margin: 40px 0 0 0;}
.headers .box .s{float: right;margin-left: 30px;}
.headers .box .s span{line-height: 120px;font-size: 24px;color: #fff;}
.headers .box .r{float:right;transition:0.5s;}
.headers .box .r .navv{float: left;transition:0.5s;margin: 0;}
.headers .box .r .navv .m{ float:left;position:relative;  border-top:0; border-bottom:0; margin-left:-1px;height: 120px;transition:0.5s;   }
.headers .box .r .navv h3{ float:left; font-weight:normal; font-size:15px; height:120px; overflow:hidden;transition:0.5s;  }
.headers .box .r .navv h3 a{ display:block; color:#fff;vertical-align:top;height: 120px;line-height: 120px;float: left;width: 150px;text-align: center;transition:0.5s;text-align: center;}
.headers .box .r .navv h3 a b{display: inline-block;line-height: 120px;font-weight: normal;color: #fff;}
.headers .box .r .navv .cur a{background:rgba(0,0,0,0.2);border-radius: 0 0 15px 15px;}
.headers .box .r .navv .cur a b{color: #fff;}
.headers .box .r .navv h3:hover a{color: #fff;background:#b00;border-radius: 0;}
.headers .box .r .navv h3:hover a b{border-bottom: none;}
.headers .box .r .navv .on{background: #fff; }
.headers .box .r .navv .on h3 a{font-weight:bold;}
.headers .box .r .navv .sub{ width:150px; padding:0;position:absolute; left:0; top:120px;text-align: center;z-index: 999;display: none;border-bottom: 2px solid var(--themecolor);background: #fff;padding-bottom: 20px;;}
.headers .box .r .navv .sub li{ height:50px; line-height:50px;float:left; width:100%;font-size: 15px;   }
.headers .box .r .navv .sub li a{ display:block;color:#000;width: 100%;float: left;background: rgba(255,255,255,1);font-size: 15px;}
.headers .box .r .navv .sub li a:hover{ color:var(--themecolor);border-radius: 0;}
.headers.on{background:rgba(0,0,0,0.9);}
.headers.on .box .r .navv .cur a{background: #b00;border-radius: 0;}
.headers.on .box .r .navv .sub li a{background: #fff;}
@media (max-width: 1920px) {
.headers .box .s span{line-height: 100px;}
.headers{height:100px;}
.headers .box .r .navv .m{height: 100px; }
.headers .box .r .navv h3{ height:100px;  }
.headers .box .r .navv h3 a{height: 100px;line-height: 100px;}
.headers .box .r .navv .sub{ top:100px;}
.headers .box .r .navv h3 a b{line-height: 100px;}
.headers .box .hlogo a img{margin: 30px 0 0 0;}
}
@media (max-width: 1800px) {
.headers{height:100px;}
.headers .box .r .navv h3 a,
.headers .box .r .navv .sub{width: 140px;}
}
@media (max-width: 1600px) {
.headers .box .r .navv h3 a,
.headers .box .r .navv .sub{width: 120px;}
}
@media (max-width: 1400px) {
.headers .box .r .navv h3 a,
.headers .box .r .navv .sub{width: 110px;}
.headers .box .r .navv h3{ font-size:16px;}
}
@media (max-width: 1200px) {
.headers .box .r .navv h3 a,
.headers .box .r .navv .sub{width: 110px;}
.headers .box .lan{display: none;}
}
@media (max-width: 1200px) {
}
@media (max-width: 992px) {
.headers{display: none;}
}

/* head_m_1 */
.head_m_1{width:100%;height:60px;background:#333;float: left;z-index: 800;display: none;position: relative;position: fixed;top: 0;left: 0;}
.head_m_1 .box{width:100%;height:60px;float: left;position: relative;}
.head_m_1 .box .logo{float: left;}
.head_m_1 .box .logo img{float: left;height: 20px;margin: 20px 0 0 15px;}
.head_m_1 .box .r{float: right;}
.head_m_1 .box .r .menu{float: right;height: 30px;margin:15px 20px 0 0;color: #fff;font-size: 30px;line-height: 30px;}
.head_m_1 .box .tel{float: right;font-size: 16px;color: #fff;margin:2px 30px 0 0;font-family: arial;border-radius: 6px;padding: 5px 20px 5px 15px;height: 36px;background: #1b6cb1;}
.head_m_1 .box .tel img{float: left;height: 26px;margin-right: 0;}
.head_m_1 .box .tel i{float: left;height: 26px;line-height: 26px;font-style: normal;font-size: 14px;}
.head_m_1.on{background: #333;}
@media (max-width: 992px) {
.head_m_1{display: block;}
}

/*m_head_1*/
.m_head_1_nav{display: none;background:#333;width: 100%;height: 100%;position: fixed;z-index: 1900;background-size: 100%;padding:0px 0px;border-top: 0;}
.m_head_1_nav .abox{float: left;width: 100%;margin-top:0px;position: relative;height: 100%;padding: 20px 35px 0;text-align: center;}
.m_head_1_nav .abox .menu_hover{float: left;width: 100%;text-align: right;height: 40px;position: absolute;top: 13px;right: 15px;font-size: 40px;color: #fff;}
.m_head_1_nav .abox .menu_hover img{float: right;height: 30px;margin: 5px;}
.m_head_1_nav .abox .a{width: 100%;float: left;line-height: 44px;font-size: 15px;color: #000;}
.m_head_1_nav .abox .conss{width: 100%;float: left;overflow-y: auto;}
.m_head_1_nav .abox .conss .mlogo{float: left;width: 100%}
.m_head_1_nav .abox .conss .mlogo img{float: left;height: 26px;}
.m_head_1_nav .abox .conss .mline{float: left;width: 10%;height: 3px;background: #888;margin: 20px 0 15px;}
.m_head_1_nav .abox .conss .navlist{width: 100%;float: left;text-align: left;}
.m_head_1_nav .abox .conss .navlist li{width: 100%;float: left;}
.m_head_1_nav .abox .conss .navlist li .tta{width: 100%;float: left;line-height: 50px;font-size: 15px;font-weight: normal;color: #fff;}
.m_head_1_nav .abox .conss .navlist li .tt{width: 100%;float: left;line-height: 50px;}
.m_head_1_nav .abox .conss .navlist li .tt b{font-size: 15px;font-weight: normal;display: inline-block;line-height: 50px;height: 50px;margin-right: 10px;color: #fff;}
.m_head_1_nav .abox .conss .navlist li .tt i{display: inline-block;vertical-align: top;line-height: 70px;height: 50px;color: #888;transition:0.5s;transform:rotate(90deg);-ms-transform:rotate(90deg);-moz-transform:rotate(90deg);-webkit-transform:rotate(90deg); -o-transform:rotate(90deg);}
.m_head_1_nav .abox .conss .navlist li .cur b{color: #fff;margin-right: 4px;}
.m_head_1_nav .abox .conss .navlist li .cur i{color: #fff;transform:rotate(-90deg);-ms-transform:rotate(-90deg);-moz-transform:rotate(-90deg);-webkit-transform:rotate(-90deg); -o-transform:rotate(-90deg); 	}
.m_head_1_nav .abox .conss .navlist li .c{display: none;width: 100%;padding:15px 15px 15px 25px;line-height: 30px;font-size: 15px;float: left;background: #444;border-radius: 0 10px 10px 10px;}
.m_head_1_nav .abox .conss .navlist li .c a{float: left;line-height: 36px;font-size: 14px;color: #fff;width: 33%;}
.m_head_1_nav .abox .conss form{float: left;width: 100%;padding:0px;margin-bottom: 20px;border: 1px rgba(255,255,255,0.1) solid;border-radius: 6px;}
.m_head_1_nav .abox .conss form .input{width:80%;height: 44px;float: left;background: none;text-indent: 15px;outline: none;color: #aaa;box-shadow: none;outline: none;line-height: 42px;border: none;}
.m_head_1_nav .abox .conss form .submit{width:20%;height: 44px;float: left;background:none;cursor: pointer;color: #fff;text-align: center;border: none;outline: none;border-radius: 0 6px 6px 0;font-size: 20px;}

@media (max-width: 768px) {
.m_head_1_bt{display: block;}
}

/* footer */
.footer{width: 100%;float: left;background: #333;padding-bottom: 30px;}
.footer .box{float: left;width: 100%;}
.footer .box .c{width: 100%;float: left;padding-top: 20px;margin-top: 10px;}
.footer .box .c .li{width: 20%;float: left;}
.footer .box .c .li b{float: left;width: 100%;color: #aaa;line-height: 50px;font-size: 15px;}
.footer .box .c .li .list{float: left;width: 100%;color: #777;line-height: 26px}
.footer .box .c .li .list a{float: left;width: 100%;color: #777;}
.footer .box .c .li .list .img{width: 110px;padding: 10px;background: #fff;margin-top: 7px;}
.footer .box .c .li .list a.tel{color: #777;font-size: 28px;line-height: 40px;margin-top: 10px;color: #aaa;}
.footer .box .c .li .ficons{width: 100%;float: left;margin-top: 5px;}
.footer .box .c .li .ficons span{height:36px;float: left;margin: 0 120px 0 0;color: #555;line-height: 36px;font-size: 32px;margin-top: 6px;}
.footer .box .c .li .ficons a.wx{width:36px;height:36px;float: left;border-radius: 100%;background:none;border: 1px solid #444;margin: 0 20px 0 0;position: relative;display: none;}
.footer .box .c .li .ficons a.wx:hover .pp{display: block;}
.footer .box .c .li .ficons a.wx .im{float: left;margin: 3px 0 0 3px;}
.footer .box .c .li .ficons a.wx .pp{position: absolute;width: 120px;height: 120px;background: #fff;border-radius: 0px;left: 48px;top:-37px;border: none;display: none;}
.footer .box .c .li .ficons a.wx .pp img{float: left;width: 90px;margin: 15px;}
.footer .box .c .li .ficons a{width:36px;height:36px;float: left;border-radius: 100%;margin: 0 15px 0 0;background:none;border: 1px solid #444;}
.footer .box .c .li .ficons a img{float: left;margin: 3px 0 0 3px;width: 26px;}
.copyRight_1{width:100%;float:left;background: #333;line-height: 24px;padding: 25px 0;}
.copyRight_1 .box{width: 100%;float: left;;color: #777;}
.copyRight_1 .box .l{float: left;opacity: 0.2;}
.copyRight_1 .box .l img{float: left;margin-top: 20px;}
.copyRight_1 .box .r{float: left;}
.copyRight_1 .box .r a{color: #777;}
.copyRight_2{width:100%;float:left;background: #333;line-height: 24px;padding: 20px 0;border-top: 1px solid #383838;border-bottom: 1px solid #383838;}
.copyRight_2 .box{width: 100%;margin: 0 auto;color: #777;}
.copyRight_2 .box a{color: #777;}
@media (max-width: 992px) {
.copyRight_1 {display: none;}
.copyRight_2{display: none;}
.footer{display: none;}
.footer .box{width: 100%;}
.copyRight_1 .box{width: 100%;}
.copyRight_2 .box{width: 100%;}
}

/* fullSlide */
.fullSlide{ width:100%;  position:relative;  height:850px; float: left;overflow: hidden;}
.fullSlide .bd{ margin:0 auto; position:relative; z-index:0; overflow:hidden;  }
.fullSlide .bd ul{ width:100% !important;  }
.fullSlide .bd li{ width:100% !important;  height:850px; overflow:hidden; text-align:center; background-position: center top;background-repeat: no-repeat;background-size: 2550px;}
.fullSlide .bd li a{ display:block; height:850px; }
.fullSlide .hd{ width:100%;  position:absolute; z-index:1; bottom:0; left:0; height:60px; line-height:30px; }
.fullSlide .hd ul{ text-align:center; }
.fullSlide .hd ul li{ cursor:pointer; display:inline-block; *display:inline; zoom:1; width:20px; height:1px; margin:0 2px; overflow:hidden; border-bottom:1px solid #fff;padding-top:20px;filter:alpha(opacity=50);opacity:0.5;  line-height:999px; }
.fullSlide .hd ul .on{filter:alpha(opacity=100);opacity:1; width: 30px;  }
.fullSlide .prev{  display:block;  position:absolute; z-index:1; top:48%; margin-top:0px; left:10% ; right:auto; z-index:1; width:50px; height:50px; background:0 0;  cursor:pointer; filter:alpha(opacity=20);opacity:0.2; display:block;  }
.fullSlide .next{  display:block;  position:absolute; z-index:1; top:48%; margin-top:0px; left:auto; right: 10%; z-index:1; width:50px; height:50px; background:0 0;  cursor:pointer; filter:alpha(opacity=20);opacity:0.2; display:block;  }
@media (max-width: 1920px) {
.fullSlide{height:640px;}
.fullSlide .bd li{ height:640px;background-size: 1920px;}
.fullSlide .bd li a{ height:640px; }
}
@media (max-width: 1800px) {
.fullSlide{height:600px;}
.fullSlide .bd li{ height:600px;background-size: 1800px;}
.fullSlide .bd li a{ height:600px; }
}
@media (max-width: 1650px) {
.fullSlide{height:550px;}
.fullSlide .bd li{ height:550px;background-size: 1650px;}
.fullSlide .bd li a{ height:550px; }
}
@media (max-width: 1440px) {
.fullSlide{height:480px;}
.fullSlide .bd li{ height:480px;background-size: 1440px;}
.fullSlide .bd li a{ height:480px; }
}
@media (max-width: 1200px) {
.fullSlide{height:400px;}
.fullSlide .bd li{ height:400px;background-size: 1200px;}
.fullSlide .bd li a{ height:400px; }
}
@media (max-width: 992px) {
.fullSlide{display: none;}
}

/*mfullSlideBox*/
.mfullSlideBox{ position:relative;float: left;width: 100%;margin-top: 60px;display: none;padding: 0;z-index: 10;}
.mfullSlideBox .bg{position: absolute;z-index: 0;background: #333;width: 100%;height: 100px;top: 0;border-radius: 0 0 25px 25px;}
.mfullSlideBox .box{float: left;width: 100%;padding: 0 15px;}
.mfullSlideBox .box .hd{ position:absolute; height:28px; line-height:28px; bottom:10px; right:0; z-index:40;text-align: center;width: 100%; }
.mfullSlideBox .box .hd li{ display:inline-block; width:8px; height:8px;-webkit-border-radius:8px;-moz-border-radius:8px;border-radius:8px;background:#fff; text-indent:-9999px; overflow:hidden; margin:0 3px;opacity: 0.4;}
.mfullSlideBox .box .hd li.on{opacity: 1;}
.mfullSlideBox .box .bd{ position:relative; z-index:5;border-radius: 12px;overflow: hidden; }
.mfullSlideBox .box .bd li{ position:relative; text-align:center;  }
.mfullSlideBox .box .bd li img{   vertical-align:top; width:100%;border-radius:12px;}
.mfullSlideBox .box .bd li a{ -webkit-tap-highlight-color:rgba(0,0,0,0);  }  /* 去掉链接触摸高亮 */
.mfullSlideBox .box .bd li .tit{ display:block; width:100%;  position:absolute; bottom:0; text-indent:10px; height:28px; line-height:28px;  color:#fff;  text-align:left;  }
@media (max-width:992px) {
.mfullSlideBox{display: block;}
}


/* toolBox_18 */
.toolBox_18{width: 100%;float: left;background: #fff;padding: 0px 0 160px;}
.toolBox_18.on .box{margin-top: 0;opacity: 1;}
.toolBox_18 .line{width: 100%;text-align: center;height: 100px;}
.toolBox_18 .line i{height: 100px;width: 10px;background: #000;display: inline-block;}
.toolBox_18 .t{margin-bottom: 1px;float: left;width: 100%;padding-bottom:60px;text-align: center;margin-top: 10px;}
.toolBox_18 .t p{float: left;width: 100%;text-align: center;font-size: 50px;line-height: 80px;color: #000;}
.toolBox_18 .t span{float: left;width: 100%;text-align: center;font-size: 22px;line-height: 60px;color: #333;}
.toolBox_18 .t em{width: 100%;text-align: center;height: 4px;float: left;padding: 0 49%;margin-top: 10px;}
.toolBox_18 .t em i{height: 3px;background: #000;width: 100%;float: left;}
.toolBox_18 .box{float: left;width: 100%;padding:0 0px 0;opacity: 0;margin-top: 20px;position: relative;transition: 0.5s;text-align: center;}
.toolBox_18 .box .li{width: 15%;float: left;margin:0 2% 0 0;text-align: center;padding: 0 0%;}
.toolBox_18 .box .li:nth-child(6){margin-right: 0;}
.toolBox_18 .box .li:hover .img i{border-color: #b00;background: #b00;color: #fff;}
.toolBox_18 .box .li:hover span{color: #b00;}
.toolBox_18 .box .li:hover em b{opacity: 1;width: 20%;margin: 0 40%;}
.toolBox_18 .box .li .img{width: 100%;height: 150px;text-align: center;border-radius: 100%;transition: 1s;position: relative;float: left;margin-bottom: 20px;}
.toolBox_18 .box .li .img i{position: relative;line-height: 150px;display: inline-block;font-size: 40px;width: 150px;border: 1px solid #ddd;border-radius: 100%;transition: 0.5s;}
.toolBox_18 .box .li span{float: left;width: 100%;line-height: 50px;text-align: center;font-size: 16px;color: #333;margin-top:5px;}
.toolBox_18 .box .li em{float: left;width: 100%;height: 2px;}
.toolBox_18 .box .li em b{float: left;width: 100%;height: 2px;border-bottom: 2px solid #b00;transition: 1s;opacity: 0;}
@media (max-width: 768px) {
.toolBox_18{width: 100%;float: left;background: #fff;padding: 100px 0 0px;margin-top: -90px;z-index: 5;border-radius: 25px 25px 0 0;}
.toolBox_18.on .box{margin-top: 0;opacity: 1;}
.toolBox_18 .line{display: none;}
.toolBox_18 .t{display: none;}
.toolBox_18 .box{float: left;width: 100%;padding:10px 0px 0;opacity: 1;margin-top: 0px;position: relative;transition: 0.5s;}
.toolBox_18 .box .li{width: 29.33%;float: left;margin:0 2% 10px; text-align: center;padding: 0 0%;}
.toolBox_18 .box .li:nth-child(6){margin-right: 0;}
.toolBox_18 .box .li:hover .img i{border-color: #b00;background: #b00;color: #fff;}
.toolBox_18 .box .li:hover span{color: #b00;}
.toolBox_18 .box .li:hover em b{opacity: 1;width: 20%;margin: 0 40%;}
.toolBox_18 .box .li .img{width: 100%;height: 40px;text-align: center;border-radius: 100%;transition: 1s;position: relative;float: left;margin-bottom: 0px;}
.toolBox_18 .box .li .img i{position: relative;line-height: 40px;display: inline-block;font-size: 30px;width: 40px;border:none;border-radius: 100%;transition: 0.5s;}
.toolBox_18 .box .li span{float: left;width: 100%;line-height: 30px;text-align: center;font-size: 14px;color: #333;margin-top:0px;}
.toolBox_18 .box .li em{float: left;width: 100%;height: 2px;}
.toolBox_18 .box .li em b{float: left;width: 100%;height: 2px;border-bottom: 2px solid #b00;transition: 1s;opacity: 0;}
}


/* toolBox_19 */
.toolBox_19{width: 100%;float: left;background: #fff;padding: 0px 0 100px;}
.toolBox_19.on .line i{height: 100px;}
.toolBox_19.on .t{opacity: 1;}
.toolBox_19.on .box{opacity: 1;margin-top: 0;}
.toolBox_19 .line{width: 100%;text-align: center;height: 100px;}
.toolBox_19 .line i{height: 0px;width: 10px;background: #000;display: inline-block;transition: 1s;}
.toolBox_19 .t{margin-bottom: 1px;float: left;width: 100%;padding-bottom: 40px;text-align: center;position: relative;opacity: 0;transition: 1s;}
.toolBox_19 .t p{float: left;width: 100%;text-align: center;font-size: 60px;line-height: 80px;color: #000;}
.toolBox_19 .t span{float: left;width: 100%;text-align: center;font-size: 22px;line-height: 60px;color: #333;}
.toolBox_19 .t em{width: 100%;text-align: center;height: 4px;float: left;padding: 0 48%;margin-top: 10px;}
.toolBox_19 .t em i{height: 3px;background: #666;width: 100%;float: left;}
.toolBox_19 .box{float: left;width: 100%;padding:0 0px 0;height: 220px;transition: 1s;position: relative;opacity: 0;margin: 0px;}
.toolBox_19 .box .li{width: 16.666%;float: left;margin:0px 0px;border: 2px solid #eee;padding:40px 20px 0px;transition: 0.3s;height: 180px; }
.toolBox_19 .box .li:hover{height:220px;border: 2px solid #b00;}
.toolBox_19 .box .li:hover em{height: 130px;background: #b00;margin-top:5px;}
.toolBox_19 .box .li:hover i{color: #b00;}
.toolBox_19 .box .li:hover span{color: #b00;}
.toolBox_19 .box .li i{float: left;width: 30%;height: 140px;text-align: center;font-size: 28px;line-height: 30px;font-family: simsun;color: #000;}
.toolBox_19 .box .li em{float: left;height: 100px;width: 1px;background: #eee;transition: 0.3s;}
.toolBox_19 .box .li span{float: left;width: 60%;height: 100px;line-height: 24px;padding-left: 15px;}
@media (max-width: 768px) {
.toolBox_19{width: 100%;float: left;background: #fff;padding: 0px 0 0px;}
.toolBox_19.on .line i{height: 30px;}
.toolBox_19.on .t{opacity: 1;}
.toolBox_19.on .box{opacity: 1;margin-top: 0;}
.toolBox_19 .line{width: 100%;text-align: center;height: 30px;}
.toolBox_19 .line i{height: 0px;width: 5px;background: #000;display: inline-block;transition: 1s;}
.toolBox_19 .t{margin-bottom: 1px;float: left;width: 100%;padding-bottom: 10px;text-align: center;position: relative;opacity: 0;transition: 1s;}
.toolBox_19 .t p{float: left;width: 100%;text-align: center;font-size: 24px;line-height: 30px;color: #000;}
.toolBox_19 .t span{float: left;width: 100%;text-align: center;font-size: 14px;line-height: 30px;color: #333;}
.toolBox_19 .t em{width: 100%;text-align: center;height: 4px;float: left;padding: 0 48%;margin-top: 2px;}
.toolBox_19 .t em i{height: 3px;background: #666;width: 100%;float: left;}
.toolBox_19 .box{float: left;width: 100%;padding:0 25px;height: auto;transition: 1s;position: relative;opacity: 0;margin:0 0 20px;}
.toolBox_19 .box .li{width: 100%;float: left;margin:0px 0px;border: 2px solid #eee;padding:20px 20px 0px;transition: 0.3s;height: 80px;overflow: hidden; }
.toolBox_19 .box .li:hover{border: 2px solid #b00;height: 80px;}
.toolBox_19 .box .li:hover em{background: #b00;margin-top:0px;height: 30px;}
.toolBox_19 .box .li:hover i{color: #b00;}
.toolBox_19 .box .li:hover span{color: #b00;}
.toolBox_19 .box .li i{float: left;width: 30%;height: 40px;text-align: center;font-size: 28px;line-height: 30px;font-family: simsun;color: #000;}
.toolBox_19 .box .li em{float: left;height: 60px;width: 1px;background: #eee;transition: 0.3s;}
.toolBox_19 .box .li span{float: left;width: 60%;height:40px;line-height: 24px;padding-left: 15px;}
}

.indexCases{width: 100%;float: left;background: #333;position: relative;z-index:4;padding-top:0px;}
.indexCases.on .box .count h2{opacity: 1;padding-top: 0;}
.indexCases.on .box .count h3{opacity: 1;padding-top: 0;}
.indexCases .box{float: left;width: 100%;}
.indexCases .box .count{float: left;width: 100%;text-align: center;margin: 100px 0 50px;}
.indexCases .box .count h2{float: left;width: 100%;text-align: center;line-height: 120px;color: #fff;font-size: 60px;opacity: 0;position: relative;transition:0.5s;height: 120px;padding-top: 20px;font-weight: bold;}
.indexCases .box .count h3{float: left;width: 100%;text-align: center;line-height: 30px;color: rgba(255,255,255,0.5);font-size: 15px;opacity: 0;position: relative;transition:0.5s;height: 40px;padding-top: 20px;}
.indexCases .box .count .list{float: left;width: 100%;text-align: center;color: #fff;padding: 0 30%;margin: 30px 0 0;}
.indexCases .box .count .list .li{float: left;width: 33.333%;text-align: center;line-height: 50px;color: #fff;}
.indexCases .box .count .list .li b{float: left;width: 100%;line-height: 60px;font-size: 60px;font-family: 'bebas'}
.indexCases .box .count .list .li p{float: left;width: 100%;line-height: 30px;font-size: 12px;letter-spacing: 3px;color: rgba(255,255,255,0.5)}
.indexCases .box .moreBox{float: left;width: 100%;text-align: center;margin: 20px 0 80px;}
.indexCases .box .moreBox a{color: #fff;display: inline-block;line-height: 56px;text-align: center;font-size: 16px;overflow: hidden;padding: 0 120px;border:2px solid #fff;background: #333;font-weight: bold;transition:0.5s;}
.indexCases .box .moreBox a:hover{background: #b00;border-color: #b00;color: #fff;}
@media (max-width: 768px) {
.indexCases{width: 100%;float: left;background: #333;}
.indexCases.on .box .count h2{opacity: 1;padding-top: 0;}
.indexCases.on .box .count h3{opacity: 1;padding-top: 0;}
.indexCases .box{float: left;width: 100%;}
.indexCases .box .count{float: left;width: 100%;text-align: center;margin: 30px 0 20px;}
.indexCases .box .count h2{line-height: 40px;color: #fff;font-size:24px;opacity: 1;position: relative;transition:0.5s;height: 50px;padding-top: 5px;}
.indexCases .box .count h3{line-height: 22px;font-size: 13px;opacity: 1;position: relative;transition:0.5s;height: auto;padding-top: 5px;padding: 0 40px;}
.indexCases .box .count .list{float: left;width: 100%;text-align: center;color: #fff;padding: 0 10%;margin: 20px 0 0;}
.indexCases .box .count .list .li{float: left;width: 33.333%;text-align: center;line-height: 50px;color: #fff;}
.indexCases .box .count .list .li b{float: left;width: 100%;line-height: 30px;font-size: 36px}
.indexCases .box .count .list .li p{float: left;width: 100%;line-height: 30px;font-size: 12px;letter-spacing: 0px;}
.indexCases .box .moreBox{float: left;width: 100%;text-align: center;margin: 10px 0 35px;padding: 0 25px;}
.indexCases .box .moreBox a{line-height: 46px;font-size: 14px;width: 100%;border-radius: 6px;padding: 0;border: 1px rgba(255,255,255,0.5) solid;}
.indexCases .box .moreBox a:hover{background: #b00;border-color: #b00;color: #fff;transition:0.5s;}
}




.case-list{width: 100%;float: left;}
.case-list li{width: 31%;float: left;margin:0 3.5% 40px 0;position: relative;padding:0px 0 50px; }
.case-list li:nth-child(3n){margin-right: 0;}
.case-list li:hover .seeicon{opacity: 1;}
.case-list li:hover .seeicon span{top:30%;}
.case-list li:hover .title{color: #fff;bottom: 30%;}
.case-list li .seeicon{width: 100%;height:100%;float: left;position: absolute;top: 0;left: 0;z-index: 8;background: rgba(0,0,0,0.9);color: #fff;line-height: 100%;text-align: center;transition:1s;opacity: 0;}
.case-list li .seeicon span{top: 00%;text-align: center;display: inline-block;background: rgba(255,255,255,0.8);color: #000;height: 60px;width: 60px;border-radius: 100%;line-height: 60px;transition:1s;}
.case-list li .img{width: 100%;float: left;position: relative;z-index: 6;}
.case-list li .img img{width: 100%;float: left;}
.case-list li .title{width: 100%;height:50px;float: left;line-height: 50px;color: #333;text-indent: 0px;position: absolute;bottom:0px;left: 0;text-align: center;z-index: 20;opacity: 1;transition:1s;}
@media (max-width: 768px) {
.case-list{width: 100%;padding: 0;margin-bottom: 30px;}
.case-list li{width: 100%;height: auto;margin: 0;border: none;padding: 25px 25px 0px;);}
.case-list li:hover .seeicon{display: none;}
.case-list li .img{width: 100%;height: auto;position: relative;float: left;top:0;left:0;}
.case-list li .img img{width: 100%;height: auto;border-radius: 12px 12px 0 0;}
.case-list li .title{float: left;width: 100%;position: relative;line-height: 60px;height: 60px;text-align: center;font-size: 16px;margin-top:0px;background: #fff;box-shadow: 0 10px 10px rgba(0,0,0,0.03);border-radius: 0 0 12px 12px;}
}





/*-- tab1 --*/
.menuboxtwo {width:100%;float: left;margin-top: 20px;margin-bottom: 0px;}
.menuboxtwo ul{width:100%;height:42px;float: left;font-size: 15px;line-height: 42px;text-align: center;}
.menuboxtwo li{height: 42px;cursor:pointer;float: left;width: 14.28%;color:#fff;text-align: center;}
.menuboxtwo li a{color: #666;display: inline-block;}
.menuboxtwo li.hover a{color:#fff;border-bottom: 2px solid #b00;}
.menuboxtwoContent{width:100%;float:left;padding: 20px 0 0 } 
.list_26 {width: 100%;float: left;}
.list_26 .item_img{width: 30%;height: 100%;float: left;margin-bottom:60px;margin-right: 5%;background: #fff;}
.list_26 .item_img:nth-child(3n){margin-right: 0;}
.list_26 .item_img .top_img {width: 100%;height: 100%;display: block;overflow: hidden;position: relative;}
.list_26 .item_img .top_img img {width: 100%;transition: all 0.5s;}
.list_26 .item_img .top_img .whiteblock {width: 100%;height: 100%;position: absolute;z-index: 5;top: 0;left: 0;transition: all 0.5s;}
.list_26 .item_img .bottom_title {width: 100%;height: 53px;text-align: center;font-size: 14px;color: #000;line-height: 53px;}
.list_26 .item_img .gary_line {width: 100%;height: 1px;background: #fff;margin: 0 auto;transition: all 0.5s;}
.list_26 .item_img:hover .whiteblock {opacity: 0;filter: alpha(opacity=0);}
.list_26 .item_img:hover img {-ms-filter: grayscale(0);filter: grayscale(0);-webkit-filter: grayscale(0);}
.list_26 .item_img:hover .gary_line {width: 120px;background: #b00;}
.list_26 a:nth-child(3n) .item_img {margin-right: 0;}
.list_26:after {content: '';display: block;clear: both;}
@media (max-width: 768px) {
.list_26 {width: 100%;float: left;padding: 0 25px;}
.list_26 .item_img {width: 100%;height: auto;float: left;margin-bottom: 20px;margin-right: 30px;background: #fff;border-radius: 12px;overflow: hidden;}
.list_26 .item_img .top_img {width: 100%;height: auto;display: block;overflow: hidden;position: relative;}
.list_26 .item_img .top_img img {width: 100%;transition: all 0.5s;}
.list_26 .item_img .top_img .whiteblock {width: 100%;height: 100%;position: absolute;z-index: 5;top: 0;left: 0;transition: all 0.5s;}
.list_26 .item_img .bottom_title {width: 100%;height: 53px;text-align: center;font-size: 14px;color: #000;line-height: 53px;background:#fff;}
.list_26 .item_img .gary_line {width: 100%;height: 1px;background: #fff;margin: 0 auto;transition: all 0.5s;display: none;}
.list_26 .item_img:hover .whiteblock {opacity: 0;filter: alpha(opacity=0);}
.list_26 .item_img:hover img {-ms-filter: grayscale(0);filter: grayscale(0);-webkit-filter: grayscale(0);}
.list_26 .item_img:hover .gary_line {width: 120px;background: #b00;}
.list_26 a:nth-child(3n) .item_img {margin-right: 0;}
.list_26:after {content: '';display: block;clear: both;}	
}


/*流程*/
.lc{float: left;width: 100%;height: 620px;text-indent: -9999px;}
.lc2{float: left;width: 100%;display: none;}
.lc2 img{float: left;width: 100%;}










/*内页导航*/
.pageNavWrap{width: 100%;margin-top: 120px;float: left;background: #eee;}
@media (max-width: 1920px) {
.pageNavWrap {margin-top: 100px;}	
}
@media (max-width: 768px) {
.pageNavWrap {margin-top: 60px;height:auto;}	
}
.searchBar{width: 100%;float: left;;padding: 15px 0;float: left;line-height: 60px;border-bottom: 1px solid #eee;}
.pageNav{width: 100%;margin: 0 auto;padding: 15px 0;float: left;}
.pageNav a{height: 40px;margin:0px 40px 0 0 ;line-height: 40px;color: #666;float: left;font-size: 15px; }
.pageNav a:hover i em{width: 15px;}
.pageNav a:hover b{color: #b00;}
.pageNav a i{float: left;height: 2px;width: 20px;margin: 19px 0 0 0;}
.pageNav a i em{float: right;height: 2px;width: 0;background: #b00;transition:0.5s;}
.pageNav a b{float: left;line-height: 40px;}
.pageNav a.cur{color: #b00;}
.pageNav a.cur i em{width: 15px;}
@media (max-width: 768px) {
.pageNav{width: 100%;height: auto;float: left;background: #444;display: none;}
.pageNav a{height: 40px;margin:0 ;line-height: 40px;color: #666;float: left;width: 100%;padding-left: 25px; }
.pageNav a:hover i em{width: 15px;background: #fff;}
.pageNav a:hover b{color: #b00;}
.pageNav a i{float: left;height: 2px;width: 20px;margin: 19px 0 0 0;}
.pageNav a i em{float: right;height: 2px;width: 0;background: #b00;transition:0.5s;}
.pageNav a b{float: left;line-height: 40px;}
.pageNav a.cur{background:#444;color: #fff;}
.pageNav a.cur i em{width: 15px;background: #fff;}	
}

.casesHead{width: 100%;float: left;position: relative;z-index:4;}
.casesHead .box{float: left;width: 100%;}
.casesHead .box .count{float: left;width: 100%;text-align: center;margin: 140px 0 50px;}
.casesHead .box .count h2{float: left;width: 100%;text-align: center;line-height: 120px;color: #b00;font-size: 60px;font-weight: bold;}
.casesHead .box .count h3{float: left;width: 100%;text-align: center;line-height: 30px;color: #aaa;font-size: 17px;}
.casesHead .box .count .list{float: left;width: 100%;text-align: center;color: #000;padding: 0 30%;margin: 30px 0 0;}
.casesHead .box .count .list .li{float: left;width: 33.333%;text-align: center;line-height: 50px;color: #000;}
.casesHead .box .count .list .li b{float: left;width: 100%;line-height: 60px;font-size: 60px;font-family: 'bebas'}
.casesHead .box .count .list .li p{float: left;width: 100%;line-height: 30px;font-size: 14px;}
@media (max-width: 768px) {
.casesHead .box .count{margin: 90px 0 20px;}
.casesHead .box .count h2{line-height: 40px;font-size:32px;margin-bottom: 10px;}
.casesHead .box .count h3{line-height: 22px;font-size: 13px;padding: 0 50px;}
.casesHead .box .count .list{text-align: center;padding: 0 10%;margin: 20px 0 0;}
.casesHead .box .count .list .li{line-height: 50px;}
.casesHead .box .count .list .li b{line-height: 30px;font-size: 36px}
.casesHead .box .count .list .li p{line-height: 30px;font-size: 12px;}
}
.caseNav{width: 100%;float: left;}
.caseNav .box{float: left;width: 100%;text-align: center;background: #eee;border-radius: 10px 10px 0 0;}
.caseNav .box a{margin:35px 40px 0;color: #333;display: inline-block;vertical-align: bottom;padding: 20px 30px 0;border-radius: 10px 10px 0 0;}
.caseNav .box a:hover i em{width: 100%;}
.caseNav .box a:hover b{color: #b00;}
.caseNav .box a i{float: left;height: 2px;width: 100%;margin: 10px 0 0 0;}
.caseNav .box a i em{height: 2px;width: 0px;background: #b00;transition:0.5s;display: inline-block;}
.caseNav .box a b{float: left;line-height: 30px;width: 100%;}
.caseNav .box a.cur{background:#fff;color: #b00;}
.caseNav .box a.cur i em{width: 100%}
@media (max-width: 768px) {
.caseNav .box{padding: 0 10px;}
.caseNav .box a:hover i em{width: 30%;}
.caseNav .box a b{line-height: 20px;}
.caseNav .box a{padding: 10px 6px 0;margin: 15px 0 0;width: 20%;text-align: center;float: left; }
.caseNav .box a.cur i em{width: 30%}
}


/*---------- mainBody ---------*/
.mainWrap{width:100%;float: left;}
.main{width: 100%;margin-top: 40px;}


.mapbox{float: left;width: 100%;height: 157px;display: none;}

/*---------- 列表 ---------*/
.indexTabUlNews{float: right;width: 764px;padding: 0 0 0 20px;height: 220px;}
.indexTabUlNews li{float: left;width: 100%;text-indent: 13px;line-height: 34px;}
.indexTabUlNews li a{color: #333;font-size: 13px;float: left;}
.indexTabUlNews li span{color: #888;font-size: 12px;padding: 0 0 0 15px;float: right;}
.indexTabUlNews li em{float: left;width:30px;height: 15px;margin: 12px 0 0 10px;}
.indexTabUlAbout{float: right;width: 764px;padding: 0 0 0 20px;height: 220px;}
.indexTabUlAbout img{float: right;}
.indexTabUlAbout p{float: right;width: 740px;line-height: 24px;padding: 20px 0 0 0;}

.pagebox{float: left;width: 100%;}
.pagebox p{float: left;width: 100%;padding: 0 0 20px;}
.contentArticle{float: left;width: 100%;}
.contentArticle h1{float: left;width: 100%;line-height: 30px;font-size: 30px;color: #000;font-weight: normal;margin:15px 0 10px;padding: 0;font-weight: bold;}
@media (max-width: 768px) {
.contentArticle{padding: 0 20px;}
.contentArticle h1{line-height: 30px;font-size: 20px;margin:20px 0 0px;padding: 0;}

}



.pageinfo{float: left;width: 100%;line-height: 40px;color: #999;font-size: 13px;}
.pageinfo a{color: #999;}
.pagecontent{float: left;width: 100%;padding: 20px 0 00 ;line-height: 28px;font-size: 14px;overflow: hidden;}
.pagecontent p{float: left;width: 100%;padding: 0 0  0px ;margin: 0;}
.pagecontent p img{max-width: 100%;}
.pagecontent h3{float: left;width: 100%;padding: 0 0  10px ;font-size: 18px;color: #333;}
.pagecontent strong{font-weight: bold;}
.pagecontent blockquote{float: left;width: 100%;font-size: 14px;background: #f8f8f8;margin: 15px 0 20px;}

/*---------- 列表 ---------*/
.indexTabUlNews2{float: right;width: 100%;padding: 0 0 0 20px;margin-bottom: 20px;}
.indexTabUlNews2 li{float: left;width: 100%;text-indent: 0px;line-height: 44px;}
.indexTabUlNews2 li a{color: #333;font-size: 15px;float: left;}
.indexTabUlNews2 li span{color: #888;font-size: 15px;padding: 0 0 0 15px;float: right;}
.indexTabUlNews2 li em{float: left;width:30px;height: 15px;margin: 12px 0 0 10px;}

/*---------- 搜索box ---------*/
.search-box-warp{width: 100%;float: left;}
.search-box{height: 200px;width: 1200px;margin: 0 auto;}
.search-box h2{width:100%;line-height: 80px;font-size: 40px;text-align: center;font-weight: normal;margin-bottom: 15px;}
.search-box form{width:100%;height: 66px;float: left;}
.search-box form .input{width:513px;height: 64px;float: left;border: 1px #dbdbdb solid;background: #fff;margin-left:70px;text-indent: 20px;outline: none;font-size: 16px;color: #aaa;}
.search-box form .submit{width:262px;height: 66px;float: left;border: none;margin-right: 10px;text-indent: -99999px;cursor: pointer;}
.search-box form .submita{width:262px;height: 66px;float: left;border: none;text-indent: -99999px;}


.allTitle{width: 1200px;float: left;height: 80px;position: relative;text-align: center;}
.allTitle .line{width: 1200px;float: left;position: absolute;z-index: 1;border-bottom: 1px solid #eee;height: 40px;}
.allTitle .titlebox{width: 200px;display: inline-block;height: 80px;background: #fff;position: absolute;left: 500px;float: left;z-index: 2;position: absolute;border-left: 1px solid #eee;border-right: 1px solid #eee;}
.allTitle .titlebox b{float: left;width: 100%;font-size: 32px;line-height: 50px;font-weight: normal;color: #444;}
.allTitle .titlebox i{float: left;width: 100%;font-style: normal;font-size: 19px;line-height: 30px;  text-transform: uppercase;color: #888;}

.allTitle2{width: 1200px;float: left;height: 80px;position: relative;text-align: center;margin-top: 30px;}
.allTitle2 .line{width: 1200px;float: left;position: absolute;z-index: 1;border-bottom: 1px solid #ddd;height: 40px;}
.allTitle2 .titlebox{width: 200px;display: inline-block;height: 80px;background: #f4f4f4;position: absolute;left: 500px;float: left;z-index: 2;position: absolute;border-left: 1px solid #ddd;border-right: 1px solid #ddd;}
.allTitle2 .titlebox b{float: left;width: 100%;font-size: 32px;line-height: 50px;font-weight: normal;color: #444;}
.allTitle2 .titlebox i{float: left;width: 100%;font-style: normal;font-size: 19px;line-height: 30px;  text-transform: uppercase;color: #888;}




/*-- leftBar --*/
.leftBar{width: 70%;float: left;background: #fff;margin-bottom: 40px;}
.leftBar .box{width:  100%;float: left;}
.leftBar .box .title{width: 100%;float: left;}
.leftBar .box .title em{float: left;height: 24px;padding: 11px 0 0 10px;}
.leftBar .box .title strong{float: left;height: 37px;line-height: 37px;font-size: 14px;color: #f39700;text-indent: 5px;}
.leftBar .box .title strong a{float: left;height: 37px;line-height: 37px;font-size: 14px;color: #f39700;text-indent: 10px;}
.leftBar .box .title .more{float: right;height: 37px;line-height: 37px;font-size: 12px;color: #aaa;}
.leftBar .box .content{width: 100%;float: left;line-height: 24px;font-size: 12px;color: #444;text-shadow:none;}

/*-- rightBar 250 --*/
.rightBar{width: 25%;float: right;background: #fff;}
.rightBar .box{width:  100%;float: left;margin-bottom: 20px;}
.rightBar .box .title{width: 100%;float: left;height: 37px;background: #eaeaea;line-height: 37px;}
.rightBar .box .title strong{float: left;height: 37px;color: #333;text-indent: 15px;font-size: 16px;font-weight: normal;}
.rightBar .box .title .more{float: right;height: 37px;line-height: 37px;font-size: 12px;color: #aaa;}
.rightBar .box .content{width: 100%;float: left;line-height: 24px;font-size: 12px;color: #444;}

/*-- 标题+图片+描述+时间_列表 --*/
.articleList{float: left;margin:0 0px 20px;width:100%;font-size:12px;background: #fff;}
.articleList li{width:100%;overflow:hidden;clear:both;padding: 0px 0px 20px;margin-bottom: 20px;border-bottom: 1px dashed #eee;}
.articleList li .img{width: 20%;float: left;border-radius: 0 10px 10px 10px;background: #f4f4f4;}
.articleList li .text{width: 80%;float: left;font-weight: normal;font-size: 16px;padding-left: 20px;}
.articleList li .all{width: 100%;padding-left: 0;}
.articleList li .text h2{width: 100%;float: left;font-size: 16px;padding: 0;margin: 0 0 10px;line-height: 24px;}
.articleList li .text h2 .title{font-weight: bold;}
.articleList li .text i{width: 20px;height: 1px;background: #b00;float: left;display: none;}
.articleList li .text p{width: 100%;float: left;font-size: 13px;color: #999;line-height: 22px;padding: 0px;margin: 0;}
.articleList li .text span{width: 100%;height:auto;float: left;font-size: 13px;color: #666;line-height: 26px;padding: 0px;margin:15px 0 0;display: none;}
.articleList li .text .time{line-height: 40px;color: #aaa;font-size: 13px;}
@media (max-width: 768px) {
.articleList{float: left;margin:25px 0px 20px;width:100%;font-size:12px;background: #fff;}
.articleList li{width:100%;overflow:hidden;clear:both;padding: 0px 25px 25px;margin-bottom: 0px;border-bottom: none;}
.articleList li .img{width: 100%;float: left;margin-bottom: 20px;}
.articleList li .text{width: 100%;float: left;font-weight: normal;font-size: 16px;padding: 0 0;}
.articleList li .text h2{width: 100%;float: left;font-size: 16px;padding: 0;margin: 0 0 15px;font-weight: bold;color: #000}
.articleList li .text i{display: block;}
.articleList li .text p{display: none;}
.articleList li .text span{display: block;}
}





/*-- 新闻列表 --*/
.newsList{float: left;width: 100%;margin-top: 10px;}
.newsList li {float: left;width: 100%;border-bottom:1px dotted #ccc;height: 37px;overflow: hidden;}
.newsList li a{float: left;width: 100%;text-indent: 18px;background: 5px 16px;line-height: 37px;font-size: 13px;overflow: hidden;}

.page{float: left;width: 100%;margin: 10px 0 0 0;border-top: 1px dotted #ccc;line-height: 30px;padding: 15px 0 00;font-size: 14px;}
.page p{float: left;width: 100%;margin: 0;padding: 0;}

.searchbox{float: left;width: 100%;padding:0px;margin-bottom: 20px;}
.searchbox .input{width:80%;height: 44px;float: left;border: 1px #eee solid;background: #fff;text-indent: 15px;outline: none;border-right: 0;color: #aaa;box-shadow: none;outline: none;}
.searchbox .submit{width:20%;height: 44px;float: left;border: 1px solid #eee;background:none;margin-right: 0px;cursor: pointer;color: #aaa;text-align: center;line-height: 34px;border-left: none;outline: none;}

/*分享框*/
.sharebox{float: left;width: 100%;margin: 20px 0 0 0;border-top: 1px dotted #ccc;line-height: 24px;padding: 10px 0 00;}


/*-- 案例右部 --*/
.casethumbnail{float: left;width: 100%;background: #fff;}
.casebottom{float: left;width: 100%;margin-bottom: 20px;background: #aaa;padding: 50px 100px;}
.casecontent{float: left;width: 100%;margin-bottom: 20px;background: #aaa;padding: 50px 100px;}
.casecontent img{float: left;width: 100%;margin-bottom: 20px;cursor: pointer;}
.caseinfo{float: left;width: 100%;margin-bottom: 20px;font-size: 14px;}
.caseinfo p{float: left;width: 100%;border-bottom: 1px dotted  #ccc;line-height: 20px;padding: 8px 0px;margin: 0;}
.caseinfo h1 {float: left;height: 37px;color: #f60;text-indent: 0px;font-size: 16px;border-bottom: 1px dotted  #ccc;font-weight: normal;width: 100%;float: left;line-height: 37px;font-weight: bold;margin: 0;}

/*-- 单面通栏页面 --*/
.singlepagemain{width: 100%;float: left;}
.singlepagemain p{width:100%;float: left;line-height:24px;padding: 0 0 15px 0;margin-bottom: 0;}
.singlepagemain img{max-width: 100%;margin-bottom: 20px;}
.webBoxAndroid{width:100%;float: left;line-height:24px;font-size: 13px;margin-bottom: 0;}
.webBoxAndroid p{float: left;padding: 0 0 20px;line-height: 24px;}
.webBox{width:100%;float: left;line-height:26px;font-size: 15px;margin-bottom: 60px;}
.webBoxGo{float: left;}
.webBoxGo img{float: left;width: 100%;}
.table2{width: 100%;float: left;vertical-align:middle;background: #fff;margin: 70px 0 0px;line-height: 24px;font-size: 13px;}
.table2 td{background:#f8f8f8;padding:10px 20px;line-height: 14px;text-align: left;color: #444;line-height: 22px;border: 1px solid #fff;}
.table2 th{background:#ddd;padding: 20px 20px;line-height: 14px;text-align: left;font-weight: normal;color: #444;border: 1px solid #fff;}
.table2 .on{background:#eee;}
.table2 .on1{background:#ddd;}
.table2 .on2{background:#eee;}
.table2 .on3{background:#ddd;}
.table2 .on4{background:#eee;}
.table2 .on5{background:#ddd;}
.table2 td a{color: #179bdd;}

/*地图*/
.map{width:1200px;float: left;min-height: 400px;line-height:30px;font-size: 15px;}
.map h2{width:1200px;float: left;line-height:30px;font-size: 15px;margin-bottom: 5px;}
.map .maplist{width:1200px;float: left;padding-bottom: 20px;margin-bottom: 20px;}
.map .maplist a{float: left;padding: 0 10px;line-height: 30px;height: 30px;background: #ddd;border-radius: 5px;margin-right: 10px;font-size: 13px;}

.mainBodyContent{width:1200px;float: left;min-height: 400px;line-height:30px;font-size: 14px;}
.mainBodyContent p{width:1200px;float: left;line-height:30px;padding: 0 0 25px 0;}
.qq1{width: 99px;height: 22px;float: left;}
.qq2{width: 99px;height: 22px;float: left;}
.span{float: left;}

/*支付方式*/
.ulpay{float: left;width: 100%;margin: 20px 0px 40px;}
.ulpay li{float: left;width:50%;height: 190px;padding:30px 0px 0 100px;background: #fff;box-shadow: 0 0 10px #e5e5e5;}
.ulpay li:hover{box-shadow: 0 0 10px #aaa;position: relative;cursor: pointer;}
.ulpay li .img,.ulpay li .img img{float: left;}
.ulpay li p{float: right;width: 100%;line-height: 24px;font-size: 14px;color: #4a4a4a;overflow: hidden;}

/*顶*/
.diggbox{float: left;margin: 10px 0 10px 260px;}
.diggboxBox{float: left;width:100px;height:100px;border-radius: 200px;background: #ddd;margin: 0 60px 0 0;outline: none;}
.diggboxBox:hover{background: #00A1E9;}
.diggboxBox:hover strong{color: #fff;text-shadow:1px 1px 0 var(--xr-primary, #0070b4);margin: 20px 0 0 27px;float: left;}
.diggboxBox strong{color: #333;margin: 15px 0 0 27px;float: left;}
.diggboxBox:hover strong{color: #fff;text-shadow:1px 1px 0 var(--xr-primary, #0070b4);margin: 15px 0 0 27px;float: left;}
.diggboxBox b{color: #333;margin: 0px 0 0 0px;float: left;width: 100%;text-align: center;}
.diggboxBox:hover b{color: #fff;text-shadow:1px 1px 0 var(--xr-primary, #0070b4);margin: 0px 0 0 0px;float: left;width: 100%;text-align: center;}

/*标签页*/
.tagpage{float: left;width: 100%;margin-top: 30px;font-size: 14px;margin-bottom: 30px;}
.tagpage a.cur{color: #00A1E9;}
.tagpage a{color: #333;float: left;line-height:30px;padding: 0 12px;margin: 0 5px 5px 0;background: #eee;}
.tagpage a:hover{background: #b00;color: #fff;}

/*分页*/
.pagesize{float: left;line-height: 40px;border: 1px solid #ddd;border-right: 0;margin-bottom: 20px;overflow: hidden;font-size: 14px;}
.pagesize a,.pagesize b,.pagesize .current{padding:0 18px;line-height: 40px;height: 40px;text-align: center;color: #555;display: inline-block;font-weight: normal;border-right: 1px solid #ddd;float: left;}
.pagesize .current{background: #b00;color: #fff;}



/*分页*/
.pagesizeNew{float: left;margin-bottom: 20px;overflow: hidden;font-size: 14px;width: 100%;padding: 0 0px;}
.pagesizeNew a,
.pagesizeNew b,
.pagesizeNew .current{line-height: 50px;height: 50px;text-align: center;color: #555;font-weight: normal;border: 1px solid #ddd;float: left;margin-right: 16px;border-radius: 40px;text-align: center;float: left;width: 50px;}
.pagesizeNew .current{background: #b00;color: #fff;border-color: #b00;}
@media (max-width: 992px) {
.pagesizeNew{padding: 0 25px 60px;}
.pagesizeNew a,
.pagesizeNew b,
.pagesizeNew .current{margin-right: 6px;line-height: 40px;height: 40px;width: 55px;}
.pagesizeNew .current{line-height: 40px;height: 40px;width: 40px;}

}




/*---------- 首页文字内容 ---------*/
.indexText{float: left;width: 100%;background: #fff;padding: 120px 0;}
.indexText.on .box .Left{opacity: 1;left: 0;}
.indexText.on .box .Right{opacity: 1;right: 0;}
.indexText .box{width: 100%;float: left;}
.indexText .box .Right{width: 70%;float: right;transition: 0.5s;opacity: 0;position: relative;right: -50%;padding-left: 60px;}
.indexText .box .Right span{width: 100%;float: left;height: 40px;line-height: 40px;border-bottom: 1px dotted #ddd;}
.indexText .box .Right span strong{float: left;height: 39px;border-bottom: 2px solid #aaa;font-size: 20px;color: #222;font-weight: normal;}
.indexText .box .Right .ul{width: 100%;float: left;margin-top: 15px;}
.indexText .box .Right .ul li{width: 100%;float: left;margin-bottom: 45px;}
.indexText .box .Right .ul li h4{width:100%;line-height:80px;color:#333;font-size:16px;float: left;margin: 0;;}
.indexText .box .Right .ul li b{width:100%;line-height:24px;color:#333;float: left;padding: 0;margin: 0;font-size: 14px;}
.indexText .box .Right .ul li p{width:100%;line-height:24px;color:#999;float: left;padding: 0;margin: 0;}
.indexText .box .Right .ul li a{color:#333;}
.indexText .box .Left{width:30%;float: left;height: 440px;background:#b00;transition: 0.3s;position: relative;transition: 0.5s;opacity: 0;left: -50%;}
.indexText .box .Left:hover{padding: 30px;}
.indexText .box .Left:hover .sbox{padding: 29px;height: 380px;opacity: 1;}
.indexText .box .Left .sbox{width: 100%;height: 440px;transition: 0.3s;border:1px solid #eee;padding: 60px;opacity: 0;position: relative;}
.indexText .box .Left .text{width: 100%;height: 440px;transition: 0.3s;padding: 60px;opacity: 1;position: absolute;left: 0;top: 0;}
.indexText .box .Left .text b{float: left;width: 60%;margin: 0 20%;height: 160px;color: #fff;line-height: 160px;font-size: 80px;background: #000;margin-top: -60px;text-align: center;font-family: 'bebas'}
.indexText .box .Left .text p{float: left;line-height: 50px;color: #fff;text-align: center;width: 100%;font-size: 15px;margin: 20px 0 0 ;}
.indexText .box .Left .text span{float: left;line-height: 50px;color: #fff;text-align: center;width: 100%;font-size: 30px;font-family: simsun;}
.indexText .box .Left .text em{float: left;width: 100%;padding: 0 20px;margin-top: 20px;}
.indexText .box .Left .text em a{float: left;width: 100%;text-align: center;line-height: 50px;color: #fff;border:1px solid #fff;}
.indexTab {width:100%;float: left;}
.indexTab ul{width:100%;height:42px;float: left;line-height: 42px;color:#333;border-bottom: 1px solid #ddd}
.indexTab li{height: 42px;float:left;cursor:pointer;margin: 0 30px 0 0 ;font-size: 16px;}
.indexTab li a{color: #222;}
.indexTab li.hover{color:#222;border-bottom: 1px solid #666;height: 42px;font-weight: bold;}
@media (max-width: 768px) {
.indexText{padding:0;}
.indexText.on .box .Left{opacity: 1;left: 0;}
.indexText.on .box .Right{opacity: 1;right: 0;}
.indexText .box{width: 100%;float: left;padding: 25px;}
.indexText .box .Right{width: 100%;float: right;transition: 0.5s;opacity: 1;position: relative;right:0%;margin-top: 40px;padding-left: 0;}
.indexText .box .Right span{width: 100%;float: left;height: 40px;line-height: 40px;border-bottom: 1px dotted #ddd;}
.indexText .box .Right span strong{float: left;height: 39px;border-bottom: 2px solid #aaa;font-size: 20px;color: #222;font-weight: normal;}
.indexText .box .Right .ul{width: 100%;float: left;margin-top: 15px;}
.indexText .box .Right .ul li{width: 100%;float: left;margin-bottom:25px;}
.indexText .box .Right .ul li h4{width:100%;line-height:40px;color:#333;font-size:16px;float: left;margin: 0;font-weight: bold;}
.indexText .box .Right .ul li b{width:100%;line-height:24px;color:#333;float: left;padding: 0;margin: 0;font-size: 14px;}
.indexText .box .Right .ul li p{width:100%;line-height:24px;color:#999;float: left;padding: 0;margin: 0;}
.indexText .box .Right .ul li a{color:#333;}
.indexText .box .Left{width:100%;float: left;height: 400px;background:#b00;transition: 0.3s;position: relative;transition: 0.5s;opacity: 1;left:0%;border-radius: 12px;overflow: hidden;}
.indexText .box .Left:hover{padding: 30px;}
.indexText .box .Left:hover .sbox{padding: 29px;height: 380px;opacity: 1;}
.indexText .box .Left .sbox{width: 100%;height: 400px;transition: 0.3s;border:1px solid #eee;padding: 60px 30px 30px;opacity: 0;position: relative;}
.indexText .box .Left .text{width: 100%;height: 400px;transition: 0.3s;padding: 60px 30px;opacity: 1;position: absolute;left: 0;top: 0;}
.indexText .box .Left .text b{float: left;width: 60%;margin: 0 20%;height: 160px;color: #fff;line-height: 160px;font-size: 50px;background: #000;margin-top: -60px;text-align: center;}
.indexText .box .Left .text p{float: left;line-height: 50px;color: #fff;text-align: center;width: 100%;font-size: 15px;margin: 20px 0 0 ;}
.indexText .box .Left .text span{float: left;line-height: 50px;color: #fff;text-align: center;width: 100%;font-size: 30px;font-family: simsun;}
.indexText .box .Left .text em{float: left;width: 100%;padding: 0 20px;margin-top: 20px;}
.indexText .box .Left .text em a{float: left;width: 100%;text-align: center;line-height: 50px;color: #fff;border:1px solid #fff;}
.indexTab {width:100%;float: left;}
.indexTab ul{width:100%;height:52px;float: left;line-height: 52px;color:#333;border-bottom: 1px solid #ddd}
.indexTab li{height: 52px;float:left;cursor:pointer;margin: 0 20px 0 0 ;font-size: 16px;}
.indexTab li a{color: #222;}
.indexTab li.hover{color:#222;border-bottom: 1px solid #666;height: 52px;font-weight: bold;}
}
@media (max-width: 350px) {
.indexTab li{height: 42px;float:left;cursor:pointer;margin: 0 10px 0 0 ;font-size: 14px;}
}












.morenav {float: left;width: 100%;height: 40px;background: #eee;text-align: center;line-height: 40px;display: none;color: #888;cursor: pointer;font-size: 18px;margin-top: 70px;}

/* 悬浮购物车加返回顶部 */
.fixbar_sf{z-index:999;position: fixed;bottom: 20px;width: 100%;height: 44px;display: none;padding: 0 25px;}
.fixbar_sf .a1{height: 44px;background: rgba(163,15,0,0.8);border-radius: 44px;text-align: center;line-height: 40px;padding: 2px;float: left;width: 48%;position: relative;}
.fixbar_sf .a1 span{float: left;color: #ac2014;font-size: 20px;background: #fff;width: 32px;height: 32px;border-radius: 32px;line-height: 32px;top:0;margin: 4px;}
.fixbar_sf .a1 i{float: left;color: #fff;margin: 0 18px 0 5px;font-size:14px;font-style: normal;line-height: 40px;}
.fixbar_sf .a1 em{position: absolute;right: 0;top: -10px;background: #fa0;line-height: 24px;height: 24px;border-radius: 24px;padding: 0 10px;color: #fff;}
@media (max-width: 768px) {
.fixbar_sf{display: block;}
}

.fixbar_05_top{z-index:999;position: fixed;bottom: 20px;right:25px;width: 45px;height: 45px;display: none;background: rgba(0,0,0,0.8);border-radius: 45px;text-align: center;}
.fixbar_05_top img{width: 20px;margin-top: 14px;}
.mfooter{width: 100%;padding: 60px 20px 60px;background: #222;float: left;display: none;text-align: center;}
.mfooter .c{width: 100%;}
.mfooter .c p{width: 100%;text-align: center;line-height: 26px;padding:10px 0 20px;color: #aaa;}
.diamondbox{width: 70px;height: 70px;width: 100%;text-align: center;margin-top: -95px;float: left;position: relative;}
.diamondbox .diamond{ width: 70px;   height: 70px;   background-color: #b00;display: inline-block;position: relative;z-index: 1;
  transform:rotate(45deg);   
  -ms-transform:rotate(45deg); /* Internet Explorer */   
  -moz-transform:rotate(45deg); /* Firefox */   
  -webkit-transform:rotate(45deg); /* Safari 和 Chrome */   
  -o-transform:rotate(45deg); /* Opera */   
} 
.diamondbox .span{width: 70px;line-height: 70px;margin: 0 auto;display: inline-block;position: absolute;z-index: 2;color: #fff;}




/*add 20170604*/
/*add 20170604*/
/*add 20170604*/
/*add 20170604*/
/*add 20170604*/






/* indeBd */
.indeBd{float: left;width: 100%;height: 500px;background-attachment: fixed;background-size: cover;}
.indeBd.on .box p{opacity: 1;padding-top: 160px;}
.indeBd.on .box span{opacity: 1;padding-top: 0;}
.indeBd.on .box em{opacity: 1;margin-top: 20px;}
.indeBd .box{width: 100%;float: left;}
.indeBd .box p{width: 100%;float: left;line-height: 60px;font-size: 60px;height: 240px;text-align: center;color: #fff;padding:0px 0 0px;opacity: 0;position: relative;transition:0.3s;}
.indeBd .box span{width: 100%;float: left;line-height: 60px;font-size: 20px;text-align: center;color: #fff;letter-spacing: 4px;position: relative;transition:1s;opacity: 0;height: 60px;padding: 20px 0 0 0;text-transform: uppercase;}
.indeBd .box em{width: 100%;float: left;line-height: 50px;text-align: center;margin: 20px 0 0;transition:1s;opacity: 0;margin-top: 40px;}
.indeBd .box em a{display: inline-block;height: 50px;color: #fff;padding: 0 60px;line-height: 44px;font-size: 15px;border:3px solid #b00;background: #b00;}
@media (max-width: 768px) {
.indeBd{background-attachment: scroll;height: auto;padding: 40px 0 80px;background-size:200%;}
.indeBd.on .box p{opacity: 1;padding-top: 40px;}
.indeBd.on .box span{opacity: 1;padding-top: 40px;}
.indeBd.on .box em{opacity: 1;margin-top: 20px;}
.indeBd .box{width: 100%;float: left;}
.indeBd .box p{width: 100%;float: left;line-height: 60px;font-size: 20px;height: 60px;text-align: center;color: #fff;padding:40px 0 20px;opacity: 1;position: relative;transition:0.3s;}
.indeBd .box span{width: 100%;float: left;line-height: 22px;font-size: 14px;text-align: center;color: #fff;letter-spacing: 0px;position: relative;transition:1s;opacity: 1;height: auto;padding: 40px 20px 0;text-transform: uppercase;}
.indeBd .box em{width: 100%;float: left;line-height: 50px;text-align: center;margin: 20px 0 0;transition:1s;opacity: 1;margin-top: 20px;}
.indeBd .box em a{display: inline-block;height: 50px;color: #fff;padding: 0 60px;line-height: 50px;font-size: 15px;border:3px solid #b00;}
}


/*案例顶部*/
.caseInfoMain{float: left;width: 100%;background: #f4f4f4;padding: 40px 0;margin-top: 20px;}
.caseInfoMain .box{float: left;width: 100%;}
.caseInfoMain .box .thumb{float: left;width: 18%;}
.caseInfoMain .box .thumb img{float: left;width: 100%;}
.caseInfoMain .box .m{float: left;width: 52%;padding-left: 30px;}
.caseInfoMain .box .m .title{float: left;width: 100%;margin: 0px 0 10px;}
.caseInfoMain .box .m .title h1{float: left;line-height: 40px;font-size: 32px;margin: 0;padding: 0;font-family: SimHei;font-weight: bold;}
.caseInfoMain .box .m p{float: left;width: 100%;line-height: 20px;color: #000;margin: 5px 0;}
.caseInfoMain .box .m .other{float: left;width: 100%;line-height: 30px;color: #000;display: none;}
.caseInfoMain .box .m .tip{float: left;width: 100%;line-height: 30px;color: #aaa;display: none;}
.caseInfoMain .box .m .a{float: left;width: 100%;margin-top: 10px;color: #666;}
.caseInfoMain .box .m .a a{color: #666;}
.caseInfoMain .box .r{float: right;width: 20%;line-height: 30px;}
.caseInfoMain .box .r .pages{float: right;line-height: 30px;border:none;}
.caseInfoMain .box .r .pages a{float: right;line-height: 40px;border:1px solid #ddd;font-size: 20px;}
.caseInfoMain .box .r .pages a span{float: left;line-height: 40px;font-size: 18px;padding: 0 20px;}
@media (max-width: 768px) {
.caseInfoMain{float: left;width: 100%;background: #f4f4f4;padding: 25px 25px 20px;margin-top: 0px;}
.caseInfoMain .box{float: left;width: 100%;}
.caseInfoMain .box .thumb{float: left;width: 30%;display: none;}
.caseInfoMain .box .thumb img{float: left;width: 100%;}
.caseInfoMain .box .m{float: left;width: 100%;padding-left: 0px;}
.caseInfoMain .box .m .title{float: left;width: 100%;margin: 0px 0 10px;}
.caseInfoMain .box .m .title h1{float: left;line-height: 20px;font-size: 20px;margin: 0;padding: 0;font-family: SimHei;font-weight: bold;}
.caseInfoMain .box .m p{float: left;width: 100%;line-height: 20px;color: #000;}
.caseInfoMain .box .m .other{float: left;width: 100%;line-height: 20px;color: #000;display: none;}
.caseInfoMain .box .m .tip{float: left;width: 100%;line-height: 20px;color: #aaa;display: none;}
.caseInfoMain .box .m .a{float: left;width: 100%;margin-top: 10px;color: #666;display: none;}
.caseInfoMain .box .m .a a{color: #666;}
.caseInfoMain .box .r{float: right;width: 20%;line-height: 30px;display: none;}
.caseInfoMain .box .r .pages{float: right;line-height: 30px;border:none;}
.caseInfoMain .box .r .pages a{float: right;line-height: 40px;border:1px solid #ddd;font-size: 20px;}
.caseInfoMain .box .r .pages a span{float: left;line-height: 40px;font-size: 18px;padding: 0 20px;}
}


.caseBar{float: left;width: 100%;margin:40px 0 100px;}
.caseBar .content{float: left;width: 100%;padding:60px 100px 0;background: #f4f4f4;}
.caseBar .content .bottom{float: left;width: 100%;text-align: center;}
.caseBar .content .bottomTop{float: left;width: 100%;height: 40px;text-align: center;margin-top: 20px;}
.caseBar .content .bottomTop a{display: inline-block;width: 80px;height: 40px;margin: 0 auto;}
.caseBar .content .bottomTop a:hover span{line-height: 60px;}
.caseBar .content .bottomTop a span{width: 80px;height: 80px;display: inline-block;position: absolute;z-index: 2;line-height: 80px;color: #fff;transition:0.5s;}
.caseBar .content .bottomTop a b{width: 80px;height: 80px;background-color: #fa0;display: inline-block;position: relative;z-index: 1;transform: rotate(45deg);transition:0.5s;}
.caseBar .content .bottomTop a:hover b{background: #b00;}
.caseBar .content .imgList{float: left;width: 100%;float: left;}
.caseBar .content .imgList p{float: left;width: 100%;margin-bottom: 30px;text-align: center;}
.caseBar .content .imgList p img{max-width: 100%;}

@media (max-width: 768px) {
.caseBar{float: left;width: 100%;margin:0px 0 0px;}
.caseBar .content{float: left;width: 100%;padding:25px 25px 0;background: #aaa;}
.caseBar .content .bottom{float: left;width: 100%;padding-bottom: 60px;}
.caseBar .content .bottom img{float: left;width: 100%;}
.caseBar .content .bottomTop{float: left;width: 100%;height: 40px;text-align: center;margin-top: 20px;display: none;}
.caseBar .content .bottomTop a{display: inline-block;width: 80px;height: 40px;margin: 0 auto;}
.caseBar .content .bottomTop a:hover span{line-height: 60px;}
.caseBar .content .bottomTop a span{width: 80px;height: 80px;display: inline-block;position: absolute;z-index: 2;line-height: 80px;color: #fff;transition:0.5s;}
.caseBar .content .bottomTop a b{width: 80px;height: 80px;background-color: #fa0;display: inline-block;position: relative;z-index: 1;transform: rotate(45deg);transition:0.5s;}
.caseBar .content .bottomTop a:hover b{background: #b00;}
.caseBar .content .imgList{float: left;width: 100%;float: left;}
.caseBar .content .imgList p{float: left;width: 100%;margin-bottom: 30px;}
.caseBar .content .imgList p img{float: left;width: 100%;}
}


.wxxcxpage{float: left;width: 100%;background-size: cover;padding-top:0px;margin-bottom: 100px;}
.wxxcxpage .box{float: left;width: 100%;position: relative;}
.wxxcxpage .box .l{width: 50%;text-align: center;bottom: -150px;position: relative;}
.wxxcxpage .box .l img{display: inline-block;float: left;max-width: 100%;float: left;}
.wxxcxpage .box .r{float: right;width: 60%;color: #fff;padding: 280px 0 0;}
.wxxcxpage .box .r b{float: left;width: 100%;font-size: 40px;font-weight: bold;line-height: 60px;}
.wxxcxpage .box .r span{float: left;width: 100%;font-size: 80px;font-weight: bold;line-height: 100px;margin-bottom: 10px;}
.wxxcxpage .box .r p{float: left;width: 100%;font-size: 20px;margin-bottom: 15px;}
.wxxcxpage .box .r a{float: left;border: 1px solid rgba(255,255,255,0.5);line-height: 60px;color: #fff;padding: 0 40px;font-size: 16px;transition:0.5s;}
.wxxcxpage .box .r a:hover{background: #fff;color: #000;padding: 0 100px 0 40px;}
@media (max-width: 768px) {
.wxxcxpage{margin-bottom: 0;}
.wxxcxpage .box .l{width: 100%;padding: 80px 30% 0;bottom: 0;}
.wxxcxpage .box .l img{display: inline-block;float: left;width: 100%;float: left;}
.wxxcxpage .box .r{width: 100%;padding:0 25px;text-align: center;}
.wxxcxpage .box .r b{font-size:24px;line-height: 40px;}
.wxxcxpage .box .r span{font-size: 40px;line-height: 60px;}
.wxxcxpage .box .r p{width: 100%;font-size: 14px;margin-bottom: 15px;line-height: 20px;padding: 0 20px;}
.wxxcxpage .box .r a{float: none;display: inline-block;border: 1px solid rgba(255,255,255,0.5);line-height: 50px;color: #fff;padding: 0 40px;font-size: 16px;transition:0.5s;margin-bottom: 40px;}
.wxxcxpage .box .r a:hover{background: #fff;color: #000;padding: 0 100px 0 40px;}
}

.wxxcxpage_01{float: left;width: 100%;min-height: 600px;padding: 80px 0;}
.wxxcxpage_01 .box{float: left;width: 100%}
.wxxcxpage_01 .box .t{float: left;width: 100%;text-align: center;margin-bottom: 50px;transition:0.5s;}
.wxxcxpage_01 .box .t h1{float: left;width: 100%;line-height: 60px;font-size: 50px;}
.wxxcxpage_01 .box .t h4{float: left;width: 100%;line-height: 60px;font-size: 20px;}
.wxxcxpage_01 .box .m{float: left;width: 100%;}
.wxxcxpage_01 .box .m li{float: left;width: 30%;margin: 0 5% 60px 0;border: 1px solid #eee;height: 122px;overflow: hidden;border-radius: 20px 20px 0 20px;overflow: hidden;transition:0.5s;}
.wxxcxpage_01 .box .m li:hover{box-shadow: 0 20px 10px rgba(0,0,0,0.1);}
.wxxcxpage_01 .box .m li:hover span{font-size: 60px;}
.wxxcxpage_01 .box .m li:nth-child(3n){margin-right: 0;}
.wxxcxpage_01 .box .m li span{float: left;height: 120px;width: 120px;position: absolute;z-index: 2;background:#6ada68;line-height: 120px;text-align: center;color: #fff;font-size: 50px;border-radius: 20px 0 0 20px;transition:0.5s;}
.wxxcxpage_01 .box .m li:nth-child(2) span{background: #ffb364;}
.wxxcxpage_01 .box .m li:nth-child(3) span{background: #73d4ff;}
.wxxcxpage_01 .box .m li:nth-child(4) span{background: #73d4ff;}
.wxxcxpage_01 .box .m li:nth-child(5) span{background: #6ada68;}
.wxxcxpage_01 .box .m li:nth-child(6) span{background: #ffb364;}
.wxxcxpage_01 .box .m li p{float: left;width: 100%;padding:20px 20px 20px 140px;}
.wxxcxpage_01 .box .m li p b{float: left;width: 100%;color: #000;font-size: 18px;line-height: 30px;margin-bottom: 4px;}
.wxxcxpage_01 .box .m li p i{float: left;width: 100%;color: #666;line-height: 22px;}
@media (max-width: 768px) {
.wxxcxpage_01{min-height: auto;padding: 40px 0;}
.wxxcxpage_01 .box .t{margin-bottom: 20px;}
.wxxcxpage_01 .box .t h1{line-height: 40px;font-size: 30px;margin-bottom: 10px;}
.wxxcxpage_01 .box .t h4{line-height: 20px;font-size: 12px;padding: 0 40px;}
.wxxcxpage_01 .box .m{padding: 0 25px;}
.wxxcxpage_01 .box .m li{float: left;width: 100%;margin: 0 0% 20px 0;border: 1px solid #eee;height: 92px;overflow: hidden;border-radius: 10px 10px 0 10px;overflow: hidden;}
.wxxcxpage_01 .box .m li:nth-child(3n){margin-right: 0;}
.wxxcxpage_01 .box .m li:hover span{font-size: 40px;}
.wxxcxpage_01 .box .m li span{height: 90px;width: 90px;line-height: 90px;font-size: 40px;border-radius: 10px 0 0 10px;}
.wxxcxpage_01 .box .m li p{width: 100%;padding:13px 15px 10px 105px;}
.wxxcxpage_01 .box .m li p b{font-size: 14px;line-height: 20px;font-weight: bold;}
.wxxcxpage_01 .box .m li p i{line-height: 20px;font-size: 12px;}
}

.wxxcxpage_02{float: left;width: 100%;min-height: 600px;padding: 80px 0;background:#e4ffe6;}
.wxxcxpage_02.on .box .t{margin-top: 0;opacity: 1}
.wxxcxpage_02.on .box .m{margin-top: 0;opacity: 1}
.wxxcxpage_02.on .box form{margin-top: 0;opacity: 1}
.wxxcxpage_02.on .box .or{margin-top: 0;opacity: 1}
.wxxcxpage_02.on .box .qrcode{margin-top: 0;opacity: 1}
.wxxcxpage_02 .box{float: left;width: 100%}
.wxxcxpage_02 .box .t{float: left;width: 100%;text-align: center;margin-bottom: 50px;margin-top: 100px;opacity: 0;transition:0.5s;}
.wxxcxpage_02 .box .t h1{float: left;width: 100%;line-height: 60px;font-size: 50px;}
.wxxcxpage_02 .box .t h4{float: left;width: 100%;line-height: 60px;font-size: 20px;}
.wxxcxpage_02 .box .m{float: left;width: 100%;text-align: center;margin-top: 100px;opacity: 0;transition:0.5s;transition-delay: 0.5s;}
.wxxcxpage_02 .box .m img{max-width: 100%;}
.wxxcxpage_02 .box form{float: left;width: 100%;text-align: center;padding: 0 35%;margin-top: 100px;opacity: 0;transition:0.5s;transition-delay: 1s;}
.wxxcxpage_02 .box form p{float: left;width: 100%;background:#fff;line-height: 60px;height: 60px;border-radius: 60px;overflow: hidden;box-shadow: 0 20px 10px rgba(0,0,0,0.1);}
.wxxcxpage_02 .box form p .input{float: left;width: 65%;border: none;outline: none;text-indent: 30px;}
.wxxcxpage_02 .box form p button{float: right;width: 35%;text-align: center;background: #d00;color: #fff;border: none;border-radius: 60px;font-size: 20px;font-weight: bold;}
.wxxcxpage_02 .box .or{float: left;width: 100%;text-align: center;line-height: 80px;margin-top: 100px;opacity: 0;transition:0.5s;transition-delay: 1.5s;}
.wxxcxpage_02 .box .qrcode{float: left;width: 100%;text-align: center;margin-top: 100px;opacity: 0;transition:0.5s;transition-delay: 1.5s;}
.wxxcxpage_02 .box .qrcode p{width: 300px;margin: 0 auto;background:#fff;box-shadow: 0 20px 10px rgba(0,0,0,0.1);border-radius: 20px;overflow: hidden;}
.wxxcxpage_02 .box .qrcode p img{width: 100%;float: left;}
.wxxcxpage_02 .box .qrcode p b{width: 100%;float: left;line-height: 50px;}
@media (max-width: 768px) {
.wxxcxpage_02{min-height: auto;padding: 40px 0;}
.wxxcxpage_02 .box .t h1{line-height: 40px;font-size: 30px;margin-bottom: 10px;}
.wxxcxpage_02 .box .t h4{line-height: 20px;font-size: 12px;padding: 0 40px;}
.wxxcxpage_02 .box .m{padding: 0 25px;}
.wxxcxpage_02 .box form{float: left;width: 100%;text-align: center;padding: 20px 45px 0;}
.wxxcxpage_02 .box form p{float: left;width: 100%;background:#fff;line-height: 50px;height: 50px;border-radius: 50px;overflow: hidden;box-shadow: 0 20px 10px rgba(0,0,0,0.1);}
.wxxcxpage_02 .box form p .input{float: left;width: 60%;border: none;outline: none;text-indent: 20px;}
.wxxcxpage_02 .box form p button{float: right;width: 40%;text-align: center;background: #d00;color: #fff;border: none;border-radius: 50px;font-size: 16px;font-weight: bold;}
.wxxcxpage_02 .box .or{line-height: 60px;}
.wxxcxpage_02 .box .qrcode{float: left;width: 100%;text-align: center;padding: 0 45px;margin-bottom: 60px;}
.wxxcxpage_02 .box .qrcode p{width: 100%;float: left;;background:#fff;box-shadow: 0 20px 10px rgba(0,0,0,0.1);border-radius: 20px;overflow: hidden;}
.wxxcxpage_02 .box .qrcode p img{width: 100%;float: left;}
.wxxcxpage_02 .box .qrcode p b{width: 100%;float: left;line-height: 50px;}
}



.websitepage{float: left;width: 100%;background-size: cover;padding-top:0px;margin-bottom: 100px;}
.websitepage .box{float: left;width: 100%;position: relative;}
.websitepage .box .l{width: 55%;text-align: center;bottom: -205px;position: relative;right: 0;float: right;}
.websitepage .box .l img{display: inline-block;max-width: 100%;width:650px}
.websitepage .box .r{float: left;width:45%;color: #fff;padding: 280px 0 100px;}
.websitepage .box .r b{float: left;width: 100%;font-size: 50px;font-weight: bold;line-height: 60px;}
.websitepage .box .r span{float: left;width: 100%;font-size: 80px;font-weight: bold;line-height: 140px;margin-bottom: 10px;}
.websitepage .box .r p{float: left;width: 100%;font-size: 20px;margin-bottom: 35px;}
.websitepage .box .r a{float: left;border: 1px solid rgba(255,255,255,0.5);line-height: 60px;color: #fff;padding: 0 40px;font-size: 16px;transition:0.5s;}
.websitepage .box .r a:hover{background: #fff;color: #000;padding: 0 100px 0 40px;}
@media (max-width: 1920px) {
.websitepage .box .l{bottom: -220px;width:55%;}
.websitepage .box .l img{width:600px}
.websitepage .box .r{width:45%;}
.websitepage .box .r b{font-size: 40px;}
.websitepage .box .r span{line-height: 130px;}
.websitepage .box .r p{margin-bottom: 20px;}
}
@media (max-width: 1800px) {
.websitepage .box .l{bottom: -250px;width:60%;}
.websitepage .box .l img{width:580px}
.websitepage .box .r{width:40%;}
}
@media (max-width: 1600px) {
.websitepage .box .l{bottom: -148px;width:55%;}
.websitepage .box .l img{width:500px}
.websitepage .box .r{width:45%;padding-top: 200px;padding-bottom: 80px;}
.websitepage .box .r span{font-size:70px;line-height: 90px;}
.websitepage .box .r p{font-size:16px;margin-bottom: 15px;}
}
@media (max-width: 1400px) {
.websitepage .box .l{bottom: -145px;width:60%;}
.websitepage .box .l img{width:450px}
.websitepage .box .r{width:40%;padding-top: 200px;padding-bottom: 50px;}
.websitepage .box .r span{font-size:60px;line-height: 80px;}
.websitepage .box .r p{font-size:14px;margin-bottom: 15px;}
}
@media (max-width: 768px) {
.websitepage{margin-bottom: 0;}
.websitepage .box .l{width: 100%;padding: 80px 20% 0;bottom: 0;}
.websitepage .box .l img{display: inline-block;float: left;width: 100%;float: left;}
.websitepage .box .r{width: 100%;padding:0 25px;text-align: center;}
.websitepage .box .r b{font-size:24px;line-height: 40px;}
.websitepage .box .r span{font-size: 40px;line-height: 60px;}
.websitepage .box .r p{width: 100%;font-size: 14px;margin-bottom: 15px;line-height: 20px;padding: 0 20px;}
.websitepage .box .r a{float: none;display: inline-block;border: 1px solid rgba(255,255,255,0.5);line-height: 50px;color: #fff;padding: 0 40px;font-size: 16px;transition:0.5s;margin-bottom: 40px;}
.websitepage .box .r a:hover{background: #fff;color: #000;padding: 0 100px 0 40px;}
}

.websitepage_01{float: left;width: 100%;padding: 30px 0 50px;}
.websitepage_01 .box{float: left;width: 100%}
.websitepage_01 .box .t{float: left;width: 100%;text-align: center;margin-bottom: 30px;transition:0.5s;}
.websitepage_01 .box .t h1{float: left;width: 100%;line-height: 60px;font-size: 50px;color: #000;}
.websitepage_01 .box .t h4{float: left;width: 100%;line-height: 60px;font-size: 20px;color: #aaa;}
.websitepage_01 .box .m{float: left;width: 100%;}
.websitepage_01 .box .m li{float: left;width: 18%;margin: 0 2.5% 20px 0;overflow: hidden;transition:0.5s;text-align: center;padding-top: 20px;border-radius: 20px;}
.websitepage_01 .box .m li:hover{box-shadow: 0 20px 10px rgba(0,0,0,0.1);}
.websitepage_01 .box .m li:hover span{color: #b00;}
.websitepage_01 .box .m li:nth-child(5n){margin-right: 0;}
.websitepage_01 .box .m li span{display: inline-block;line-height: 60px;text-align: center;color: #000;font-size: 50px;transition:0.5s;}
.websitepage_01 .box .m li span.icon-Graph{font-size: 53px}
.websitepage_01 .box .m li span.icon-banjibiaoxian{font-size: 60px}
.websitepage_01 .box .m li span.icon-yingyong{font-size: 48px}
.websitepage_01 .box .m li span.icon-yuzhiyibiaopan{font-size: 44px}
.websitepage_01 .box .m li span.icon-mendianzhuangshi{font-size: 44px}
.websitepage_01 .box .m li span.icon-xitongzhuangtai-yonghuzhuangtai{font-size: 48px}
.websitepage_01 .box .m li p{float: left;width: 100%;padding:10px 20px 20px;}
.websitepage_01 .box .m li p b{float: left;width: 100%;color: #000;font-size: 18px;line-height: 30px;margin-bottom: 4px;}
.websitepage_01 .box .m li p i{float: left;width: 100%;color: #666;line-height: 22px;}
@media (max-width: 768px) {
.websitepage_01{min-height: auto;padding: 40px 0 20px;}
.websitepage_01 .box .t{margin-bottom: 20px;}
.websitepage_01 .box .t h1{line-height: 40px;font-size: 30px;margin-bottom: 10px;}
.websitepage_01 .box .t h4{line-height: 20px;font-size: 12px;padding: 0 40px;}
.websitepage_01 .box .m{padding: 0 25px;}
.websitepage_01 .box .m li{float: left;width: 100%;margin: 0 0% 0px 0;border: 1px solid #eee;height: 62px;overflow: hidden;border-radius: 0;overflow: hidden;text-align: left;position: relative;padding: 0}
.websitepage_01 .box .m li:first-child{border-radius: 10px 10px 0 0;}
.websitepage_01 .box .m li:last-child{border-radius:0 0 10px 10px;}
.websitepage_01 .box .m li:nth-child(3n){margin-right: 0;}
.websitepage_01 .box .m li span{height: 40px;width: 40px;line-height: 40px;font-size:24px;position: absolute;left: 15px;top: 15px;}
.websitepage_01 .box .m li span.icon-Graph{font-size: 27px}
.websitepage_01 .box .m li span.icon-banjibiaoxian{font-size: 34px}
.websitepage_01 .box .m li span.icon-yingyong{font-size: 22px}
.websitepage_01 .box .m li span.icon-yuzhiyibiaopan{font-size: 18px}
.websitepage_01 .box .m li span.icon-mendianzhuangshi{font-size: 22px}
.websitepage_01 .box .m li span.icon-xitongzhuangtai-yonghuzhuangtai{font-size: 22px}
.websitepage_01 .box .m li p{width: 100%;padding:24px 15px 10px 65px;}
.websitepage_01 .box .m li p b{font-size: 14px;line-height: 20px;font-weight: normal;width: auto;margin-right: 10px;}
.websitepage_01 .box .m li p i{line-height: 20px;font-size: 12px;width: auto;color: #aaa;}
}

.websitepage_02{float: left;width: 100%;min-height: 600px;padding: 120px 0;background-size: cover;background-attachment: fixed;}
.websitepage_02.on .box .t{margin-top: 0;opacity: 1}
.websitepage_02.on .box .m{margin-top: 0;opacity: 1}
.websitepage_02.on .box form{margin-top: 0;opacity: 1}
.websitepage_02.on .box .or{margin-top: 0;opacity: 1}
.websitepage_02.on .box .qrcode{margin-top: 0;opacity: 1}
.websitepage_02 .box{float: left;width: 100%}
.websitepage_02 .box .t{float: left;width: 100%;text-align: center;margin-bottom: 50px;margin-top: 100px;opacity: 0;transition:0.5s;}
.websitepage_02 .box .t h1{float: left;width: 100%;line-height: 60px;font-size: 50px;color: #fff;}
.websitepage_02 .box .t h4{float: left;width: 100%;line-height: 60px;font-size: 20px;color: #fff;}
.websitepage_02 .box .m{float: left;width: 100%;margin-bottom: 50px;margin-top: 100px;opacity: 0;transition:0.5s;}
.websitepage_02 .box .m li{float: left;width: 18%;margin: 0 2.5% 20px 0;overflow: hidden;transition:0.5s;text-align: center;padding-top: 30px;background: rgba(0,0,0,0.3);}
.websitepage_02 .box .m li:hover{background: #d00;}
.websitepage_02 .box .m li:nth-child(5n){margin-right: 0;}
.websitepage_02 .box .m li span{display: inline-block;line-height: 60px;text-align: center;color: #fff;font-size: 50px;transition:0.5s;}
.websitepage_02 .box .m li p{float: left;width: 100%;padding:10px 20px 30px;}
.websitepage_02 .box .m li p b{float: left;width: 100%;color: #fff;font-size: 15px;line-height: 30px;margin-bottom: 4px;}
.websitepage_02 .box form{float: left;width: 100%;text-align: center;padding: 0 35%;margin-top: 100px;opacity: 0;transition:0.5s;transition-delay: 0.5s;}
.websitepage_02 .box form p{float: left;width: 100%;background:#fff;line-height: 60px;height: 60px;border-radius: 60px;overflow: hidden;box-shadow: 0 20px 10px rgba(0,0,0,0.1);}
.websitepage_02 .box form p .input{float: left;width: 65%;border: none;outline: none;text-indent: 30px;}
.websitepage_02 .box form p button{float: right;width: 35%;text-align: center;background: #d00;color: #fff;border: none;border-radius: 60px;font-size: 20px;font-weight: bold;}
.websitepage_02 .box .or{float: left;width: 100%;text-align: center;line-height: 80px;margin-top: 100px;opacity: 0;transition:0.5s;transition-delay: 1s;color: #fff;}
.websitepage_02 .box .qrcode{float: left;width: 100%;text-align: center;margin-top: 100px;opacity: 0;transition:0.5s;transition-delay: 1.5s;}
.websitepage_02 .box .qrcode p{width: 300px;margin: 0 auto;background:#fff;box-shadow: 0 20px 10px rgba(0,0,0,0.1);border-radius: 20px;overflow: hidden;}
.websitepage_02 .box .qrcode p img{width: 100%;float: left;}
.websitepage_02 .box .qrcode p b{width: 100%;float: left;line-height: 50px;}
@media (max-width: 768px) {
.websitepage_02{min-height: auto;padding: 60px 0 30px;}
.websitepage_02 .box .t{margin-bottom: 20px;}
.websitepage_02 .box .t h1{line-height: 40px;font-size: 30px;margin-bottom: 10px;}
.websitepage_02 .box .t h4{line-height: 20px;font-size: 12px;padding: 0 40px;}
.websitepage_02 .box .m{padding: 0 25px;margin-bottom: 30px;}
.websitepage_02 .box .m li{float: left;width: 32%;margin: 0 2% 10px 0;border: 1px solid rgba(255,255,255,0.4);overflow: hidden;border-radius: 10px;overflow: hidden;padding: 10px;}
.websitepage_02 .box .m li:nth-child(3n){margin-right: 0;}
.websitepage_02 .box .m li:nth-child(5n){margin-right: 2%;}
.websitepage_02 .box .m li:last-child{display: none;}
.websitepage_02 .box .m li:hover span{font-size: 40px;}
.websitepage_02 .box .m li span{height: 60px;width: 100%;line-height: 60px;font-size: 30px;float: left;}
.websitepage_02 .box .m li p{width: 100%;padding:0;}
.websitepage_02 .box .m li p b{font-size: 12px;line-height: 20px;font-weight: normal;}
.websitepage_02 .box form{float: left;width: 100%;text-align: center;padding: 0px 25px 0;}
.websitepage_02 .box form p{float: left;width: 100%;background:#fff;line-height: 50px;height: 50px;border-radius: 50px;overflow: hidden;box-shadow: 0 20px 10px rgba(0,0,0,0.1);}
.websitepage_02 .box form p .input{float: left;width: 60%;border: none;outline: none;text-indent: 20px;}
.websitepage_02 .box form p button{float: right;width: 40%;text-align: center;background: #d00;color: #fff;border: none;border-radius: 50px;font-size: 16px;font-weight: bold;}
.websitepage_02 .box .or{line-height: 60px;}
.websitepage_02 .box .qrcode{float: left;width: 100%;text-align: center;padding: 0 25px;margin-bottom: 60px;}
.websitepage_02 .box .qrcode p{width: 100%;float: left;;background:#fff;box-shadow: 0 20px 10px rgba(0,0,0,0.1);border-radius: 20px;overflow: hidden;}
.websitepage_02 .box .qrcode p img{width: 100%;float: left;}
.websitepage_02 .box .qrcode p b{width: 100%;float: left;line-height: 50px;}
}

.aboutpage{float: left;width: 100%;background: #eaeaea;margin-bottom: 0px;padding-top: 160px;}
.aboutpage .box{float: left;width: 100%;position: relative;}
.aboutpage .box .l{width: 100%;text-align: center;position: relative;right: 0;float: right;margin: 60px 0;text-align: right;}
.aboutpage .box .r{float: left;width:40%;padding: 0px 0 100px;position: absolute;left: 0;top: 80px;}
.aboutpage .box .r b{float: left;width: 100%;font-size: 50px;font-weight: bold;line-height: 60px;color: #b00;text-transform: uppercase;}
.aboutpage .box .r span{float: left;width: 100%;font-size: 80px;font-weight: bold;line-height: 140px;margin-bottom: 10px;color: #000;}
.aboutpage .box .r p{float: left;width: 100%;font-size: 15px;margin-bottom: 35px;}
.aboutpage .box .r a{float: left;border: 1px solid rgba(255,255,255,0.5);line-height: 60px;color: #fff;padding: 0 40px;font-size: 16px;transition:0.5s;}
.aboutpage .box .r a:hover{background: #fff;color: #000;padding: 0 100px 0 40px;}
@media (max-width: 1920px) {
.aboutpage .box .l img{width: 70%;float: right;}
.aboutpage .box .r b{font-size: 40px;}
.aboutpage .box .r span{line-height: 100px;font-size: 60px;}
.aboutpage .box .r p{margin-bottom: 20px;}
}

@media (max-width: 1600px) {
.aboutpage .box .r{top:40px;}
.aboutpage .box .l img{width: 60%;float: right;}
.aboutpage .box .r b{font-size: 40px;}
.aboutpage .box .r span{line-height: 100px;font-size: 60px;}
.aboutpage .box .r p{margin-bottom: 20px;}
}
@media (max-width: 1400px) {
.aboutpage .box .r span{font-size:60px;line-height: 80px;}
.aboutpage .box .r p{font-size:14px;margin-bottom: 15px;}
}
@media (max-width: 768px) {
.aboutpage{margin-bottom: 0;padding-top: 20px;}
.aboutpage .box .l{width: 100%;padding: 0px 0% 0;bottom: 0;position: relative;}
.aboutpage .box .l img{display: inline-block;float: left;width: 100%;float: left;}
.aboutpage .box .r{width: 100%;padding:25px 25px 10px;text-align: center;background: rgba(255,255,255,0.5);border-radius: 25px 25px 0 0;margin-top: -40px;position: relative;top: 0}
.aboutpage .box .r b{font-size:24px;line-height: 40px;}
.aboutpage .box .r span{font-size: 40px;line-height: 60px;margin-bottom: 0;}
.aboutpage .box .r p{width: 100%;font-size: 14px;margin-bottom: 15px;line-height: 20px;padding: 0 20px;}
.aboutpage .box .r a{float: none;display: inline-block;border: 1px solid rgba(255,255,255,0.5);line-height: 50px;color: #fff;padding: 0 40px;font-size: 16px;transition:0.5s;margin-bottom: 40px;}
.aboutpage .box .r a:hover{background: #fff;color: #000;padding: 0 100px 0 40px;}
}


/*aboutOne*/
.aboutOne{float: left;width: 100%;transition:0.5s;position: relative;background: #fff;padding: 100px 0;}
.aboutOne .box{width: 100%;float: left;}
.aboutOne .box .l{float: left;width: 50%;position: relative;top:0px;opacity: 1;transition:0.5s;padding:0px;}
.aboutOne .box .l .texts{float: left;width:100%;}
.aboutOne .box .l .texts b{float: left;width:100%;line-height: 70px;font-size: 70px;margin-bottom: 20px;font-weight: normal;font-family: 'bebas'}
.aboutOne .box .l .texts p{float: left;width:100%;line-height: 36px;font-size: 16px;margin-bottom: 30px;font-weight: normal;color: #333;}
.aboutOne .box .l .texts span{float: left;width: 40px;height: 4px;background: #ddd;margin: 0 0 30px;}
.aboutOne .box .l .nums{float: left;width: 100%;margin-bottom: 40px;}
.aboutOne .box .l .li{float: left;width: 28%;border-right: 1px solid #eee;margin-right: 7%;}
.aboutOne .box .l .li:nth-child(3){margin-right: 0;border: none;}
.aboutOne .box .l .li em{float: left;width: 100%;color: #ddd;line-height: 20px;font-size: 15px;font-style: normal;}
.aboutOne .box .l .li span{float: left;width: 100%;height: 80px;}
.aboutOne .box .l .li span strong{float: left;font-size: 80px;line-height: 80px;font-weight: normal;font-family: 'bebas'}
.aboutOne .box .l .li span i{float: left;font-size: 30px;line-height: 30px;margin-top: 40px;font-style: normal;}
.aboutOne .box .r{float: right;width:40%;background: #b00;padding-left: 40px;border-radius: 30px 0 30px 30px;}
.aboutOne .box .r img{float: right;width: 100%;border-radius: 30px 0 30px 30px;transition:0.5s;}
.aboutOne .box .r img:hover{box-shadow: 0 20px 10px rgba(0,0,0,0.1);}
@media (max-width: 1920px) {
.aboutOne .box .l{width: 43%;}
.aboutOne .box .r{width: 45%;}
}
@media (max-width: 1720px) {
.aboutOne .box .l{width: 43%;}
.aboutOne .box .r{width: 50%;}
}
@media (max-width: 1600px) {
.aboutOne .box .l{width: 45%;}
.aboutOne .box .r{width: 50%;}
.aboutOne .box .l .li em{line-height: 20px;font-size: 13px;}
.aboutOne .box .l .li span{height: 60px;}
.aboutOne .box .l .li span strong{font-size: 60px;line-height:60px;}
.aboutOne .box .l .li span i{font-size: 20px;line-height: 30px;margin-top: 30px;}
.aboutOne .box .l .texts b{line-height: 50px;font-size: 30px;margin-bottom: 15px;}
.aboutOne .box .l .texts p{line-height: 30px;font-size: 14px;margin-bottom: 20px;}
}
@media (max-width: 1200px) {
.aboutOne .box .l .nums{margin-bottom: 20px;}
.aboutOne .box .l{width: 45%;}
.aboutOne .box .r{width: 50%;}
.aboutOne .box .l .li em{line-height: 20px;font-size: 13px;}
.aboutOne .box .l .li span{height: 60px;}
.aboutOne .box .l .li span strong{font-size: 60px;line-height:60px;}
.aboutOne .box .l .li span i{font-size: 20px;line-height: 30px;margin-top: 30px;}
.aboutOne .box .l .texts b{line-height: 50px;font-size: 30px;margin-bottom: 15px;}
.aboutOne .box .l .texts p{line-height: 22px;font-size: 13px;margin-bottom: 20px;}
}
@media (max-width: 992px) {
.aboutOne{padding: 20px 0;}
.aboutOne .box{padding: 0 25px;}
.aboutOne .box .l .nums{border-bottom: 3px solid #f4f4f4;padding-bottom: 25px;margin-bottom: 30px;}
.aboutOne .box .l{float: left;width: 100%;top: 0px;opacity: 1;transition:0.5s;padding:0px;}
.aboutOne .box .l b{float: left;width:100%;line-height: 30px;font-size: 20px;margin-bottom: 15px;font-weight: bold;}
.aboutOne .box .l p{float: left;width:100%;line-height: 20px;font-size: 14px;margin-bottom: 30px;font-weight: normal;color: #444;}
.aboutOne .box .l .li{float: left;width: 28%;border-right: 1px solid #eee;margin-right: 7%;}
.aboutOne .box .l .li:nth-child(3){margin-right: 0;border: none;}
.aboutOne .box .l .li em{float: left;width: 100%;color: #ddd;line-height: 20px;font-size: 13px;font-style: normal;}
.aboutOne .box .l .li span{float: left;width: 100%;height: 50px;}
.aboutOne .box .l .li span strong{float: left;font-size: 50px;line-height: 50px;font-weight: normal;font-family: 'bebas'}
.aboutOne .box .l .li span i{float: left;font-size: 20px;line-height: 30px;margin-top: 17px;font-style: normal;margin-left: 5px;}
.aboutOne .box .r{float: left;width: 100%;position: relative;top: -0;opacity: 1;transition:0.5s;border-radius: 20px 0 20px 20px;padding-left: 20px;}
.aboutOne .box .r img{float: left;width: 100%;border-radius: 20px 0 20px 20px;}
.aboutOne .box .l .texts b{line-height: 50px;font-size: 50px;margin-bottom: 15px;}
.aboutOne .box .l .texts p{line-height: 30px;font-size: 15px;}
}

.aboutTwo{float: left;width: 100%;padding: 50px 0 100px;background:#fff;}
.aboutTwo .tabs {width:100%;float: left;margin-bottom: 30px;} 
.aboutTwo .tabs ul{width:100%;float: left;font-size: 14px;} 
.aboutTwo .tabs li{line-height: 80px;float:left;display:block;cursor:pointer;color:#000;width: 50%;text-align: center;border: 1px solid #ddd;float: left;font-size:18px;} 
.aboutTwo .tabs li.hover{color:#fff;background: var(--themecolor);border: 1px solid var(--themecolor);} 
.aboutTwo .cc{width:100%;float: left;background-size: cover;padding:100px 100px 100px;}
.aboutTwo .cc .t{float: left;width: 100%;margin-bottom: 40px;padding-left: 20px;}
.aboutTwo .cc .t b{float: left;width: 100%;line-height: 80px;font-size: 40px;font-weight: bold;color: #000}
.aboutTwo .cc .t p{float: left;width: 100%;line-height: 50px;font-size: 20px;}
.aboutTwo .cc1{float: left;width: 100%;border-top: 2px solid #b00;}
.aboutTwo .cc1 .li{float: left;width: 20%;padding: 20px 30px 20px 20px;position: relative;}
.aboutTwo .cc1 .li:hover p{box-shadow: 0 20px 10px rgba(0,0,0,0.1)}
.aboutTwo .cc1 .li:hover span{box-shadow: 0 10px 10px rgba(0,0,0,0.1)}
.aboutTwo .cc1 .li span{position: absolute;width: 20px;height: 20px;background: #b00;border: 5px solid #fff;border-radius: 10px;top: -10px;}
.aboutTwo .cc1 .li p{float: left;width: 100%;background:rgba(255,255,255,0.5);padding: 30px;border-radius:  0 20px 20px 20px;margin: 20px 0 0 0;transition:0.5s;}
.aboutTwo .cc1 .li p b{float: left;width: 100%;line-height: 40px;font-size: 30px;font-family: 'bebas';margin-bottom: 10px;}
.aboutTwo .cc1 .li p i{float: left;width: 100%;line-height: 20px;font-size: 14px;font-style: normal;min-height: 40px;}
.aboutTwo .cc2{float: left;width: 100%;padding: 0 20px;}
.aboutTwo .cc2 .li{float: left;width: 30%;background:rgba(255,255,255,0.5);border-radius:  0 20px 20px 20px;margin-right: 5%;overflow: hidden;transition:0.5s;}
.aboutTwo .cc2 .li:hover{box-shadow: 0 20px 10px rgba(0,0,0,0.1)}
.aboutTwo .cc2 .li:nth-child(3){margin-right: 0;}
.aboutTwo .cc2 .li p{float: left;line-height: 40px;width: 100%;padding: 20px 20px;font-size: 16px;}
.aboutTwo .cc2 .li img{float: left;width: 100%;}
@media (max-width: 992px) {
.aboutTwo{float: left;width: 100%;padding: 20px 0 0px;background:#fff;}
.aboutTwo .tabs{width:100%;float: left;margin-bottom: 0px;} 
.aboutTwo .tabs ul{width:100%;float: left;font-size: 14px;margin-bottom: 0;} 
.aboutTwo .tabs li{line-height: 50px;float:left;display:block;cursor:pointer;color:#000;font-weight: normal;width:50%;text-align: center;border: 1px solid #ddd;float: left;font-size:16px;} 
.aboutTwo .tabs li.hover{color:#fff;background: var(--themecolor);border: 1px solid var(--themecolor);} 
.aboutTwo .tabs li:nth-child(1){border-radius: 10px 0 0 0;} 
.aboutTwo .tabs li:nth-child(2){border-radius: 0 10px 0 0;} 
.aboutTwo .cc{ width:100%;float: left;background-size: cover;padding:25px 0 85px 35px;}
.aboutTwo .cc .t{margin-bottom: 30px;padding-left: 0;margin-left: -10px;}
.aboutTwo .cc .t b{line-height: 50px;font-size: 30px;font-weight: bold;margin-top: 10px;}
.aboutTwo .cc .t p{line-height: 30px;font-size: 14px;}
.aboutTwo .cc1{float: left;width: 100%;border-left: 2px solid #b00;border-top: none;padding: 20px 25px 25px 0;}
.aboutTwo .cc1 .li{float: left;width: 100%;padding: 0px 0px 10px 18px;position: relative;}
.aboutTwo .cc1 .li:hover p{box-shadow: 0 20px 10px rgba(0,0,0,0.1)}
.aboutTwo .cc1 .li:hover span{box-shadow: 0 10px 10px rgba(0,0,0,0.1)}
.aboutTwo .cc1 .li span{position: absolute;width: 20px;height: 20px;background: #b00;border: 5px solid #fff;border-radius: 10px;top: -5px;left: -10px;}
.aboutTwo .cc1 .li p{float: left;width: 100%;background:rgba(255,255,255,0.5);padding: 15px 15px 10px;border-radius:  0 10px 10px 10px;margin: 0px 0 0 0;transition:0.5s;}
.aboutTwo .cc1 .li p b{float: left;width: 100%;line-height: 30px;font-size: 30px;font-family: 'bebas';margin-bottom: 0;}
.aboutTwo .cc1 .li p i{float: left;width: 100%;line-height: 30px;font-size: 14px;font-style: normal;min-height: auto;}
.aboutTwo .cc2{float: left;width: 100%;padding: 0 15px 0 0px;margin-left: -10px;}
.aboutTwo .cc2 .li{float: left;width: 100%;background:rgba(255,255,255,0.5);border-radius:  0 20px 20px 20px;margin-right: 0%;margin-bottom: 20px;;overflow: hidden;transition:0.5s;}
.aboutTwo .cc2 .li:hover{box-shadow: 0 20px 10px rgba(0,0,0,0.1)}
.aboutTwo .cc2 .li:nth-child(3){margin-right: 0;}
.aboutTwo .cc2 .li p{float: left;line-height: 20px;width: 100%;padding: 20px 20px;font-size: 16px;}
.aboutTwo .cc2 .li img{float: left;width: 100%;}
}


.contactpage{float: left;width: 100%;background: #eaeaea;margin-bottom: 0px;padding-top: 120px;overflow: hidden;}
.contactpage .box{float: left;width: 100%;position: relative;}
.contactpage .box .l{width: 65%;text-align: center;position: relative;right: 0;float: right;margin: 60px 0 -200px;text-align: right;text-align: center;}
.contactpage .box .l img {max-width: 100%;}
.contactpage .box .r{float: left;width:35%;padding: 120px 0 0px;}
.contactpage .box .r b{float: left;width: 100%;font-size: 50px;font-weight: bold;line-height: 60px;color: #b00;text-transform: uppercase;}
.contactpage .box .r span{float: left;width: 100%;font-size: 80px;font-weight: bold;line-height: 140px;margin-bottom: 10px;color: #000;}
.contactpage .box .r p{float: left;width: 100%;font-size: 15px;margin-bottom: 35px;}
.contactpage .box .r a{float: left;border: 1px solid rgba(255,255,255,0.5);line-height: 60px;color: #fff;padding: 0 40px;font-size: 16px;transition:0.5s;}
.contactpage .box .r a:hover{background: #fff;color: #000;padding: 0 100px 0 40px;}
@media (max-width: 1920px) {
.contactpage .box .r b{font-size: 40px;}
.contactpage .box .r span{line-height: 100px;font-size: 60px;}
.contactpage .box .r p{margin-bottom: 20px;}
}
@media (max-width: 1600px) {
.contactpage .box .r{margin-bottom: 80px;}
.contactpage .box .r b{font-size: 40px;}
.contactpage .box .r span{line-height: 100px;font-size: 60px;}
.contactpage .box .r p{margin-bottom: 20px;}
}
@media (max-width: 1400px) {
.contactpage .box .r span{font-size:60px;line-height: 80px;}
.contactpage .box .r p{font-size:14px;margin-bottom: 15px;}
}
@media (max-width: 768px) {
.contactpage{margin-bottom: 0;padding-top: 0}
.contactpage .box .l{width: 100%;padding: 10px 25px 0;margin-bottom: 0;}
.contactpage .box .l img{display: inline-block;float: left;width: 100%;float: left;}
.contactpage .box .r{width: 100%;padding:25px 25px 10px;text-align: center;margin-bottom: 0px;background: rgba(255,255,255,0.5);border-radius: 25px 25px 0 0;margin-top: -80px;}
.contactpage .box .r b{font-size:24px;line-height: 40px;}
.contactpage .box .r span{font-size: 40px;line-height: 60px;margin-bottom: 0;}
.contactpage .box .r p{width: 100%;font-size: 14px;margin-bottom: 15px;line-height: 20px;padding: 0 20px;}
.contactpage .box .r a{float: none;display: inline-block;border: 1px solid rgba(255,255,255,0.5);line-height: 50px;color: #fff;padding: 0 40px;font-size: 16px;transition:0.5s;margin-bottom: 40px;}
.contactpage .box .r a:hover{background: #fff;color: #000;padding: 0 100px 0 40px;}
}


/*contactOne*/
.contactOne{float: left;width: 100%;transition:0.5s;position: relative;background: #fff;padding: 100px 0;}
.contactOne .box{width: 100%;float: left;}
.contactOne .box .map{float: right;width: 50%;position: relative;transition:0.5s;padding:0px;}
.contactOne .box .map #allmap{float: left;width: 100%;height: 500px;border-radius: 0 30px 30px 30px;overflow: hidden;box-shadow: 0 20px 10px rgba(0,0,0,0.1);border-bottom: 10px solid #fff;}
.contactOne .box .l{float: left;width: 40%;position: relative;transition:0.5s;padding:0px;}
.contactOne .box .l .mtel{float: left;width:100%;margin-bottom: 40px;}
.contactOne .box .l .mtel span{float: left;line-height: 60px;font-size: 30px;color: #b00;margin-right: 20px;}
.contactOne .box .l .mtel b{float: left;line-height: 60px;font-size: 60px;color: #b00;font-family: 'bebas'}
.contactOne .box .l .mobile{float: left;width:100%;}
.contactOne .box .l .line{float: left;width:100%;margin-bottom: 50px;}
.contactOne .box .l .line i{float: left;width:10%;height: 4px;background: #eee;}
.contactOne .box .l .mobile{float: left;width: 50%;position: relative;margin-bottom: 40px;}
.contactOne .box .l .mobile span{float: left;line-height: 30px;font-size: 30px;color: #eee;position: absolute;left: 0;top: 0px;}
.contactOne .box .l .mobile p{float: left;width: 100%;padding-left: 50px;color: #000;position: relative;line-height: 40px;}
.contactOne .box .l .mobile p i{float: left;width: 100%;font-size: 18px;line-height: 30px;font-style: normal;}
.contactOne .box .l .mobile p b{float: left;width: 100%;font-size: 15px;line-height: 40px;}
.contactOne .box .l .mobile p b img{margin-top: 15px;float: left;width: 80%;}
.contactOne .box .l .texts{float: left;width:100%;}
.contactOne .box .l .texts b{float: left;width:100%;line-height: 70px;font-size: 70px;margin-bottom: 20px;font-weight: normal;font-family: 'bebas'}
.contactOne .box .l .texts p{float: left;width:100%;line-height: 36px;font-size: 16px;margin-bottom: 30px;font-weight: normal;color: #333;}
.contactOne .box .l .texts span{float: left;width: 40px;height: 4px;background: #ddd;margin: 0 0 30px;}
.contactOne .box .l .nums{float: left;width: 100%;margin-bottom: 40px;}
.contactOne .box .l .li{float: left;width: 28%;border-right: 1px solid #eee;margin-right: 7%;}
.contactOne .box .l .li:nth-child(3){margin-right: 0;border: none;}
.contactOne .box .l .li em{float: left;width: 100%;color: #ddd;line-height: 20px;font-size: 15px;font-style: normal;}
.contactOne .box .l .li span{float: left;width: 100%;height: 80px;}
.contactOne .box .l .li span strong{float: left;font-size: 80px;line-height: 80px;font-weight: normal;font-family: 'bebas'}
.contactOne .box .l .li span i{float: left;font-size: 30px;line-height: 30px;margin-top: 40px;font-style: normal;}
@media (max-width: 1700px) {
.contactOne .box .map{width: 45%;}
.contactOne .box .l{width: 50%;}
}
@media (max-width: 1400px) {
.contactOne .box .map{width: 40%;}
.contactOne .box .l{width: 55%;}
}
@media (max-width: 768px) {
.contactOne{padding:40px 25px;}
.contactOne .box .map{width: 100%;min-height: auto;margin-bottom: 40px;}
.contactOne .box .map #allmap{height: 200px;border-radius: 0 10px 10px 10px;box-shadow: 0 10px 10px rgba(0,0,0,0.05);}
.contactOne .box .l{width: 100%;}
.contactOne .box .l .mtel{margin-bottom: 20px;}
.contactOne .box .l .mtel span{float: left;line-height: 40px;font-size: 20px;color: #b00;margin-right: 10px;}
.contactOne .box .l .mtel b{float: left;line-height: 40px;font-size: 40px;color: #b00;font-family: 'bebas'}
.contactOne .box .l .line{margin-bottom: 20px;}
.contactOne .box .l .line i{float: left;width:15%;height: 4px;background: #eee;}
.contactOne .box .l .mobile{float: left;width: 100%;position: relative;margin-bottom: 20px;}
.contactOne .box .l .mobile span{float: left;line-height: 30px;font-size: 20px;color: #eee;position: absolute;left: 0;top: 0px;}
.contactOne .box .l .mobile p{float: left;width: 100%;padding-left: 30px;color: #000;position: relative;line-height: 30px;}
.contactOne .box .l .mobile p i{float: left;width: 100%;font-size: 16px;line-height: 30px;font-style: normal;}
.contactOne .box .l .mobile p b{float: left;width: 100%;font-size: 13px;line-height: 30px;}
.contactOne .box .l .mobile p b img{margin-top: 15px;float: left;width: 80%;}
.contactOne .box .l .texts{float: left;width:100%;}
.contactOne .box .l .texts b{float: left;width:100%;line-height: 70px;font-size: 70px;margin-bottom: 20px;font-weight: normal;font-family: 'bebas'}
.contactOne .box .l .texts p{float: left;width:100%;line-height: 36px;font-size: 16px;margin-bottom: 30px;font-weight: normal;color: #333;}
.contactOne .box .l .texts span{float: left;width: 40px;height: 4px;background: #ddd;margin: 0 0 30px;}
.contactOne .box .l .nums{float: left;width: 100%;margin-bottom: 40px;}
.contactOne .box .l .li{float: left;width: 28%;border-right: 1px solid #eee;margin-right: 7%;}
.contactOne .box .l .li:nth-child(3){margin-right: 0;border: none;}
.contactOne .box .l .li em{float: left;width: 100%;color: #ddd;line-height: 20px;font-size: 15px;font-style: normal;}
.contactOne .box .l .li span{float: left;width: 100%;height: 80px;}
.contactOne .box .l .li span strong{float: left;font-size: 80px;line-height: 80px;font-weight: normal;font-family: 'bebas'}
.contactOne .box .l .li span i{float: left;font-size: 30px;line-height: 30px;margin-top: 40px;font-style: normal;}
}