@charset "utf-8";
html, body {padding: 0;margin: 0;background: #fff;width: 100%;min-height: 100%;}
* {margin: 0;padding: 0;font-family: Arial, Helvetica, Verdana, 'Microsoft YaHei';border: 0;outline: medium;text-shadow: none;text-decoration: none;}
body {color: #444;font-size: 14px;position: relative;overflow-x: hidden; -webkit-text-size-adjust: none;-ms-text-size-adjust: none;-webkit-tap-highlight-color: rgba(0, 0, 0, 0);}
input {vertical-align: middle;}
textarea {resize: none;}
ul {list-style: none;margin-bottom: 0px;}
a{color: #444;text-decoration: none;}
a:hover{color: #444;text-decoration: none;}
i, em {font-style: normal;}
p{margin-bottom: 0px;}
/*input placeholder 样式 */
::-webkit-input-placeholder {color: #999999;}
:-moz-placeholder {color: #999999;}
::-moz-placeholder {color: #999999;}
:-ms-input-placeholder {color: #999999;}
/*修改滚动条*/
::-webkit-scrollbar{width:6px;height:6px ;}
::-webkit-scrollbar-track{box-shadow: inset 0 0 6px transparent;background: #f8f8f8;border-radius: 6px;}
::-webkit-scrollbar-thumb{border-radius: 6px;background: #bbb;}
.pf_12{font-size: 12px;line-height: 25px;}
.pf_16{font-size: 16px;line-height: 30px;}
.pf_18{font-size: 18px;line-height: 30px;}
.pf_22{font-size: 22px;line-height: 35px;}
.pf_24{font-size: 24px;line-height: 40px;}
.pf_30{font-size: 30px;line-height: 45px;}
.pf_32{font-size: 32px;line-height: 45px;}
.pf_34{font-size: 34px;line-height: 50px;}
.pf_36{font-size: 36px;line-height: 50px;}
/* 无内容 */
@font-face {font-family:fz;src: url('../css/bahnschrift.ttf');}
#dituContent label {max-width: unset!important;text-align: center;}
.sa{line-height: 40px;padding-left: .75rem;}
/*top*/
.top{position: relative;z-index:888;top:0;width: 100%;background: #fff;}
.topa img{max-width: 100%;}
.menu li{position: relative; text-align: center;height: 100%;}
.menu li a{display: block;font-size: 16px;line-height: 40px; }
.menu li i{display: block;margin:0 auto;width: 0px;height: 2px;background: #fff;transition:all 0.3s ease 0s}
.menu li:hover i{width: 60px;background: #c40000;}
.menu li:hover a{color: #c40000;}
.firstmenu{position: relative; text-align: center;height: 100%;}
.firstmenu a{display: block;font-size: 16px;line-height: 40px; }
.firstmenu i{display: block;margin:0 auto;width: 0px;height: 2px;background: #fff;transition:all 0.3s ease 0s}
.firstmenu:hover i{width: 60px;background: #c40000;}
.firstmenu:hover a{color: #c40000;}
.banner .swiper-slide img{display: block;margin:0 auto; max-width: 100%;}
.toptel{height: auto;overflow: hidden;background: url(../images/toptel.png) left  no-repeat;padding-left:60px;float: right;}
.toptel span{display: block;color: #777;font-size:12px;line-height: 25px; }
.toptel p{font-size:28px;line-height: 30px;font-family: fz;}
.mobmenu .flex-control-nav{background: #ddd;float: left;width: 3%;}
.mobmenu .code{-moz-border-radius:.3em;-webkit-border-radius:.3em;border-radius:.3em;color:#000;font-family:'Fira mono', 'Courier New', Courier, monospace;font-size:85%;letter-spacing:.05em;padding:1em;}
.mobmenu .aligncontent-center {text-align: center;}
.mobmenu .main-header {text-align: center;font-weight:300;font-size: 90%;}
.mobmenu .menu-button {position: absolute;margin: 5px;height: 36px;width: 36px;right: 10px;top: -30px;}
.mobmenu .menu-left {float: left;}
.mobmenu .sidebar{display: none;width: 100%;height: 2000%;margin: 0;left:0; position: fixed;top: 0;z-index: 9999;}
.mobmenu .menu-button i{font-size: 36px;color:#c40000;transition:.4s;}
.mobmenu .menu-button i:hover{color:#444}
.mobmenu .sidebar > .bg-cover{display: block;position: absolute;top: 0;left: 0;z-index: -1;width: 100%;height: 2000%;background: rgba(0,0,0,.7);}
.mobmenu .sidebar nav{float: left;width: 260px;height: 100%;margin-left: -260px;color: white;background:#fff;}
.mobmenu .sidebar ul{padding:5%;}
.mobmenu .sidebar li{transition:.4s;}
.mobmenu .sidebar li span{display: block;line-height: 50px;}
.mobmenu .sidebar li span a{display: block;transition:.4s;color: #555;}
.mobmenu .sidebar li i{font-size: 22px;font-weight: bold;float: left;margin-right: .5rem;color: #222;}
.mobmenu .sidebar li a{display: block;}
.mobmenu .sidebar li a:hover{color: #c40000;}
.navmenu {height: auto;overflow: hidden;border-bottom: 1px solid #f6f6f6;}
.navmenu p{float: left;width: 50%; line-height: 30px;}
.navmenu p a{color: #888;font-size: 13px;}
.dropdown-nav { position: absolute; width: 100%; height: 320px;overflow: hidden; display: none; background:#fff; border-top: 1px solid #e5e5e5;box-shadow:  rgba(0,0,0,0.2) 0px  3px 8px; ;z-index: 99; }
.nav-leftbar strong{line-height: 40px;font-size: 16px;}
.nav-leftbar p{line-height: 30px;color: #777;font-size: 14px;}
.nav-leftbar-btn{background: #c40000;color: #fff;display: block;width: 140px;text-align: center;border-radius: 5px;line-height: 40px;position: relative;}
.nav-leftbar-btn em{position: relative;z-index: 3;transition:.6s;}
.nav-leftbar-btn:after{position: absolute;width: 100%;height: 100%;max-height: 0;z-index: 1;content: '';background-color: #c40000;border-radius: 5px;left: 0;bottom: 0;transition: 0.4s cubic-bezier(0.645, 0.045, 0.355, 1);}
.nav-leftbar-btn:hover:after {max-height: 100%;max-width: 100%;}
.nav-leftbar-btn:hover em {color: #fff;}
.nav-leftbar-btn:hover{background: #c40000;color: #fff;display: block;width: 140px;text-align: center;border-radius: 5px;line-height: 40px;}
.dropdown-nav .nav-container {border-left: 1px solid #e8e8e8;border-right: 1px solid #e8e8e8;}
.child-nav dd{line-height: 40px;border-bottom: 1px solid #e5e5e5;}
.child-nav dd a{display: block;transition:.4s;font-size: 14px;}
.child-nav dd:hover a{color: #c40000}
.child-nav dd em{float: right;}
.nav-picture img{max-width: 100%;}
.dropdown-nav .nav-container .child-item { display: none; height: 100%; }
.dropdown-nav .nav-container .child-item.active { display: block; }
.mask { top: 100px; display: none; position: fixed; height: 100vh; width: 100vw; background-color: rgba(0, 0, 0, 0.4); z-index: 88; }
.nav-right p{font-size: 14px;line-height: 30px;}
.nav-right img{border: 1px solid #eee;padding: 3px;}
.nav-right span{display: block;font-size: 14px;line-height: 35px;}
/*首页大图*/
.banner .swiper-pagination{bottom: 40px !important; }
.banner .swiper-pagination-bullet{width: 7px;height:7px;border-radius: 40px;background: #c40000;opacity: 1;transition:.4s;}
.banner .swiper-pagination-bullet-active{width:40px;}
#swiper-slide1{position: relative;}
#swiper-slide1 .bannera{position: absolute;z-index: 3;width: 100%;height: 100%;background: rgba(0,0,0,.4);text-align: center;padding-top: 8%;}
#swiper-slide1 .bannera strong{display: block;font-size: 140px;color: rgba(255,255,255,.05);}
#swiper-slide1 .bannera span{display: block;font-size: 22px;line-height:60px;color:rgba(255,255,255,.6);letter-spacing: 1px; margin-top: -150px;text-transform: uppercase;}
#swiper-slide1 .bannera b{display: block;font-size: 80px;line-height:80px;color: #fff;letter-spacing: 2px;}
#swiper-slide1 .bannera p{font-size: 18px;letter-spacing: 2px; line-height: 60px;color: rgba(255,255,255,.6);text-align: center;}
#swiper-slide1 .bannera a{display: block;width: 160px;line-height: 40px;background: #c40000;color: #fff;border-radius: 20px;margin:3rem auto 0 auto;position: relative;transition:.4s;}
#swiper-slide1 .bannera a:hover{background: rgba(83,83,83,.8);}
#swiper-slide1 .bannera a::before{position: absolute;content: "";height:35px;width: 1px;background: rgba(255,255,255,.6);bottom: 130%;left:49%;}
/*搜索*/
.topc{height: auto;overflow: hidden;line-height: 40px;border-bottom: 1px solid #f4f4f4;}
.topc span{float: left;color: #222;font-weight: bold;}
.topc span i{color: #c40000;}
.topc a{float: left;padding: 0 .5rem;line-height: 45px;transition:.4s;color: #666666;}
.topc a:hover{color: #c40000;}
.search{position: relative; height: auto;overflow: hidden;}
.search #search_name{ width: 100%; height: 40px; line-height: 40px;float: left;border:solid 1px #e8e8e8;background: #f4f4f4;border-radius:60px; outline: none;font-size: 12px;text-indent:10px;}
.search #button{position: absolute;right:5px;top:5px; width: 30px; height: 30px; line-height: 40px; background:url(../images/fdj.png) center no-repeat #c40000;border-radius: 60px;cursor: pointer;color: #fff;text-align: center; border:none;outline: none; transition: 0.3s;}
.search #button:hover{ background:url(../images/fdj.png) center no-repeat #333;}
/*首页*/
.in_01{height: auto;overflow: hidden;}
.intita {text-align: center;}
.intita strong{display: inline-block;font-size: 70px;text-transform: uppercase;position: relative;z-index: 1;
	    background: linear-gradient(to bottom,#f5f5f7 0%,#fff 80%);
        -webkit-text-fill-color: transparent;
        -webkit-background-clip: text;}
.intita span{display: block;margin-top: -70px;font-weight: bold;position: relative;z-index: 2;}
.intita span b{color: #c40000;font-family: fz;}
.intita p{color: #999;letter-spacing: 1px;}
.in01a li{background: #f6f6f6;}
.in01a li:last-child a{border-right: none;}
.in01a li a{border-right: 1px solid #dededf;line-height: 55px;transition:.4s;position: relative;white-space: nowrap; text-overflow:ellipsis; overflow: hidden;}
.in01a li a i{float: left;margin-right: .5rem;font-size: 20px;}
.in01a li a:hover{background: #c40000;color: #fff;}
.inimga img{display: block;width: 100%;}
.in01b .swiper-slide:hover .infontb{background: rgba(246,246,246,1);opacity: 1;bottom: 0;}
.infontb{position: absolute;z-index: 3;background: rgba(246,246,246,0);width: 100%;bottom: -10%; height: 100%;opacity: 0;transition:.4s;}
.infontb strong{display: block;}
.infontb b{display: block;width: 30px;height: 2px;background: #c40000;margin:1rem 0;}
.infontb dd{color: #777;line-height: 30px;height: 30px;overflow: hidden;}
.in01ba {text-align: center;}
.in01ba a{width: 45%;line-height: 40px;color: #444;border: 1px solid #e7e7e7;background: none;transition:.4s;}
.in01ba a:hover{background: #c40000;color: #fff;border: 1px solid #c40000;}

.infonta {text-align: center;}
.infonta strong{display: block;white-space: nowrap; text-overflow:ellipsis; overflow: hidden;}
.infonta p{line-height: 30px;color: #777;}
.inmore a{display: block;width: 280px;line-height: 45px;background: #c40000;border-radius: 25px;text-align: center;color: #fff;margin:0 auto;
	box-shadow: 0px 0px 10px 5px #ddd;letter-spacing: 1px;}
.inmore a i{font-size: 24px;}

.in_02{height: auto;overflow: hidden;background: #f6f6f6;}
.in02a .tabbox .tab{height: auto;overflow: hidden; background: #fff;}
.in02a .tabbox .col-xl-4{padding-left: 0px;padding-right: 0px;}
.in02a .tabbox .col-xl-8{padding-left: 0px;padding-right: 0px;}
.in02a .tabbox .tab a{display: block;float: left;width: 50%;text-align: center;padding: 1.95rem 0;transition:.4s;border-right: 1px solid #e7e9eb;border-bottom: 1px solid #e7e9eb;}
.in02a .tabbox .tab a:nth-of-type(2){border-right: none;}
.in02a .tabbox .tab a.on{background:#c40000;color:#fff;}
.in02a .tabbox .tab a.on em{color:#fff;}
.in02a .tabbox .tab a.on span{color:#fff;}
.in02a .tabbox .tab a.on p{color:#fff;}
.in02a .tabbox .tab a:hover{background:#c40000;color:#fff;}
.in02a .tabbox .tab a:hover span{color:#fff;}
.in02a .tabbox .tab a:hover p{color:#fff;}
.in02a .tabbox .tab a:hover i{background:#8ea7cd;}
.in02a .tabbox .tab a:hover em{color:#fff;}
.in02a .tabbox .tab a em{font-size: 36px;height: 55px;line-height: 55px;overflow: hidden;color: #666666;}
.in02a .tabbox .tab a:nth-of-type(4) em{font-size: 32px;}
.in02a .tabbox .tab a:nth-of-type(5) em{font-size: 32px;}
.in02a .tabbox .tab a span{display: block; font-size: 22px;color: #777;}
.in02a .tabbox .tab a p{font-size: 12px;text-transform: uppercase;color: #999;}
.in02a .tabbox .tab a i{display: block;width: 30px;height: 1px; background: #f4f6f8;margin:1.75rem auto 0 auto; }
.in02a .tabbox .content{overflow:hidden;width:940px;height:600px;position:relative;}
.in02a .tabbox .content ul{position:absolute;left:0;top:0;height:600px;}
.in02a .tabbox .content li{width:940px;height:600px;float:left;position: relative;}
.in02a .tabbox .content li img{width: 100%;}
.in02a .tabbox .content li span{position: absolute;z-index: 3;bottom: 0;left:0;background: rgba(196,0,0,0.9);color: #fff;width: 100%;line-height: 80px;padding-left: 2rem;font-size: 22px;}

.min02a .swiper-slide {text-align: center;padding: 1rem 0;transition:.4s;}
.min02a .swiper-container-thumbs .swiper-slide {background: #fff;}
.min02a .swiper-slide img{width: 100%;}
.min02aa .swiper-slide-thumb-active {background:#c40000 !important;color:#fff !important;}
.min02aa .swiper-slide-thumb-active em{color:#fff !important;}
.min02aa .swiper-slide-thumb-active span{color:#fff !important;}
.min02aa .swiper-slide-thumb-active p{color:#fff !important;}
.min02a .swiper-slide em{font-size: 30px;height: 55px;line-height: 55px;overflow: hidden;color: #666666;}
.min02a .swiper-slide span{display: block; font-size:16px;color: #777;}
.min02a .swiper-slide p{font-size: 12px;text-transform: uppercase;color: #999;}
.min02a .swiper-slide i{display: block;width: 30px;height: 1px; background: #f4f6f8;margin:1.75rem auto 0 auto; }
.min02a .swiper-slide:nth-of-type(4) em{font-size: 26px;}
.min02a .swiper-slide:nth-of-type(5) em{font-size: 26px;}


.in_03 ul{height: auto;overflow: hidden;border-top: 1px solid #e6e6e6;border-left: 1px solid #e6e6e6;border-right: 1px solid #e6e6e6}
.in_03 li{height: auto;overflow: hidden; border-right: 1px solid #e6e6e6;border-bottom: 1px solid #e6e6e6;position: relative;}
.in_03 li:hover span{background: rgba(0,0,0,.6);opacity: 1;height: 100%;top:0;}
.in_03 li span{position: absolute;z-index: 2;background: rgba(0,0,0,0);opacity: 0; color: #fff;width: 100%;height:0;top:40%; padding-top: 23%; text-align: center;transition:.4s;}
.in_03 li:nth-of-type(6n+0){border-right:none;}
.in_03 li img{display: block;width: 100%;}

.in_04{height: auto;overflow: hidden;background: #f6f6f6;}
.in_04 li{height: auto;overflow: hidden; position: relative;}
.in_04 li:hover .in04b{left: 0;}
.in04b{position: absolute;z-index: 3;background: rgba(21,26,31,.96);width: 100%;height: 100%;color: #fff;left:-100%;transition:.3s;}
.in04ba {border-bottom: 1px solid rgba(255,255,255,.1);}
.in04ba em{float: left; display: block;width: 60px;line-height: 60px;height: 60px;background: #c40000;color: #fff;border-radius: 5px;text-align: center;margin-right: .5rem;}
.in04ba em i{font-size: 40px;}
.in04ba span{display: block;text-transform: uppercase;}
.in04ba span b{font-size: 13px;font-weight: normal;}
.in04ba p{color: rgba(255,255,255,.8);}
.in04bb p{line-height: 40px;color: rgba(255,255,255,.8)}
.in04bb p i{color: #ca1323}
.in04bb a{display: block;margin-top: 4rem;text-align: center;color: rgba(255,255,255,.6); width: 45%;line-height: 40px;border: 1px solid rgba(255,255,255,.6);transition:.4s;}
.in04bb a:hover{background: #c40000;color: #fff;border: 1px solid #c40000;}
.in04a{position: absolute;top:0;left: 0;height: 100%;width: 100%;}
.in04a em{display: block;width: 60px;line-height: 60px;height: 60px;background: #c40000;color: #fff;border-radius: 5px;text-align: center;}
.in04a em i{font-size: 40px;}
.in04a span{display: block;border-bottom: 1px solid rgba(255,255,255,.2);color: #fff;text-transform: uppercase;position: absolute;bottom: 7%;}
.in04a span b{font-size: 22px;font-weight: normal;}

.in05a ul li a{display: block;transition:.4s;text-align: center;position: relative;}
.in05a ul li i{font-size: 24px;color: #c40000;position: relative;z-index: 2}
.in05a ul li b{display: block;width:55px;line-height: 45px;transition: all linear .3s;font-weight: normal;border: 1px solid #c40000;border-radius:5px;margin:0 auto;}
.in05a ul li:hover a{background: #c40000;border-radius: 10px;}
.in05a ul li:hover .in05img{opacity: 1;top:-50%;}
.in05a ul li:hover b i{color:#fff;}
.in05a ul li:hover span{color:#fff;}
.in05a ul li:hover p{color:#e18091;}
.in05a ul li span{display: block;margin-top: 1rem;transition: all linear 0.3s;}
.in05a ul li p{color: #999;text-transform: uppercase;font-size: 12px;height: auto;overflow: hidden;}
.in05img{position: absolute;z-index: 3;left:0;top:0px;opacity: 0;transition:.4s;border-radius: 10px 10px 0 0;height: 100%;overflow: hidden;}
.in05img img{max-width: 131%;}



.in_06 .swiper-slide a{display: block;height: auto;overflow: hidden; background: #f6f6f6;position: relative;}
.in_06 .swiper-slide a:hover .in06b{top:0;}
.in_06 .swiper-slide img{display: block;max-width: 100%;}
.in06a {transition:all 0.6s ease 0s;height: auto;}
.in06a span{display: block;white-space: nowrap; text-overflow:ellipsis; overflow: hidden;}
.in06a p{line-height: 30px;height: 60px;overflow: hidden; color: #777;}
.in06a i{display: block;color: #777;line-height: 30px;font-style: normal;margin-top: .5rem;}
.inimgc{position: relative;z-index: 1;}
.in06b{position: absolute;top:110%;left: 0; z-index: 3;background: #f6f6f6;transition:all 0.6s ease 0s;height: 100%;width: 100%;}
.in06b em{display: block;width: 140px;line-height: 45px;background: #c40000;color: #fff;text-align: center;transition:.4s;border-radius: 5px;}
.in06b span{display: block;overflow: hidden;white-space: nowrap; text-overflow:ellipsis; overflow: hidden;}
.in06b p{line-height: 30px;overflow: hidden; color: #777;}
.in06b i{display: block;color: #777;line-height: 30px;font-style: normal;}

.in_07{height: auto;overflow: hidden;background: #f6f6f6;}
.in_07 img{height: auto;overflow: hidden;background: #f6f6f6;max-width: 100%;}
.in07a {height: auto;overflow: hidden;position: relative;}   
.in07a b{color: #f1f1f1;font-family: impact;font-size: 100px;z-index: 1;position: absolute;text-transform: uppercase;top:0;line-height: 85px;}   
.in07a span{display: block;line-height: 50px;font-size: 22px;font-weight: 100;z-index: 2;position: relative;}   
.in07a span small{font-size: 14px;text-transform: uppercase;position: relative;padding-left: 4.5rem;}
.in07a span small::before{position: absolute;content: "";width: 3rem;height: 1px;background: #8c8c8c;top:50%;left:.5rem;}
.in07a strong{display: block;font-size: 26px;line-height: 40px;color: #c40000;z-index: 2;position: relative;}
.in07a p{line-height: 30px;color: #777;}
.in07b span{display: block;line-height: 40px;position: relative;border-right: 1px solid #dcdcdc;}
.in07b span:last-child{border-right:none;}
.in07b span i{display: block;position: absolute;z-index: 1;border-radius: 60px;bottom: 40%;left:30%; width: 50px;height: 50px;background: #f7e3e8;  /* fallback for old browsers */
background: -webkit-linear-gradient(to right, #fff, #f9eef2, #f7e3e8);  /* Chrome 10-25, Safari 5.1-6 */
background: linear-gradient(to right, #fff, #f9eef2, #f7e3e8); /* W3C, IE 10+/ Edge, Firefox 16+, Chrome 26+, Opera 12+, Safari 7+ */
}
.in07b span strong{color: #d70000;font-size: 50px;font-family: fz;font-weight: normal;z-index: 3;position: relative;}
.in07b span em {position: relative;z-index: 3;}
.in07b span p{color: #777;}
/*脚步*/
.footer{clear: both; height: auto;overflow: hidden;color: #7c8187;background: url(../images/footbg.jpg) center no-repeat;}
.foota span{display: block;position: relative;line-height: 60px;font-size: 16px;color: #fff;}
.foota span::after{position: absolute;content: "";width: 20px;height: 2px;background: #c40000;bottom: 0;left:0;}
.foota span a{display: block;transition:.4s;color: #fff;}
.foota span a:hover{color: #c40000;}
.foota .submenu p{line-height: 40px;}
.foota .submenu p a{display: block;color: #7c8187;transition:.4s;}
.foota .submenu p a:hover{color: #c40000;}
.foota .submenu img{border: 6px solid rgba(255,255,255,.6);max-width: 80%;}
.footb{line-height: 30px;}
.footb span{display: block;color: #c40000;font-size:38px;line-height: 50px;font-family: fz;}
.footb a{display: block;color: #fff;transition:.4s;background: #c40000;width: 140px;text-align: center;line-height: 40px;margin-top: 1rem;}
.footb a:hover{display: block;background: #fff;color: #c40000;}
.footc{border-top: 1px solid rgba(255,255,255,.1);line-height: 75px;}
.footc a{float: right;color: #7c8187;transition:.4s;}
.footc a:hover{float: right;color: #c40000;}

.footnav{left: 0;bottom:0;float: left;width: 100%;position: fixed;background:#fff;z-index: 888;border-top: 1px solid #f6f6f6;}
.footnav li{float: left;text-align: center;width: 25%;}
.footnav li a{border-right: 1px solid #f6f6f6;}
.footnav li i{font-size: 20px;}
.footnav li span{display: block;line-height: 25px;color: #666;font-size: 12px;}
.footnav li a{display: block;padding-top:4%;color:#333;transition:.4s;}
.footnav li a:hover{background: #c40000;color: #fff;}
.footnav li a:hover span{color: #fff;}

.online_kefu{position: fixed;  bottom: 20vh;right:1px;z-index:889;}
.online_kefu p{font-size:12px;}
.online_kefu ul li{ width:70px; height:70px;background: #fff; padding-top: 5px;text-align: center;border: 1px solid #f0f0f0;position: relative;color: #666; cursor: pointer; transition: background-color .2s linear 0s;perspective:1000;transform-style:preserve-3d;}
.online_kefu ul li .con{ position: relative;}
.online_kefu ul li .con i{font-size: 26px;color: #a7a7a7;height: 30px;}
.online_kefu ul li .hover_con{ position: absolute;left:-200px;left:-100px; width: 100px;color: #ffffff;text-align: center;background-color: #c40000;height:70px; line-height:70px; bottom:0; transform:rotateX(-90deg); transition: all .2s linear 0s; }
.online_kefu ul li .hover_con img{ width:100px;}
.online_kefu ul li.qrcode .hover_con{ height: 137px;padding: 10px;width: 130px;left: -130px;}
.online_kefu ul li.qrcode .hover_con p{ color: #fff; line-height:24px;font-size:12px;}
.online_kefu li:hover{background-color: #c40000;}
.online_kefu li:hover .con i{color: #fff;}
.online_kefu li:hover p{color: #fff;}
.online_kefu li:hover .hover_con{left:-110px; transform:rotateY(0deg);}
.online_kefu li .hover_con:before{width: 0px;height: 0px;border: 8px solid transparent;border-left: 8px solid #c40000; display: block; content: '';position: absolute; top: 12px;right: -16px; transition: top .2s linear ; transition-delay: .1s; }
.online_kefu li.qrcode:hover .hover_con{  bottom: -60px;}
.online_kefu li.qrcode:hover .hover_con:before{top: 48px;}
/*简介*/
.location{height: auto;overflow: hidden;background: url(../images/locationbg.jpg) center no-repeat;color: #fff;}
.locationa strong{display: block;text-transform: uppercase;line-height: 50px;position: relative;font-family: auto;}
.locationa strong::after{position: absolute;content: "";left:0; bottom: 0;width: 20px;height: 2px;background: #fff;}
.locationa span{display: block;line-height: 45px;}
.locationb li a{display: block;color: #fff;position: relative;line-height: 35px;height: 35px;transition:.4s;white-space: nowrap; text-overflow:ellipsis; overflow: hidden; }
.locationb li a i{display: block;float: left;margin-top: 17px;width: 10px;height: 1px;background: #dedede;margin-right: .5rem;transition:.4s;}
.locationb li a:hover {color: #ddd;}
.locationb li a:hover i{width: 20px;background: #ddd;}
.locationc{text-align: right;}
.locationc a{color: #fff;transition:.4s; }
.locationc a:hover {color: #ddd;}
.locationc a:hover i{width: 20px;background: #ddd;}
/*content_company*/
.companya{height: auto;overflow: hidden;background: url(../images/comabg.jpg) center top no-repeat #fafafa;}
.companya img{max-width: 100%;}
.coma p{line-height: 35px;color: #777;}
.companyaa {height: auto;overflow: hidden;}
.companyaa  li{position: relative;border-right: 1px solid #dcdcdc;}
.companyaa  li:last-child{border-right:none;}
.companyaa h3{position: relative; font-family: fz;font-size: 50px;color: #c40000}
.companyaa h3 i{display: block;position: absolute;z-index: -1;border-radius: 60px;bottom: 10%;left:25%; width: 50px;height: 50px;background: #f7e3e8;  /* fallback for old browsers */
background: -webkit-linear-gradient(to right, #fff, #f9eef2, #f7e3e8);  /* Chrome 10-25, Safari 5.1-6 */
background: linear-gradient(to right, #fff, #f9eef2, #f7e3e8); /* W3C, IE 10+/ Edge, Firefox 16+, Chrome 26+, Opera 12+, Safari 7+ */
}
.companyaa h3 small{font-size: 16px;color: #444;}
.companyb{height: auto;overflow: hidden;background: url(../images/combbg.jpg) center top no-repeat fixed;padding: 6% 0 4% 0;}
.comtita {text-align: center;}
.comtita strong{display: inline-block;font-size: 70px;text-transform: uppercase;position: relative;z-index: 1;
	    background: linear-gradient(to bottom,#898483 0%,rgba(137,130,128,0) 62%);
        -webkit-text-fill-color: transparent;
        -webkit-background-clip: text;}
.comtita span{display: block;margin-top: -50px;font-weight: bold;position: relative;z-index: 2;color: #fff;}
.comb i{display: block; height: 40px;width: 2px;background: #fff;margin:2rem auto;}
.comb p{color: #dfd8d2;width: 80%;margin:0 auto;text-align: center;}
.comb b{display: block;width: 55px;height: 85px;line-height: 85px; border: 2px solid #fff;color: #fff; margin:6% auto;text-align: center;}
.companyc{height: auto;overflow: hidden;background: url(../images/comcbg.jpg) center  no-repeat;}
.comc {height: auto;overflow: hidden;background: url(../images/comca.png) center bottom no-repeat;padding-bottom: 4%;}
.comc .swiper-slide {
      display: -webkit-box;
      display: -ms-flexbox;
      display: -webkit-flex;
      display: flex;
      -webkit-box-pack: center;
      -ms-flex-pack: center;
      -webkit-justify-content: center;
      justify-content: center;
      -webkit-box-align: center;
      -ms-flex-align: center;
      -webkit-align-items: center;
      align-items: center;
	  transition: 300ms;
	  transform: scale(0.6);
    }
.comc img{width: 100%;}
.comc .swiper-slide-active{transform: scale(1);}
/*content_product*/
.prolist li{height: auto;overflow: hidden;background: #f6f6f6;}
.prolist li img{display: block;width: 100%;transition: all .5s ease 0s;}
.pfonta{height: auto;overflow: hidden;}
.pfonta strong{display: block; }
.pfonta i{display: block;width: 30px;height: 2px;background: #c40000;margin:1rem 0; }
.pfonta p{background: url(../images/pfonta.jpg) center bottom repeat-x;line-height: 35px;color: #777;}
.pfontb dd img{display: block;transition:all 0.6s ease 0s; }
.pfontb dd:hover img{transform: scale(1.05)}
.pfontb dd:hover span{background: #c40000;color: #fff; }
.pfontb dd span{display: block;line-height: 40px;text-align: center;transition:.4s;white-space: nowrap;text-overflow:ellipsis; overflow: hidden; }
.proimga{height: auto;overflow: hidden;border:1px solid #ddd;}
.pro_list {height: auto;overflow: hidden;background: #f6f6f6;}
.pro_list img{max-width: 100%;}
.pfontc{line-height: 40px;color: #777;}
.prolistb {height: auto;overflow: hidden;position: relative;} 
.prolistb:hover .infontb{background: rgba(246,246,246,1);opacity: 1;bottom: 0;}
/*产品详情*/
.plocation{height: auto;overflow: hidden;background: url(../images/locationbg.jpg) center no-repeat;color: #fff;padding: 2% 0 6% 0;}
.plocation a{color: #fff;transition:.4s;}
.plocation a:hover{color: #ddd;}
.proa{height: auto;overflow: hidden;margin-top: -50px;background: #f6f6f6;}
.proa img{display: block;max-width: 100%;}
.parm{height: auto;overflow: hidden;}
.parm li{line-height: 35px;color: #777; }
.parm em{font-size: 18px;}
.parm p{line-height: 35px;color: #777; }
.prob li i{float: left;width: 55px;line-height: 40px;padding-top: 5px;margin-right: 1rem; border-radius: 3px;text-align: center;display: block;background: #c40000;}
.prob li span{display: block;}
.prob li p{font-size: 12px;text-transform: uppercase;}
.prob li i em{color: #fff;font-size:30px;}
.ptita span{display: block;background: url(../images/ptita.png) bottom left no-repeat;}
.ptita a{float: right;color: #777;transition:.4s;}
.ptita a:hover{color: #c40000;}
.proca p{line-height: 30px;color: #777;}
.procb img{display: block;width: 100%;}
.proda a{display: block;height: auto;overflow: hidden;position: relative;border-radius: 5px;}
.proda a:hover span{background: rgba(26,29,34,.9);opacity: 1;}
.proda a span{position: absolute;z-index: 2;width: 100%;height: 100%;background: rgba(26,29,34,0);opacity: 0;transition:.3s; color: #fff;text-align: center;padding-top: 25%;}
.proda a i{display: block;background: url(../images/proda.png) center  no-repeat;height: 21px;}
.proda a p{color: rgba(255,255,255,.9);width: 80%;margin:0 auto;}
.proda a img{display: block;width: 100%;}

.prodb li a{display: block;height: auto;overflow: hidden;position: relative;border-radius: 5px;}
.prodb li a:hover span{background: rgba(26,29,34,.9);opacity: 1;}
.prodb li img{display: block;width: 100%;}
.prodc{position: relative;width: 100%;height: 0;padding-bottom: 37.1%;overflow: hidden;transition: 0.3s;background: #fff;}
.prodb span{position: absolute;z-index: 2;width: 100%;height: 100%;background: rgba(26,29,34,0);opacity: 0; transition:.3s;color: #fff;text-align: center;padding-top: 7%;}
.prodb a i{display: block;background: url(../images/proda.png) center  no-repeat;height: 21px;}
.prodb a p{color: rgba(255,255,255,.9);width: 80%;margin:0 auto;}

.proea {height: auto;overflow: hidden;padding-bottom: 6%;}
.proea .gallery-top img{width: 100%;}
.proea .gallery-thumbs {width: 90%;margin:-16% auto 0 auto; }
.proea .gallery-thumbs img{display: block;width: 100%;}
.proea .gallery-thumbs .swiper-slide{display: block;background: rgba(255,255,255,.8);margin-top: 1rem;transition:.4s;}
.proea .gallery-thumbs .swiper-slide:hover{display: block;background: rgba(255,255,255,1);margin-top: 0px;}
.proea .gallery-thumbs .swiper-slide .proec{width: 40%;}
.proea .gallery-thumbs .swiper-slide .proec img{display: block;width: 100%;}
.proea .gallery-thumbs .swiper-slide .proed{padding-top: 10%;}
.proea .gallery-thumbs .swiper-slide .proed i{font-size: 18px;}
.proea .gallery-thumbs .swiper-slide p{color: #777;}
.proea .gallery-thumbs .swiper-slide-thumb-active {background: rgba(255,255,255,1);margin-top: 0px;}
.proea .gallery-thumbs .swiper-slide-thumb-active i{color: #c40000;}

.proh{height: auto;overflow: hidden;}
.proh li{height: auto;overflow: hidden; position: relative;}
.proh li:hover .in04b{left: 0;}
.proh .in04bb a{margin-top: 2rem;}
.proh img{width: 100%;}
.prog .swiper-slide a{display: block;height: auto;overflow: hidden;position: relative;}
.prog .swiper-slide a:hover .progb{bottom:0;}
.prog .swiper-slide img{display: block;max-width: 100%;}
.proga {transition:all 0.6s ease 0s;height: auto;}
.proga span{display: block;white-space: nowrap; text-overflow:ellipsis; overflow: hidden;}
.proga p{line-height: 30px;overflow: hidden; color: #777;}
.inimgc{position: relative;z-index: 1;}
.progb{position: absolute;bottom:-110%;left: 0; z-index: 3;background: #c40000;color: #fff; transition:all 0.6s ease 0s;height: 50%;width: 100%;}
.progb em{display: block;width: 140px;line-height: 45px;background: #c40000;color: #fff;text-align: center;transition:.4s;border-radius: 5px;}
.progb span{display: block;font-size: 24px;line-height: 50px;overflow: hidden;}
.progb p{line-height: 30px;overflow: hidden;}
.progb em{display: block;width: 40%;line-height: 40px;color: rgba(255,255,255,.8);border: 1px solid rgba(255,255,255,.8);background: none;transition:.4s;margin-top:2rem;}

.profa{height: auto;overflow: hidden;background: #f6f6f6;}
.profa li a{display: block; height: auto;overflow: hidden;background: #fff;transition:.4s;}
.profa li a:hover{background: #c40000;color: #fff;}
.profa li a:hover p{color: #fff;}
.profa li a:hover .profd{color: #fff;}
.profb{height: auto;overflow: hidden;border-bottom: 1px solid #dddddd;}
.profb span {display: block;font-size: 44px;line-height: 45px;width: 20%; text-align: center;border-right: 1px solid #dddddd;}
.profb span p{font-size: 14px;}
.profc{width: 80%;}
.profc strong{display: block;line-height: 40px;white-space: nowrap; text-overflow:ellipsis; overflow: hidden; }
.profc p{color: #777;transition:.4s;}
.profd{text-transform: uppercase;color: #777;}
.profd i{float: right;}
.profa li:nth-of-type(1){margin-bottom: 1rem;}
.profa li:nth-of-type(2){margin-bottom: 1rem;}
/*工程案例*/
.cases{height:  100%;overflow: hidden;position: relative;}
.cases .slideTxtBox{height: 900px !important;overflow: hidden;}
.cases .hd{position: absolute;z-index: 3;top:0;width: 100%;}
.cases .bd {height: 900px !important;overflow: hidden;}
.cases .bd li{position: relative;}
.cases .bd li i{position: absolute;z-index: 2;width: 100%;height: 100%;background: rgba(0,0,0,0.4);}
.casesba p{font-size: 22px;line-height: 40px;font-family: fz;color: rgba(255,255,255,.8);text-transform: uppercase;}
.casesba span{display: block;color: #fff;font-family: fz;}
.casesbb{position: relative; color: #fff;border-left: 1px solid rgba(255,255,255,.2);padding: 13% 0;}
.casesbb li a{display: block;color: #fff;transition:.4s;}
.casesbb li a:hover{color: #d2d2d2;}
.case_a{position: relative;}
.case_a i{font-size: 42px;position: relative;z-index: 2}
.case_a b{position: absolute;z-index: 1;background: rgba(255,255,255,0.2);width: 40px;height: 40px;border-radius: 100px;left:10px;bottom: 10px;}
.case_b p{text-transform: uppercase;}
.protit{position: relative;margin-top: 13%;}
.protit span{position: relative;font-size:26px;line-height: 60px;}
.protit span i{float: left; display: block;width: 15px;height: 15px;background: #c40000;transform: skewX(-30deg);border-radius: 2px;margin-top: 12px;}
.protit strong{font-size:50px;font-style: italic;text-transform: uppercase;color: #fff;}
.protit p{font-size:16px;line-height: 40px;color: #fff;line-height: 25px;}

.casea{min-height: 500px;}
.caselist{height: auto;overflow: hidden;}
.caselist li img{display: block;width: 100%;transition:all 0.6s ease 0s;}
.caselist li span{display: block;}
.caselist li:hover img{transform: scale(1.05,1.05)}
.caselist li:hover i{background: rgba(0,0,0,0.4)}
.caselist li p{line-height: 25px;color: #777;}
.caseimg{border: 1px solid #e6e6e7;height: auto;overflow: hidden;position: relative;}
.caseimg i{position: absolute;z-index: 1;width: 100%;height: 100%;background: rgba(0,0,0,0);transition:.4s;}
.clista{background: #fff;}
.clista li{transition:.4s;}
.clista li a{display: block;border-bottom: 1px solid #e6e6e7;line-height:60px;transition:.4s;}
.clista li a i{float: left;margin-right: .5rem; font-size: 24px;}
.clista li:nth-of-type(4)  i{font-size: 20px;}
.clista li:hover{background: #c40000;}
.clista li:hover a{color: #fff;border-bottom: 1px solid #c40000;}
.clista li em{float: right;}

.cfsba{height: auto;overflow: hidden;}
/*荣誉*/
.honorlist{height: auto;overflow: hidden;}
.honorlist li{height: auto;overflow: hidden;margin-bottom: 4%;}
.honorlist li a{display: block;height: auto;overflow: hidden;position: relative;border: 1px solid #efefef;}
.honorlist li img{display:block;height: auto;max-width: 100%;transition: all 1s ease;}
.honorlist li:hover img{transform: scale3D(1.1, 1.1, 1.1)}
.honorlist li:hover .hfont{background: rgba(0,0,0,0.8);opacity: 0.8;bottom: 0;}
.hfont{position: absolute;z-index: 88;bottom: -215px;width: 100%;color: #fff; height: 100%;padding-top: 20%; overflow: hidden;text-align: center;background: rgba(0,0,0,0);transition: .4s;}
.hfont span{display: block; line-height: 30px;font-size: 15px;}
.hfont i{font-size: 42px;}

.cfsba li {float: left;width: 24.5%;margin:0 0.25% 0.5% 0.25%;}
.cfsba li a{display: block;position: relative;height: auto;overflow: hidden;}
.cfsba li:hover .cffont{opacity: 1;}
.cfsba li .cffont{position: absolute;top:5%;left:5%;width: 90%;height: 90%; background:#98011c;color: #fff;opacity: 0;transition:.4s; z-index:8;text-align: center;padding-top: 25%;}
.cfsba li .cffont i{font-size:30px;}
.cfsba li .cffont span{display: block;line-height: 45px;}
.cfsba li:nth-of-type(5) {margin-bottom: 3rem;padding-bottom: 3rem;position: relative;}
.cfsba li:nth-of-type(5)::after {position: absolute;content: "";border-bottom: 1px solid #eee;width: 100%;bottom: 0;}
.cfsba li:nth-of-type(6) {width: 49.5%;margin-right: 0.25%;margin-bottom: 3rem;padding-bottom: 3rem;position: relative;}
.cfsba li:nth-of-type(6) .cffont{display: none;}
.cfsba li:nth-of-type(6) .cfimg{padding-bottom:37%;}
.cfsba li:nth-of-type(6) .cfimg i{background: rgba(152,1,28,.9);}
.cfsba li:nth-of-type(6)::before{position: absolute;display: block;width: 100%;height: 100%; content: "";z-index: 6;background: url(../images/cfsba.png) center 20% no-repeat;background-size: 100%;}
.cfsba li:nth-of-type(6)::after {position: absolute;content: "";border-bottom: 1px solid #eee;width: 100%;bottom: 0;}
.cfsba li:nth-of-type(7) {margin-right: 0px;margin-bottom: 3rem;padding-bottom: 3rem;position: relative;}
.cfsba li:nth-of-type(7)::after {position: absolute;content: "";border-bottom: 1px solid #eee;width: 100%;bottom: 0;}
.cfsba li img{display: block;width: 100%;}
.cfimg{display: block;width: 100%;height: 0;padding-bottom: 75%;position: relative;overflow: hidden;}
.cfimg i{display: block;position: absolute;z-index: 2;width: 100%;height: 100%;background: rgba(0,0,0,.3);}
/*新闻*/
.news_list li a{display: block; position: relative;height: auto;overflow: hidden;width: 100%; border-right: 1px solid #e1e1e1;border-bottom: 1px solid #e1e1e1;}
.news_list li a:hover .news_font{top: 0;opacity: 1;}
.news_list li a:hover .intime{opacity: 0;}
.news_list li a .intime{transition:.4s;}
.news_font {display: block; position: absolute;z-index: 3;top:100%;left:10%;opacity: 0;transition:.4s;width: 100%;height: 100%;text-align: right;}
.news_font img{display: block;width: 70%;}
.news_font strong{position: absolute;right: 20%;top: 2rem;z-index: 3;color: #999;font-size: 17px;
	writing-mode: vertical-lr;
    writing-mode: tb-lr;
    transition: all .5s ease 0s;}
.intime i{line-height: 30px;color: #444;position: relative;}
.intime i em{position: relative;z-index: 2;}
.intime i::after{position: absolute;content: "";bottom:10px; z-index: 0;height: 4px;background: #cdcdcd;width:65px;left:0;}
.intime b{display: block;font-family: fz; line-height: 30px;color: #777;font-weight: normal; transition:.4s;}
.intime span{display: block;transition:.4s;white-space: nowrap; text-overflow:ellipsis; overflow: hidden;}
.intime p{line-height: 30px;color: #777;}
/*新闻详情*/
.newsa .row{height: auto;overflow: hidden;margin-top: -50px;}
.ninfotit{height: auto;overflow: hidden;}
.ninfotit span{font-size: 22px;line-height: 50px;}
.meta{line-height: 35px;border-bottom: 1px solid #dbdbdb;font-size: 12px;color: #808080;}
.siden{height: auto;overflow: hidden;border-bottom: 1px solid #dbdbdb}
.siden span{display: block; line-height: 30px;border-left: 2px solid #c20023;padding-left: 1rem;font-size: 22px;}
.newscontent p{line-height: 30px;color: #777;}
.newscontent img{display: block;margin:0 auto;max-width: 100%;}
.sidena{: auto;overflow: hidden;}
.sidena li{height: auto;overflow: hidden;border-bottom: 1px solid #ededed;transition:.4s;line-height: 30px;}
.sidena li:hover p{color: #c40000;}
.sidena li span{display: block;float: left;width: 30px;line-height: 30px;height: 30px;background: #c40000;text-align: center;color: #fff;margin-right: .5rem;border-radius: 2px;}
.sidena li img{width: 100%;}
.sidena li p{width: 90%;white-space: nowrap; text-overflow:ellipsis; overflow: hidden;}
#prev_next {height: auto;overflow: hidden;background: #fff;width: 100%;}
#prev_next li{line-height:70px;width: 48%;height: auto;overflow: hidden;color: #777;white-space: nowrap; text-overflow:ellipsis; overflow: hidden;}
#prev_next li a{transition:.4s;color: #777;}
.page-a{white-space: nowrap; text-overflow:ellipsis; overflow: hidden;margin:0 .25rem;}
#prev_next li:hover a{color: #c40000 !important;}
.mid a{display: block;width: 4%; border-left: 1px solid #f6f6f6;border-right: 1px solid #f6f6f6;width: 70px;height: 70px;position: relative;transition:.4s;}
.mid a:hover{background: #c40000}
.mid a:hover i{background: #fff}
.mid a:hover i:nth-of-type(1){width: 25%;}
.mid a:hover i:nth-of-type(2){width: 35%;}
.mid i{position: absolute;left:30%;width: 40%; height: 2px;background: #c5c6cd;border-radius: 5px;transition:.4s;}
.mid i:nth-of-type(1){top:40%;}
.mid i:nth-of-type(2){top:50%;}
.mid i:nth-of-type(3){top:60%;}
/*生产工艺*/
.scgya{height: auto;overflow: hidden;}
.scgya li{height: auto;overflow: hidden;}
.scgya li a{display: block;border:1px solid #f6f6f6;}
.scgya li:hover img{transform:scale(1.05,1.05);}
.scgya li:hover b{background: rgba(0,0,0,0.5);}
.scgya li img{display: block;width: 100%;transition:all 0.6s ease 0s;}
.scgya li b{position: absolute;z-index: 88;background: rgba(0,0,0,0);width: 100%;height: 100%;transition:.4s;}
.nfonta{height: auto;overflow: hidden;}
.nfonta em{font-weight: bold;color: #777;}
.nfonta span{display: block;font-size: 16px;line-height: 30px;height: 30px;overflow: hidden;}
.nfonta strong{display: block;line-height: 30px;font-weight: normal;color: #777;border-top: 1px solid #efefef;}
.nfonta strong i{float: right;}
.nimga{width: 100%;height: auto;overflow: hidden;position: relative;}
.jw-skin-bce .jw-controlbar{width: 100%;}

.video{height: auto;overflow: hidden;}
/*联系*/
.contita {text-align: center;}
.contita strong{display: inline-block;font-size: 70px;text-transform: uppercase;position: relative;z-index: 1;
	    background: linear-gradient(to top,#f5f5f7 20%,#fff 99%);
        -webkit-text-fill-color: transparent;
        -webkit-background-clip: text;}
.contita span{display: block;margin-top: -70px;font-weight: bold;position: relative;z-index: 2;}
.contita span b{color: #c40000;font-family: fz;}
.contita p{color: #999;letter-spacing: 1px;}
.contacta{height: auto;overflow: hidden;background: url(../images/conabg.jpg) center top repeat-x;}
.cona{height: auto;overflow: hidden;background: #fff;position: relative;}
.cona em{display: block;float: left;margin-right: 1rem; width: 60px;line-height: 60px;height: 60px;background: #c40000;color: #fff;border-radius: 5px;text-align: center;}
.cona em i{font-size: 32px;}
.cona span{display: block;line-height: 30px;color: #777;}
.cona strong{display: block;font-size:15px;color: #444;}
.cona b{display: block;position: absolute;z-index: 2;top:0;right:0;width: 40px;font-weight: normal;height: 40px;line-height: 40px;border: 1px solid #f9f9fa;text-align: center;color: #666666;font-family: fz;font-size: 22px;}
.contactba .forma{height: auto;overflow: hidden;margin-bottom: 1rem;}
.contactba .forma input{float: left;width: 32%;margin-right: 2%;line-height: 40px;border-bottom: 1px solid #e6e6e6;}
.contactba .forma input:nth-of-type(1){background: url(../images/tipa.png) center right no-repeat;}
.contactba .forma input:nth-of-type(2){background: url(../images/tipb.png) center right no-repeat;}
.contactba .forma input:nth-of-type(3){background: url(../images/tipc.png) center right no-repeat;margin-right: 0;}
.contactba textarea {display: block;width: 100%;line-height: 40px;border-bottom: 1px solid #e6e6e6;background: url(../images/tipd.png)  right 15px no-repeat;margin-bottom: 1rem;}
.contactba .code {width: 50%;height: auto;overflow: hidden;margin-bottom: 1rem;}
.contactba .code input {width: 31%;line-height: 40px;float: left;border-bottom: 1px solid #e6e6e6;}
.contactba .code .verify {cursor: pointer;float: left;height: 40px;text-align: center;}
.contactba .code .verify img {display: inline-block;vertical-align: middle;max-width: 100%;max-height: 100%;border: 1px solid #e6e6e6;}
.contactba .submit {position: relative; float: left;display: block;width: 31%;height: 40px;text-align: center;line-height: 40px;border-bottom: 1px solid #e6e6e6;
	background: url(../images/tipe.png)center right no-repeat;transition:.4s;}
.contactba .submit:hover{color: #c40000;background: url(../images/tipf.png)center right no-repeat;}
@media (max-width: 576px) {  
.mf_12{font-size: 12px;line-height: 25px;}
.mf_14{font-size: 14px;line-height: 30px;}
.mf_16{font-size: 16px;line-height: 30px;}
.mf_18{font-size: 18px;line-height: 35px;}
.mf_22{font-size: 22px;line-height: 40px;}

.topa img{width: 70%;}
.in01a li a{border-right:none}
.in01b .in01ba{display: block !important;}
.in01b .in01ba a{display: block; width: 100%;margin-bottom: .5rem;}
.infontb .in01ba{display: block !important;}
.infontb .in01ba a{display: block; width: 100%;margin-bottom: .5rem;}

.banner .swiper-pagination{bottom: 10px !important;}
.intita strong{font-size: 22px;}
.intita span{margin-top: -35px;}
.contita strong{font-size: 30px;}
.contita span{margin-top: -35px;}
.in04a span b{font-size: 18px;font-weight: bold;}
.in_04 li img{max-width: 100%;}
.in04ba span b{font-size: 12px;}
.in04ba em{width: 45px;}
.in04ba em i{font-size: 30px;}
.in04bb a{width: 70%;margin-top:1rem;}
.in05a ul li strong{font-size: 22px;top:20%;}
.in05a .col-3{padding-left: .5rem;padding-right: .25rem;}
.in05a ul li:hover .in05img{top:-15%;}
.in_07 img{max-width: 100%;}
.in07a strong{font-size: 22px;}
.in07a span small{display: none;}
.in07a b{font-size: 50px;}
.in07b span strong{font-size: 24px;}
.footer{padding-bottom: 4rem;}
.footer img{max-width: 70%;}
.companyaa h3 small{font-size: 13px;}
.companyaa h3{font-size: 16px;}
.comtita strong{font-size: 30px;}
.comtita span{margin-top: -30px;}
.proa{margin-top: -10px;}
.proda a span{padding-top: 15%;}
.profa li:nth-of-type(3){margin-bottom:1rem;}
.casesbb{padding: 4% 0;}
.case_a i{font-size: 32px;}
.case_a b{left:5px;bottom:5px;}
.prob .row{margin-right: 0px;margin-left: 0px;}
.newsa .row{margin-top: -10px;}
.locationc{text-align: left;}
.contactba .code{width: 100%;}
.cfsba li .cffont i{font-size: 14px;}
.cfsba li .cffont span{display: none;}
#playercontainer{width: 100%;}
.protit{margin-top: 4%;}
.proea .gallery-thumbs .swiper-slide .proed i{display: none;}
.proec{display: none;}
.cfsba li:nth-of-type(6){display: none;}
.cfsba li{width: 32.5%;}
.cfsba li:nth-of-type(4){margin-bottom:3rem;padding-bottom: 3rem;position: relative;}
.cfsba li:nth-of-type(4)::after{position: absolute;content: "";border-bottom: 1px solid #eee;width: 100%;bottom: 0;}
.footb span{font-size: 22px;line-height: 30px;}
.footer .col{padding-left: 0px;}
.footer .col-4{padding-left: 0px;}
.in05a ul li:hover .in05img{top:-30%;}
.comc{background-size: 100%;}
}

@media (min-width: 576px) and (max-width: 768px){  
.mf_12{font-size: 12px;line-height: 25px;}
.mf_14{font-size: 14px;line-height: 30px;}
.mf_16{font-size: 16px;line-height: 30px;}
.mf_18{font-size: 18px;line-height: 35px;}
.mf_22{font-size: 22px;line-height: 40px;}
.topa img{width: 70%;}
.in01a li a{border-right:none}
.in01b .in01ba{display: block !important;}
.in01b .in01ba a{display: block; width: 100%;margin-bottom: .5rem;}
.infontb .in01ba{display: block !important;}
.infontb .in01ba a{display: block; width: 100%;margin-bottom: .5rem;}

.banner .swiper-pagination{bottom: 10px !important;}
.intita strong{font-size: 30px;}
.intita span{margin-top: -35px;}
.contita strong{font-size: 30px;}
.contita span{margin-top: -35px;}
.in04a span b{font-size: 18px;font-weight: bold;}
.in_04 li img{max-width: 100%;}
.in04ba span b{font-size: 12px;}
.in04ba em{width: 45px;}
.in04ba em i{font-size: 30px;}
.in04bb a{width: 70%;margin-top:1rem;}
.in05a ul li strong{font-size: 22px;top:20%;}
.in05a ul li p{}
.in05a .col-3{padding-left: .5rem;padding-right: .25rem;}
.in05a ul li:hover .in05img{top:-15%;}
.in_07 img{max-width: 100%;}
.in07a strong{font-size: 22px;}
.in07a span small{display: none;}
.in07a b{font-size: 70px;}
.in07b span strong{font-size: 24px;}
.footer{padding-bottom: 4rem;}
.footer img{max-width: 70%;}
.proea .gallery-thumbs .swiper-slide .proed i{display: none;}
.companyaa h3{font-size: 22px;}
.comtita strong{font-size: 30px;}
.comtita span{margin-top: -30px;}
.proa{margin-top: -10px;}
.proda a span{padding-top: 15%;}
.profa li:nth-of-type(3){margin-bottom:1rem;}
.casesbb{padding: 4% 0;}
.case_a i{font-size: 32px;}
.case_a b{left:5px;bottom:5px;}
.prob .row{margin-right: 0px;margin-left: 0px;}
.newsa .row{margin-top: -10px;}
.locationc{text-align: left;}
.contactba .code{width: 100%;}
.cfsba li .cffont i{font-size: 14px;}
.protit{margin-top: 4%;}
.cfsba li:nth-of-type(6){display: none;}
.cfsba li{width: 32.5%;}
.cfsba li:nth-of-type(4){margin-bottom:3rem;padding-bottom: 3rem;position: relative;}
.cfsba li:nth-of-type(4)::after{position: absolute;content: "";border-bottom: 1px solid #eee;width: 100%;bottom: 0;}
.in05a ul li:hover .in05img{top:-50%;}
.comc{background-size: 100%;}
}
@media (min-width: 768px) and (max-width:992px){  
.topa img{max-width: 70%;}
.in01a li a{border-right:none}
.in01b .in01ba{display: block !important;}
.in01b .in01ba a{display: block; width: 100%;margin-bottom: .5rem;}
.infontb .in01ba{display: block !important;}
.infontb .in01ba a{display: block; width: 100%;margin-bottom: .5rem;}

.banner .swiper-pagination{bottom: 10px !important;}
.intita strong{font-size: 30px;}
.intita span{margin-top: -35px;}
.contita strong{font-size: 30px;}
.contita span{margin-top: -35px;}
.in04a span b{font-size: 18px;font-weight: bold;}
.in_04 li img{max-width: 100%;}
.in04ba span b{font-size: 12px;}
.in04ba em{width: 45px;}
.in04ba em i{font-size: 30px;}
.in04bb a{width: 70%;margin-top:1rem;}
.in05a ul li strong{font-size: 22px;top:20%;}
.in05a .col-3{padding-left: .5rem;padding-right: .25rem;}
.in05a ul li:hover .in05img{top:-15%;}
.in_07 img{max-width: 100%;}
.in07a strong{font-size: 22px;}
.in07a span small{display: none;}
.in07a b{font-size: 70px;}
.in07b span strong{font-size: 24px;}
.footer{padding-bottom: 4rem;}
.footer img{max-width: 70%;}
.proea .gallery-thumbs .swiper-slide .proed i{display: none;}
.companyaa h3{font-size: 22px;}
.comtita strong{font-size: 30px;}
.comtita span{margin-top: -30px;}
.proa{margin-top: -10px;}
.proda a span{padding-top: 15%;}
.profa li:nth-of-type(3){margin-bottom:1rem;}
.casesbb{padding: 4% 0;}
.case_a i{font-size: 32px;}
.case_a b{left:5px;bottom:5px;}
.proec{display: none;}
.newsa .row{margin-top: -10px;}
.locationc{text-align: left;}
.contactba .code{width: 100%;}
.cfsba li .cffont i{font-size: 14px;}
.proa{margin-top: -30px;}
.newsa .row{margin-top: -30px;}
.companya img{margin: 0 auto;display: block;}
.prob li span{font-size: 13px;}
.prob li i{margin-right: .25rem;}
.cfsba li:nth-of-type(6){display: none;}
.cfsba li{width: 32.5%;}
.cfsba li:nth-of-type(4){margin-bottom:3rem;padding-bottom: 3rem;position: relative;}
.cfsba li:nth-of-type(4)::after{position: absolute;content: "";border-bottom: 1px solid #eee;width: 100%;bottom: 0;}
.in05a ul li:hover .in05img{top:-50%;}
.comc{background-size: 100%;}
}

@media (min-width: 992px) and (max-width:1200px){  
.in04bb a{width: 60%;}
.in07a span{font-size: 18px;}
.in07b span strong{font-size: 40px;}
.pfontc{line-height: 30px;font-size: 14px;}
.prob li span{font-size: 14px;}
.profb span p{font-size: 12px;}
.pfonta p{display: none;}
.parm li:nth-of-type(5){display: none;}
.parm li:nth-of-type(6){display: none;}
.in04ba span{line-height: 30px;}
.proec{display: none;}


}

@media (min-width: 1200px) {
.top .container{max-width: 1700px;}
.container{max-width: 1400px;}

 }

@media (min-width:1200px) and (max-width:1420px){  
.toptel p{font-size: 18px;}

}

@media (max-width: 1500px) {
.online_kefu{display: none;}
 }