@charset "utf-8";:focus{outline:0}
h1,h2,h3,h4,h5,h6{margin:0;padding:0;line-height:normal}
body,dd,dl,img,input,p,td,th,tr,ul{margin:0;padding:0;font-family:'microsoft yahei'}
em{font-style:normal}
img{border:none;max-width:100%}
a{text-decoration:none;color:#231815}
input{padding:0;vertical-align:middle;line-height:normal;border:none}
body{overflow-x:hidden}
button::-moz-focus-inner,input[type=button]::-moz-focus-inner,input[type=file]>input[type=button]::-moz-focus-inner,input[type=reset]::-moz-focus-inner,input[type=submit]::-moz-focus-inner{border:none;padding:0}
a:focus{outline:0}
:focus{outline:0;box-shadow:none}
iframe{max-width:100%}
.table-responsive ul li{list-style-position:inside}
body{font-size:16px;font-family:'microsoft yahei';background:#fff;color:#555;line-height:24px}
.bold{font-weight:700}
.fontRed{color:red}
.fl{ float: left; }
.fr{ float: right; }

ul,dl{ list-style: none; }

.clearfix:after,.clearfix:before{content:" ";display:table}
.clearfix:after{clear:both}
.img-center{text-align:center;font-size:0}
.img-center img{display:inline-block;width:auto;height:auto;max-width:100%;max-height:100%;vertical-align:middle;transition:all 0.5s}

.img-cover{overflow:hidden;position:relative}
.img-cover span{display:block;width:100%;background:no-repeat center / cover;transition:all 0.5s;height:100%;position:absolute;left:0;top:0}


.topbar{ background: #f6f6f6; border-bottom: 1px solid #ebebeb; color: #555; height: 40px; line-height: 40px; font-size: 14px; }
.topbar a{ color: #555; margin-left: 20px;}

header{  width: 100%; background: #FFF; box-shadow: 0 0 10px rgba(0,0,0,0.1) }
header .tel{ float: right; margin: 30px 0;  height: 50px;  padding-left: 62px; background: url(../image/tel.png) no-repeat left center; }
header .tel span{ height: 20px; display: block; }
header .tel p{color: #ff5e14; font-size: 24px; font-weight: bold; }
header .logo{float:left;font-size:0;height:50px;line-height:50px;text-align:left; margin: 30px 0;}
header .nav{font-size:0;  background: #ff6637;  position: relative; z-index: 999;width: 100%; }
header .nav li{display:inline-block;vertical-align:middle;}
header .nav li>a{display:block;font-size:16px;line-height:60px; position: relative; padding: 0 35px; color: #FFF;  }
header .nav li .arr{float:right;height:40px;width:40px;position:relative;display:none; z-index: 8;}
header .nav li .arr:after{content:'';border-top:2px solid #ccc;border-left:2px solid #ccc;box-sizing:content-box;display:block;width:8px;height:8px;margin:auto;position:absolute;top:0;bottom:0;transform:rotate(135deg);right:15px}
header .nav li.active>a,header .nav li.open>a,header .nav li>a:hover{ background: #f14b19; color: #FFF; }
header .nav li.dropdown{position:relative}
header .nav .dropdown-box{position:absolute;left:0;min-width:100%;top:100%;display:none;z-index:1000;text-align:center;box-shadow:0 6px 12px rgba(0,0,0,0.18);background-color:rgba(255,255,255,1)}
header .nav .dropdown-box p{margin:0; border-bottom: 1px solid #efefef;}
header .nav .dropdown-box a{display: block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;padding:0 15px;font-size:15px;line-height:45px;color:#666 !important}
header .nav .dropdown-box a:hover{color:#FFF !important; background: #f14b19;}
header .nav li.open .dropdown-box{display:block}
header.small .nav{ position: fixed; top:0; left: 0; z-index: 999; }

.menu-btn{display:none;padding:15px 0;float:right;margin-left:15px}
.menu-btn:before,.menu-btn:after,.menu-btn span{display:block;height:2px;background-color:#f14b19;content:''}
.menu-btn:before{width:24px}
.menu-btn:after{width:18px;margin-left:6px}
.menu-btn span{width:12px;margin:6px 0 6px 12px}

@media (max-width:768px){
	header.large{ position: fixed; top:0; left: 0; z-index: 999; padding: 5px 0 0; height: 60px; }
    header .logo{height: 40px; margin: 0}
    header .tel{ display: none;}
    header .nav {text-align: left;display: none;height: auto; width: 100%;  margin: 5px 0 0 }
    header .nav ul {margin: 0 -15px; background: #FFF; }
    header .nav li {display: block;margin: 0;border-top: 1px solid #eee;background: none; }
    header .nav li a {line-height: 40px;padding: 0 15px; margin: 0; color: #333;}
    header .nav li .arr {display: block;}
    header .nav li.open .arr:after {border-color:rgba(255,255,255,0.5);transform: rotate(225deg);}
    header .nav .dropdown-box {position: static;background-color: #f5f5f5;min-width: auto;text-align: left;box-shadow: none;}
    header .nav .dropdown-box a {border-top: 1px dotted #ddd;padding: 0 15px;line-height: 40px;background-color: transparent !important;border-bottom: 0;}
    header .nav .dropdown-box a:hover {}
    .menu-btn {display: block;}

}

.slide_content{position:relative;z-index:555;overflow:hidden;width:100%}
.bs-slider .bs-slider-overlay{position:absolute;top:0;left:0;width:100%;height:100%;background-color:rgba(0,0,0,.4)}
.bs-slider>.carousel-inner>.item>a>img,.bs-slider>.carousel-inner>.item>img{margin:auto;width:100%!important}
.fade{opacity:1}
.fade .item{top:0;z-index:1;opacity:0;width:100%;position:absolute;left:0!important;display:block!important;-webkit-transition:opacity ease-in-out 1s;-moz-transition:opacity ease-in-out 1s;-ms-transition:opacity ease-in-out 1s;-o-transition:opacity ease-in-out 1s;transition:opacity ease-in-out 1s}
.fade .item:first-child{top:auto;position:relative}
.fade .item.active{opacity:1;z-index:2;-webkit-transition:opacity ease-in-out 1s;-moz-transition:opacity ease-in-out 1s;-ms-transition:opacity ease-in-out 1s;-o-transition:opacity ease-in-out 1s;transition:opacity ease-in-out 1s}
.control-round .carousel-control{top:auto;bottom:0;z-index:100;color:#FFF; font-size: 40px; display:block;cursor:pointer;overflow:hidden;text-shadow:none;position:absolute;background:0 0;right:200px;left:auto;top:45%;bottom:auto;right:auto;left:auto;-moz-opacity:.5;opacity:.5}
.control-round .carousel-control.left{left:-80px;-webkit-transition:all var(--transition-time,800ms);-o-transition:all var(--transition-time,800ms);transition:all var(--transition-time,800ms)}
.control-round .carousel-control.right{right:-80px;-webkit-transition:all var(--transition-time,800ms);-o-transition:all var(--transition-time,800ms);transition:all var(--transition-time,800ms)}
.slide_content:hover .control-round .carousel-control.left{left:0;-moz-opacity:.8;opacity:.8}
.slide_content:hover .control-round .carousel-control.right{right:0;-moz-opacity:.8;opacity:.8}
.control-round .carousel-control.left:hover,.control-round .carousel-control.right:hover{border:0 transparent}
.control-round .carousel-control.left{margin-right:81px}
/*.control-round .carousel-control.left:before{font-family:FontAwesome;content:"\f177";color:#fff}
.control-round .carousel-control.right:before{font-family:FontAwesome;content:"\f178";color:#fff}*/
.control-round .carousel-control{margin:0 20px;padding:0;line-height:50px;width:50px;height:50px;-webkit-transition:width .3s,background-color .3s;transition:width .3s,background-color .3s;opacity:.6;-moz-opacity:.6;border-radius:50%;}
.carousel-control .icon-wrap{position:absolute;width:32px}
.carousel-control.left .icon-wrap{left:15px}
.carousel-control.right .icon-wrap{right:15px}
.carousel-control h3{position:absolute;top:0;margin:0;color:#000;text-transform:uppercase;white-space:nowrap;font-size:16px;line-height:42px;opacity:0;-webkit-transition:opacity .3s,-webkit-transform .3s;transition:opacity .3s,transform .3s;color:#333}
.carousel-control.left h3{right:50px;-webkit-transform:translateX(100%);transform:translateX(100%)}
.carousel-control.right h3{left:50px;-webkit-transform:translateX(-100%);transform:translateX(-100%)}
.control-round .carousel-control:hover{opacity:1;-moz-opacity:1}
.control-round .carousel-control.left:hover:before,.control-round .carousel-control.right:hover:before{color:#fff}
.carousel-control:hover h3{opacity:1;-webkit-transition-delay:.1s;transition-delay:.1s;-webkit-transform:translateX(0);transform:translateX(0)}

.indicators-line>.carousel-indicators{bottom:3%;width:100%;max-width:1920px;height:20px;text-align:center;}
.indicators-line>.carousel-indicators li{margin:0 3px;display:inline-block;width:14px;height:14px; border:none;  border-radius:50%; background:rgba(255,255,255,0.5);}
.indicators-line>.carousel-indicators .active{background: #f14b19;}

.carousel-inner .item a{ overflow:hidden;transition:all 2s;}

.slide_style_left{text-align:left!important}
.slide_style_right{text-align:left!important}
.slide_style_center{text-align:center!important}
.slide-text{position:absolute;bottom:22%;left:120px;width:100%;max-width:721px}
.slide-text-m{margin:auto;text-align:center;position:relative;-webkit-transition:all .3s ease-in-out;-moz-transition:all .3s ease-in-out;-o-transition:all .3s ease-in-out;transition:all .3s ease-in-out;background:rgba(255,255,255,.9);text-align:left;padding:45px 40px 50px;width:100%}
.slide-text .slide-text-m>p{font-size:26px;color:#ff6637;line-height:44px;overflow:hidden;max-height:132px}
.slide-text .slide-text-m>div{font-size:16px;line-height:32px;color:#666;margin-top:12px;overflow:hidden;max-height:96px}
.slide-text .main_more{margin-top:30px}
.slide-text .main_more a{line-height:50px}


@media (max-width:504px){
.slide_content{ margin-top: 60px; }
.indicators-line>.carousel-indicators{margin-bottom:0;width:100%}
.slide_content .waveWrapper{display:none}
}

.sou{padding:25px 0; background: #f7f7f7;}
.sou .hot{float:left;color: #666666; line-height: 30px; padding-left: 25px; background: url(../image/icon-tag.jpg) no-repeat left center; font-size: 14px;}
.sou .hot a{margin-left:10px; display: inline-block; background: #FFF; line-height: 28px; padding: 0 15px; border-radius: 3px; border: 1px solid #e3e3e3 }
.sou .hot a:hover{ border-color: #ff5e14; color: #ff5e14; }
.sou .hform{float:right; width: 310px; height: 30px;  display: flex; justify-content: space-between; align-items: center;}
.sou .hform input{flex:1;border:1px solid #e3e3e3; background: #FFF;  height: 42px; padding-left: 10px; font-size: 14px;}
.sou .hform button{ width: 40px; height: 42px; border: 0; background: #f14b19; }

.section{ padding: 50px 0 0; }

.section-title{ display: flex; justify-content: space-between; align-items: center; border-bottom: 1px solid #ff5f15; height: 50px; margin-bottom: 30px; }
.section-title span{ width: 120px; height: 50px; border-radius: 5px 5px 0 0; background: #ff5f15; color: #FFF; font-size: 18px; line-height: 50px; text-align: center; }
.section-title a{ font-size: 14px; color: #999; font-family: Arial, "Helvetica Neue", Helvetica, sans-serif; }

.section-title2{ text-align: center; margin-bottom: 30px;}
.section-title2 strong{ font-size: 48px; color: #ff5f15; }
.section-title2 p{ font-size: 24px; }

.in-pro-left{ float: left; width: 286px; background: #ff5f15; padding: 12px; border-radius: 8px; }
.in-pro-left h2{ color: #FFF; font-weight: normal;font-size: 24px; margin: 10px 0 15px; }
.in-pro-right{ margin-left: 327px; }

.in-pro-tits{ display: flex; justify-content: space-between; align-items: center; border-bottom: 1px solid #ff5f15; height: 50px; margin-bottom: 30px; }
.in-pro-tits a{ font-size: 14px; color: #999; font-family: Arial, "Helvetica Neue", Helvetica, sans-serif; }

.in-pro-menu li{ display: inline-block; }
.in-pro-menu li a{ display: block; width: 120px; height: 50px; border-radius: 5px 5px 0 0;  font-size: 18px; line-height: 50px; text-align: center; }
.in-pro-menu li.active a{ background: #ff5f15; color: #FFF; }

.in-lanmu{ background: #FFF; border-radius: 12px; padding: 10px; }
.in-lanmu li a{ display: block; font-size: 16px; padding-left: 30px; background: url(../image/icon-1.png) no-repeat 10px center; border-bottom: 1px dashed #dcdcdc; line-height: 40px;  }
.in-lanmu .lanmu-box{ padding: 8px 0; }
.in-lanmu .lanmu-box a{ color: #868686; background: none; border-bottom: none; line-height: 30px; }

.in-pro-con ul{ margin: 0 0 0 -15px; padding:8px; }
.in-pro-con li{ float: left; width: 25%; }
.in-pro-con li a{ display: block; font-size: 16px; margin: 0 0 15px 15px; border-radius: 10px; background: #FFF; box-shadow: 0 0 10px rgba(0,0,0,0.05);  text-align: center; font-size: 16px; color: #555; }
.in-pro-con li .text{ line-height: 50px; }

.in-case{ position: relative; }
.in-case .swiper-container{ padding: 10px; }
.in-case .swiper-slide a{ display: block; padding: 10px; border-radius: 10px; background: #FFF; box-shadow: 0 0 10px rgba(0,0,0,0.05);  text-align: center; font-size: 16px; color: #555; }
.in-case .swiper-slide .text{ line-height: 35px; }
.in-case .swiper-button-prev{left:-60px; width: 46px; height: 46px; border-radius: 50%; border: 1px solid #efefef;background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23e1e1e1'%2F%3E%3C%2Fsvg%3E"); background-size: 30%; }
.in-case .swiper-button-next{right:-60px; width: 46px; height: 46px; border-radius: 50%; border: 1px solid #efefef; background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23e1e1e1'%2F%3E%3C%2Fsvg%3E");background-size: 30%; }
.in-case .swiper-button-prev:hover,.in-case .swiper-button-next:hover{ background-color: #ff6637; border-color: #ff6637; }

.in-jj-left{ float: left; width: 282px; }
.in-jj-left li a{ display: block; overflow:hidden;white-space:nowrap;text-overflow:ellipsis; line-height: 30px; font-size: 16px; }
.in-jj-right{ margin-left: 325px; }
.in-jj-right ul{ margin: 0 0 0 -15px; }
.in-jj-right li{ float: left; width: 25%; }
.in-jj-right li a{ display: block; margin: 0 0 0 15px; padding:2px; text-align: center; border: 1px solid #ebebeb; }
.in-jj-right li .text{ line-height: 45px; }

.in-about-left{ float: left; width: 575px; }
.in-about-right{ margin-left: 600px; }
.in-about-right h2{ font-size: 24px; color: #555; }
.in-about-right .desc{ font-size: 14px; line-height: 35px; color: #555; }
.in-about-right .more{ margin-top: 20px; }
.in-about-right .more a{ display: inline-block; padding: 0 30px; font-size: 12px; line-height: 35px; background: #ff5f15; color: #FFF; border-radius: 17px;}
.in-about-right .more a:hover{ background: #333; }

.in-ys ul{ display: flex; justify-content: center; align-items: center; flex-wrap: wrap; }
.in-ys li{ flex:1;  background: #f2f2f2; display: flex; justify-content: center; align-items: center; flex-wrap: wrap; }
.in-ys li .text{ padding:25px;height: 350px; flex:100%; }
.in-ys li .text .number{ font-size: 60px; color: #ff5f15; font-style:italic; font-weight: bold;}
.in-ys li .text h2{ font-size: 28px; color: #ff5f15; font-weight: normal; }
.in-ys li .text p{ font-size: 12px; color:#999999; line-height: 25px;}
.in-ys li .img-cover{ height: 350px; flex:100%; }

.in-news-tits{ display: flex; justify-content: space-between; align-items: center; border-bottom: 1px solid #ff5f15; height: 50px; margin-bottom: 30px; }
.in-news-tits a{ font-size: 14px; color: #999; font-family: Arial, "Helvetica Neue", Helvetica, sans-serif; }

.in-news-menu li{ display: inline-block; }
.in-news-menu li a{ display: block; width: 120px; height: 50px; border-radius: 5px 5px 0 0;  font-size: 18px; line-height: 50px; text-align: center; }
.in-news-menu li.active a{ background: #ff5f15; color: #FFF; }

.in-news-left{ float: left; width: 68%; }
.in-news-right{ float: right; width: 28%; }
.in-news-right ul{ margin-top: -10px; }
.in-news-right li a{ display: block; padding: 15px 0; border-bottom: 1px dashed #ccc; }
.in-news-right li:last-child a{ border-bottom: 0; }
.in-news-right li h2{ font-size: 16px; font-weight: normal; position: relative; padding-left: 33px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;  }
.in-news-right li h2:before{ position: absolute; left:0; top:2px; background: url(../image/q.jpg) no-repeat; width: 17px; height: 17px; content:'';  }
.in-news-right li p{ font-size: 14px; color: #999; line-height: 25px; position: relative; padding-left: 33px;  overflow:hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;}
.in-news-right li p:before{position: absolute; left:0; top:3px; background: url(../image/a.jpg) no-repeat; width: 17px; height: 17px; content:'';  }
.in-news-right li a:hover h2{ color: #ff5f15; }

.in-news-con .hot a{ display: block; overflow: hidden; }
.in-news-con .hot .img-center{ float: left; width: 265px; border-radius: 8px; overflow: hidden;  }
.in-news-con .hot .text{ margin-left: 285px; }
.in-news-con .hot .text h2{ font-size: 16px; margin-bottom: 10px; overflow:hidden;white-space:nowrap;text-overflow:ellipsis; }
.in-news-con .hot .text p{ line-height: 23px; font-size: 14px; color: #999; }
.in-news-con .hot .text .date{ margin-top: 15px;font-size: 14px; color: #999; }

.in-news-con ul{ margin: 15px 0 0; }
.in-news-con li { display: block; position: relative; font-size: 14px; line-height: 48px; border-bottom: 1px dashed #cccccc; padding-left:20px;}
.in-news-con li a:before{ position: absolute; left: 0; top:22px; width: 5px; height: 5px; background: #dedede; content:''; }
.in-news-con li span{ position: absolute; top:0; right: 0; color: #999; }

.links{ padding-bottom: 30px; }
.links .tits{ font-size: 14px; color: #ccc; margin-bottom: 22px; }
.links .tits span{ font-size: 18px; color: #333; margin-right: 10px; }
.links ul{ font-size: 0; }
.links li{ display: inline-block;  }
.links li a {display: block; margin-right: 12px;  border: 1px solid #eee; border-radius: 3px; line-height: 36px; padding: 0 15px; font-size: 14px; color: #707376;}
.links li a:hover{ background: #ff5f15; border-color: #ff5f15; color: #FFF; }

.footer{ text-align: center; font-size: 14px; }
.footnav{ background: #ff6637; line-height: 60px; }
.footnav a{ padding: 0 35px; color: #FFF; font-size: 16px; }
.footer .copyright{ padding: 20px 0; color: #4d4d4d; }

.list-honor{ margin: 0 0 0 -15px; }
.list-honor li{ float: left; width: 14.28%; }
.list-honor li a{ display: block; margin: 0 0 15px 15px; text-align: center; font-size: 16px; }

.list-histroy{ position: relative; border-left:1px solid #eeeeee;  }
.list-histroy li{ padding-left: 28px; position: relative; }
.list-histroy li:before{ position: absolute; left: -9px; top:2px; width: 18px; height: 18px; border: 1px solid #ff6637; border-radius: 50%; background: #FFF; content:'';}

.list-histroy li h2{ font-size: 18px; }
.list-histroy li p{ font-size: 16px; margin-left: 15px; }

.ui-piclist-item{ background: transparent!important; border: none!important; }
.ui-piclist-item:hover{box-shadow: none!important;}


.main_more{position:relative;display:inline-block;margin-top:20px;border-radius:0;transition:all .5s;z-index:3;background:#ff6637;overflow:hidden;transition:all .5s;border-radius:0}
.main_more:hover{box-shadow:0 0 20px rgba(0,0,0,.1)}
.main_more a i{color:#fff;font-size:20px;margin-left:10px}
.main_more:before{position:absolute;left:-2px;top:-2px;height:110%;width:110%;background-color:#fb4e19;border-radius:0;content:"";-webkit-transition:transform .5s ease;-ms-transition:transform .5s ease;transition:transform .5s ease;-webkit-transform:scale(0,1);-ms-transform:scale(0,1);transform:scale(0,1);-webkit-transform-origin:right center;-ms-transform-origin:right center;transform-origin:right center}
.main_more:hover:before{-webkit-transform:scale(1,1);-ms-transform:scale(1,1);transform:scale(1,1);-webkit-transform-origin:left center;-ms-transform-origin:left center;transform-origin:left center}
.main_more a,.main_more button,.main_more input{padding:0 30px 0;line-height:54px;display:inline-block;background:0 0;border:none;position:relative;z-index:2;color:#fff;letter-spacing:1px;font-size:14px;text-transform:uppercase}
.main_more:hover a{color:#fff}
.slick-slider{position:relative;display:block;box-sizing:border-box;-moz-box-sizing:border-box;-webkit-touch-callout:none;-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent}
.slick-list{position:relative;overflow:hidden;display:block;margin:0;padding:0}
.slick-list:focus{outline:0}
.slick-list.dragging{cursor:pointer;cursor:hand}
.slick-track{position:relative;left:0;top:0;display:block;zoom:1}
.slick-track:after,.slick-track:before{content:"";display:table}
.slick-track:after{clear:both}
.slick-loading .slick-track{visibility:hidden}
.slick-slide{float:left;height:100%;min-height:1px;display:none}
.slick-slide img{display:block}
.slick-slide.slick-loading img{display:none}
.slick-slide.dragging img{pointer-events:none}
.slick-initialized .slick-slide{display:block}
.slick-loading .slick-slide{visibility:hidden}
.slick-vertical .slick-slide{display:block;height:auto;border:1px solid transparent}
.slick-next,.slick-prev{position:absolute;display:block;height:38px;width:20px;line-height:0;font-size:0;cursor:pointer;background:0 0;color:transparent;margin-top:-16px;padding:0;border:none;outline:0;top:50%}
.slick-next:focus,.slick-prev:focus{outline:0}
.slick-dots{list-style:none;display:block;text-align:center;padding:10px 3px;z-index:999;margin-top:11px}
.slick-dots li{position:relative;display:inline-block;width:9px;height:9px;margin:0 4px;padding:3px 0;cursor:pointer;transition:all .5s}
.slick-dots li button{border:0;background:0 0;display:block;height:9px;width:9px;padding:5px;outline:0;line-height:0;font-size:0;cursor:pointer;outline:0;background:#cbcbcb;padding:0;transition:all .5s;border-radius:2px}
.slick-dots li button:focus{outline:0}
.slick-dots li.slick-active{width:20px;height:9px}
.slick-dots li.slick-active button{background:#ff6637;width:20px;height:9px}
@media only screen and (max-width:1299px){.slick-prev{left:0}
.slick-next{right:0}
.slick-dots{margin-top:0}
}
@media only screen and (max-width:560px){
	.slick-dots li.slick-active button{width:20px}
}


.top_share{margin-top:13px}
.top_share li{list-style:none;display:inline-block;margin-left:10px}
.top_share li a{display:block;width:26px;height:26px}
.top_share li a img{width:26px;height:26px}
.fot_nav{float:left;width:15%;padding-right:30px}
.fot_nav li{margin-bottom:13px}
.fot_nav li a{font-size:16px;text-transform:capitalize;color:#d1d1d1}
.fot_nav li a:hover{color:#ff6637}
.fot_tag{float:left;width:18%;padding-right:40px}
.fot_tag li{margin-bottom:13px}
.fot_tag li a{font-size:13px;color:#d1d1d1;text-transform:capitalize}
.fot_tag li a:hover{color:#ff6637}
.fot_pro{float:left;width:18%;padding-right:40px}
.fot_pro li{margin-bottom:13px}
.fot_pro li a{font-size:13px;color:#d1d1d1;text-transform:capitalize}
.fot_pro li a:hover{color:#ff6637}
.fot_sub{width:21%;float:left}
.fot_sub .text{color:#d1d1d1;font-size:12px;line-height:24px;max-height:72px;overflow:hidden}
.fot_sub .letter-input{margin-top:36px;position:relative}
.fot_sub .fot_input{display:block;height:50px;line-height:50px;border:none;border-radius:0;padding:0 40px 0 15px;color:#d1d1d1;font-size:13px;background:rgba(255,255,255,.08);width:100%;max-width:100%}
.fot_sub .fot_input:focus{color:#eee}
.fot_sub input:-ms-input-placeholder{color:#d1d1d1}
.fot_sub input::-webkit-input-placeholder{color:#d1d1d1}
.fot_sub input::-moz-placeholder{color:#d1d1d1}
.fot_sub input:-moz-placeholder{color:#d1d1d1}
.fot_sub .send{background:url(../image/send_btn.png) no-repeat center right;width:30px;height:21px;position:absolute;right:13px;top:11px;text-align:left}
.fot_sub .top_share{float:none;margin-left:0;margin-top:39px}
.fot_sub .top_share li{margin:0 10px 0 0}
.foot_botW{background:rgba(26,77,171,0.74);padding:15px 0 18px;text-align:center}
.foot_botW .foot_cer a{display:inline-block;margin-right:16px}
.copy{display:inline-block;color:rgba(255,255,255,.5);margin-top:4px;font-size:15px}
.copy a{display:inline-block;color:rgba(255,255,255,.5);font-size:15px;margin:0 5px}
.foot_bot_m .foot_ipv6{display:inline-block;color:rgba(255,255,255,.5);font-size:16px;font-style:italic}
.foot_bot_m .foot_ipv6 img{max-width:24px;margin-right:5px}
.foot_bot_m .foot_web a,.foot_bot_m .foot_web span{color:rgba(255,255,255,.5);font-size:16px}
.fot-fri{list-style:none}
.fot-fri p{display:inline-block;text-transform:capitalize;color:rgba(255,255,255,.5);font-size:13px}
.fot-fri li{display:inline-block;margin:0 4px;list-style:none}
.fot-fri li a{color:#fafafa;font-size:13px}
.fot-fri li a:hover{color:#fff}
@media only screen and (max-width:1199px){.fot_con,.fot_nav,.fot_pro,.fot_tag{padding-right:15px}
.fot_con{padding-right:20px}
.fot_sub .top_share li{margin-right:8px}
}

.footer_m{padding-top:0;border:none;margin:0}
.footer .fot_con,.footer .fot_nav,.footer .fot_sub,.footer .fot_tag,.fot_pro{width:100%;padding:0;text-align:left}
.footer .fot_title em{margin-bottom:0;font-size:14px;line-height:20px}
.footer .fot_title span{display:none}
.footer .fot_title,.fot_about .fot_title{display:block;border-bottom:1px solid rgba(255,255,255,.1);padding-bottom:13px;cursor:pointer;margin-bottom:13px}
.footer .fot_title .column_icon_toggle{display:inline-block;position:absolute;right:15px;top:5px;font-style:normal;cursor:pointer;font-size:14px;font-weight:400;color:#fff}
.footer .toggle_content{padding-bottom:15px;padding-top:0}
.foot_botW .foot_cer{display:none}
.foot_bot_m{text-align:center;float:none}
.fot_con .list li.fcon_a{background-position:left 5px}
.foot_bot{border:none;margin-top:0;padding:10px 0}
.foot_bot .fot-fri{float:none;text-align:center}
.fot_sub .letter-input{margin-top:15px}
.fot_sub .top_share{margin-top:20px}
}

.page_banner{background:#fff;text-align:center;overflow:hidden;position:relative}
.page_banner img{max-width:100%;height:auto;width:100%}
.breadcrumb{font-size:14px;border-radius:0;text-transform:capitalize;text-align:center;margin:0;color:grey;padding:15px 0 15px 0;width:100%;position:relative;z-index:5;background:#f7f7f7}
.breadcrumbm{display:flex;align-items:center;justify-content:space-between}
.breadcrumb .bread_right{padding-top:0;line-height:20px;font-size:14px;color:grey;position:relative;z-index:5}
.breadcrumb .bread_right>i{margin:0 5px;display:inline-block;color:grey;vertical-align:middle}
.breadcrumb a.home i{margin-right:5px}
.breadcrumb a{color:grey;font-size:16px;text-transform:capitalize;display:inline-block;vertical-align:middle}
.breadcrumb a:hover{color:#ff6637}
.breadcrumb h2{margin:0;display:inline-block;padding:0;font-size:14px;line-height:22px;max-width:300px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;word-wrap:normal;color:grey;vertical-align:middle;font-weight:400}
.breadcrumb .in_title{text-align:left}
.breadcrumb .in_title a{font-size:18px ; display: inline-block; padding: 0 20px; position: relative;}
.breadcrumb .in_title a:before{ position: absolute; top:4px; right: 0; width: 2px; height: 19px; background: #e1e1e1; content:''; }
.breadcrumb .in_title a.active{ color: #f05728; }
.breadcrumb .in_title a:last-child:before{ display: none; }
.breadcrumb .in_title span{font-size:24px}
.breadcrumb .in_title span:after{display:none}


.page_section{position:relative;z-index:15;padding-top:0;background-color:#fff}
.page_column{border-radius:0;padding:30px 0 60px;position:relative}
.page_section .in_title2 span{font-size:40px;line-height:40px}
.page_section .in_title2 span:after{margin-top:18px}
.single-page .text{font-size:16px;line-height:28px}
.single-page .text h1{ text-align: center; font-size: 30px; margin-bottom: 15px; }
.single-page .text img{max-width:100%;height:auto}
.single-page .text a:hover{color:#6e6e6e}
.page_info_title h6{display:inline-block;margin:0;font-size:36px;color:#333;text-transform:capitalize;line-height:42px;position:relative}
.single_con_left{padding-left:0;padding-right:50px}
.page_title{display:block;position:relative;text-align:center;margin-bottom:10px}
.page_title span{display:inline-block;position:relative;text-transform:capitalize;z-index:1;color:#333;margin:0;font-size:36px;line-height:36px;vertical-align:middle}
.page_title i{width:50px;height:50px;margin-right:5px;display:inline-block;vertical-align:middle}
@media only screen and (max-width:992px){.breadcrumb .page_title{float:none;padding:0;margin-bottom:10px;text-align:center}
.breadcrumb a,.breadcrumb h2,.breadcrumb>i{font-size:13px}
.breadcrumb .bread_right{float:none;justify-content:center;padding:0}
.page_title{margin-bottom:15px}
}
@media only screen and (max-width:768px){
	.topbar{ display: none; }

    .sou {padding:15px 15px 0; background: transparent; }
    .sou .container {padding: 0;}
    .sou .hot {display: none;}
    .sou .hform{float:none; width: 100%;}

	.section-title{ margin-bottom: 10px; }

	.section-title2{  margin-bottom: 10px;}
	.section-title2 strong{ font-size: 28px; }
	.section-title2 p{ font-size: 18px; }


	.in-pro-left{ display: none; }
	.in-pro-right{ margin-left: 0; width: auto; }

	.in-pro-con li{ width: 50%; }
	.in-pro-con li a{  font-size: 14px;}

	.in-about-left{ float: none; width: auto; }
	.in-about-left h2{ font-size: 18px; }
	.in-about-right{  margin-left: 0; width: auto; margin-top: 10px; }

    .in-case .swiper-slide a{ font-size: 14px; }
	.in-case .swiper-slide .text{ line-height: 30px; }
	.in-case .swiper-button-prev{left:-10px; width: 30px; height: 30px; border-radius: 50%; border: 1px solid #efefef;background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23e1e1e1'%2F%3E%3C%2Fsvg%3E"); background-size: 30%; }
	.in-case .swiper-button-next{right:-10px; width: 30px; height: 30px; border-radius: 50%; border: 1px solid #efefef; background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23e1e1e1'%2F%3E%3C%2Fsvg%3E");background-size: 30%; }

    .in-jj-left{ float: none; width: auto; }
	.in-jj-right{width: auto; margin-left: 0; margin-top: 20px; }
	.in-jj-right li{ width: 50%; }
	.in-jj-right li a{ margin: 0 0 15px 15px; }
	.in-jj-right li .text{ line-height: 35px; }

	.in-ys li{ flex:100%; }
	.in-ys li:nth-child(2) .img-center{ }
	.in-ys li:nth-child(2) .text{ order: -1; }

    .in-news-left{ float: none; width: auto; }
	.in-news-right{ float: none; width: auto; margin-top: 20px; }

	.in-news-con .hot .img-center{ width: 100px;  }
	.in-news-con .hot .text{ margin-left: 120px; }
	.in-news-con .hot .text h2{ margin-bottom: 0; }
	.in-news-con .hot .text p{ overflow : hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical; }
	.in-news-con .hot .text .date{ display: none; }

	.in-news-con li:before{ top:17px;}

    .footnav{ height: 1px; }
	.footnav a{  font-size: 0; }



	.list-honor li{ width: 50%; }

	.breadcrumb .in_title{ display: none; }
	.breadcrumb{margin-bottom:25px}

	.page_section .in_title span{font-size:32px}
	.page_title span{font-size:32px;line-height:30px}
}
@media only screen and (max-width:375px){
	.page_title span{font-size:26px;line-height:26px}
}
.page_section .title1{display:block;position:relative;font-size:32px;color:#333;line-height:100%;padding:15px 0;margin-bottom:20px;z-index:5;text-transform:capitalize}
.contact_info{position:relative;padding:30px 0 50px;margin-bottom:40px;z-index:2;overflow:hidden;border-bottom:1px solid #e5e5e5}
.contact_info ul{list-style:none;padding:0;padding-top:30px}
.contact_info ul li{padding:0 20px;position:relative;z-index:2;text-align:center}
.contact_info ul li .column{box-shadow:0 5px 27px rgba(0,0,0,.09);transition:all .5s;padding:20px;padding-top:0;border-radius:0;position:relative;z-index:5;text-align:center;min-height:220px;background:#fff}
.contact_info ul li .column:hover{border-color:#ff6637;box-shadow:0 2px 30px 1px rgba(0,0,0,.05)}
.contact_info ul li em{display:block;font-size:18px;text-transform:uppercase;color:#333;margin-bottom:15px;line-height:24px;margin-top:-10px}
.contact_info ul li .txt{font-size:16px;line-height:20px;color:grey;padding:0;width:100%;text-transform:uppercase;margin-top:15px;display:block}
.contact_info ul li .icon{width:80px;height:80px;position:relative;z-index:4;top:-40px;display:inline-flex;align-items:center;justify-content:center}
.contact_info ul li .icon:after{content:'';width:100%;height:100%;top:0;left:0;position:absolute;z-index:-1;border-radius:30%;transform:rotate(45deg);-webkit-transform:rotate(45deg);-webkit-transition:all .5s;transition:all .5s;box-shadow:0 -3px 7px 0 rgba(0,0,0,.07);background:#ff6637}
.contact_info ul li:hover .icon:after{border-radius:50%}
.contact_info ul li .icon:before{content:'';top:-5px;bottom:-5px;right:-5px;left:-5px;border-radius:50%;border:1px solid #ff6637;transition:all .5s;position:absolute;z-index:-1;opacity:0}
.contact_info ul li:hover .icon:before{left:-20px;right:-20px;bottom:-20px;top:-20px;opacity:.2}
.contact_info ul li .icon span{display:inline-block;transition:all .5s;width:48px;height:48px;background-repeat:no-repeat}
.contact_info ul li:hover .icon span{-moz-transform:scaleX(-1);-webkit-transform:scaleX(-1);-o-transform:scaleX(-1);transform:scaleX(-1);filter:FlipH;transform:rotateY(180deg)}
.contact_info ul li p{font-size:14px;line-height:24px;margin:0;margin-bottom:5px;color:#4d4d4d}
.contact_info ul li p a{color:#4d4d4d}
.contact_info ul li p a:hover{color:#ff6637}
.message_info{padding:80px 0;background:#fff}
.message_wrap{padding-right:60px;position:relative;z-index:2;padding-left:0}
.message_wrap .main_title{text-align:left;background-position:left top;align-items:center}
.message_wrap .main_title .text{max-width:100%}
.message_wrap .column{position:relative;z-index:2;padding:50px 50px;padding-left:0}
.message_wrap .column:before{content:'';border:10px solid #dce2e5;position:absolute;left:-50px;top:0;right:0;bottom:0;display:block;z-index:-1}
.message_wrap .column .text{font-size:14px;line-height:20px;color:grey;margin-bottom:20px;margin-top:20px}
.message_wrap .send_column{background:#fff url(../image/bg_send.jpg) no-repeat 98% 20px;padding:40px;padding-bottom:50px}
.contact_sns{padding-right:0;margin-top:0;padding-top:30px}
.contact_sns .text{margin-bottom:15px;font-size:13px;color:grey;line-height:20px}
.contact_sns a{display:inline-flex;margin:5px;transition:all .5s;width:38px;height:38px;border-radius:50%;transition:all .5s;text-align:center;justify-content:center;align-items:center}
.contact_sns a:hover{-moz-transform:scaleX(-1);-webkit-transform:scaleX(-1);-o-transform:scaleX(-1);transform:scaleX(-1);filter:FlipH;transform:rotateY(180deg);box-shadow:0 0 10px 2px rgba(0,0,0,.03)}
.contact_right{padding-right:0;padding-left:0}
.contact_right .text{font-size:15px;line-height:28px}
.page_send{display:block!important}
.send_column{padding:50px 35px;position:relative;z-index:10;background:#fff url(../image/bg_send.jpg) no-repeat right 20px;bottom:0;border-radius:0;box-shadow:0 5px 20px 1px rgba(0,0,0,.1)}
.send_column:after{content:'';width:80%;height:5px;background:#ff6637;display:block;position:absolute;right:0;top:0;clip-path:polygon(0 0,100% 0,100% 100%,1% 100%);-webkit-clip-path:polygon(0 0,100% 0,100% 100%,1% 100%)}
.send_column .page_title{text-align:left;margin-bottom:20px}
.send_column .page_title .text{color:#666;font-size:16px;line-height:24px;max-height:48px;overflow:hidden;margin-top:15px}
.send_column ul{list-style:none;max-width:100%;padding-top:0}
.send_column ul li{margin-bottom:20px;padding:0 10px}
.send_column ul li p{border:1px solid #dedede;margin:0;margin-top:0;font-size:14px;margin-bottom:0;padding:10px 15px;background:#fff;border-radius:0;box-shadow:0 2px 4px 0 rgba(0,0,0,.1) inset}
.send_column ul li p:before{margin-right:10px;color:#b4b4b4;content:"\f0ca";font-family:FontAwesome;font-size:14px}
.send_column ul li p a{color:red;text-decoration:underline;font-size:14px;display:inline-block}
.send_column ul li span{display:block;position:relative}
.send_column ul li span:before{content:'';position:absolute;right:10px;top:13px;width:28px;height:23px;display:inline-block;background-repeat:no-repeat}
.send_column ul li span.ms_e:before{background-image:url(../image/mes_e1.png)}
.send_column ul li span.ms_p:before{background-image:url(../image/mes_p1.png)}
.send_column ul li span.ms_m:before{background-image:url(../image/mes_m1.png)}
.send_column ul li span.ms_p:after{display:none}
.send_column ul li input{background:0 0;height:54px;width:100%;line-height:54px;padding-left:15px;font-size:13px;color:grey;border:1px solid #dedede;background:#fff;border-radius:2px;box-shadow:0 2px 4px 0 rgba(0,0,0,.1) inset}
.send_column ul li textarea{height:100px;background:0 0;width:100%;max-width:100%;max-height:100px;font-size:13px;padding:10px 50px 10px 15px;color:grey;border:none;border:1px solid #dedede;border-radius:2px;box-shadow:0 2px 4px 0 rgba(0,0,0,.1) inset}
.send_column ul li input:focus,.send_column ul li textarea:focus{color:#333;border-color:#ff6637;background:#fff}
.send_column ul li input:-ms-input-placeholder{color:grey}
.send_column ul li input::-webkit-input-placeholder{color:grey}
.send_column ul li input::-moz-placeholder{color:grey}
.send_column ul li input:-moz-placeholder{color:grey}
.send_column ul li textarea:-ms-input-placeholder{color:grey}
.send_column ul li textarea::-webkit-input-placeholder{color:grey}
.send_column ul li textarea::-moz-placeholder{color:grey}
.send_column ul li textarea:-moz-placeholder{color:grey}
.send_column .main_more{margin-top:0}
@media only screen and (max-width:768px){.contact_info ul li{padding:0;width:100%}
.send_column ul li{padding:0}
.send_column ul li p a{font-size:12px}
.send_column ul li p{border-radius:0}
.send_column ul li input{border-radius:0;padding-left:10px}
.send_column ul li textarea{border-radius:0;padding-left:10px}
}
@media only screen and (min-width:1260px){.single_con_column .send_column h6{padding-left:120px;background-position:60px bottom}
}
@media only screen and (max-width:992px){.message_wrap{width:100%;padding:0}
.single_con_column{width:100%;padding:30px 0}
.contact_list{margin-bottom:0;padding:0}
.page_section .mes_box{display:block;padding:0;margin-top:20px;width:100%}
.page_con_column{padding:0;padding-top:30px;width:100%}
.page_section .send_column{width:100%;padding:30px 20px}
.page_send{background-size:cover;margin-bottom:-50px}
.contact_right{padding-left:0;width:100%;padding-top:30px;padding-right:0}
.page_section .title1{font-size:28px}
}
@media only screen and (max-width:768px){.single_con_column .send_box{display:block;width:100%}
.message{z-index:9999}
.map{border:none;padding:0;margin-top:0}
.single_con_column .send_column{bottom:0;margin-top:30px}
.contact_sns a{margin:3px}
.con_main{margin-top:20px}
.page_section .send_column ul li{padding:0}
.message_info{padding:50px 0}
.message_wrap{padding:0}
.message_wrap .send_column{padding:30px 15px}
.map .map_column{bottom:-20px}
}
.sitemap{width:100%}
.stp-listA>li{text-transform:capitalize;margin-bottom:5px;list-style:none;background:#fafafa;border-radius:2px}
.stp-top{width:100%;background:#f2f2f2;padding:10px 20px;border-radius:2px}
.stp-top .page_info_title{font-size:14px;line-height:24px;display:block;text-transform:uppercase;background-repeat:no-repeat;background-position:90% center;transition:all .5s;padding-right:20px}
.stp-top .page_info_title:before{display:none}
.stp-top .page_info_title:hover{text-decoration:none;color:#ff6637;padding-left:2px}
.stp-listB{display:block;padding:15px;border-top:none;padding:20px;list-style:none}
.stp-listB>li{width:25%;padding:8px 10px;float:left;overflow:hidden;text-overflow:ellipsis;-o-text-overflow:ellipsis;white-space:nowrap}
.stp-listB>li>a{font-size:14px;line-height:22px;display:block;color:#4d4d4d;text-transform:capitalize}
.stp-listB>li>a i{padding-right:5px}
.stp-listB>li:hover>a{color:#ff6637}
.stp-listB li .stp-listC{width:100%;padding-top:15px;list-style:none}
.stp-listB li .stp-listC li{width:100%;margin-bottom:8px;font-family:Montserrat-Light}
.stp-listB li .stp-listC li a{color:grey;font-size:14px;-webkit-transition:all var(--transition-time,500ms);-o-transition:all var(--transition-time,500ms);transition:all var(--transition-time,500ms)}
.stp-listB li .stp-listC li a i{padding-right:5px}
.stp-listB li .stp-listC li a:hover{color:#ff6637;padding-left:5px}
@media only screen and (max-width:768px){.stp-listB>li{width:50%;padding:4px 0}
.stp-top{padding:15px}
.stp-top .page_info_title{font-size:16px;line-height:24px}
.stp-listB{border-width:1px;padding:20px 15px}
.stp-listB li .stp-listC{border-bottom:1px solid #eee}
}
@media only screen and (max-width:400px){.stp-listB li{width:100%;margin-right:0;margin-bottom:2%}
}
.page_date{display:inline-block;color:#a7a7a7;font-size:15px;background:url(../image/news_date.png) no-repeat center left;padding-left:22px;text-transform:uppercase;margin-bottom:0}
.page-left{width:22%;float:left;margin-top:0}
.left_title{display:block;position:relative;margin-bottom:10px;border-radius:5px;/* text-align:center; */}
.left_title em{display:block;position:relative;z-index:1;color:#fff;font-size:24px;box-shadow:0 4px 20px rgba(255 102 55 / 23%);padding:0 15px;height:70px;line-height:70px;border-radius:5px;text-transform:uppercase;background:#ff6637}
.left-cat .left_title{margin-bottom:0}
.left-cat .left_title em{color:#fff}
.left_title .column_icon_toggle{display:none}
.left-cat .left_title>span i.icon:before{content:"\f0ca";font-family:FontAwesome}
.left-cat .left_title:after,.left-cat .left_title:before{display:none}
ul.mtree{opacity:0;margin-left:0;border:1px solid #e5e5e5;border-bottom:none;padding:5px 0;border-bottom:1px solid #e5e5e5;border-radius:0;background:#fff}
ul.mtree>li{list-style:none;position:relative}
ul.mtree>li>a{font-size:15px;padding:10px 0 10px 10px;transition:.5s all;-webkit-transition:.5s all;-o-transition:.5s all;-moz-transition:.5s all;-ms-transition:.5s all;padding-right:30px;border-bottom:1px solid #e5e5e5;display:flex;align-items:center;text-transform:capitalize}
ul.mtree>li>a img{max-width:32px;margin-right:5px}
ul.mtree>li:last-child>a{border-bottom:none}
ul.mtree>li>a p{margin:0;padding-left:5px}
ul.mtree>li>a span{max-width:36px;min-width:36px}
ul.mtree a{display:block;font-size:12px;color:#555;-moz-transition:all 0s;-o-transition:all 0s;-webkit-transition:all 0s;transition:all 0s;padding:10px 0;line-height:22px;padding-right:30px}
ul.mtree li ul a{padding:6px 10px;padding-right:30px}
ul.mtree .mtree-level-1 li.mtree-open>b:before,ul.mtree.transit>li.mtree-open>b:before{content:"\f106";font-family:FontAwesome;font-size:18px;color:#ff6637;font-style:normal;position:absolute;right:0;top:0;width:30px;height:42px;text-align:center;z-index:99;display:flex;align-items:center;justify-content:center}
ul.mtree .mtree-level-1 li.mtree-open>b:before{color:#ff6637;height:40px}
ul.mtree .mtree-level-1 li.mtree-closed>b:before,ul.mtree.transit li.mtree-closed>b:before{content:"\f107";font-family:FontAwesome;font-size:18px;color:#333;font-style:normal;position:absolute;right:0;top:0;width:30px;height:100%;text-align:center;z-index:99;display:flex;align-items:center;justify-content:center}
ul.mtree.transit>li:hover.mtree-closed>b:before{color:#ff6637}
ul.mtree li ul a li a{padding-left:20px}
ul.mtree>li:hover>a{color:#ff6637;padding-left:15px}
ul.mtree>li.mtree-node a ul a{font-size:12px}
ul.mtree>li.mtree-open{padding-bottom:0}
ul.mtree>li.mtree-open>a{padding-left:14px;color:#ff6637}
ul.mtree>li.mtree-node:hover>a{color:#ff6637}
ul.mtree>li.mtree-open:hover>a{color:#ff6637}
ul.mtree .mtree-level-1 li.mtree-closed>span{color:#ff6637;text-decoration:none}
ul.mtree ul{border:none;margin-bottom:10px}
ul.mtree ul li{list-style:none;position:relative;padding-bottom:0}
ul.mtree ul li a{display:block;color:#333;font-size:14px;border-bottom:1px solid #ebebeb}
ul.mtree>li>ul>li>a{font-size:14px!important;font-weight:400;position:relative;transition:all .5s;padding-top:8px;padding-bottom:8px;padding-left:15px;padding-right:0;background:#f7f7f7}
ul.mtree>li>ul>li:nth-child(2n+2)>a{background:#f2f2f2}
ul.mtree>li>ul>li>a:hover{color:#ff6637;text-decoration:none;padding-left:20px}
ul.mtree>li>ul>li>a:before{content:'';width:3px;background:#ff6637;height:100%;position:absolute;left:-10px;top:0;transform:scaleX(0);transform-origin:0 0 0;transition:all .4s ease 0s}
ul.mtree>li>ul>li>a:hover:before{opacity:1;visibility:visible;transform:scaleX(1)}
ul.mtree>li>ul>li>a i{color:#ccc;font-size:12px;margin-right:10px;margin-left:6px}
ul.mtree>li>ul>li>a:before{content:""}
ul.mtree ul li:hover a{color:#ff6637}
ul.mtree li ul li.mtree-open a{color:#ff6637;text-decoration:none}
ul.mtree .mtree-level-2{margin-top:0;border:none;padding:0;margin-bottom:0;border-bottom:1px solid #eee;padding:5px}
ul.mtree .mtree-level-2 li:last-child a{border-bottom:none}
ul.mtree li ul.mtree-level-2 li a{color:#333;font-weight:400;font-size:14px;padding-left:10px;font-family:Montserrat-Light}
ul.mtree li ul.mtree-level-2 li a:before{content:'';width:4px;height:4px;background-color:#d9d9d9;display:inline-block;vertical-align:middle;margin-right:5px;border-radius:50%}
ul.mtree .mtree-level-2 li a:hover{text-decoration:underline;color:#ff6637;font-weight:400}
ul.mtree .mtree-level-2 li a:hover:before{background:#ff6637}
ul.mtree.jet ul{margin-left:0}
ul.mtree.jet li{margin-bottom:1px}
ul.mtree.jet li:last-child{margin-bottom:0}
ul.mtree.jet li:first-child{margin-top:1px}
ul.mtree.jet li.mtree-active a{background:#e5e5e5}
ul.mtree.jet li.mtree-active li:last-child>a{border-radius:0 0 3px 3px}
ul.mtree.jet li.mtree-active>a{background:#ff6637;color:#fff;border-radius:3px 3px 0 0}
ul.mtree.jet li>a:hover{background:#ff6637;color:#fff}
ul.mtree.jet a{padding:5px 0 5px 1em}
ul.mtree.jet li li>a{padding-left:2em}
ul.mtree.jet li li li>a{padding-left:3em}
ul.mtree.jet li li li li>a{padding-left:4em}
ul.mtree.jet li li li li li>a{padding-left:5em}
ul.mtree a:hover{text-decoration:none}
.mtree-skin-selector{display:none!important}
.page_more{display:inline-block;color:#ff6637;text-transform:uppercase;font-size:13px;margin-top:3px;line-height:20px}
.page_more:hover{color:#ff6637;text-decoration:underline}
.page_more:after{content:"";display:inline-block;margin-left:10px;width:16px;height:10px;background:url(../image/more_icon1.png) no-repeat;transition:all .5s;vertical-align:middle;margin-top:-2px}
.page_more:hover:after{animation:scroll_right_anim 1.5s infinite}
@-webkit-keyframes spin{from{-webkit-transform:rotate(0);transform:rotate(0)}
to{-webkit-transform:rotate(360deg);transform:rotate(360deg)}
}
@keyframes spin{from{-webkit-transform:rotate(0);transform:rotate(0)}
to{-webkit-transform:rotate(360deg);transform:rotate(360deg)}
}
@keyframes scroll_right_anim{0%{transform:translateX(-3px)}
50%{transform:translateX(3px)}
100%{transform:translateX(-3px)}
}
.left-adv{margin-top:30px;width:100%;background:#f7f7f7 url(../image/bg1.jpg) no-repeat center center;background-size:cover;text-align:center;border-radius:0;position:relative;overflow:hidden;margin-bottom:30px}
.left-adv .main{position:relative;left:0;top:0;padding:50px 30px 50px 30px;z-index:2;text-align:left}
.left-adv .icon{width:60px;height:60px;margin:0;display:inline-flex;justify-content:center;align-items:center;border-radius:50%;position:relative;z-index:3;background:#fff}
.left-adv .icon:before{content:'';position:absolute;left:-10px;top:-10px;right:-10px;bottom:-10px;border-radius:50%;-moz-opacity:.2;opacity:.2;background:#fff;z-index:-1}
.left-adv .icon i{width:36px;height:36px;background:url(../image/page_conts.png) no-repeat;background-size:100%;display:inline-block}
.left-adv .main .title{font-size:26px;line-height:40px;color:#fff;text-transform:capitalize;margin-top:30px;margin-bottom:10px;display:block}
.left-adv .main .title:hover{text-decoration:none}
.left-adv .main .text{font-size:14px;color:#fff;line-height:24px;margin-bottom:15px}
.left-pro ul{padding-top:15px;border-left:1px solid #ededed;border-right:1px solid #ededed}
.left-pro ul li{background:#fff;list-style:none;transition:all .5s;padding:15px 10px;margin-bottom:0;border-bottom:1px solid #ededed;border-top:none;position:relative;border-radius:0;padding-right:15px}
.left-pro ul li:hover{background:#fff;box-shadow:0 5px 9px rgba(0,0,0,.08);-webkit-box-shadow:0 5px 9px rgba(0,0,0,.08);-moz-box-shadow:0 5px 9px rgba(0,0,0,.08);border-color:#e5e5e5}
.left-pro ul li:after{content:'';width:3px;height:40px;background:#ff6637;position:absolute;right:-1px;top:30px;display:inline-block}
.left-pro ul li .main{width:60%;float:left;padding-left:10px;position:relative;z-index:10;padding-top:17px}
.left-pro ul li .title{font-size:14px;line-height:24px;max-height:24px;display:block;overflow:hidden;margin:0;margin-bottom:2px;color:#333}
.left-pro ul li .title:hover{color:#ff6637}
.left-pro ul li .main p{font-size:13px;line-height:22px;color:#888;overflow:hidden;height:44px;margin-bottom:9px}
.left-pro ul li .image{float:left;width:40%;transition-duration:.6s;transition-timing-function:ease-out;overflow:hidden;position:relative;transition:.5s all;-webkit-transition:.5s all;-o-transition:.5s all;-moz-transition:.5s all;-ms-transition:.5s all;position:relative;z-index:10}
.left-pro ul li .image a{position:absolute;left:0;top:0;width:100%;height:100%;display:block;z-index:5}
.left-pro ul li .image img{max-width:100%;height:auto;display:block;position:relative;-webkit-transition:all var(--transition-time,800ms);-o-transition:all var(--transition-time,800ms);transition:all var(--transition-time,800ms)}
.left-pro ul li:hover .image img{-webkit-transform:scale(var(--scale-multiplier,1.05));-ms-transform:scale(var(--scale-multiplier,1.05));transform:scale(var(--scale-multiplier,1.05))}
.left-pro ul li .image .icon{position:absolute;left:50%;top:50%;display:inline-flex;width:50px;height:50px;margin-left:-25px;margin-top:-25px;align-items:center;justify-content:center;border-radius:0;border-radius:50%;background:#ff6637;-webkit-transform:scale(0);-moz-transform:scale(0);-ms-transform:scale(0);-o-transform:scale(0);transform:scale(0);opacity:0;-webkit-transition:all .3s cubic-bezier(0,1.135,.73,1.405);-moz-transition:all .3s cubic-bezier(0,1.135,.73,1.405);-o-transition:all .3s cubic-bezier(0,1.135,.73,1.405);transition:all .3s cubic-bezier(0,1.135,.73,1.405)}
.left-pro ul li .image .icon i{width:22px;height:22px;background:url(../image/icon_link1.png) no-repeat}
.left-pro ul li:hover .image .icon{-webkit-transform:scale(1);-moz-transform:scale(1);-ms-transform:scale(1);-o-transform:scale(1);transform:scale(1);opacity:1}
.page-right{width:78%;padding-left:50px;float:right}
.icon-minus-sign:before{content:"\f068";font-family:FontAwesome}
.icon-plus-sign:before{content:"\f067";font-family:FontAwesome}
@media only screen and (max-width:1440px){.page-left{width:25%}
.page-right{width:75%}
}
@media only screen and (max-width:1358px){.left_title em{font-size:20px;line-height:60px;height:60px}
.left-pro ul li .title{font-size:13px}
.left-pro ul li .main{padding-top:5px}
.page-left{width:27%}
.page-right{width:73%}
}
@media only screen and (max-width:992px){.left-adv{display:none}
.page-title em{font-size:24px}
.page-left{width:100%;float:none;margin-bottom:30px}
.left-con,.left-pro,.left-solu,.left-video,.left-work{margin-top:0;padding:0;border:none}
.left_title{margin-bottom:10px;margin-bottom:0;padding:0 10px;background:#ff6637;text-align:left}
.left_title>em{margin:0;font-size:18px;color:#fff;padding:0;height:50px;line-height:50px}
.left_title em:before{display:none}
.page-left .left_title>span{display:none}
.left-con .left_title{display:block}
.left_title .column_icon_toggle{display:inline-block;position:absolute;right:15px;top:11px;font-style:normal;cursor:pointer;font-size:14px;font-weight:400;color:#fff;z-index:99}
.page-right{width:100%;padding:0;float:none}
.left-cat{margin-bottom:10px}
.left-cat .left_title em{font-size:20px}
.left-cat .left_title em:before{display:none}
}
.page_num{width:100%;margin:auto;text-align:left;background:#f5f5f5;border-radius:0;padding:10px 15px;border-radius:0;margin-top:30px}
.page_num span{display:inline-block;color:#fff;background:#ff6637;font-size:12px;text-transform:capitalize;padding:0;vertical-align:middle;width:36px;height:36px;line-height:36px;transition:all .5s;position:relative;border-radius:0;text-align:center;border-radius:2px}
.page_num a{background:#fff;padding:0;display:inline-block;text-transform:capitalize;font-size:12px;position:relative;z-index:0;vertical-align:middle;line-height:36px;transition:all .5s;color:#555;border-radius:2px;width:36px;height:36px;text-align:center}
.page_num a:hover{background:#ff6637;text-decoration:none;color:#fff;border-color:#ff6637}
.page_num a i{line-height:36px}
.page_num p{display:inline-block;font-size:12px;margin:0;margin-top:7px;font-family:Montserrat-Light;float:right}
.page_num p:before{content:'[';padding-right:3px}
.page_num p:after{content:']';padding-left:3px}
.page_num p strong{display:inline-block;margin:0 5px;font-weight:400;color:#ff6637}
@media only screen and (max-width:768px){.page_num{border-radius:0;text-align:center;padding:10px;margin-top:10px}
.page_num a,.page_num span{width:30px;height:30px;line-height:30px;font-size:12px}
.page_num a i{line-height:30px}
.page_num p{float:none;display:block}
}
.navigation{width:100%;list-style:none;margin-top:20px;padding-top:10px}
.navigation li{width:calc(100% - 0px);float:left;text-align:left;margin-bottom:10px}
.navigation li a{padding-top:10px;padding-bottom:10px;position:relative;display:block;transition:all .5s;padding-left:60px;background:#f4f4f4}
.news_detail_info .navigation li a{background:#f3f3f3}
.navigation li a:hover{text-decoration:none}
.navigation li a:before{font-family:FontAwesome;font-size:16px;position:absolute;top:50%;width:40px;height:40px;line-height:39px;border-radius:0;text-align:center;transform:translateY(-50%);-webkit-transform:translateY(-50%);transition:all .5s;background-color:#fff}
.news_detail_info .navigation li a:before{background-color:#fff}
.navigation li.prev_post a:before{left:10px;content:"\f077"}
.navigation li.next_post a:before{left:10px;content:"\f078"}
.navigation li a:hover:before{background:#ff6637;color:#fff;border-color:#ff6637}
.navigation li a .meta_nav{display:inline-block;font-size:16px;text-transform:uppercase;color:grey;margin-bottom:0;line-height:24px;-moz-opacity:.5;opacity:.5;transition:all .5s}
.navigation li a:hover .meta_nav{color:#ff6637}
.navigation li a .post_title{font-size:14px;overflow:hidden;line-height:20px;max-height:40px;margin:0;transition:all .5s;font-weight:400}
.navigation li a:hover .post_title{color:#ff6637}
@media only screen and (max-width:768px){.navigation{border:none;padding-top:0;margin-bottom:0}
.navigation li{width:100%;background:#f7f7f7;border-radius:0;padding:0 10px;margin-bottom:10px}
.navigation li.prev_post a{padding-left:50px}
.navigation li.next_post a{padding-left:50px}
.navigation li.prev_post a:before{left:0}
.navigation li.next_post a:before{left:0}
.navigation li a:before{width:40px;height:40px;line-height:40px;background:#fff}
.navigation li a .meta_nav{font-size:18px;color:#ff6637;margin-bottom:0}
.navigation li a{padding-top:10px;padding-bottom:10px;background-color:transparent}
.navigation li a .post_title{font-size:14px}
}
.project_list{list-style:none}
.project_list li{margin-bottom:20px;padding:0 10px;text-align:left}
.project_list li .image{display:block;position:relative;overflow:hidden;transition:all .5s}
.project_list li .image>a{display:block;z-index:10;position:absolute;left:0;top:0;width:100%;height:100%}
.project_list li .image img{transition:all .9s;max-width:100%;width:100%}
.project_list li:hover .image img{-webkit-transform:scale(1.1);-ms-transform:scale(1.1);-o-transform:scale(1.1);transform:scale(1.1)}
.project_list li .image .ovrly{display:block;position:absolute;left:0;top:0;width:100%;height:100%;background:#565554;transition:all .5s;opacity:0}
.project_list li:hover .image .ovrly{opacity:.6}
.project_list li .image .icon{position:absolute;display:inline-block;top:50%;left:50%;margin-left:-34px;margin-top:-34px;width:68px;height:68px;border-radius:50%;-moz-opacity:0;opacity:0;box-shadow:0 5px 40px 2px rgba(0,0,0,.1);transition:all .5s;z-index:2;-webkit-transform:scale(var(--scale-multiplier,.8));-ms-transform:scale(var(--scale-multiplier,.8));transform:scale(var(--scale-multiplier,.8))}
.project_list li .image .icon:after{content:'';background:#ff6637;position:absolute;left:-10px;top:-10px;right:-10px;bottom:-10px;-moz-opacity:.1;opacity:.1;transition:all .5s;border-radius:50%;z-index:-1}
.project_list li:hover .image .icon{-moz-opacity:1;opacity:1;-webkit-transform:scale(var(--scale-multiplier,1));-ms-transform:scale(var(--scale-multiplier,1));transform:scale(var(--scale-multiplier,1))}
.project_list li .wrap{padding:25px 15px;background:#f7f7f7;text-align:center}
.project_list li .title{color:#333;font-size:16px;line-height:28px;max-height:56px;display:block;overflow:hidden;margin-bottom:10px;transition:all .5s;margin-top:0}
.project_list li:hover .title{text-decoration:none;color:#ff6637}
.project_list li .text{color:grey;font-size:14px;overflow:hidden;max-height:48px;line-height:24px}
@media only screen and (max-width:480px){.project_list li{padding:0;width:100%}
.project_list li .title{height:auto;max-height:48px;font-size:16px}
.project_list li .wrap{padding:15px 15px}
.project_list li .title{margin-bottom:10px;font-size:14px}
}
.download_info_list{list-style:none}
.download_info_list li{margin-bottom:20px}
.download_info_list li .wrap{border:2px solid #ebebeb;transition:all .5s;padding:20px;position:relative}
.download_info_list li:hover .wrap{border-color:#ff6637;box-shadow:0 5px 9px rgba(0,0,0,.08);-webkit-box-shadow:0 5px 9px rgba(0,0,0,.08);-moz-box-shadow:0 5px 9px rgba(0,0,0,.08);transform:translate3d(0,-3px,0);-webkit-transform:translate3d(0,-3px,0)}
.download_info_list li .wrap>a{position:absolute;left:0;top:0;width:100%;height:100%;display:block;z-index:10}
.download_info_list li .wrap>a{position:absolute;left:0;top:0;width:100%;height:100%;display:block;z-index:10}
.download_info_list li .wrap .icon{display:inline-block;width:65px;height:65px;transition:all .5s;background-position:0 0}
.download_info_list li .wrap:hover .icon{background-position:0 -65px}
.download_info_list li .wrap .title{display:block;margin-top:15px;color:#4c4c4c;font-size:16px;line-height:24px;margin-bottom:10px}
.download_info_list li .wrap:hover .title{color:#ff6637;text-decoration:none}
.download_info_list li .wrap .date{font-size:12px;display:inline-block;line-height:18px;color:grey}
@media only screen and (max-width:768px){.download_info_list li{padding:0}
.download_info_list li .wrap{padding:15px}
.download_info_list li .wrap>.title{font-size:14px}
}
.news li{position:relative;list-style:none;border-radius:5px;margin-bottom:20px;transition:all .5s;border-bottom:1px solid #e5e5e5;padding-bottom:20px}
.news li .image{display:block;overflow:hidden;position:relative;z-index:5;float:left;width:34%}
.news li .image:after,.news li .image:before{content:'';background:rgba(255,255,255,.3) none repeat scroll 0 0;bottom:0;left:0;right:0;top:0;opacity:0;position:absolute;z-index:1;transition:all .7s ease 0s;-webkit-transition:all .7s ease 0s;-moz-transition:all .7s ease 0s;-ms-transition:all .7s ease 0s;-o-transition:all .7s ease 0s}
.news li:hover .image:before{left:50%;opacity:1;right:50%}
.news li:hover .image:after{bottom:50%;opacity:1;top:50%}
.news li .page_date_box{position:absolute;left:30px;top:30px;z-index:99}
.news li .image img{transition:all .9s;width:100%;max-height:260px}
.news li:hover .image img{-webkit-transform:scale(1.1);-ms-transform:scale(1.1);-o-transform:scale(1.1);transform:scale(1.1)}
.news li .main{float:left;width:66%;padding:0 20px 0;border-radius:0;z-index:3;position:relative}
.news li .main.full{width:100%}
.news li .title{display:block;font-size:16px;line-height:26px;overflow:hidden;height:52px;color:#333;margin-bottom:10px;margin-top:5px}
.news li:hover .title{color:#ff6637;text-decoration:none}
.news li .text{color:#888;font-size:15px;line-height:24px;max-height:48px;overflow:hidden;margin-bottom:10px}
.news li .main_more{margin-top:10px}
@media only screen and (max-width:768px){.news li .main{padding-left:10px;padding-top:10px}
.news li .title a{font-size:14px;line-height:24px;max-height:48px}
.news li .text{display:none}
}
@media only screen and (max-width:480px){.news li{margin-bottom:20px}
.news li .image{width:48%}
.news li .main{width:52%}
.news li .main .title{margin-top:5px}
.news li .title a{font-size:13px;line-height:20px;max-height:40px}
.news li .text{height:20px}
.news li .page_more{display:none}
.news li .page_date{font-size:12px}
}
@media only screen and (max-width:325px){.news li .image{width:100%}
.news li .main{width:100%}
}
.news_detail_info{text-align:left}
.news_detail_info .news_detail_title h1{font-size:24px;display:block;color:#333;line-height:24px;margin-bottom:20px;margin-top:0}
.news_detail_info .txt{font-size:15px;line-height:24px;margin-top:20px;text-align:left;font-family:Montserrat-Light}
.news_detail_info .txt img{max-width:100%;height:auto}
.news_detail_info .txt a{color:#ff6637}
.page_info_right{padding-right:40px;float:right;padding-left:0}
.page_info_left{float:right}
.left-blog{margin-bottom:30px}
.left-blog .left_title{display:none}
.left-blog .left_title>span i.icon:before{content:"\f0c1";font-family:FontAwesome}
.blog-list{list-style:none;margin-bottom:20px}
.blog-cat p,.blog-list p{display:block;margin-bottom:20px;text-transform:capitalize;font-size:18px;padding-bottom:5px;color:#333;position:relative}
.blog-cat p i,.blog-list p i{padding-right:5px;color:#ff6637;font-size:16px}
.blog-cat p:before,.blog-list p:before{content:'';width:100%;height:1px;display:inline-block;position:absolute;right:20%;left:0;bottom:0;background:#e5e5e5}
.blog-cat p:after,.blog-list p:after{content:'';width:7px;height:7px;border-radius:50%;display:inline-block;background:#e5e5e5;position:absolute;right:0;bottom:-3px}
.blog-list li{display:block;position:relative;margin-bottom:5px;transition:.5s all;-webkit-transition:.5s all;-o-transition:.5s all;-moz-transition:.5s all;-ms-transition:.5s all;overflow:hidden;padding-bottom:5px}
.blog-list li a{font-size:14px;color:#787878;line-height:20px;padding:0;display:inline-block;overflow:hidden;text-transform:capitalize;position:relative;transition:all .5s}
.blog-list li a:hover{color:#ff6637;text-decoration:none;padding-left:12px}
.blog-list li a:before{content:'';position:absolute;left:-8px;top:50%;display:inline-block;height:1px;width:8px;background:#ff6637;transition:all .5s}
.blog-list li a:hover:before{left:0}
.blog-cat{list-style:none;margin-bottom:10px}
.blog-cat li{display:inline-block;margin:5px}
.blog-cat li a{display:inline-block;border:2px solid #eee;padding:2px 10px;border-radius:25px;font-size:13px;transition:all .5s}
.blog-cat li a:hover{color:#fff;background:#ff6637;border:2px solid #ff6637;text-decoration:none}
.blog_list{list-style:none}
.blog_list li{border-bottom:1px solid #e5e5e5;padding-bottom:20px;margin-bottom:20px;position:relative}
.blog_list li .image{display:block;overflow:hidden;margin-bottom:20px}
.blog_list li .image img{max-width:100%;height:auto;-webkit-transition:all var(--transition-time,800ms);-o-transition:all var(--transition-time,800ms);transition:all var(--transition-time,800ms)}
.blog_list li:hover .image img{-webkit-transform:scale(var(--scale-multiplier,1.05));-ms-transform:scale(var(--scale-multiplier,1.05));transform:scale(var(--scale-multiplier,1.05))}
.blog_list li .title{color:#333;font-size:18px;line-height:28px;overflow:hidden;max-height:56px;display:block;margin-bottom:8px}
.blog_list li .title:hover{color:#ff6637;text-decoration:underline}
.blog_list li .text{color:#666;font-size:14px;line-height:24px;height:48px;overflow:hidden;margin-top:10px}
.blog_list li .wrap_more{margin-top:20px}
.post_blog_tag{margin-top:15px;border-radius:0;margin-bottom:15px}
.post_blog_tag>p{display:inline-block;font-size:16px;text-transform:uppercase;margin:0;color:#ff6637}
.post_blog_tag>p i{color:#ff6637;margin-right:5px}
.post_blog_tag li{display:inline-block;margin:5px 0 0 5px;position:relative;border:none;padding:0}
.post_blog_tag li a{display:inline-block;background:#eee;font-size:14px;border-radius:0;line-height:20px;color:#4d4d4d;padding:5px 15px;transition:all .5s;text-transform:capitalize}
.post_blog_tag li:hover a{box-shadow:0 2px 4px rgba(0,0,0,.06);text-decoration:none;background:#ff6637;color:#fff;border-color:#ba251d}
@media only screen and (max-width:992px){.left-blog{padding:0;border:none;margin-bottom:0}
.blog_list li .right{padding-left:65px;width:100%}
.left-blog .left_title{display:block}
.blog-cat p,.blog-list p{font-size:15px;line-height:20px}
.blog-list{padding-top:20px}
.page_info_right{padding:0}
}
@media only screen and (max-width:768px){.blog_list li{padding-top:0}
.blog_list li .date{left:0}
.blog_list{border:none}
.blog_tag>p{display:block}
.blog_list li .right{padding-left:80px}
.blog_list li .main-more{padding:6px 20px}
}
@media only screen and (max-width:480px){.blog_list li .date{position:inherit;width:100%}
.blog_list li .date span{border-radius:0;height:auto;width:auto;padding:0 20px;border-radius:25px}
.blog_list li .date>span p{display:inline-block;padding-left:5px}
.blog_list li .right{padding:0;padding-top:10px}
.blog_list li .more{letter-spacing:0}
.blog_list li .title{font-size:14px;line-height:20px;max-height:60px}
}
.pro_top .pro-img{padding:0}
.pro_top .pro-img img{max-width:100%;height:auto}
.pro-text{color:#333;background:#f7f7f7;padding:20px;margin-bottom:10px;border-radius:0}
.pro-text .column{line-height:24px;font-size:14px;overflow:hidden}
.pro-text img{max-width:100%;height:auto}
.cbp-vm-switcher{width:100%;margin-bottom:30px}
.cbp-vm-options{text-align:right;margin-bottom:0;margin-bottom:10px}
.cbp-vm-options em{display:inline-block;float:left;font-family:Montserrat-Light_bold;font-size:20px;color:#4d4d4d;text-transform:uppercase;line-height:38px}
.cbp-vm-options a{display:inline-block;vertical-align:middle;padding:10px 15px;overflow:hidden;white-space:nowrap;border-radius:20%;color:#333;border:1px solid #efefef;margin-left:10px;float:right}
.cbp-vm-options span{display:inline-block;float:right;font-size:12px;color:#ccc}
.cbp-vm-options a.cbp-vm-selected,.cbp-vm-options a:hover{color:#fff;background:#ff6637;border-color:#ff6637}
.cbp-vm-options a:before{font-size:14px;text-align:center;display:inline-block}
.cbp-vm-switcher>ul{list-style:none;padding:0}
.cbp-vm-switcher ul:after,.cbp-vm-switcher ul:before{content:" ";display:table}
.cbp-vm-switcher ul:after{clear:both}
.cbp-vm-switcher>ul>li{display:block;position:relative;-moz-transition:all .3s;-o-transition:all .3s;-webkit-transition:all .3s;transition:all .3s;list-style:none}
.cbp-vm-image .cbp-image-hover{display:none;position:absolute;left:0;top:0;width:100%;height:100%;transition:all .5s;-moz-opacity:0;opacity:0}
.cbp-vm-switcher ul li:hover .cbp-vm-image .cbp-image-hover{-moz-opacity:1;opacity:1}
.cbp-vm-switcher ul li>div{position:relative;display:block;border:1px solid #f2f2f2;padding:0;border-radius:0;transition:all .5s;padding:1px}
.cbp-vm-switcher>ul>li .cbp-vm-image{display:block;overflow:hidden;position:relative;z-index:2}
.cbp-vm-image>a{position:absolute;right:0;top:0;display:block;z-index:5;width:100%;height:100%}
.cbp-vm-image img{max-width:100%;height:auto;transition:all .5s;width:100%}
.cbp-vm-switcher>ul>li:hover .cbp-vm-image img{-webkit-transform:scale(1.1);-ms-transform:scale(1.1);-o-transform:scale(1.1);transform:scale(1.1)}
.cbp-vm-switcher>ul>li .cbp-list-left .line{display:inline-block;width:0;background:#fff;height:1px;transition:all .5s}
.cbp-vm-switcher>ul>li:hover .cbp-list-left .line{width:60px;background-color:#ff6637}
.cbp-vm-details{font-size:14px;line-height:24px;height:48px;overflow:hidden;color:grey}
.cbp-vm-icon:before{font-family:fontawesome;speak:none;font-style:normal;font-weight:400;font-variant:normal;text-transform:none;line-height:1;-webkit-font-smoothing:antialiased}
.cbp-vm-grid:before{content:"\f00a"}
.cbp-vm-list:before{content:"\f039"}
.cbp-vm-add:before{content:"\f055"}
.cbp-vm-view-grid ul{text-align:left}
.cbp-vm-view-grid ul{margin:0 -10px}
.cbp-vm-view-grid ul li{width:25%;float:left;text-align:center;display:inline-block;vertical-align:top;padding:5px 10px;position:relative;list-style:none}
.cbp-vm-view-grid ul li>div{padding:10px}
.cbp-vm-view-grid ul li .cbp-list-left{padding-top:20px;padding-top:0;text-align:center;position:relative;overflow:hidden}
.cbp-vm-view-grid ul li .cbp-title{display:block;color:#333;font-size:16px;line-height:26px;overflow:hidden;height:52px;margin-bottom:10px}
.cbp-vm-view-grid ul li:hover .cbp-title{color:#ff6637}
.cbp-vm-view-grid ul li .cbp-vm-details .text{color:grey;font-size:12px;line-height:20px;overflow:hidden;height:40px;margin-top:10px}
.cbp-vm-view-grid ul li .cbp-list-more{display:none}
.cbp-vm-view-grid ul li .more{display:none}
.cbp-vm-view-grid .post_blog_tag{display:none}
.cbp-vm-view-grid .cbp-list-center{padding:10px;position:relative;z-index:2;background:#fff;transition:all .5s}
.cbp-vm-view-grid .cbp-vm-details{margin-top:5px;margin-bottom:10px}
.cbp-vm-view-list>ul{margin:0;margin-top:20px}
.cbp-vm-view-list>ul>li{text-align:left;border-bottom:1px solid #eee;padding:20px 0}
.cbp-vm-view-list>ul>li:first-child{padding-top:0}
.cbp-vm-view-list li:after,.cbp-vm-view-list li:before{content:" ";display:table}
.cbp-vm-view-list li:after{clear:both}
.cbp-vm-view-list>ul>li>div{padding:0;border:none}
.cbp-vm-view-list .cbp-vm-add,.cbp-vm-view-list .cbp-vm-details,.cbp-vm-view-list .cbp-vm-image,.cbp-vm-view-list .cbp-vm-price,.cbp-vm-view-list .cbp-vm-title{display:inline-block;vertical-align:middle}
.cbp-vm-view-list .cbp-vm-image{width:30%;text-align:center;display:inline-block;position:relative;vertical-align:middle;float:left;border:1px solid #f2f2f2;background:#fff;transition:all .5s}
.cbp-vm-view-list ul li:hover .cbp-vm-image{border-color:#ff6637}
.cbp-vm-view-list ul li>div .cbp-list-center{width:70%;display:inline-block}
.cbp-vm-view-list ul li .cbp-title{display:block;color:#333;font-size:16px;line-height:24px;overflow:hidden;max-height:48px;margin-bottom:10px}
.cbp-vm-view-list ul li:hover .cbp-title{color:#ff6637;text-decoration:none}
.cbp-vm-view-list ul li .cbp-vm-details{margin-top:0;height:auto;padding:0;max-height:48px;font-size:14px}
.cbp-vm-view-list ul li .cbp-vm-details .text{color:#999;font-size:12px;line-height:20px;overflow:hidden;max-height:60px}
.cbp-vm-view-list>ul>li .cbp-list-left .line{display:none}
.cbp-vm-view-list ul li .post_blog_tag{margin-top:15px}
.cbp-vm-view-list ul li .main_more a{font-size:12px;height:38px;line-height:38px}
.cbp-vm-view-list .cbp-hover{display:none}
.cbp-vm-view-list .cbp-list-center{width:76%;display:inline-block;vertical-align:middle;padding:0 0 0 15px}
.cbp-vm-view-list .cbp-list-center .cbp-list-left{padding-left:0}
.cbp-vm-view-list .cbp-list-more{display:block;margin-top:20px;float:right;padding-right:0}
@media screen and (max-width:940px){.cbp-vm-view-grid ul li{width:33.33%}
}
@media only screen and (max-width:768px){.pro-cat li{margin-bottom:10px}
.cbp-vm-options{margin-top:0}
.cbp-vm-view-list ul li .cbp-list-left .more{letter-spacing:0}
.pro_top .pro-img{display:none}
}
@media screen and (max-width:520px){.pro-text .box{max-height:336px;overflow:hidden}
.cbp-vm-view-grid ul{margin:0 -5px}
.cbp-vm-view-grid ul li{width:50%;padding:5px}
.cbp-vm-options{text-align:center}
.cbp-vm-view-list>ul>li{width:100%}
.cbp-vm-view-list ul li .cbp-vm-details{height:40px;line-height:20px}
.cbp-vm-view-list .cbp-list-center{width:100%;margin-top:10px}
.cbp-vm-view-list ul li .cbp-vm-details{width:100%}
.cbp-vm-view-list .cbp-vm-image{width:100%}
.cbp-vm-view-list ul li>div>div{width:100%}
.cbp-vm-view-grid ul li{margin-bottom:0}
.cbp-vm-view-list ul li .cbp-title{font-size:14px}
.cbp-vm-view-grid ul li .cbp-title{font-size:14px;margin-bottom:0}
.cbp-vm-view-list .cbp-list-view{display:none}
.cbp-vm-view-grid ul li .cbp-vm-details{display:none}
.cbp-vm-view-list .cbp-list-center .cbp-list-left,.cbp-vm-view-list ul li>div .cbp-list-center{width:100%;padding:0}
.cbp-vm-view-list .pro-list-tags p{display:block}
.cbp-vm-view-list .cbp-list-more{padding:0}
.cbp-vm-view-list .cbp-list-more .main-more{display:inline-block;margin-right:10px}
.cbp-vm-view-grid .cbp-list-center{padding:10px 0 10px 0}
.cbp-vm-options em{display:block;float:none;margin-bottom:10px}
.cbp-vm-view-grid ul li .more{display:none}
}
@media screen and (max-width:400px){.cbp-vm-view-grid ul li .cbp-title{font-size:12px;margin-top:0;line-height:20px;height:40px}
.cbp-list-left{padding:0}
.cbp-vm-image .image_more{display:none}
}
.sp-loading{text-align:center;max-width:100%;border:2px solid #fafafa;padding:2px;border-radius:0;font-size:12px;color:#888}
.sp-loading img{max-width:100%;height:auto}
.sp-wrap{display:none;line-height:0;font-size:0;border-radius:3px;position:relative;text-align:center;max-width:100%;width:100%}
.sp-thumbs{text-align:left;display:block;padding:10px 0}
.sp-thumbs a{position:relative;border:2px solid #e7f0f1}
.sp-thumbs img{min-height:56px;min-width:56px;max-width:56px}
.sp-thumbs a:link,.sp-thumbs a:visited{width:70px;height:70px;overflow:hidden;-moz-opacity:.9;opacity:.9;display:inline-block;background-size:cover;background-position:center;-webkit-transition:all .2s ease-out;-moz-transition:all .2s ease-out;-ms-transition:all .2s ease-out;-o-transition:all .2s ease-out;transition:all .2s ease-out;margin:0 3px}
.sp-thumbs a:hover{opacity:1;border-color:#ff6637}
.sp-thumbs a.sp-current,.sp-thumbs a:active{opacity:1!important;position:relative;border-color:#ff6637}
.sp-thumbs a.sp-current:after{transform:scaleX(1);visibility:visible}
.sp-large{position:relative;overflow:hidden;top:0;left:0;width:100%;border:2px solid #eee}
.sp-large a img{max-width:100%;height:auto;width:100%}
.sp-large a{display:block}
.sp-zoom{position:absolute;left:-50%;top:-50%;cursor:-webkit-zoom-in;cursor:-moz-zoom-in;cursor:zoom-in;display:none}
.sp-lightbox{position:fixed;top:0;left:0;height:100%;width:100%;background:#000;background:rgba(0,0,0,.9);z-index:9999999;display:none;cursor:pointer}
.sp-lightbox img{position:absolute;margin:auto;top:0;bottom:0;left:0;right:0;max-width:90%;max-height:90%;border:2px solid #fff}
#sp-next,#sp-prev{position:absolute;top:50%;margin-top:-25px;z-index:501;color:#fff;text-decoration:none;background:#000;border-radius:25px;border:2px solid #fff;width:50px;height:50px;box-sizing:border-box;transition:.2s;text-align:center}
#sp-prev{left:14%}
#sp-prev:before{content:"\f104";font-family:FontAwesome;font-size:24px;line-height:46px}
#sp-next{right:14%}
#sp-next:before{content:"\f105";font-family:FontAwesome;font-size:24px;line-height:46px}
#sp-next:hover,#sp-prev:hover{background:#444}
@media screen and (max-width:768px){#sp-prev{left:10px}
#sp-next{right:10px}
}
@media screen and (max-width:400px){.sp-wrap{margin:0 0 0}
#sp-next,#sp-prev{top:auto;margin-top:0;bottom:25px}
}
.sp-current-big img{width:100%}
.sp-large img{max-width:none}
.pro_info_top{position:relative;z-index:2;margin-bottom:40px}
.prom_img{padding:0;text-align:center;padding-right:20px}
.prom-right{padding-left:30px;margin-bottom:20px}
.prom-right>h1{padding:0;margin:0;display:block;font-size:18px;text-transform:capitalize;color:#333;margin-bottom:20px;line-height:24px}
.prom-right>div.main{font-size:14px;line-height:24px;color:grey;margin-bottom:20px}
.prom-right{padding:30px 15px;background:#f7f7f7}
.prom-right .pro-table{margin-bottom:0;border-top:1px solid #e5e5e5;padding-top:20px;padding-bottom:20px;border-bottom:1px solid #e5e5e5}
.prom-right .pro-table ul li{list-style:none;margin-bottom:8px;display:flex;align-items:center}
.prom-right .pro-table ul li p{display:inline-block;font-size:13px;color:grey;text-transform:capitalize;width:25%;margin:0}
.prom-right .pro-table ul li span{color:#333;display:inline-block;font-size:14px;padding-left:5px;color:#333}
.prom-right .mobile_inquiry{display:inline-block}
.prom-right .main_more a{height:46px;line-height:46px;padding:0 25px;background-image:none}
.prom-right .main_more a:after{font-family:FontAwesome;margin-left:10px;font-size:14px}
.prom-right .main_more.pro_down{margin-left:10px;background:#3dc3a0}
.prom-right .main_more.pro_down:before{background:#ff6637}
.prom-right .main_more.pro_down a:after{content:"\f0ed"}
.title_1{text-align:left;background-size:36px}
.title_1 h4{line-height:46px;text-transform:uppercase;color:#333;font-size:26px}
.mostBox{margin:0 0 30px 0}
.mostBox .page_title{background:#fafafa;padding:0}
.mostBox .page_title:after,.mostBox .page_title:before{display:none}
.mostBox .page_title em{font-size:24px;line-height:30px;background:#0cb76c;color:#fff;text-transform:uppercase;padding:5px 10px}
.mostBox .text{font-size:14px;line-height:24px}
.mostBox .text em{font-style:italic}
.mostBox .text img{max-width:100%;height:auto}
.mostBox .text a:hover{color:#ff6637}
.mostBox .text ul{padding-left:15px}
#parentHorizontalTab02{margin:0;text-align:left;padding:0;text-align:left;margin-top:0}
#parentHorizontalTab02 ul.resp-tabs-list{margin:0;padding:0}
#parentHorizontalTab02 .resp-tabs-list li{list-style:none;cursor:pointer;margin:0;border:none;display:block;display:inline-block;position:relative;z-index:1;color:#4d4d4d;margin:0;font-size:16px;line-height:48px;vertical-align:middle;text-transform:capitalize;padding:0 25px;background:#f5f5f5}
#parentHorizontalTab02 .resp-tabs-list li i{color:#fff;width:28px;height:28px;border-radius:50%;box-shadow:0 2px 5px 1px rgba(49,176,58,.2);display:inline-block;text-align:center;font-size:16px;line-height:28px;margin-right:10px;vertical-align:middle;background:#ff6637}
#parentHorizontalTab02 .resp-tabs-list li.resp-tab-active{background:#ff6637;color:#fff}
#parentHorizontalTab02 em.resp-accordion{cursor:pointer;padding:5px;display:none;padding:3px 10px!important}
#parentHorizontalTab02 em.resp-accordion{font-size:16px;margin:0;background:#f8f8f8;margin-bottom:1px;color:#333;font-style:normal;margin-bottom:10px;text-transform:uppercase}
#parentHorizontalTab02 em.resp-tab-active{margin-bottom:0!important}
#parentHorizontalTab02 em.resp-tab-title:last-child{border-bottom:12px solid #c1c1c1!important;background:#00f}
#parentHorizontalTab02 .resp-tab-content{display:none}
#parentHorizontalTab02 .resp-accordion-active,#parentHorizontalTab02 .resp-content-active{display:block}
#parentHorizontalTab02 .resp-tabs-container{background:#fff;padding:35px 0}
#parentHorizontalTab02 .resp-vtabs ul.resp-tabs-list{float:left;width:30%}
#parentHorizontalTab02 .resp-vtabs .resp-tabs-list li{display:block;padding:15px 15px!important;margin:0 0 4px;cursor:pointer;float:none}
#parentHorizontalTab02 .resp-vtabs .resp-tabs-container{padding:0;background-color:#fff;border:1px solid #c1c1c1;float:left;width:68%;min-height:250px;border-radius:4px;clear:none}
#parentHorizontalTab02 .resp-vtabs .resp-tab-content{border:none;word-wrap:break-word}
#parentHorizontalTab02 .resp-vtabs li.resp-tab-active{position:relative;z-index:1;margin-right:-1px!important;padding:14px 15px 15px 14px!important;border-top:1px solid;border:1px solid #5ab1d0!important;border-left:4px solid #5ab1d0!important;margin-bottom:4px!important;border-right:1px #fff solid!important}
#parentHorizontalTab02 .resp-arrow{width:0;height:0;float:right;margin-top:10px;border-left:6px solid transparent;border-right:6px solid transparent;border-top:7px solid #c1c1c1}
#parentHorizontalTab02 em.resp-tab-active span.resp-arrow{border:none;position:relative}
#parentHorizontalTab02 em.resp-tab-active span.resp-arrow:after{content:"\f044";font-family:FontAwesome;position:absolute;right:-6px;cursor:pointer;font-size:20px;top:-8px;color:#fff}
#parentHorizontalTab02 em.resp-tab-active{background:#e60012!important;color:#fff}
#parentHorizontalTab02 .resp-easy-accordion em.resp-accordion{display:block}
#parentHorizontalTab02 .resp-easy-accordion .resp-tab-content{border:1px solid #ff6637}
#parentHorizontalTab02 .resp-easy-accordion .resp-tab-content:last-child{border-bottom:1px solid #ff6637}
#parentHorizontalTab02 .resp-jfit{width:100%;margin:0}
#parentHorizontalTab02 .resp-tab-content-active{display:block}
.products>.title{display:block;position:relative;text-align:left;margin-bottom:20px;padding:2px 0}
.products>.title i{background:#0d58cb;color:#fff;padding:10px;font-size:16px;border-radius:50%;vertical-align:middle}
.products>.title h1{margin:0;display:inline-block;color:#555;text-transform:uppercase;font-size:28px;line-height:36px;position:relative;z-index:2;vertical-align:middle;margin-left:10px}
#pro_inquiry{margin-bottom:35px}
#pro_inquiry .send_column #email_form{box-shadow:none;padding:0}
#pro_inquiry .send_column ul{padding-top:0}
#pro_inquiry .main-more{margin-top:10px}
#pro_inquiry .main-more input{line-height:38px;height:38px}
#pro_inquiry .main_title h6{font-size:36px;line-height:40px}
#pro_inquiry .send_column .text{max-width:100%;margin-bottom:10px}
@media only screen and (max-width:992px){.sp-thumbs a:link,.sp-thumbs a:visited{width:70px;height:70px}
.products .pro_img{width:100%;padding:0}
.products .pro-right{width:100%;padding:0;padding-left:20px}
.prom-right .pro-table ul li p{width:24%}
.prom_img{margin-bottom:0;padding-right:0}
.prom-right .pro-table{margin-bottom:0}
#pro_inquiry{position:relative;z-index:9999}
}
@media only screen and (max-width:768px){.pro-right{padding:0;margin-top:0;margin-bottom:20px}
.sp-thumbs{text-align:left}
.prom-right .pro-table{margin-top:10px;padding:10px 0;margin-bottom:0}
.prom-right{padding:10px;margin-bottom:0}
.pro_info_top:before{width:100%}
.products .pro_inquiry .message{padding:0}
.mostBox{margin-top:0}
.mostBox .tab-scroll{margin-left:0;padding-bottom:0}
.products .pro-list-tags p{display:block}
.pro_message li .meInput,.pro_message li .meText{width:100%}
.pro_message .main_title{text-align:center}
.pro_message .main_title>em{background-position:center bottom}
.prom_main{padding:40px 0}
.prom_main .pro_con{display:none}
.products>.title{margin-bottom:20px;border-bottom:1px solid #e5e5e5;padding-bottom:20px}
.products>.title h1{font-size:24px;line-height:28px;max-width:70%;margin-left:5px;vertical-align:top}
.pro_message form{max-width:100%}
.prom-right .main_more{margin:15px 0 10px;border-width:1px}
.prom-right .main_more a{padding-right:35px}
.prom-right .main_more a:after{right:15px!important}
.page_downloadW{padding:35px 0;background-size:70%}
#parentHorizontalTab02 .resp-tabs-container{padding:20px 0}
.page_section .title_1 h4{font-size:22px;line-height:24px}
#parentHorizontalTab02 .resp-tabs-list li{line-height:36px;padding:0 15px;font-size:14px}
}
@media only screen and (max-width:480px){.products .pro-right{margin-bottom:0}
.prom-right .pro-table ul li p{width:38%}
}
.page_proW{padding:60px 0;position:relative;z-index:5;overflow:hidden;background:#f7f7f7}
.page_proW .container{position:relative;z-index:9}
.page_pro .slider{margin-top:40px}
.page_pro .slider .li{padding:0 15px 0;text-align:center}
.page_pro .slider .li .column{border:2px solid #ebebeb;position:relative;z-index:5;padding:10px;background:#fff}
.page_pro .slider .li .image{display:block;overflow:hidden}
.page_pro .slider .li .image img{transition:all .9s;width:100%;max-width:100%}
.page_pro .slider .li:hover .image img{-webkit-transform:scale(1.1);-ms-transform:scale(1.1);-o-transform:scale(1.1);transform:scale(1.1)}
.page_pro .slider .li .wrap{padding:15px 5px;position:relative;z-index:5}
.page_pro .slider .li .title{display:block;font-size:15px;line-height:24px;overflow:hidden;height:48px;color:#333;margin-bottom:15px}
.page_pro .slider .li:hover .title{color:#ff6637;text-decoration:none}
.page_pro .slider .li .text{color:grey;font-size:13px;line-height:20px;overflow:hidden;height:40px}
.page_pro .slick-dots{margin-top:30px}
@media only screen and (max-width:768px){.page_proW{padding:30px 0 30px}
.page_pro .slider .li{padding:0 5px}
.page_pro .slider .li .wrap{padding:15px 10px}
.page_pro .slider .li .wrap:after{width:3px}
.page_pro .slider .li .title{font-size:14px;margin-bottom:10px}
}
@media only screen and (max-width:480px){.page_pro .slider .li .title{line-height:20px;height:60px}
.page_pro .slider .li .text{display:none}
.page_proW:after{display:none}
}
.back_top{width:48px;height:48px;text-align:center;position:fixed;right:5px;bottom:100px;z-index:99999999;display:none;background:#ff6637;background-size:cover;-moz-transition:all .5s;-o-transition:all .5s;-webkit-transition:all .5s;transition:all .5s;border-radius:50%;border:2px solid rgba(255,255,255,.1)}
.back_top:before{content:"\f106";font-family:FontAwesome;color:#fff;font-size:22px;display:block;line-height:44px}
.back_top:hover{text-decoration:none;box-shadow:0 0 10px 2px rgba(0,0,0,0,.2);background:#0d0d0d}
.back_top:hover:before{animation:scroll_up_anim 1.5s infinite}
@keyframes scroll_up_anim{0%{transform:translateY(-3px)}
50%{transform:translateY(3px)}
100%{transform:translateY(-3px)}
}
.back_top:link{text-decoration:none}
.back_top:hover:before{color:#fff;text-decoration:none}
#online_qq_layer{z-index:999999999;position:fixed;right:40px;bottom:6px}
#floatShow{display:block}
#floatHide{display:none}
#online_qq_tab{position:relative;z-index:9}
#online_qq_tab #floatShow{overflow:hidden;height:54px;width:200px;float:right;line-height:54px;padding-left:58px;position:relative;color:#fff;font-size:14px;border-radius:25px 25px 0 25px;text-transform:capitalize;box-shadow:0 0 13px 0 rgba(255,255,255,.2);-webkit-box-shadow:4px 5px 8px 0 rgba(0,0,0,.15);-webkit-transition:all var(--transition-time,800ms);-o-transition:all var(--transition-time,800ms);transition:all var(--transition-time,800ms);background:#ff6637}
#online_qq_tab #floatShow i{height:44px;width:47px;background:url(../image/online.png) no-repeat 10px center;position:absolute;left:0;top:5px;display:inline-block}
#online_qq_tab #floatShow:hover{margin-right:0}
#online_qq_tab #floatHide{overflow:hidden;width:30px;height:30px;font-size:13px;float:right;color:grey;line-height:50px;text-align:left;position:absolute;right:10px;top:10px}
#online_qq_tab #floatHide i{width:20px;height:20px;display:flex;position:relative;flex-direction:column;justify-content:center;align-items:center}
#online_qq_tab #floatHide i:after,#online_qq_tab #floatHide i:before{content:'';display:inline-block;background:#fff;width:20px;height:2px;margin:2px 0}
#online_qq_tab #floatHide i:before{transform:rotate(45deg) translate(4px,0);-webkit-transform:rotate(45deg) translate(4px,0)}
#online_qq_tab #floatHide i:after{transform:rotate(-45deg) translate(4px,0);-webkit-transform:rotate(-45deg) translate(4px,0)}
#online_qq_tab #floatHide:hover,#online_qq_tab #floatShow:hover{text-decoration:none}
#onlineService{display:inline;width:300px;overflow:hidden;display:none;background:#fff;font-size:12px;box-shadow:0 0 13px 0 rgba(151,151,151,.5);-webkit-box-shadow:0 0 13px 0 rgba(151,151,151,.5);border-top:none}
#online_qq_layer .inquiry .main_more{margin-top:5px}
#online_qq_layer .inquiry .main_more input{line-height:38px;padding:0 20px;font-size:14px}
#onlineService .title{display:block;font-size:14px;padding:10px 20px;line-height:24px;text-transform:capitalize;margin-bottom:0;color:#fff;background:#ff6637}
#onlineService .title b{color:#fff;font-weight:400}
#onlineService .text{margin-bottom:10px;color:grey;line-height:20px;font-size:12px}
.i_message_inquiry .inquiry{padding:20px}
.i_message_inquiry .inquiry .form-control{border:1px solid #e5e5e5;background:0 0;line-height:38px;height:40px;color:grey;font-size:12px;width:100%;box-shadow:none;padding-right:45px;border-radius:0;padding-left:10px}
.i_message_inquiry .inquiry .form-control:focus{color:#333;border-color:#ff6637}
.i_message_inquiry .inquiry .input-group{background:#fff;height:40px;margin-bottom:10px;width:100%;border:none;display:block}
.i_message_inquiry .inquiry .input-group span{display:block;position:relative}
.i_message_inquiry .inquiry .input-group span:before{content:'';position:absolute;width:40px;height:40px;right:0;top:0;display:inline-block;background-position:center center;background-repeat:no-repeat}
.i_message_inquiry .inquiry .input-group span.ms_p:before{background-image:url(../image/mes_p1.png)}
.i_message_inquiry .inquiry .input-group span.ms_e:before{background-image:url(../image/mes_e1.png)}
.i_message_inquiry .inquiry .input-group span.ms_m .form-control{height:100px;max-height:100px;max-width:100%;min-width:100%;min-height:100px;padding-top:10px;line-height:20px}
.i_message_inquiry .inquiry .input-group span.ms_m:before{background-image:url(../image/mes_m1.png)}
@media only screen and (max-width:1320px){#online_qq_layer{right:20px}
}
.fixed-contact-wrap{z-index:99999;position:fixed;right:0;top:20%;width:50px;overflow:hidden;border-radius:20px 0 0 20px;opacity:0;transition:all .4s;transform:translateX(95px);-webkit-transform:translateX(95px);-moz-transform:translateX(95px)}
.fixed-contact-wrap.show{transform:none;opacity:1}
.fixed-contact-wrap.active{width:260px}
.fixed-contact-wrap li{position:relative;height:50px;background:#ff6637;overflow:hidden;transition:all .4s;list-style:none}
.fixed-contact-wrap.active li{list-style:none}
.fixed-contact-wrap li div{position:relative;z-index:1000;display:block}
.fixed-contact-wrap li i{z-index:1000;position:absolute;right:0;display:block;width:50px;height:50px;transition:all .4s;background-color:#ff6637;background-repeat:no-repeat;background-position:center center}
.fixed-contact-wrap.active li:after{z-index:1001;content:'';position:absolute;bottom:0;left:10px;right:10px;display:block;height:1px;background:rgba(255,255,255,.2)}
.fixed-contact-wrap.active li:last-child:after{display:none}
.fixed-contact-wrap li:hover a,.fixed-contact-wrap li:hover i{opacity:.8}
.fixed-contact-wrap .online_p i{background-image:url(../image/right_p.png);border-top-left-radius:30px;-moz-border-top-left-radius:30px;-webkit-border-top-left-radius:30px;border-top-right-radius:30px;-moz-border-top-right-radius:30px;-webkit-border-top-right-radius:30px}
.fixed-contact-wrap .online_q i{background-image:url(../image/right_q.png)}
.fixed-contact-wrap .online_e i{background-image:url(../image/right_e.png)}
.fixed-contact-wrap .online_w i{background-image:url(../image/right_w.png)}
.fixed-contact-wrap .online_s i{background-image:url(../image/right_s.png)}
.fixed-contact-wrap .online_code i{background-image:url(../image/right_code.png)}
.fixed-contact-wrap li a{position:absolute;top:0;right:-135px;display:block;width:190px;line-height:110%;padding:20px 0 0 30px;color:#fff;background:#ff6637;white-space:nowrap;transition:all .4s;font-size:14px;font-weight:400;text-align:right}
.fixed-contact-wrap.active li a{right:60px}
.fixed-contact-wrap .online_code a img{max-width:80px}
.fixed-contact-wrap.active .online_code{height:130px}
.fixed-contact-wrap.active .online_code a p{margin:0;margin-bottom:5px}
.fixed-contact-wrap li.online_code:hover a{opacity:1}
@media only screen and (max-width:992px){.fixed-contact-wrap{display:none!important}
.fixed-contact-wrap.show{opacity:0}
}
@media only screen and (max-width:992px){#service{display:none}
#onlineService01{width:150px}
.onlineMenu .call-top{padding:8px 5px}
.onlineMenu .call-top p{font-size:16px}
.onlineMenu ul{padding:10px}
.onlineMenu .call>p{padding-left:20px;font-size:13px}
.onlineMenu .call>p a{font-size:13px}
.onlineMenu .call>p.ser01,.onlineMenu .call>p.ser02,.onlineMenu .call>p.ser03,.onlineMenu .call>p.ser04,.onlineMenu .call>p.ser05{background-size:12px}
.back_top{right:0;bottom:120px;width:40px;height:40px}
.back_top:before{font-size:20px;line-height:36px}
.online_section{display:none}
}
@media only screen and (max-width:768px){#online_qq_layer{right:0}
#onlineService{width:100%}
#online_qq_layer{width:100%;bottom:0}
#online_qq_tab{width:100%}
#online_qq_tab #floatShow{background:#ff6637 url(../image/mobile-inq.png) no-repeat center center;border-radius:0;margin-right:0;width:50px;height:50px;position:absolute;left:50%;bottom:10px;margin-left:-25px;border:2px solid #fff;padding:0;box-shadow:none;border-radius:50%;text-indent:-999999px;z-index:9999999999}
#online_qq_tab #floatShow i{display:none}
#online_qq_tab #floatShow span{display:none}
#onlineService .i_message_inquiry .main-more input{padding:8px 20px}
.i_message_inquiry .inquiry{padding:15px 10px}
#onlineService .title{padding:10px 15px}
}
/*!
 * baguetteBox.js
 * @author  feimosi
 * @version 1.8.2
 * @url https://github.com/feimosi/baguetteBox.js
 */
#baguetteBox-overlay{display:none;opacity:0;position:fixed;overflow:hidden;top:0;left:0;width:100%;height:100%;z-index:99999999;background-color:#222;background-color:rgba(0,0,0,.8);-webkit-transition:opacity .5s ease;transition:opacity .5s ease}
#baguetteBox-overlay.visible{opacity:1}
#baguetteBox-overlay .full-image{display:inline-block;position:relative;width:100%;height:100%;text-align:center}
#baguetteBox-overlay .full-image figure{display:inline;margin:0;height:100%}
#baguetteBox-overlay .full-image img{display:inline-block;width:auto;height:auto;max-height:100%;max-width:100%;vertical-align:middle;-moz-box-shadow:0 0 8px rgba(0,0,0,.6);box-shadow:0 0 8px rgba(0,0,0,.6)}
#baguetteBox-overlay .full-image figcaption{display:block;position:absolute;bottom:0;width:100%;text-align:center;line-height:1.8;white-space:normal;color:#ccc;background-color:#000;background-color:rgba(0,0,0,.6);font-family:sans-serif}
#baguetteBox-overlay .full-image:before{content:"";display:inline-block;height:50%;width:1px;margin-right:-1px}
#baguetteBox-slider{position:absolute;left:0;top:0;height:100%;width:100%;white-space:nowrap;-webkit-transition:left .4s ease,-webkit-transform .4s ease;transition:left .4s ease,-webkit-transform .4s ease;transition:left .4s ease,transform .4s ease;transition:left .4s ease,transform .4s ease,-webkit-transform .4s ease,-moz-transform .4s ease}
#baguetteBox-slider.bounce-from-right{-webkit-animation:bounceFromRight .4s ease-out;animation:bounceFromRight .4s ease-out}
#baguetteBox-slider.bounce-from-left{-webkit-animation:bounceFromLeft .4s ease-out;animation:bounceFromLeft .4s ease-out}
.tz-gallery>div:nth-child(4n+2){animation-delay:.1s}
.tz-gallery>div:nth-child(4n+3){animation-delay:.2s}
.tz-gallery>div:nth-child(4n+4){animation-delay:.3s}
@-webkit-keyframes bounceFromRight{0%,100%{margin-left:0}
50%{margin-left:-30px}
}
@keyframes bounceFromRight{0%,100%{margin-left:0}
50%{margin-left:-30px}
}
@-webkit-keyframes bounceFromLeft{0%,100%{margin-left:0}
50%{margin-left:30px}
}
@keyframes bounceFromLeft{0%,100%{margin-left:0}
50%{margin-left:30px}
}
.baguetteBox-button#next-button,.baguetteBox-button#previous-button{top:50%;top:calc(50% - 30px);width:44px;height:60px}
.baguetteBox-button{position:absolute;cursor:pointer;outline:0;padding:0;margin:0;border:0;-moz-border-radius:15%;border-radius:15%;background-color:#323232;background-color:rgba(50,50,50,.5);color:#ddd;font:1.6em sans-serif;-webkit-transition:background-color .4s ease;transition:background-color .4s ease}
.baguetteBox-button:focus,.baguetteBox-button:hover{background-color:rgba(50,50,50,.9)}
.baguetteBox-button#next-button{right:2%}
.baguetteBox-button#previous-button{left:2%}
.baguetteBox-button#close-button{top:20px;right:2%;right:calc(2% + 6px);width:30px;height:30px}
.baguetteBox-button svg{position:absolute;left:0;top:0}
.baguetteBox-spinner{width:40px;height:40px;display:inline-block;position:absolute;top:50%;left:50%;margin-top:-20px;margin-left:-20px}
.baguetteBox-double-bounce1,.baguetteBox-double-bounce2{width:100%;height:100%;-moz-border-radius:50%;border-radius:50%;background-color:#fff;opacity:.6;position:absolute;top:0;left:0;-webkit-animation:bounce 2s infinite ease-in-out;animation:bounce 2s infinite ease-in-out}
.baguetteBox-double-bounce2{-webkit-animation-delay:-1s;animation-delay:-1s}
@-webkit-keyframes bounce{0%,100%{-webkit-transform:scale(0);transform:scale(0)}
50%{-webkit-transform:scale(1);transform:scale(1)}
}
@keyframes bounce{0%,100%{-webkit-transform:scale(0);-moz-transform:scale(0);transform:scale(0)}
50%{-webkit-transform:scale(1);-moz-transform:scale(1);transform:scale(1)}
}
.tz-gallery{padding:0}
.tz-gallery .lightbox{display:block;border:1px solid #f2f2f2}
.tz-gallery .thumbnail{padding:0;margin-bottom:30px;border:none}
.tz-gallery img{border-radius:2px}
.tz-gallery .caption{padding:10px 15px;text-align:center}
.tz-gallery .caption h3{font-size:14px;margin:0}
.tz-gallery .caption p{font-size:12px;color:#7b7d7d;margin:0}
.baguetteBox-button{background-color:transparent!important}
@media only screen and (max-width:1024px){.tz-gallery>div{padding:0 10px}
.tz-gallery{margin:0 -10px}
.tz-gallery .thumbnail{margin-bottom:10px}
}
@media only screen and (max-width:768px){.tz-gallery .thumbnail{margin-bottom:20px}
}
.table-responsive{overflow-x:auto}
