@charset "utf-8";
/* CSS Document */
body, ol, ul, li, h1, h2, h3, h4, h5, h6, p, th, td, dl, dt, dd, form, fieldset, legend, input, select, div, cite { margin:0; padding:0; word-break:break-all; word-wrap:break-word; white-space:normal; font-family:"microsoft yahei"; }
html{height: 100%;}
body { background:#000; font-size:14px; line-height: 1.5; color: #C7C9CC; }
textarea { margin:0; padding:0; overflow: hidden; resize: none; }
/*.show_call{background:url(../images/index_bg_bot.jpg)  center bottom no-repeat #eceef1;font-size:14px;}*/
table { border-collapse:collapse; border-spacing:0; }
h1, h2, h3, h4, h5, h6 { font-weight: 400; }
ul, li { list-style:none; }
i, em, cite { font-style:normal; }
a, a:link, a:visited { color:inherit; text-decoration:none; -webkit-transition:background-position 0.3s; -moz-transition:background-position 0.3s; transition:all 0.3s linear 0s; }
a:hover, a:active { color: #00E389; }
.txt_blue, .txt_blue:link, .txt_blue:visited { color:#34b9be; }
.txt_green, .txt_green:link, .txt_green:visited {color: #00E389;}
.txt_red, .txt_red:link, .txt_red:visited { color:#f00; }
.txt_yel, .txt_yel:link, .txt_yel:visited { color:#f08619; }
img { max-width: 100%; border:0;vertical-align: top; }
.pic { overflow: hidden; }
.pic img {transition: all 1s ease 0s;-ms-transition: all 1s ease 0s; }
.pic img:hover { transform: scale(1.1);-ms-transform:scale(1.1); }
.space { padding: 0 5px; }
.fl { float: left; }
.fr { float: right; }
.none { display: none; }
.table-responsive{border: 0;}
.txt_l { text-align: left; }
.txt_r { text-align: right; }
.txt_c { text-align: center; }
.txt_green { color: #00E389;}

.btn { border-radius:3px; padding-left: 35px; padding-right: 35px; line-height: 20px; display: inline-block; }
.btn-primary { background-color: #1e9a92; }
.btn-warning { background-color: #f08619; }
.btn-default { background:none; border: 1px solid #e2e2e2; color: #919191; }
.disabled { background-color: #c6c6c6; }
.form-control { border: 1px solid #e2e2e2; box-shadow: inset 0 1px 1px rgba(0, 0, 0, .1); height: 20px; border-radius: 3px; }
textarea.form-control { height: auto; }
.clearfix, .clear, .wrap { clear:both; zoom:1; }
.clearfix:after, .clear:after, .wrap:after { content:""; display:block; height:0; font-size: 0; visibility:hidden; clear:both; }


.navbar-inverse{background: #000;}
.navbar-inverse .navbar-nav>.active>a, .navbar-inverse .navbar-nav>.active>a:focus, .navbar-inverse .navbar-nav>.active>a:hover{background: none;}
.navbar-inverse .navbar-nav>.active>a:after{content: "";position: absolute; width: 4em;height: 2px; bottom: 0;left: 50%;margin-left: -2em; background: linear-gradient(90deg, #07C2BC 0%, #27EF16 100%);}


.navbar-nav>li .caret{display: none;}
.navbar-nav>li>.dropdown-menu{padding-top: 15px;padding-bottom: 10px; text-align: center; position: fixed;right: 0;top: 120px; background: rgba(0, 0, 0, 0.90);text-align: center;}
.navbar-nav>li>.dropdown-menu li{display: inline-block;}
.navbar-nav>li>.dropdown-menu a{padding-left: 30px;padding-right: 30px;}
.navbar-nav>li>.dropdown-menu a .name{color: #ccc;display:block;}
.navbar-nav>li>.dropdown-menu a:hover{background:none;color: #fff;}
.navbar-nav>li>.dropdown-menu a:hover .name{color: #fff;}
.navbar-nav>li>.dropdown-menu a .ico{display:inline-block;}

.navbar-nav>li>.dropdown-menu a:hover .ico{background: url(../images/nav_bg.png) no-repeat 0 0; background-size: 100%;}

.wrap{position: relative;}
.wrap .carousel-inner>.item{text-align: center;}
.wrap .carousel-inner>.item img{width: 100%;}



.footer{text-align: center;line-height: 20px;padding: 15px;background:#0D0E0E;color: #686868;}
.footer .copyright,.footer a{padding: 0 6px;}

.nav-tabs{border-bottom: 0;}
.nav-tabs>li>a{border:0;color: #999;background: none;}
.nav-tabs>li>a, .nav-tabs>li>a:focus, .nav-tabs>li>a:hover{background: none;}
.nav-tabs>li.active>a, .nav-tabs>li.active>a:focus, .nav-tabs>li.active>a:hover{border:0;color: #fff;background: none;}
.nav-tabs>li.active>a:after{content: "";position: absolute; width: 4em;height: 2px; bottom: 0;left: 50%;margin-left: -2em; background: linear-gradient(90deg, #07C2BC 0%, #27EF16 100%);}

.navbar-nav .open .dropdown-menu>li>a {line-height: 36px;}


.pro_tab .nav-tabs {text-align: center;padding: 40px 0;}
.pro_tab .nav-tabs li{display: inline-block;text-align: center;float: none;padding:0 40px;line-height: 40px;}
.nav-tabs>li>a,.nav-tabs>li>a:focus, .nav-tabs>li>a:hover{line-height:2;font-size: 18px;}



.htitle {text-align: center;padding: 50px 0px 20px;}
.htitle .title {color: #fff;display:inline-block; font-size: 24px; line-height:50px;padding: 0 1em;}
.htitle .mtitle { font-size:14px; color: #ccc;text-transform: uppercase; }


.title_en {text-align: center;margin: 50px 0px 20px;position: relative;}
.title_en .tit_cn { font-size:24px; color: #fff;position: absolute;top: -.25em;left: 0;right: 0;}
.title_en .tit_en {font-size: 62px;font-family: Helvetica;color: #111;color: rgba(255, 255, 255, 0.16);line-height: 1.2em;letter-spacing: 8px;text-transform: uppercase; font-weight: 600;}


.icon_line{}
.icon_line ul {text-align: center;}
.icon_line li {position: relative;float: left;text-align: center; width:20%;margin: 0 0 0px;  overflow: hidden;display: inline-block;vertical-align: top;}
.icon_line li .inner { padding:30px 36px 40px;position: relative;}
.icon_line li .pic {width: 104px;height: 104px; margin: 0 auto;}
.icon_line li .pic a img { height: 100%;}

.icon_line li .uname {line-height: 24px;height: 24px;overflow: hidden; vertical-align: middle;margin: 20px 0 15px;font-size: 16px;color: #fff;}
.icon_line li .intor {height: 3em;line-height: 1.5em;color:#C7C9CC;overflow: hidden;}


.pro_line  {overflow: hidden;margin-top: -20px; padding: 20px 0;}
.pro_line ul {text-align: center;}
.pro_line li {position: relative;overflow: hidden;float:left; }
.pro_line li .inner { padding:20px 0px; position: relative;}
.pro_line li .pic  {display: inline-block;text-align: center;}
.pro_line li .pic a {margin: 2px;display: block;overflow: hidden;padding: 20px 0;background: #000;}
.pro_line li .pic a img{display: block;}
.pro_line li .pic:hover ,.pro_line li.on .pic{background: linear-gradient(90deg, #07C2BC 0%, #27EF16 100%);}
.pro_line li .uname {line-height: 24px;font-size: 18px;font-weight: 600; vertical-align: middle; padding: 10px 0 10px;}

.pro_line li.on .uname {color: #fff;}

.contact_box{padding-bottom: 50px;}
.contact_date {line-height: 2;}
.contact_date dt{font-size: 28px;color: #fff;line-height: 2;}
.contact_date dd{background: #111;padding: 20px 25px;line-height: 2;height: 245px;}
.contact_date h3{font-size: 20px;color: #fff;line-height: 2;margin-bottom: 15px;}
.contact_date .code_date{font-size: 24px;color: #00f6a0;padding-top: 10px;}
.contact_date .code_date i,.contact_date .code_date em{color: #fff;}

.contact_date .code_img{float: left;margin-right: 20px;}
.contact_date .code_img img{}



/*products*/

.mini-swiper-container{}
.pro-container .swiper-button-next,.pro-container .swiper-button-prev{background:none;font-size: 22px;}

.pro-container .swiper-pagination-bullet{
display: inline-block;width: 10px;height: 10px;margin: 1px;text-indent: -999px;cursor: pointer;background-color: #000\9;background-color: rgba(0,0,0,0);border: 1px solid #fff;border-radius: 10px;}
.pro-container .swiper-pagination-bullet-active{background: #fff;width: 10px;height: 10px;}
.swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet{margin: 1px 3px;}


.pro_cs_list{font-size: 16px;color: #fff;line-height: 2.5;padding-top: 1em;padding-bottom: 1em;}
.pro_cs_list .pro_cs_tle{font-size: 18px;line-height: 2.5;border-bottom:1px solid #111;padding-top: 1em;margin-bottom: 1em; }
.pro_cs_list em.txt_r{display:table-cell;width: 20em;padding-right: 1em;padding-left: 8em; text-align: left;}
.pro_cs_list span.txt_l{color: #ccc;display:table-cell;}

.pro_btn_box{text-align: center;padding: 3em 1em 5em;border-top:1px solid #111;}
.btn_pro,.btn_pro:link, .btn_pro:visited{color:#00E389;border-color: #00E389;font-size: 18px;line-height: 2;}


/*service*/

.td_line{padding-bottom: 20px;}
.td_line ul {text-align: left;}
.td_line li {position: relative;float: left;margin: 0 0 0px;  overflow: hidden;display: inline-block;vertical-align: top;background-color: #111; }
.td_line li .inner { padding:40px 36px 40px;position: relative;}
.td_line li .pic {width:32px;height: 32px; margin: 0  16px 0 0;float: left;}
.td_line li .pic a img { height: 100%;}

.td_line li .uname {line-height: 24px;height: 24px;overflow: hidden; vertical-align: middle;margin: 5px 0 15px;font-size: 18px;color: #fff;font-weight: 600;}
.td_line li .intor {height: 4.5em;line-height: 1.5em;color:#fff;overflow: hidden;}

.td_item01{background: url(../tuiguang/td01.png) no-repeat center center;background-size: cover;}
.td_item02{background: url(../tuiguang/td02.png) no-repeat center center;background-size: cover;}
.td_item03{background: url(../tuiguang/td03.png) no-repeat center center;background-size: cover;}
.td_item04{background: url(../tuiguang/td04.png) no-repeat center center;background-size: cover;}
.td_item05{background: url(../tuiguang/td05.png) no-repeat center center;background-size: cover;}
.td_item06{background: url(../tuiguang/td06.png) no-repeat center center;background-size: cover;}

.ser01_ys_line{padding: 20px 10%;}
.ser01_ys_line ul {text-align: left;}
.ser01_ys_line li {position: relative;float: left;margin: 0 0 0px;  overflow: hidden;display: inline-block;vertical-align: top;}
.ser01_ys_line li .inner { padding:30px 36px 30px;position: relative;}
.ser01_ys_line li .pic {width:100px;height: 100px; margin: 0  30px 0 0;float: left;}
.ser01_ys_line li .pic a img { height: 100%;}

.ser01_ys_line li .uname {overflow: hidden; vertical-align: middle;margin: -10px 0 15px;font-size: 24px;color: #fff;font-weight: 600;}
.ser01_ys_line li .uname .num {font-size: 14px; line-height: 1.5em;color:#777;display: block;}
.ser01_ys_line li .intor {height: 4.5em;font-size: 14px line-height: 1.5em;color:#ccc;overflow: hidden;}


.ser_wrap .pro_line{padding: 0 20%;}


.yxsd .col-md-4{height: 230px;margin-bottom: 15px;}
.yxsd .col-md-4:after{content: "";position: absolute;left: 50%;top: 50%;margin: -10px 0 0 -10px; width: 20px;height: 20px;background: #111;webkit-transform: matrix(0.71, 0.71, -0.71, 0.71, 0, 0);
    transform: matrix(0.71, 0.71, -0.71, 0.71, 0, 0);}
.yxsd .col-md-4 .inner{height: 230px;background: #111;padding: 4em;}
.yxsd .td_item01{background:none;}
.yxsd .td_item02{background:none;}
.yxsd .td_item03{background:none;}
.yxsd li .inner .uname{color: #02D46D;font-size: 20px;}


.ser02_ys_line{padding-bottom: 50px;}
.ser02_ys_line li {position: relative;float: left;text-align: center; width:20%;margin: 0 0 0px;  overflow: hidden;display: inline-block;vertical-align: top;}
.ser02_ys_line li .inner { padding:40px 15px 40px; margin: 0 20px; position: relative;background: #111;border-radius: 40px 40px 40px 0px;}
.yxsd_td .col-md-4:after{display: none;}
.yxsd_td li .intor {font-size: 18px;padding-top: 10px;}
.ser02_ys_line li .uname:before {content: "";display: inline-block; width: 12px;height: 12px;margin: 0 10px 0 0;background: #00E389;border-radius: 10em;}


.oem_fa_line{padding-bottom: 30px;}
.oem_fa_line ul {text-align: center;}
.oem_fa_line li {position: relative;float: left; margin: 0 0 0px;  overflow: hidden;display: inline-block;vertical-align: top;}
.oem_fa_line li .inner { padding:20px 45px 20px;position: relative;}
.oem_fa_line li .pic {margin: 0 auto;height: 140px;}
.oem_fa_line li .pic a img {}

.oem_fa_line li .uname {line-height: 24px;height: 24px;overflow: hidden; vertical-align: middle;margin: 20px 0 15px;font-size: 18px;color: #fff;}
.oem_fa_line li .intor {height: 4.5em;font-size: 16px;line-height: 1.5em;color:#C7C9CC;overflow: hidden;}

.ser_wrap .table{border-collapse: collapse;background: #111;margin-bottom: 0;}
.ser_wrap .table th,.ser_wrap .table td{border:3px solid #000;line-height: 2;padding:15px;font-size: 16px;color: #fff;font-weight: 400;height: 3em;vertical-align: middle;}
.ser_wrap .table .txt_l{color: #00E389;text-align: left;}
.ser_wrap .table .txt_c{text-align: left;white-space:nowrap;}
.ser_wrap .table .txt_r{text-align: left;white-space:nowrap;}
.ser_wrap .table th{font-size: 18px;}
.ser_wrap .table th.txt_l{color: #fff;}


.contact_box{padding: 15px 0;}
.contact_box .pic img{width: 100%;}
.contact_box .intor{margin-left: -100px;color: #fff;font-size: 14px;background: #111;margin-top: 15px;padding: 20px;line-height: 2em;}
.about_box .banner{text-align: center;padding: 0 0 30px;}
.about_box .box{text-align: center;padding: 30px 0;}
.about_box .box img{width: 100%;}

.footer .call_box{ position:fixed;right: 15px;bottom: 80px;z-index: 9999; }
.footer  .icon_c {text-indent: -9999em; width:50px; height:50px;border: 3px solid #222; border-radius: 100%;display: block; overflow:hidden; margin-bottom: 10px;}
.footer  .go_top {background: #111 url(../images/icon_top.png) no-repeat center center;background-size: 36px;}
.footer  .go_top:hover { background: #111 url(../images/icon_top_on.png) no-repeat center center;background-size: 36px;}
.footer  .call_kf {background: #111 url(../images/icon_kf.png) no-repeat center center;background-size: 36px; }
.footer  .call_kf:hover { background: #111 url(../images/icon_kf_on.png) no-repeat center center;background-size: 36px;}

.call_fixed{ position:fixed;right: 0;left: 0; bottom: 0px;z-index: 999;line-height: 80px;font-size: 18px;background: #111;color: #ffc107; }
.call_fixed .name{padding-right: 15px;}
.call_fixed:before{content: '';position: absolute;bottom: 30px; z-index: 2;margin-left: -86px; display: inline-block; width: 66px;height: 66px;background: url(../images/icon_kf_on.png) no-repeat center bottom;background-size:cover;}

@media (max-width: 768px){
.call_fixed:before{bottom: 50px;left: 15px;margin-left: 0;}

}

@media (min-width: 1470px){

.container {width: 1470px;}

}


@media (min-width: 768px){

.wrap{padding-top: 120px;}
.navbar-nav{float: right;}
.navbar-inverse .navbar-brand{margin-top: 10px;}
.navbar-nav>li {padding-top: 38px;padding-bottom: 32px;padding-right: 40px;}
.navbar-nav>li>a{}


}

@media (max-width: 960px){
  
.title_en .tit_cn{font-size: 18px;letter-spacing: 0;top: -1em;}
.title_en .tit_en{font-size: 16px;letter-spacing: 0;}
.pro_line li .uname{font-size: 16px;}


}

@media (max-width: 768px){
  
.wrap{padding-top: 50px;}
.navbar-brand img{height: 26px; }
.navbar-inverse .navbar-nav>.active>a, .navbar-inverse .navbar-nav>.active>a:focus, .navbar-inverse .navbar-nav>.active>a:hover{background: linear-gradient(90deg, #07C2BC 0%, #27EF16 100%);}
.navbar-nav>li{border-bottom: 1px solid #111;}
.navbar-nav>li>.dropdown-menu{padding-top: 0;padding-bottom: 0;}
.navbar-nav>li>.dropdown-menu li{display: block;text-align: left;border-bottom: 1px solid #111;}
.navbar-nav>li>.dropdown-menu a .name{color: #ccc;display:inline-block;}
.navbar-nav>li>.dropdown-menu a:hover{background: rgba(0, 0, 0, 0.72);color: #fff;}
.navbar-nav>li>.dropdown-menu a .ico{display:inline-block;float: left;width: 36px;height: 36px;margin-right: 10px;}


.htitle {padding: 20px 0px 20px;}
.htitle .title {font-size: 20px; }
.htitle .mtitle { font-size:14px;}

.icon_line li{width: 50%}
.icon_line li .inner { padding:15px;position: relative;}


.contact_date dt{font-size: 18px;}
.contact_date dd{height: auto;}
.contact_date h3{font-size: 15px;color: #fff;line-height: 2;}

.contact_date .code_date{font-size: 15px;}
.contact_date .code_img{float: none;}

.pro_cs_list em.txt_r{display:block;width: auto;min-width: 8em; padding-right: 1em;padding-left: 0; text-align: left;float: left;clear: left;}
.pro_cs_list span.txt_l{display:block;}
.btn_pro,.btn_pro:link, .btn_pro:visited{font-size: 15px;}

.ser01_ys_line{padding: 15px;}
.ser01_ys_line li .inner { padding:15px 0;position: relative;}
.ser01_ys_line li .uname {font-size: 18px;}
.ser_wrap .pro_line{padding: 0 0%;}


.ser02_ys_line li .inner{margin: 0 10px 10px;padding-top: 30px;}
.ser02_ys_line li .pic{height: 64px;width: 64px;}


.oem_fa_line li .inner{padding: 15px 0px 30px;}
.oem_fa_line li .pic{height: auto;}
.oem_fa_line li .pic a img {max-height:88px;}
.contact_box .intor{margin-left: 0;}
.about_box .banner{text-align: center;padding: 0 0 15px;}
.about_box .box{text-align: center;padding:0 0 15px;}


}