body{ margin:0; padding:0; font-family:"微软雅黑",Microsoft yahei; font-size:12px;line-height:30px; color:#000;background:#F0F0F0;}

ul,ol,li, p, h1,h2,h3, h4, h5{ margin:0; padding:0;}

ul,li{ list-style:none;}

a {color:#333;text-decoration:none;}
a:hover {color:#005aa7;}

img {border:none; -ms-interpolation-mode: bicubic;}

h2 {font-size:18px;}

.header{text-align:center;width:100%;line-height:35px;color:#fff;background:#005A99;padding-bottom:15px;}

.header .header_cont {text-align:center;margin:0 auto;height:100px;}

.toolbar-item,.toolbar-layer{background:url(../images/toolbar.png) no-repeat;}
.toolbar-item{display:block;width:30px;height:20px;margin-top:1px;position:relative;-moz-transition:background-position 1s;-ms-transition:background-position 1s;-o-moz-transition:background-position 1s;-webkit-moz-transition:background-position 1s;transition:background-position 1s;}
.toolbar-item:hover .toolbar-layer{opacity:1;filter:alpha(opacity=100);transform:scale(1);-webkit-transform:scale(1);-moz-transform:scale(1);-ms-transform:scale(1);-o-transform:scale(1);}
.toolbar-item-weixin{background-position:0 -210px;z-index:9999;display:none;}
.toolbar-item-weixin:hover{background-position:0 -210px;}
.toolbar-item-weixin .toolbar-layer{height:176px;background-position:0 0;}
.toolbar-layer{position:absolute;right:5px;top:30px;width:147px;height:147px;opacity:0;filter:alpha(opacity=0);
transform-origin: 95% 95%;-moz-transform-origin: 95% 95%;-ms-transform-origin: 95% 95%;-o-transform-origin: 95% 95%;-webkit-transform-origin: 95% 95%;transform:scale(0.00);
-moz-transform:scale(0.00);-ms-transform:scale(0.01);-o-transform:scale(0.01);-webkit-transform:scale(0.00);transition:all 0s;-moz-transition:all 0s;-ms-transition:all 0s;-o-transition:all 1s;-webkit-transition:all 0s;}


.header .header_cont .header_contleft {float:left;text-align:left;}
.header .header_cont .header_contleft p {margin-top:15px;margin-bottom:14px;}
.header .header_cont .header_contleft p a {opacity:1;}


/*下拉菜单 */

.nav {float:left;width:100%;}

.nav a {
  display: block;
  padding: 0 25px;
  line-height: inherit;
  cursor: pointer;
  color:#fff;
}
.nav_menu {
  line-height:30px;
  text-transform: uppercase;
  font-size:14px;
}
.nav_menu-item {
  display: inline-block;
  position: relative;
  float:left;
}
.nav_menu-item img {vertical-align:middle;margin-left:3px;}
.nav_menu-item:hover {
  background-color:#0074BB;
}
.nav_menu-item:hover .nav_submenu {
  display: block;
}
.nav_submenu {
  font-weight: 300;
  text-transform: none;
  display: none;
  position: absolute;
  background-color:#0074BB;
  font-size:12px;
  z-index:9999;
}
.nav_submenu li {
  font-size:12px;
}
.nav_submenu-item:hover {
  background: rgba(0, 0, 0, 0.1);
}
.nav_submenu li a {padding:0 5px;}
.nav_submenu li img {margin:0;}
.nav_submenu li.else a {margin-left:14px;}

.anchor { display:block; height:0; }


/* 微信 */

.qrcode-item,.qrcode-layer{background:url(../images2021/homepage/qrcode.png) no-repeat;}
.qrcode{position:fixed;right:10px;top:60%; z-index:9999;}/*假设网页宽度为1200px，导航条在右侧悬浮*/
.qrcode-item{display:block;width:52px;height:52px;margin-top:1px;position:relative;-moz-transition:background-position 1s;-ms-transition:background-position 1s;-o-moz-transition:background-position 1s;-webkit-moz-transition:background-position 1s;transition:background-position 1s;}
.qrcode-item:hover .qrcode-layer{opacity:1;filter:alpha(opacity=100);transform:scale(1);-webkit-transform:scale(1);-moz-transform:scale(1);-ms-transform:scale(1);-o-transform:scale(1);}
.qrcode-item-weixin{background-position:0 -180px;}
.qrcode-item-weixin:hover{background-position:0 -180px;}
.qrcode-item-weixin .qrcode-layer{height:178px;background-position:0 0;}
.qrcode-layer{position:absolute;right:80px;bottom:-80px;width:160px;opacity:0;filter:alpha(opacity=0);
transform-origin: 95% 95%;-moz-transform-origin: 95% 95%;-ms-transform-origin: 95% 95%;-o-transform-origin: 95% 95%;-webkit-transform-origin: 95% 95%;transform:scale(0.01);
-moz-transform:scale(0.01);-ms-transform:scale(0.01);-o-transform:scale(0.01);-webkit-transform:scale(0.01);transition:all 1s;-moz-transition:all 1s;-ms-transition:all 1s;-o-transition:all 1s;-webkit-transition:all 1s;}



.box {
	margin-top: 40px;
	height: 85px;
}
.box h2 {text-align:center;margin:0px auto;width:100px;height:40px;border-bottom:solid 2px #0B57A3;color:#0B57A3;}
.menu {
	width: 700px;
	margin: 0 auto;
	-webkit-perspective: 50px;
	-moz-perspective: 50px;
	-ms-perspective: 50px;
	perspective: 50px;	
}
.menu > li {
	display: inline-block;
	padding-top: 40px;
	-webkit-transform-style: preserve-3d;
	-moz-transform-style: preserve-3d;
	-ms-transform-style: preserve-3d;
	transform-style: preserve-3d;
}
.menu > li > a {
	position: relative;
	display: block;
	line-height: 36px;
	color: #fff;
	font-weight: bold;
	font-size: 20px;
	padding: 0 20px;
}
.menu > li:first-child > a:before {
	position: absolute;
	left: 0;
	top: 36px;
	content: '';
	width: 1px;
	height: 1px;
	border-width: 15px 30px;
	border-style: solid;
	border-color: transparent;
	border-top-color: #4bb100;
}
.menu > li:first-child > a:after {
	font-family: 'iconminia';
	font-style: normal;
	speak: none;
	font-weight: normal;
	-webkit-font-smoothing: antialiased;
	font-size: 22px;
	content: "\21";
}
.menu > li:first-child a,
	.menu > li:first-child:hover > a,
	.menu > li:first-child:hover a:hover {
	color: #fff;
	top: 2px;
	height: 36px;
	margin-left: 50px;
	margin-right: 50px;
}
.menu > li:hover > a {
	color: #1a89c8;
	text-decoration: none;
	border-radius: 5px 5px 0 0;
	background-color: #fff;
} 
.menu ul {
	position:absolute;
	text-align:center;
	line-height: 40px;
	font-size: 14px;
	width:230px;
	background-color: #fff;
	-webkit-transition: all 0.3s ease-in;
	-moz-transition: all 0.3s ease-in;
	-ms-transition: all 0.3s ease-in;
	transition: all 0.3s ease-in;
	-webkit-transform-origin: 0px 0px;
 	-moz-transform-origin: 0px 0px;
 	transform-origin: 0px 0px;
 	-webkit-transform: rotateX(-90deg);
 	-moz-transform: rotateX(-80deg);
	transform: rotateX(-90deg);
	-moz-backface-visibility: hidden;
	-webkit-backface-visibility: hidden;
	backface-visibility: hidden;
	z-index:130;border-radius:8px;background-color:#fff;box-shadow:0 1px 18px #005aa7;margin-top:-80px;
}
.menu ul a {
	display: block;
	padding: 0 15px 0 10px;
	color: #1a89c8;
}
.menu > li:hover ul {
	display: block;
	-webkit-transform: rotateX(0deg);
	-moz-transform: rotateX(0deg);
	-ms-transform: rotateX(0deg);
	transform: rotateX(0deg);
}
.menu ul a:hover {
	color: #fff;
	text-shadow: 0 1px 0 #1c71a1;
	text-decoration: none;
	background-color: #218bc7;
} 



.header_cont {width:950px;}
.header .header_cont .header_contright {float:right;margin-top:20px;}
.header .header_cont .header_contright a {float:left;color:#fff;}
.header .header_cont .header_contright a:hover {color:#ff0;}

.nav a {padding:0 35px;font-size:14px;text-align:left;}
.nav_submenu {width:140px;}
.nav_submenu li a {font-size:12px;}

.tdk2021_topic {float:left;width:100%;}

/* 图片轮播 */

.topic_banner {width:100%;margin:0 auto;text-align:center;float:left;background:#005aa7}
.topic_banner img {width:100%;}
.img_news {float:left;text-align:center;width:100%;text-align:center;}

.flashlist {float:left;width:100%;}
.flashlist .f_out {overflow:hidden;position:relative;}
.flashlist .f_out img {width:100%;}

.flashlist .f_out .vip01pic,.jcToppic .vip01pic {width:58px;height:58px;display:block;position:absolute;top:0px;left:0px;}
.flashlist .f_out .vip01pic,.jcToppic .vip02pic {width:39px;height:39px;display:block;position:absolute;top:0px;left:0px;}
.flashlist .f_out .picintro {height:40px;position:absolute;bottom:0;left:0;width:425px;text-align:center;background:#000000; filter:alpha(opacity=80); -moz-opacity:0.8; -khtml-opacity: 0.8; opacity: 0.8;font-family:"微软雅黑",Microsoft yahei;}
.flashlist .f_out .picintro h2 a {color:#FFF;font-family:"微软雅黑",Microsoft yahei;font-size:18px;font-weight:normal;line-height:40px;text-decoration:none;}
.flashlist .f_out .picintro h2 a:Hover {color:#ff0;text-decoration:none;}
.flashlist .f_out .picintro p {color:#767676;line-height:20px;}
.flashlist .f_out .picintro p a {color:#abadac;}

.flash_tab{position: absolute;width:80%;margin-top:16%;text-align: right;z-index:99;display:block;}
.flash_tab .tabs ul li {display: inline-block;width:15px;height:15px;background-color: #ccc;margin: 0 6px;border-radius: 50%;cursor: pointer;}

.flash_tab .tabs ul li.opdiv a {width:15px;height:15px;background:#fff;display:block;border-radius:10px}
.flash_tab .tabs ul li.opdiv a:hover {background:#005AA6;}
.flash_tab .tabs ul li.noopdiv a {width:15px;height:15px;background:#005AA6;display:block;border-radius:10px}


/* 图片轮播 end */



.tdk2021_topicnav {width:100%;margin-top:380px;text-align:center;position: absolute;z-index:99;}
.tdk2021_topicnav ul {width:1200px;margin:0 auto;text-align:center;}
.tdk2021_topicnav ul li a {float:left;}
.tdk2021_topicnav ul li a img{width:170px;}


.tdk2021_topicbody {float:left;width:100%;background:#005aa7 url(../images2021/topic/topic_bodybg.png) no-repeat center top;background-size:100%;padding-bottom:60px;padding-top:20px;}

.tdk2021_topicbody .tdk2021_topicarea {width:1000px;background:#fff;margin:0px auto 20px;text-align:center;}
.tdk2021_topicbody .tdk2021_topicarea .tdk2021_topiclist {float:left;width:100%;background:#fff;padding:20px 0px 30px;}
.tdk2021_topicbody .tdk2021_topicarea .right_img {position:absolute;z-index:99;}

.tdk2021_topicbody .tdk2021_topicarea .IoT {margin-top:25px;margin-left:1000px;}
.tdk2021_topicbody .tdk2021_topicarea .IoT img {width:90px;}

.tdk2021_topicbody .tdk2021_topicarea .Mobility {margin-top:10px;margin-left:970px;}
.tdk2021_topicbody .tdk2021_topicarea .Mobility img {width:130px;}

.tdk2021_topicbody .tdk2021_topicarea .Wellness {margin-top:25px;margin-left:1000px;}
.tdk2021_topicbody .tdk2021_topicarea .Wellness img {width:90px;}

.tdk2021_topicbody .tdk2021_topicarea .Connections {margin-top:20px;margin-left:1000px;}
.tdk2021_topicbody .tdk2021_topicarea .Connections img {height:490px;}

.tdk2021_topicbody .tdk2021_topicarea .Energy {margin-top:25px;margin-left:975px;}
.tdk2021_topicbody .tdk2021_topicarea .Energy img {width:110px;}

.tdk2021_topicbody .tdk2021_topicarea .Robotics {margin-top:25px;margin-left:1000px;}
.tdk2021_topicbody .tdk2021_topicarea .Robotics img {height:445px;}

.tdk2021_topicbody .tdk2021_topicarea .Experience {margin-top:20px;margin-left:985px;}
.tdk2021_topicbody .tdk2021_topicarea .Experience img {width:100px;}



.tdk2021_topicbody .tdk2021_topicarea ul {width:960px;margin:10px auto;text-align:center;display:block;}
.tdk2021_topicbody .tdk2021_topicarea ul li {float:left;width:960px;padding-bottom:20px;margin-top:25px;border-bottom:solid 1px #80ADD4;}
.tdk2021_topicbody .tdk2021_topicarea ul li .list_img {float:left;width:310px;text-align:left;margin-left:20px;}
.tdk2021_topicbody .tdk2021_topicarea ul li .list_img img {width:280px;}
.tdk2021_topicbody .tdk2021_topicarea ul li h2 {float:left;width:610px;text-align:left;line-height:45px;font-size:19px;}
.tdk2021_topicbody .tdk2021_topicarea ul li h2 img {vertical-align:middle;width:42px;}

.tdk2021_topicbody .tdk2021_topicarea ul li p {float:left;width:610px;text-align:left;font-size:13px;line-height:23px;color:#333;}
.tdk2021_topicbody .tdk2021_topicarea ul li span {float:left;width:610px;margin-top:8px;}
.tdk2021_topicbody .tdk2021_topicarea ul li span a {padding:0px 15px;background:#005AA9;border-radius:15px;color:#fff;font-size:13px;float:right;}
.tdk2021_topicbody .tdk2021_topicarea ul li span a:hover {background:#f60;}


.tdk2021_about {width:1000px;margin:0 auto;text-align:center;}
.tdk2021_about .tdk2021_aboutarea {float:left;width:100%;background:#F0F0F0 url(../images2021/topic/about_bg.jpg) no-repeat center top;height:500px;margin-top:70px;}

.tdk2021_about .about_text1 {float:left;width:420px;padding:0px 50px 0px 50px;margin-top:80px;text-align:left;font-size:13px;line-height:22px;height:200px;}
.tdk2021_about .about_text1 p {margin-top:20px;}
.tdk2021_about .about_text2 {float:left;width:420px;margin-top:80px;text-align:left;font-size:13px;line-height:22px;}
.tdk2021_about .about_text2 p {margin-top:15px;}

.tdk2021_about .about_video2 {float:left;width:550px;margin-left:20px;margin-top:0px;}
.tdk2021_about .about_video2 img {width:80%;border:solid 6px #fff;}


.tdk2021_video {width:1000px;margin:0 auto;text-align:center;}
.tdk2021_video .tdk2021_videoarea {float:left;width:100%;margin:20px 0px 60px;}
.tdk2021_video .tdk2021_videoarea .video1 {float:left;width:498px;margin-right:2px;background:#D9D9D9;}
.tdk2021_video .tdk2021_videoarea .video1 p a {display:block;line-height:60px;height:60px;padding:12px 0;color:#fff;font-size:20px;background:#808080;}
.tdk2021_video .tdk2021_videoarea .video1 p a:hover {background:#6D6D6D;}
.tdk2021_video .tdk2021_videoarea .video1 img {margin:15px 0;}
.tdk2021_video .tdk2021_videoarea .video2 {float:left;width:498px;margin-left:2px;background:#D9D9D9;}
.tdk2021_video .tdk2021_videoarea .video2 p a {display:block;line-height:30px;height:60px;padding:12px 0;color:#fff;font-size:20px;background:#808080;}
.tdk2021_video .tdk2021_videoarea .video2 p a:hover {background:#6D6D6D;}
.tdk2021_video .tdk2021_videoarea .video2 img {margin:15px 0;}



.tdk2021_contact {float:left;width:100%;background:#005aa7 url(../images2021/topic/contactus.jpg) no-repeat right top;background-size:60%;height:420px;}
.tdk2021_contact .contact_area {margin:20px auto;width:950px;text-align:center;}
.tdk2021_contact .contact_area ul {float:left;width:300px;text-align:left;color:#fff;margin-top:30px;font-size:13px;line-height:42px;}
.tdk2021_contact .contact_area ul h2 {font-size:42px;line-height:60px;margin-bottom:20px;}


.tdk2021_contact .contact_area ul li {padding-left:32px;}
.tdk2021_contact .contact_area ul li.c1 {background-image:Url(../images2021/topic/contact_ico.png);background-repeat:no-repeat;background-position:-10px -7px;}
.tdk2021_contact .contact_area ul li.c2 {background-image:Url(../images2021/topic/contact_ico.png);background-repeat:no-repeat;background-position:-10px -46px;}
.tdk2021_contact .contact_area ul li.c3 {background-image:Url(../images2021/topic/contact_ico.png);background-repeat:no-repeat;background-position:-10px -82px;}
.tdk2021_contact .contact_area ul li.c4 {background-image:Url(../images2021/topic/contact_ico.png);background-repeat:no-repeat;background-position:-10px -118px;}
.tdk2021_contact .contact_area ul li.c5 {background-image:Url(../images2021/topic/contact_ico.png);background-repeat:no-repeat;background-position:-10px -158px;}

.tdk2021_contact .contact_area ul li a {color:#fff;}
.tdk2021_contact .contact_area ul li a:hover {color:#ff0;}



.footer{clear:both;float:left;text-align:center;width:100%;line-height:35px;color:#fff;font-size:14px;;background:#005aa7;padding:20px 0;}
.footer p {text-align:center;display:inline;color:#fff;margin:0 3%;}



/*clearboth*/
.clearfix:after{content:'.';display:block;height:0;clear:both;visibility:hidden;}
.clearfix{*zoom:1;}
.clearfix .clear{_height:0px;}


/*gotop*/
.cbbfixed {position: fixed;right: 10px;transition: bottom ease .3s;bottom: -85px;z-index: 3;cursor:pointer;}
.cbbfixed .cbbtn {width: 40px;height: 40px;display: block;background-color:#003E7B;}
.cbbfixed .gotop {transition: background-color ease .3s;margin-top: 1px;}
.cbbfixed .gotop .up-icon{float:left;margin:14px 0 0 9px;width:23px;height:12px;background: url(../images2021/topic/side-icon.png);}
.cbbfixed .gotop:hover {background-color:#2c2d2e;}
.cbbfixed .cweixin {background: #dadbdd;display:none;}
.cbbfixed .cweixin div {background: url(../images2021/erwei.png);width: 194px;height: 199px;position: absolute;left: -194px;top: -115px;opacity: 0;transform: scale(0); -webkit-transform: scale(0);transform-origin: 100% 70%;-webkit-transform-origin: 100% 70%;transition: transform ease .3s,opacity ease .3s;-webkit-transition: all ease .3s;display:none\0;*display:none;}
.cbbfixed .cweixin:hover div {display: block;transform: scale(1);-webkit-transform: scale(1);opacity: 1;*display:block;}
.cbbfixed .cweixin .weixin-icon{float: left;margin:12px 0 0 11px;width:18px;height: 18px; background: url(../images2021/side-icon01.png);}





/* For devices smaller than 650px */

@media (max-width: 650px) {

.header {float:left;width:100%;}
.header {padding-bottom:8px;}


.header .header_contleft {float:left;width:70%;text-align:center;}
.header .header_contright {float:left;width:30%;margin-top:10px;text-align:center;}
.header .header_contright img {float:left;width:80%;}

.nav a {padding:0 10px;font-size:0.88rem;text-align:center;}
.nav_submenu li a {width:120px;font-size:0.88rem;text-align:left;}
.nav_submenu li.else a {margin-left:18px;}

.nav_menu-item img {width:15px;}

.footer{clear:both;float:left;text-align:center;width:100%;line-height:35px;color:#fff;font-size:14px;;background:#005aa7;padding:10px 0;}
.footer p {text-align:center;display:block;color:#fff;margin:0 3%;}


}


/* For devices larger than 650px */
@media (max-width:1440px) {


.tdk2021_topicnav {width:100%;margin-top:260px;text-align:center;position: absolute;z-index:99;}

.tdk2021_topicbody .tdk2021_topicarea {width:1000px;background:#fff;margin:0px auto 20px;text-align:center;}
.tdk2021_topicbody .tdk2021_topicarea .tdk2021_topiclist {float:left;width:100%;background:#fff;padding:20px 0px 30px;}


.tdk2021_contact {float:left;width:100%;background:#005aa7 url(../images2021/topic/contactus.jpg) no-repeat right top;background-size:60%;height:350px;}

}