/*   
Theme Name: 信达泰科技公司官网
Theme URI:http://www.xindatai.com/
Description: 北京信达泰科技有限公司。
Author:信达泰
Author URI: http://www.xindatai.com/
Version: 1.0
*/

/* public */
body{ margin:0; padding:0; font-family:arial,"Hiragino Sans GB","Microsoft YaHei","微軟正黑體","儷黑 Pro",sans-serif; background:#f3f3f3;}

nput[type="button"], input[type="submit"], input[type="reset"] {
-webkit-appearance: none;
}
	.posts_title{ margin: 0;}
}
a:link{}
.pagination span{transition:all 0.8s; -moz-transition:all 0.8s;-webkit-transition:all 0.8s;}
img{ max-width:100%; height:auto;}
a{ text-decoration:none; color:#000000}
a:hover{text-decoration:none; }
h1{ margin:0;}
ul, li{ margin:0; padding:0;list-style-type: none;}
.box_in{ width:90%; padding:0 5%; max-width:1226px;}
.wp_clear{ clear:both;}

.header_pic_nav li,.footer_contact a,#right_shop .woocommerce-pagination ul li a,.single_tag a,.theme_functions .my_center,.theme_functions .search_btn,.theme_functions .fa,#waper_drog_nav  ul li,.header_pic_nav li.menu-item-has-children i,.custom_box_btn,.pager a,.vedio_btn{-moz-transition:all 0.5s;-webkit-transition:all 0.5s;-o-transition:all 0.5s;transition:all 0.5s;}
img,.language_btn{ border:none;}

@media (min-width: 1200px){
.container {
    width: 90%;
    max-width: 1600px;
}
.home .container {
    width: 90%;
}
}



.vedio_btn{ width:36px; height:22px; position:absolute; left:10px; bottom:10px;  background: no-repeat 0 -81px url('images/theme.png');} 
.case_loop li:hover .vedio_btn{ background: no-repeat 0 -117px url('images/theme.png');}

.header_in{ height: auto; margin:0 auto; position:relative; z-index:10;}
.header_in .logo img.movelogo{ display:none; }
.header_in .logo{ display:block;  width: auto; max-height:83px;   font-size:0; overflow:hidden; float:left;}
.header_pic_nav{ float:right; width:auto; display:block; margin-left:30px;}
.header_pic_nav li{ float:left; display:block; list-style:none; height:67px; padding:8px 20px; position:relative; }
.header_pic_nav li img{ float:left; max-height:43px; width:auto; margin-right:5px;}
.header_pic_nav li .nave_spaen{ float:left;}
.header_pic_nav li .nave_spaen div{ line-height:70px; font-size:16px; color:#fff;}
.header_pic_nav li .sub-menu li .nave_spaen div{line-height:31px;;}	
.header_pic_nav li .nave_spaen p{ display:none;}
.header_pic_nav li.current-menu-item{  padding:5px 20px; border-top:solid 3px #fff;}
.header_pic_nav li:hover{ background:#000;}
/* header 
#index_content{margin-right:35px;}
.theme_functions{ margin-right:40px;}




#index_content.content.pandding_top_no{ margin-top:53px;}


#waper_drog_nav li .sub-menu{    position:absolute; right:-100%; top:0;border:solid 1px #ccc; width:100%; overflow:hidden; background:#fff; height:100%; padding-top:50px;overflow-y: scroll;-webkit-overflow-scrolling : touch;overflow-x:hidden;}
#waper_drog_nav li {border-bottom:solid 1px  #F6F6F6 ;}

#waper_drog_nav li .sub-menu{    position:absolute; right:-100%; top:0;border:solid 1px #ccc; width:100%; overflow:hidden; background:#fff; height:100%; padding-top:50px;overflow-y: scroll;-webkit-overflow-scrolling : touch;overflow-x:hidden;}
#waper_drog_nav   .gobank,#waper_drog_nav  .gobanks{ width:100%; height:50px; position: fixed; top:53px;right:-100%; padding:0; margin:0; background:#F3F3F3 ; }
#waper_drog_nav   .gobank{  z-index:100;}
#waper_drog_nav  .gobanks i{ z-index:1;}
#waper_drog_nav  .gobank i,#waper_drog_nav  .gobanks i,.language_nav .gobanks i{ display:block; float:left; width:50px; height:50px; background:15px -752px no-repeat url("images/css.png")}
 .language_btn{  }
 .language_nav{ width:100%; height:100%; position:fixed; right:-100%; top:53px; background:#fff; border: solid 1px #ccc; z-index:10;}
 
 .language_btn_m i{background-image:url("images/css.png"); background-position:4px -922px; background-color:#ba9f74; background-repeat:no-repeat; border-radius:100%; width:23px; height:23px; display: inline-block; margin-right:5px; position:relative; top:5px;}
.language_nav li figure{ float:left; max-width:40px; margin-right:10px; display:block; line-height:14px;}
.language_nav li .nave_spaen div{ font-size:12px; color:#444;}
.language_nav li .nave_spaen { height:auto; line-height:14px; }
.language_nav li{ width:100%; display:block; list-style:none; padding:10px 0; float:left;}
.language_nav li a{ width:80%; padding:0 10%; display:block; overflow:hidden; cursor:pointer;}
.language_nav li i{ display:none;}

.language_nav .gobanks{ width:100%; height:50px;  padding:0; margin:0; background:#F3F3F3 ; }


.header_pic_nav li  a .nave_spaen p{ display:none;}	



	.admin-bar .header{ top:32px;}
	#index_content{ margin: 0;}
.header_nav_move_btn,.language_btn_m,.language_nav .gobanks { display:none !important; }
.content.pandding_top_no{ margin-top:66px;}
.admin-bar .content.pandding_top_no{ margin-top:66px;}
.woocommerce-demo-store.admin-bar  .content.pandding_top_no{ margin-top:98px;}
.woocommerce-demo-store.admin-bar .header{top:63px;}
.woocommerce-demo-store .header{top:31px;}	
.header_nav_move_btn,.gobanks{ display:none;}

.header_pic_nav li.xiala  i{font-size:14px; display:block; width:25px; height:25px; line-height:54px; margin:21px 0 0 5px; float:left; background:0  -487px no-repeat url("images/theme.png");}
.pc_white .header_pic_nav li.xiala  i{background:0  -528px no-repeat url("images/theme.png");}
.header_pic_nav li .sub-menu li a .nave_spaen div{ color:#333;}



.header_pic_nav li .sub-menu,.header_bottom_nav .sub-menu{ position:absolute; top:93%; left:0; z-index:1000; background:#fff;border:solid 1px #ccc;  width:230px; display:none;}
.header_pic_nav li .sub-menu li,.header_bottom_nav li .sub-menu li{ display:block; width:96%;background:#FAFAFA; padding:5px 2%;float:left;border-bottom:solid #F3F3F3 1px;-moz-transition:all 0.5s;-webkit-transition:all 0.5s;-o-transition:all 0.5s;transition:all 0.5s; position:relative; height:auto !important;}
.header_pic_nav li .sub-menu li a.imgclass .nave_spaen{ margin:3px 0 3px 10px;}
.header_pic_nav li .sub-menu li .sub-menu,.header_bottom_nav li .sub-menu li .sub-menu{ left:100%; top:0;}
.header_pic_nav li.yb .sub-menu li .sub-menu,.header_bottom_nav li .sub-menu li .sub-menu{ left:auto; right:100%; top:0;}

*/
	






/* global */
.m-md{margin-top:20px;margin-bottom: 20px;}
.text-30{ font-size:30px; }
.text-24{ font-size:24px; }
.text-12{ font-size:12px; }
.text-14{ font-size:14px; }
.text-16{ font-size:16px; }
.gray{color:#888;}
.line2{border-bottom: 1px solid #fff; width:80px;  line-height: 20px;}
.line5{border-top: 1px solid #fff; width:80px;  line-height: 30px;}
.line3{border-bottom: 2px solid #0066CC; width:70px;   height: 10px;}
.line4{border-bottom: 2px solid #999; width:70px;  height: 10px;}
.more{border:1px solid #fff; padding:10px 20px; }

.pager {width:95%;overflow:hidden;white-space:nowrap;padding:4px;float:left;text-align:center; margin:20px 0;}
.pager a { background:#ececec; color:#666; font-size:12px;margin:2px;padding:10px 12px; text-align:center; text-decoration:none;min-width: 1em;}
.pager a.current {background:#0a6fd9; font-size:12px;margin:2px;color:#fff;}
.pager a:hover {background:#0a6fd9;font-size:12px;color:#fff;text-decoration:none;}
.hover_incase{ position:absolute; top:0; left:0; display:none;}

/* top */
.header{ width:100%;  position:fixed; top:0; left:0; height:auto; z-index:999;}
.header_background{ position:absolute; left:0; width:100%; height:100%; top:0; }
.header .active{background:#000; opacity:0.7;filter:Alpha(opacity=70);}
.nav1{ margin-top: -35px;background:#FFF;}
.nav3{ margin-top: -55px;background:#FFF;}
.nav2{ margin-top: -35px;background:#FFF; box-shadow:0 0 3px #CCCCCC;}
.nav2 ul, .nav1 ul{overflow:hidden; padding:20px 25px;}
.nav2 li{float:left; padding:8px 25px; font-size: 12px;}
.nav2 .current-cat{background:#056fdb;color:#fff;}
.nav2 .current-cat a{color:#fff;}


/* page */
.about2{ background:url("images/about1.jpg") top center ; height: 352px; width: 100%;}
.visionTitle{font-size:20px; font-weight:bold ; line-height: 200%; margin-top: 10px;}
.visionpic{ float:right; margin: 60px 0 0 60px; }
.about3 div{text-align: center;}
.about3 img{ width:50%}

/*hany*/
.banner{padding-top:12%;padding-bottom: 5%;}
.news{ background: url("images/banner_news.jpg") top center ; clear:both;background-size:cover; max-height:480px;}
.product{ background: url("images/banner_product.jpg") top center ; clear:both;background-size:cover; max-height:480px;}
.solution{ background: url("images/banner_solution.jpg") top center ; clear:both;background-size:cover; max-height:480px;}
.case{ background: url("images/banner_case.jpg") top center ; clear:both;background-size:cover; max-height:480px;}
.about{ background: url("images/banner_about.jpg") top center ; clear:both;background-size:cover; max-height:480px;}
.detail{ background: url("images/banner_detail.jpg") top center ; clear:both;background-size:cover; max-height:480px;}
.contact{ background: url("images/banner_contact.jpg") top center ; clear:both;background-size:cover; max-height:480px;}
.prodetail{ background: url("images/banner_prodetail.jpg") bottom center no-repeat ; clear:both;max-height:550px;background-size:cover;}
.banner2{padding-top:12%;padding-bottom: 9%; font-size:30px; color:#fff; position: relative ;line-height:100px; height:100% ;}
.banner3{padding-top:12%;padding-bottom: 6%; font-size:30px; color:#fff; position: relative ;line-height:200%;}
.banner3 p{width: 40%; line-height: 20px; font-size:14px; height: 40px; overflow: hidden;}
.banner4{padding-top:12%;padding-bottom: 5%; font-size:30px; color:#fff; position: relative ;line-height:100px; height:100% ;}
.pro{position: absolute; text-align: right; top:100px; right:0;z-index: 1000;}
/* news */
.newslist{padding:30px 1%; margin-bottom:10px; border-bottom:dashed #ccc 1px; overflow:hidden; font-size:14px; line-height:200% ;}
.newslist:hover{ background:#FFF; box-shadow:0 0 3px #CCCCCC; }
.newslist .title, .i_news4 .title{font-size:16px; color:#333; font-weight:bold; margin:10px 0; line-height: 300%;}
.newslist .listpic figcaption,.prolist .listpic figcaption,.left_pic figcaption,.imgclass figcaption,.custom_imgages figcaption{ font-size:0;}
.newslist .listpic{ border:solid 3px #FFFFFF; width:100%; height:120px; float:left; overflow:hidden; display:block; margin-right:1%}
.newslist .time{float:left; width:120px; text-align:left ; margin-top:10px; line-height: 220%;}
.newslist .abstract{width:100% margin-left:120px;}
.newslist .line{border:1px solid #999; width:40%; margin:20px 0; line-height: 100%;}
.newslist:hover .line{border:1px solid #0066CC;}

.prolist{animation-delay: 0s; visibility: visible; animation-name: fadeInUp;border:1px solid #f6f6f6;box-shadow:0 0 3px #CCCCCC; margin-bottom: 20px; margin-top:10px;}
.prolist .listpic, .solulist .listpic{max-width:100%;background: #fff; height:100%;  max-height:270px; overflow:hidden; display:block;  text-align: center; }
.prolist .listpic img, .solulist .listpic img, .i_case .listpic img {transition: all .6s;}
.prolist:hover .listpic img , .solulist:hover .listpic img , .i_case li:hover .listpic img{transform:scale(1.06)}
.prolist:hover{border:1px solid #0262da;box-shadow:0 0 3px #0262da;}
.prolist:hover .item_wrapper { background:#edf6ff ; color:#fff;  border-top:1px solid #edf6ff;}
.prolist:hover a{text-decoration: none;}
.prolist .title, .solulist .title{font-size:14px;  bold; margin:10px 0; line-height: 300%; text-align: center;}
.item_wrapper{padding:10px 20px; width:100%;background:#f6f6f6 ; color:#333; text-align: center; border-top:1px solid #f3f3f3; transition: all .6s ease 0s;}
.solu_wrapper{padding:10px 0; width:100%; text-align: left;}
.solu_wrapper p{height: 20px; overflow: hidden; line-height: 20px; font-size:12px ;}
.solulist{animation-delay: 0s; visibility: visible; animation-name: fadeInUp;}
/*single*/
.page_menu_nav{overflow:hidden; padding:20px 10px;}
.single_tag2{ display:inline-block;}
.single_tag{ display:inline-block; margin:30px 0 0 0; width:100%;}
.single_tag a, .single_tag2 a{ padding:5px 10px; display:inline-block; margin: 0 10px 10px 0; background:#e1e1e1; color:#333; border-radius:5px;}
.single_tag a:hover, .single_tag2 a:hover{background:#E3E3E3;}
.title_page{font-size:16px; font-weight:bold ;padding:10px;}
.single_contents, .solu_contents{font-size:14px; color:#333; line-height:28px;  padding:20px 10px;}
.next_post{ width:100%; margin:30px 0; padding-top:15px; border-top: dashed #ccc 1px;}
.next_post p{ margin:0;}
.next_post p a{ color:#333;}
.relevat_title{width:100%;text-align:left ; font-weight:bold ; font-size:14px; }
.text_relvat li{ float:left; width:100%;font-size:12px; line-height: 200%;}
.text_relvat li a{ color:#666;}

/*left*/
.relevat_pro{padding:20px; clear: both; overflow: hidden;}
.relevat_pro dt, .relevat_pro dd{float:left;}
.relevat_pro dt{width:35%;}
.relevat_pro dd{width:65%;}
.relevat_pro dl{clear: both;margin: 20px 0;}
.relevat_pro .listpic{ border:1px solid #999; clear: both; width:100%; overflow:hidden; display:block; text-align: center;}
.rel-title{ height: 30px; overflow:hidden;line-height: 30px; padding-left: 15px; font-size: 14px; display: block;}
.rel-desc{ height: 40px; overflow:hidden;line-height: 20px; padding-left: 15px; font-size:12px; color:#777777;}
.leftContact{margin-top: 110px;background:#FFF; box-shadow:0 0 3px #ddd; position: relative; border-bottom: 2px solid #64a3d9;}
.leftContact .pic{height:118px;background: url("images/contact.jpg") top center no-repeat ; position: absolute; top:-54px; padding:0 50%;}
.leftContact .info{padding:80px 20px 20px 20px;clear:both; line-height: 200%;}

.solu_contents h2{font-size:20px}
.solu_contents hr,.single_contents hr{ border-top:1px solid #dcdcdc ;}

/* footer */
.footer{ width:100%; height:auto; padding:50px 0 60px 0; background:#282731; border-top:solid 1px #f5f5f5; color:#fff; font-size: 12px; line-height: 200%;}

.footer_service li{ float:right; list-style:none; width: 180px; font-size:16px; line-height:200% ; margin:30px 0 0 0;}
/*.footer_service li .sub-menu{width:100%;}*/
.footer_service li .sub-menu li{width:100%; color: #fff; font-size:14px ;margin:0px;}
.footer_service li a, .footer a{ color: #fff;}


/*.lot{width:100%;height:730px; background: url("images/i_lot_bg.jpg") top center repeat-y;}
 .sta1{width:200%;height:50px;position:absolute;left:0;top:0;background: url("images/i_lot_bg.png") top center repeat-y;}*/
.lot{width:100%;height:730px; background:linear-gradient(90deg, #27262f, 40%, #9e9ead 0);}
.lotLeft{width:50%; float: left; position: relative; overflow: hidden; height: 100%;}
.lotRight{width:50%;background: url("images/i_lot2.jpg") top left no-repeat;height:100%; float: left;}
.lot1{background:#2258a7;top:85%; left:10%;width:90%;z-index: 10;height:40%; position: absolute;}
.lot2{top:70%;position: absolute; left:15%; z-index: 11; height: 10%; color:#fff;width:80%; line-height: 200%;}
.sta{width:100%;height:480px; background: url("images/i_sta_bg.jpg") top center no-repeat #1f57a6;}
.staLeft{width:50%; float: left; position: relative; height: 100%;}
.staRight{width:50%;height:100%;float: left;position: relative;z-index: 20;}
.sta1{width:200%;height:50px;position:absolute;left:0;top:0; background:linear-gradient(90deg, #27262f, 40%, transparent 0);}
.sta2{width:140%;position:absolute; right:-60px; top:10px; text-align: right;}
.sta3{width:90%;height:300px;position:absolute; background:#27262f;left:0;bottom:-85%;}
.sta4{width:78%;position:absolute;left:8%;bottom:-50%;color:#fff; line-height: 200%;}
.apt{width:100%;height:730px; background:#27262f;position: relative;z-index: 10;}
.aptLeft{width:30%; float: left;  height: 100%; }
.aptRight{width:70%;background: url("images/i_apt2.png") top left no-repeat;height:100%; float: left; z-index: 9;}
.apt1{background:#2258a7;bottom:-60%; right:50%;width:50%;z-index: 10;height:35%; position: absolute;}
.apt2{bottom:-22%;position: absolute; right:55%;; z-index: 11; height: 30%; color:#fff;width:40%; line-height: 200%;}

.blank1{height: 150px; width: 100%; clear: both;}
.blank2{height: 100px; width: 100%;clear: both;}
.i_case{background:linear-gradient(transparent 50%, #295ea4 0);padding-bottom: 30px;}
.i_case .title{ font-size:16px;padding-left:15px;}
.i_case .listpic{max-width:100%;background: #fff; height:100%;  max-height:200px; overflow:hidden; display:block;  text-align: center; }
.i_case span, .i_link span{font-size:10px; font-family: arial;padding-left:10px; color:#999}
.i_case li{ color:#fff;line-height: 200%;animation-delay: 0s; visibility: visible; animation-name: fadeInUp;}
.i_case li:hover .item_wrapper { background:#ddd ; color:#000;}
.i_case li .item_wrapper { background:#295ef4 ; color:#fff;text-align: center;}
.i_case li .item_wrapper a{color:#fff; }
.i_case li:hover .item_wrapper a {color:#000; }
.i_link{background:linear-gradient(#295ea4 30%, transparent 0);}
.i_link .title{ font-size:16px; text-align: center; }
.i_link2{background:#fff; text-align: center; padding:20px 30px;overflow: hidden; margin: 15px; }
.i_link2 li {float:left;width:20%;}
.i_news{}
.i_news2{ background: url("images/i_news.jpg") top left no-repeat; border-right:2px solid #666666;padding:70px 5% 0 25%; }
.i_news2 .listpic{ clear: both; width:100%; height:200px; float:left; overflow:hidden; display:block; text-align: center;margin-bottom: 20px;}
.i_news3{ padding:0 5% 0 25%; }
.i_news3 .title{ height:30px; overflow: hidden; line-height: 30px;}
.i_news4{margin-bottom:40px;}
.i_news4 .time{float:left; width:110px; text-align:left ; margin-top:10px; margin-left:50px; line-height: 220%;}
.i_news4 .abstract{width:100% margin-left:160px; height:90px; overflow: hidden; }
.proanimation {
    -webkit-animation: fadeInUp 1s .2s ease both;
    -moz-animation: fadeInUp 1s .2s ease both;
   }
   
   @-webkit-keyframes fadeInUp {
    0% {
     opacity: 0;
     -webkit-transform: translateY(20px)
    }
    100% {
     opacity: 1;
     -webkit-transform: translateY(0)
    }
   }
   
   @-moz-keyframes fadeInUp {
    0% {
     opacity: 0;
     -moz-transform: translateY(20px)
    }
    100% {
     opacity: 1;
     -moz-transform: translateY(0)
    }
   }
 
 
  
.swiper-container {width: 100%;height: 450px; background:#5b5e71 ;}
.swiper-container .swiper-pagination {left: 30px;bottom: 80px;width: auto;}
.swiper-container .swiper-slide {position: relative;overflow: hidden;}
.swiper-pagination-bullet {	width: 10px;	height: 10px;	background: none;	border: 1px solid #fff;	opacity: 1;}
.swiper-pagination-bullet-active {background: #fff;}
.full {	position: absolute;}
.full img {	height: 100%;}
.homepage-left100 {	width: 100%;position: absolute;	left: 58%;	top: 44%;z-index: 10;color:#757481;transform: translate(-50%, -50%);}
.homepage-left100 .txt {text-transform: uppercase;font-size: 44px;letter-spacing: 8px;line-height: 72px;}

.txtCenter {position: absolute;	top: 45%;left: 50%;	z-index: 10;transform: translate(-50%, -50%);text-align: center;width: 100%;padding: 15px;}
.txtCenter .txt {font-size: 125px;letter-spacing: -2px;line-height: 115px;color: #121212;text-align: center;text-transform: uppercase;font-family: "Arial Black", Gadget, sans-serif;}
.whiteTxt {	position: absolute;	top: 45%;left: 50%;	z-index: 10;transform: translate(-50%, -50%);text-align: center;width: 100%;}
.whiteTxt .txt {font-size: 65px;letter-spacing: -2px;line-height: 82px;	color: #ffffff;	text-align: center;	font-family: "Arial Black", Gadget, sans-serif;}
@media  only screen and (max-width:768px) {	
	.swiper-container {	height: auto;}
	.swiper-button-prev,.swiper-button-next,header ul li:not(:first-child) {display: none;}
	.homepage-left100 .txt {font-size: 24px;letter-spacing: 4px;line-height: 36px;}
	.txtCenter .txt {font-size: 60px;letter-spacing: 0;	line-height: 55px;}
	.whiteTxt .txt {font-size: 30px;letter-spacing: 0;line-height: 40px;}
	.swiper-container .swiper-pagination {bottom: 10px;}
}	



