/****/
* { margin: 0; padding: 0; transition:background-color .4s,opacity .4s,border-color .4s; -webkit-transition:background-color .4s,opacity .4s,border-color .2s;}
body{ color: #333; overflow-x: hidden; width: 100%; height: 100%; font:14px/2 "Century Gothic","Microsoft Yahei","Hiragino Sans GB",sans-serif; background: #fff;}
ul, li { list-style-type: none; }
input, button, select, textarea { outline: none;resize: none;font:14px/2 "Century Gothic","Microsoft Yahei","Hiragino Sans GB",sans-serif; background: none; color: #999;border: 1px solid #ebebeb; text-indent: 5px; margin: 0; padding: 0;}
img { border:0; vertical-align: middle;max-width: 100%;}
small,i,em{font-style: normal;}
table{border-color: #e5e5e5; width: 100%; border-collapse: collapse;}
td,th {border-color: #e5e5e5; padding: 10px;}
hr{height: 1px; border: none; background-color: #efefef;}
a{ color: #333; text-decoration: none;}
a:hover{color: #00a0e7;}
.hide,.ad h4,.ad p{display: none;}
.fl{float: left;}
.fr{float: right;}
.mb_15{margin-bottom: 15px;}
.mt_15{margin-top: 15px;}
.w{width: 88%; margin: 0 auto;max-width: 1440px;}
.main{width: 1200px; margin:20px auto 50px; height: auto; min-height: 400px;}
.container{margin: 95px auto 0;width:100%; overflow: hidden;}
.clearfix {*zoom: 1;}
.clearfix:before,.clearfix:after { display: table; content: ""; line-height: 0;}
.clearfix:after { clear: both;}


/*头部+导航*/
.header{position: fixed;top: 0; left: 0; right: 0; z-index: 20; background: #fff;box-shadow: 0 2px 4px rgba(0,0,0,.2);}
.header .logo{height: 95px; overflow: hidden;}
.header .logo a{display: block;margin-top: 20px;}
.header .logo img{height: 58px;}
.menu{display: block;}
.nav{display: block; text-align: center; float: left;}
.nav li{ display: inline-block;}
.nav .nav_li{float: left;}
.nav .nav_a{display: block; color: #000; padding: 0 15px;font-size: 16px; line-height: 95px; position: relative;}
.nav .nav_li.curr .nav_a,.nav .nav_li.curr .nav_a:hover,.nav .nav_li:hover .nav_a{ color: #00a0e7;}

.nav .subnav{display: none;position: absolute;background:#262626;z-index:99;box-shadow:0 0px 5px -1px rgba(0,0,0,.5);}
.nav .subnav_li{display: block; }
.nav .subnav_a{color: #000; padding: 0 15px; display: block; line-height: 40px;min-width: 56px;border-bottom: 1px #353535 solid;}
.nav .subnav_a:hover{color: #00a0e7;}

.nav .thinav{background: #171717;}
.nav .thinav .thinav_li{border-bottom: 1px #353535 solid;display: block;}
.nav .thinav .thinav_li a{color: #fff;line-height: 34px;}
.nav .thinav .thinav_li a:hover{color: #00a0e7;}

/*=======================首页部分start=======================*/
.t{text-align: center;padding:30px 0 15px;width: 88%;margin: 0 auto; max-width: 1440px;}
.t span{color: #00a0e7;text-transform: uppercase;font-size: 36px; font-weight: bold;position: relative;}
.t span::after{position: absolute;content: "";height: 1px;background: #f0f0f0;left: 0;right: 0;bottom: -20px;}
.t p{color: #332c2b;font-size: 20px;padding-top: 15px;line-height: 32px;}

/*banner*/
.banner{width:100%; position:relative;overflow:hidden;background:#e3e8ee url(../images/loading.gif) 50% no-repeat;}
.banner .slides{position:relative;z-index:1;}
.banner .slides li{display: none;}
.banner .slides li a{display: block; width: 100%; height: 100%;text-align: center;}
.banner .slides li img{width: 100%;}
.flex-control-nav{position:absolute;bottom:10px;z-index:2;width:100%;text-align:center;}
.flex-control-nav .flex-active{ background: rgba(255,255,255,1); width: 25px;}
.flex-direction-nav{display: none;position:absolute;z-index:3;width:100%;top:45%;}
.flex-direction-nav li a{display:block;width:50px;height:50px;overflow:hidden;cursor:pointer;position:absolute;}
.flex-direction-nav li a.flex-prev{left:40px;background:url(../images/prev.png) center center no-repeat;}
.flex-direction-nav li a.flex-next{right:40px;background:url(../images/next.png) center center no-repeat;}
.flex-control-nav li { height: 12px; margin: 0 3px;display: inline-block;}
.flex-control-nav li a{display: inline-block; width: 12px; height: 12px; overflow: hidden; background: #fff; background: rgba(255,255,255,.5); text-indent: -9999px; cursor: pointer; border-radius: 6px; -webkit-border-radius: 6px; -moz-border-radius: 6px;}

/*关于我们*/
.about_box{}
.about_box .info a.ad{cursor: default; color: #333;}
.about_box .info img{width: 100%;}
.about_box .info p{display: block;width: 1200px;font-size: 20px;line-height: 34px;color: #332c2b;margin: 30px auto;text-align: center;}


/*统计*/
.index_acc{padding: 100px 0; background: url(../images/index_acc.jpg) no-repeat center top; background-attachment: fixed;background-size: cover;}
.index_acc .numscroll .four{width: 14.2857%;float: left;text-align: center;position: relative;}
.index_acc .numscroll .four:before{content: "";position: absolute;width: 1px; height: 50px;background:#fff;right: 1px;top: 10px; }
.index_acc .numscroll .four:last-child:before{display: none;}
.index_acc .numscroll .four .counter{display: inline-block;font-size: 54px;font-weight: bold;color: #fff; line-height: 70px;}
.index_acc .numscroll .four h6{font-size: 20px; color: #fff;font-weight: normal;}
.index_acc .numscroll .four sup{position: absolute;color: #fff;font-size: 14px; font-weight: bold; white-space: nowrap;}
.index_acc .numscroll .four sup sup{font-size: 12px;}
.index_acc .numscroll .facts-wrap-num{display: inline-block;position: relative;}


 /* 切换 */
.tabs{text-align: center;margin-bottom: 30px;}
.tabs li{display: inline-block;width: 100px;margin: 0 5px 10px;vertical-align: top;}
.tabs li img{width: 60px; height: 60px;margin: 20px}
.tabs li p{font-size: 17px;white-space: nowrap;text-overflow:ellipsis;overflow: hidden;}
.tabs li span{background: #cbcbcb;display: block}
.tabs li.thistab span{background: #00a0e7;}
.tabs li.thistab p{color: #00a0e7;}
.tab_conbox .tab_con {display: none;}
.tab_conbox .item img{width: 100%;}

.tabs.tabs2 {margin-top: -20px;}
.tabs.tabs2 li{width: 66px;height: 66px;margin:10px;}
.tabs.tabs2 li p{display: none;}
.tabs.tabs2 li span{display: block;width: 66px;height: 66px;box-shadow: 0 0 3px 3px rgba(0, 0, 0, 0.05);border-radius: 100%;-webkit-border-radius: 100%;-moz-border-radius: 100%;overflow: hidden;}
.tabs.tabs2 li img{width: 100%;height: 100%;margin: 0;}
.tabs.tabs2 li.thistab span{width: 86px;height: 86px;margin: -10px 0 0 -10px;}

.owl-carousel .owl-wrapper:after {content: ".";display: block;clear: both;visibility: hidden;line-height: 0;height: 0;}
/* display none until init */
.owl-carousel{	display: none;	padding: 0;	position: relative;	width: 100%;-ms-touch-action: pan-y;}
.owl-carousel .owl-wrapper{	display: none;	position: relative;	-webkit-transform: translate3d(0px, 0px, 0px);}
.owl-carousel .owl-wrapper-outer{	overflow: hidden;	position: relative;	width: 100%;}
.owl-carousel .owl-wrapper-outer.autoHeight{-webkit-transition: height 500ms ease-in-out;-moz-transition: height 500ms ease-in-out;-ms-transition: height 500ms ease-in-out;-o-transition: height 500ms ease-in-out;transition: height 500ms ease-in-out;}
.owl-carousel .owl-item{float: left;}
.owl-controls .owl-page,.owl-controls .owl-buttons div{	cursor: pointer;}
.owl-controls {-webkit-user-select: none;-khtml-user-select: none;-moz-user-select: none;-ms-user-select: none;user-select: none;-webkit-tap-highlight-color: rgba(0, 0, 0, 0);}
/* fix */
.owl-carousel  .owl-wrapper,.owl-carousel  .owl-item{-webkit-backface-visibility: hidden;-moz-backface-visibility: hidden;-ms-backface-visibility: hidden; -webkit-transform: translate3d(0,0,0); -moz-transform: translate3d(0,0,0);
  -ms-transform: translate3d(0,0,0);}
.owl-theme .owl-controls .owl-buttons div {position: absolute;top: 40%;width: 40px;height: 70px;margin: 0;padding: 0;overflow: hidden;}
.owl-theme .owl-controls .owl-buttons div:hover{color: #666;}
.owl-theme .owl-controls .owl-buttons .owl-prev { left: -60px; background: url(../images/l.png) no-repeat center center;}
.owl-theme .owl-controls .owl-buttons .owl-next { right: -60px;background: url(../images/r.png) no-repeat center center;}
.owl-theme .owl-controls .owl-buttons .owl-prev:hover{background: url(../images/l_hover.png) no-repeat center center;}
.owl-theme .owl-controls .owl-buttons .owl-next:hover{background: url(../images/r_hover.png) no-repeat center center;}

.workshop{background: #f4f4f4;padding-bottom: 60px;}
.workshop .item{padding: 3px;}

.products {padding-bottom: 60px;}
.products .item{width: 25%;float: left;background: #f5f5f5;}
.products .item a{display: block;border: 1px #f0f0f0 solid;margin: -1px -1px 0 0;}
.products .tab_conbox li{position: relative;}
.products .item:nth-child(1),.products .item:nth-child(3),.products .item:nth-child(6),.products .item:nth-child(8){background: #ececec;}

.inqury{background: url(../images/inqury_bg.jpg) no-repeat center top; background-size: cover;color: #fff;padding: 30px 0;}
.inqury h3{font-size: 42px;line-height: 60px;}
.inqury p{font-size: 18px;padding-top: 20px;}
.inqury a{float: right;padding: 0 30px;line-height: 66px;border-radius: 6px;font-size: 42px;color: #fff;margin-top: 60px;background: #2596c8;}

.customer{padding-bottom: 60px}
.customer .list{position: relative;}
.customer .list .swiper-container2{overflow: hidden;}
.customer .item{width: 25%;float: left;}
.customer .item a{display: block;padding: 3px;}

.network{background: #04080b url(../images/network_bg.jpg) no-repeat center top;height: 680px;}
.network .t span{color: #fff;}
.network .t span::after{background: #1f2c39;}
.network .info{width: 1200px;margin: 0 auto;position: relative;}
.network .info .n{width: 200px;position: absolute;z-index: 1;cursor: pointer;font-size: 16px;color: #fff;background: url(../images/network_dot.png) no-repeat left 0;padding-left: 28px;line-height: 26px;}
.network .info .n:hover{background: url(../images/network_doth.png) no-repeat left 0;color: #00ffe4;}
.network .info .n1{left: 305px;top: 195px;}
.network .info .n2{left: 625px;top: 145px;}
.network .info .n3{left: 950px;top: 205px;}
.network .info .n4{left: 850px;top: 240px;}
.network .info .n5{left: 870px;top: 315px;}
.network .info .n6{left: 335px;top: 155px;}
.network .info .n7{left: 430px;top: 350px;}
.network .info .n8{left: 840px;top: 110px;}

.activity{padding-bottom: 60px;}
.activity .item{padding: 9px;}

.flex{background: url(../images/flex_bg.jpg) no-repeat center top; background-size: cover;}
.flex .t span,.flex .t p,.contact .t span,.contact .t p{color: #fff;}
.flex .t span::after{background: #3cabdc;}
.flex .tabs li{width: 66px;height: 66px;margin: 10px;}
.flex .tabs li p{display: none;}
.flex .tabs li span{display: block;width: 66px;height: 66px;box-shadow: 0 0 3px 3px rgba(0, 0, 0, 0.05);border-radius: 100%;-webkit-border-radius: 100%;-moz-border-radius: 100%;overflow: hidden;}
.flex .tabs li img{width: 100%;height: 100%;margin: 0;}
.flex .tabs li.thistab span{width: 86px;height: 86px;margin: -10px 0 0 -10px;}


.flex .tab_conbox .item{margin: 3px;overflow: hidden;}
.flex .tab_conbox .item span{display: block;}
.flex .tab_conbox .item img{width: 100%;}
.flex .tips{text-align: center;color: #fff;font-size: 20px;padding:20px 0 30px;}
.flex .owl-theme .owl-controls .owl-buttons .owl-prev {background: url(../images/wl.png) no-repeat center center;}
.flex .owl-theme .owl-controls .owl-buttons .owl-next {background: url(../images/wr.png) no-repeat center center;}
.flex .owl-theme .owl-controls .owl-buttons .owl-prev:hover{background: url(../images/wl_hover.png) no-repeat center center;}
.flex .owl-theme .owl-controls .owl-buttons .owl-next:hover{background: url(../images/wr_hover.png) no-repeat center center;}



.contact{background: url(../images/contact_bg.jpg) no-repeat center top;background-size: cover;padding-bottom: 50px;}
.contact .t span::after{background: #757575;}
.contact a.mail{display: block;width: 300px;color: #fff;text-align: center;font-size: 26px;font-weight: bold;padding-top: 120px;background: url(../images/email.png) no-repeat center top;margin: 60px auto 20px;}
.contact a.mail:hover{color: #00a0e7;background: url(../images/emailh.png) no-repeat center top;}
.contact p{color: #fff;font-size: 20px;text-align: center;display: block;line-height: 34px;}


.certificates .list{width: 500px;margin: 0 auto 50px;}
.certificates .list small{display: none;}
.certificates .list .item a{display: block;line-height: 44px; white-space: nowrap;text-overflow:ellipsis;overflow: hidden;padding-left: 30px; background: url(../images/download.png) no-repeat left center; font-size: 18px;border-bottom: 1px #e5e5e5 solid;}


.pic_iframe{width: 100%; height: 100%; position: fixed;top: 0;left: 0;right: 0;bottom: 0;z-index: 999;}
.pdt_content{background: rgba(0,0,0,.8);position: fixed;width: 100%; height: 100%;top: 0;left: 0;right: 0;bottom: 0}
.iframe_close{width:100%; height: 96%;background: url(../images/close.png) no-repeat right top; position: fixed;z-index: 1000;top: 0; right: 0;left: 0;bottom: 80px; overflow: hidden;}

.index_map{position: relative;height: 660px;}
.index_map span{display: block;width: 2560px;position: absolute;left: 50%;margin-left: -1280px;text-align: center;}

/*=======================首页部分end=======================*/

/*底部*/
.footer{margin:0 auto; clear:both; width:100%; background: url(../images/footer_bg.jpg) no-repeat center top;background-size: cover;padding-top: 30px;}
.footer h4{font-size: 18px; color: #fff;position: relative;padding-bottom: 20px;}
.footer h4::after{content: "";width: 20px;height: 1px;background: #fff;position: absolute;left: 0;top: 40px;}

.footer .ft_nav li{display: block;float: left;width: 15%;min-height: 200px;padding:0 0 30px 5%;position: relative;}
.footer .ft_nav li::after{content: "";width: 1px;height: 200px;background: #484848;position: absolute;right: 0;top: 0;}
.footer .ft_nav li a{display: block;color: #dfdfdf;}
.footer .ft_nav li:last-child::after{display: none;}

.footer .ft_code img{width: 100px; margin-top: 10px;}

.footer .copyright{line-height: 60px;color: #717171;border-top: 1px #484848 solid;}
.footer .copyright a{color: #888;}

.footer .ft_nav li .addthis a{display: inline-block;margin: 5px 5px 0 0;}

.links{width: 560px;overflow: hidden;}
.links a{display: inline-block;margin:0 5px;}

/*404*/
.error{width: 440px; height: 400px; text-align: center;position: absolute;  left: 50%; margin-left: -220px; top: 50%; margin-top: -160px;}
.error_img{margin: -40px auto 0; width: 220px;}
.error a{width: 100px;display: block;margin: 0 auto; background: #00a0e7;color: #fff;line-height: 40px;border-radius: 5px;-webkit-border-radius: 5px;-moz-border-radius: 5px;}
 
/*=======================内页部分end=======================*/

/* 悬浮客服1*/
#leftsead{position:fixed;bottom:32%;right:0; z-index:79}
*html #leftsead{margin-top:258px;position:absolute;top:expression(eval(document.documentElement.scrollTop));}
#leftsead li{height:50px;margin-bottom: 1px;}
#leftsead li span{display: block; width: 140px; height: 50px; padding-left: 50px;margin-right:-140px;cursor:pointer;white-space: nowrap; text-overflow:ellipsis; overflow: hidden;}
#leftsead li a{height:50px;float:right;display:block;min-width:50px;max-width:140px; color: #fff; line-height: 50px;border-radius: 6px 0 0 6px;overflow: hidden;}

#leftsead li.qq_li span{background: #19baea url(../images/q.png) no-repeat 12px center;}
#leftsead li.msn_li span{background: #58d249 url(../images/msn.png) no-repeat 12px center;}
#leftsead li.skype_li span{background: #12e2cd url(../images/skype.png) no-repeat 12px center;}
#leftsead li.w_li span{background: #ef6311 url(../images/ww.png) no-repeat 12px center;}
#leftsead li.ww_li span{background: #e8952d url(../images/ww.png) no-repeat 12px center;}
#leftsead li.www_li span{background: #b1d848 url(../images/ww.png) no-repeat 12px center;}
#leftsead li.feedback span{background: #e46464 url(../images/feedback.png) no-repeat 12px center;}
#leftsead li.code_li span{background: #6381f1 url(../images/code.png) no-repeat 12px center; position: relative;}
#leftsead li.code_li .code{ width: 280px; height: 280px; position: absolute; right: 140px; bottom: 0; background:#6381f1; background: rgba(99, 129, 241, 0.52); border-radius: 5px; padding: 10px;}
#leftsead li.code_li .code img{width: 280px; height: 280px;}
#leftsead li.top_li span{background: #6e6e6e url(../images/gotop.png) no-repeat 12px center;}
#remind{ width: 100%; height: 50px;line-height: 50px; position: fixed; bottom: 0; left: 0; z-index: 10; color: #f5d783; font-size: 20px; text-align: center; background: #000; background: rgba(0,0,0,.8);}

/* 悬浮客服2*/
.main-im{ position:fixed; right: 10px; top:30%; z-index: 100; width: 110px; height: 272px;}
.main-im .qq-a { display: block; width: 108px; height: 116px; font-size: 14px; color: #0484cd; text-align: center; position: relative; }
.main-im .qq-a span { bottom: 5px; position: absolute; width: 90px; left: 10px; }
.main-im .qq-hover-c { width: 70px; height: 70px; border-radius: 35px; position: absolute; left: 18px; top: 10px; overflow: hidden; z-index: 9; }
.main-im .qq-container { z-index: 99; position: absolute; width: 109px; height: 118px; border-top-left-radius: 10px; border-top-right-radius: 10px; border-bottom: 1px solid #dddddd; background: url(../images/qq-icon-bg.png) no-repeat center 8px; }
.main-im .img-qq {max-width: 60px; display: block; position: absolute; left: 6px; top: 3px; -moz-transition: all 0.5s; -webkit-transition: all 0.5s; -o-transition: all 0.5s; transition: all 0.5s; }
.main-im .im-qq:hover .img-qq{ max-width: 70px; left: 1px; top: 8px; position: absolute; }
.main-im .im_main {background: #F9FAFB; border: 1px solid #dddddd; border-radius: 10px; background: #F9FAFB;display:none;}
.main-im .im_main .im-tel { color: #000000; text-align: center; width: 109px;border-bottom: 1px solid #dddddd;padding-top: 10px;}
.main-im .im_main .im-tel div{font-weight:bold;font-size: 12px;}
.main-im .im_main .im-tel .tel-num { font-family: Arial; font-weight: bold; color: #e66d15;}
.main-im .im_main .im-tel:hover { background: #fafafa; }
.main-im .im_main .weixing-container {width: 55px; height: 47px; border-right: 1px solid #dddddd; background: #f5f5f5; border-bottom-left-radius: 10px; background: url(../images/weixing-icon.png) no-repeat center center;float:left;}
.main-im .im_main .weixing-show {width: 112px; height: 145px; background: #ffffff; border-radius: 10px; border: 1px solid #dddddd; position: absolute; left: -125px; top: -100px; }
.main-im .im_main .weixing-show .weixing-sanjiao {width:0; height: 0; border-style: solid; border-color: transparent transparent transparent #ffffff; border-width: 6px; left: 112px; top: 116px; position: absolute; z-index: 2;}
.main-im .im_main .weixing-show .weixing-sanjiao-big { width: 0; height: 0; border-style: solid; border-color: transparent transparent transparent #dddddd; border-width: 8px; left: 112px; top: 114px; position: absolute; }
.main-im .im_main .weixing-show .weixing-ma { width: 104px; height: 103px; padding-left: 5px; padding-top: 5px; }
.main-im .im_main .weixing-show .weixing-txt{position:absolute;top:110px;left:7px;width:100px;margin:0 auto; text-align:center;}
.main-im .im_main .go-top { width: 50px; height: 47px; background: #f5f5f5; border-bottom-right-radius: 10px; background: url(../images/toTop-icon.png) no-repeat center center;float:right;}
.main-im .im_main .go-top a { display: block; width: 52px; height: 47px; }
.main-im .close-im { position: absolute; right: 10px; top: -12px; z-index: 100; width: 24px; height: 24px; }
.main-im .close-im a { display: block; width: 24px; height: 24px; background: url(../images/close_im.png) no-repeat left top; }
.main-im .close-im a:hover { text-decoration: none; }
.main-im .open-im { cursor: pointer; margin-left: 68px; width: 40px; height: 133px; background: url(../images/open_im.png) no-repeat left top; }

@media screen and (max-width:1220px){
  .nav .nav_a{padding: 0 10px;}
  .header .w{width:98%}
}
@media screen and (min-width:1221px) and (max-width:1365px){
  .nav .nav_a{padding: 0 10px;}
}