﻿@charset "utf-8";
/* CSS Document */

body, nav, dl, dt, dd, p, h1, h2, h3, h4, ul, ol, li, input, button, textarea, footer {
    margin: 0;
    padding: 0;
}
body {background: none repeat scroll 0 0 #fff;color: #111;font: 15px 'XinGothic-SinaWeibo','Microsoft Yahei','helvetica','arial';min-width: 1200px; line-height: 24px;}
form {display: inline;}
ul, li, ol,img {list-style: none outside none; margin: 0; padding: 0;}
input {cursor: pointer;}
a {color: #333;text-decoration: none;}
a:hover {color: #f04e23;text-decoration: none;}
button, input, select, textarea {text-decoration: none;font-family:"微软雅黑";}
h1, h2, h3, h4,h5,h6{ font-weight:normal; margin:0; padding:0;}
h2 a{ color:#fff;}
h2 a:hover{ text-decoration: underline; color: #fff;}
b, em{ font-style:normal; font-weight:500;}
.fl {float: left;}
.fr {float: right;}
.cl{ clear:both; overflow:hidden;}
.hid{ display:none;}
.icons{ background:url(../images/icons.png) no-repeat;}
.button{ margin: 15px 0 15px; }
.button a{line-height: 38px; height: 38px; background: #f78d21; color: #fff; padding: 0 20px; display:inline-block;}
.button a:hover{background: #f04e23; color: #fff; }


.c_333{ color:#333;} .c_666{ color:#666;} .c_ccc{ color:#ccc;}
.mtop_10{ margin-top:10px;} .mtop_20{margin-top:20px;} .mtop_30{margin-top:30px;}
.mleft_10{ margin-left:10px;}.mleft_20{ margin-left:20px;}.mleft_30{ margin-left:30px;}.mleft_40{ margin-left:40px;}


.top{ height: 95px;}
.top_box{ width:1200px; margin: 0 auto;}
.top_box .logo{ margin-top:25px; }
.top_box .login{ margin-top: 42px;margin-right: 60px;}
.top_box .login a{ background:#065fa3; padding: 5px 10px; color: #fff; margin: 0 10px;}
.top_box .login a:hover{ background: #f78d21;}
.top_box .login span{ font-weight:bold;}
.top_box .login .out{ background:none; color: #999;}
.top_box .login .out:hover{ text-decoration:underline; background:none;}
.top_box .contact{ background:url(../images/ni_topbg.png) no-repeat; width:110px; height: 28px; color: #fff; padding-top: 45px; text-align: center;}
.top_box .contact a{ color:#fff; cursor: pointer; display: block;}
.top_box .contact:hover{animation: zy 1.5s .15s linear infinite;}

@keyframes zy{
  10% {
    transform: rotate(15deg);
  }
  20% {
    transform: rotate(-10deg);
  }
  30% {
    transform: rotate(5deg);
  }
  40% {
    transform: rotate(-5deg);
  }
  50%,100% {
    transform: rotate(0deg);
  }
}



.nav{ background:#065fa3; border-top: 4px solid #3498db; width: 100%;height:70px; margin-bottom: 23px;}
.nav ul{ width:1200px; margin: 0 auto;}
.nav ul li{ float:left; margin: 0 2px;  }
.nav ul li a{color: #fff;padding: 0 32px; font-size: 18px; line-height: 70px; display: block;} 
.nav ul li a:hover{ background:#0e385f;}
.nav .curr{ background:#0e385f;}


.main{ width:1200px; margin: 0 auto;min-height: 650px;}
#main{ width:1200px; margin: 0 auto;}

/****** 首页动态效果通用样式 *****/
.moving li{ position:relative;}
.moving li .Total{ position:absolute; z-index:1; background-color:rgba(14,56,95,0.9); padding: 15px 25px; transition:top 1s; color: #fff;}
.moving li:hover .Total{ top:0; }
.moving li .text{}
.moving li .text h1{font-size:20px;  border-bottom: 2px solid #f78d21;padding-bottom: 12px;margin-bottom: 10px;display: inline-block; }
.moving li .text h2{ font-size:16px;}
.moving li .text .first{ margin-top: 10px;}
.moving li .text .first p{ font-size: 14px; color: #b7c6d4; margin: 10px 0;max-height: 72px;  overflow: hidden;}
.moving li .text .section_call{}
.moving li .text .section_call ul li{ margin:8px 0; height: 24px !important; line-height: 24px; overflow: hidden;}
.moving li .text .section_call ul li a{ color:#fff; font-size: 16px;}
.moving li .text .section_call ul li a:hover{ text-decoration: underline;}
.moving li .btn{ width:106px; height: 36px; text-align: center; line-height: 36px; background: #f78d21;  margin: 20px auto 0;}
.moving li .btn a{ background: #f78d21; color: #fff; display: block;}
.moving li .btn a:hover{ background: #f04e23;}

/****** end首页动态效果通用 *****/

.index-bigimg .left{ float: left; width:640px; height: 460px;  background: #f8f8f8;}
.index-bigimg .left .text{width:590px; height:430px; top:410px; }
.index-bigimg .right{ float:right; width:550px;}
.index-bigimg .right li{ height:225px; overflow: hidden;}
.index-bigimg .right .text{width:500px; height:195px; top:175px; }
.index-bigimg .right .text .first p{ max-height: 48px;  overflow: hidden;}

.index_trisection{ clear: both; overflow: hidden;}
.index_trisection ul li{ width:393px; height: 370px; overflow: hidden;}
.index_trisection ul li .text{width:343px; height:340px; top:320px; }
.index_bottom_grid{}
.index_bottom_grid .semiconductor{ width: 360px;height:560px;}
.index_bottom_grid .semiconductor .text{width:310px; height:530px; top:510px; }
.index_bottom_grid .car_box{ width: 830px;}
.index_bottom_grid .car_box li{ width: 410px; height: 275px;overflow: hidden;}
.index_bottom_grid .car_box .text{  width: 360px; top:225px; height: 245px; }

.index_bottom_new{margin-top: 30px; clear: both; overflow: hidden;}
.index_bottom_new .latestNews{ float:left; width:420px;}
.index_bottom_new .latestNews h3{ font-size:24px; margin-bottom: 20px; line-height: 38px;}
.index_bottom_new .latestNews h3 i{ width: 38px; height: 38px; display: block; margin-right: 8px; background-position: 0 0; float:left;}
.index_bottom_new .latestNews h3 a{ float:right; color: #999; font-size: 14px; margin-top: 4px;}
.index_bottom_new .latestNews ul li{ line-height:55px; border-bottom: 1px dashed #ccc; text-overflow: ellipsis; overflow: hidden; white-space:nowrap;}
.index_weibo{ width: 275px; float: right;height: 385px; border: 4px solid #f78d21; background: #fff;}


.footer{ height:98px; line-height: 98px; background: #474747; color: #fff; text-align: center; margin-top: 50px;}

/****** 内容页面 *****/
.industryBlock{ clear: both; overflow: hidden;}
.industryBlock ul li{ width: 560px;    display: inline-block; vertical-align: top; margin-top: 20px; margin-left: 16px; margin-right: 16px; margin-bottom: 30px;}
.industryBlock ul li .CoverImg{ width: 560px; height:230px; overflow: hidden;cursor: pointer; overflow: hidden;     border: 1px solid #f3f3f3;}
.industryBlock ul li .CoverImg img{transition: all 0.6s;width: 560px; height:230px; }
.industryBlock ul li .CoverImg img:hover{transform: scale(1.1);}
.industryBlock ul li .CoverImg_big{ height: 355px;}
.industryBlock ul li .CoverImg_big img{ height: 355px;}
.industryBlock ul li h2{ font-size:18px; color: #065fa3; margin: 16px 0;}
.industryBlock ul li h2:hover{ color: #f04e23;}
.industryBlock ul li .about{ max-height: 74px; overflow: hidden;}
.industryBlock .pdf_list{ margin-top: 12px;}
.industryBlock .pdf_list li{ margin: 3px 0px; height: 24px; overflow: hidden;text-overflow: ellipsis;white-space: nowrap;width:510px;}
.industryBlock .pdf_list li i{ float:left;width: 24px; height: 24px; display: block;margin-right: 8px;}
.pdf_icon{ background-position: 0 -55px; }
.down_icon{ background-position: 0 -95px; }
.iiot_hot{ background:#f3f3f3; padding: 15px 20px; clear: both; overflow: hidden;}
.iiot_hot h3{ font-size:18px; font-weight: bold; margin-bottom: 10px;}
.iiot_video{ width:100%; clear: both; overflow: hidden;}
.iiot_video li{ width:260px !important; height: 180px !important; margin-top: 0 !important;}
.iiot_video li img{width:258px; height: 148px; border: 1px solid #ccc; overflow: hidden;}
.iiot_video li p{ text-align: center; width: 260px; height: 48px;  overflow: hidden;}
.iiot_video li { position:relative; width: 260px; height: 150px;}
.iiot_video li i{width: 45px; height: 45px; position: absolute; top: 50px; left: 100px; display: block; background: url(../images/ico_play.png) no-repeat -6px -60px;}
.iiot_video li:hover i{width: 45px; height: 45px; position: absolute; top: 50px; left: 100px; display: block; background: url(../images/ico_play.png) no-repeat -6px -105px;}

/*-------新闻-------*/
.news_list{ margin: 0 20px; }
.news_list ul li{ border-bottom:1px solid #eee; padding: 20px; font-size: 16px; display: block;}
.news_list ul li .time{ float:right; color: #999;}
.news_list ul li:hover{ background:#f3f3f3;transition: background 1s;}
.news_list ul li a:hover{ color: #065fa3;}
.position{ font-size:15px; color: #999; margin-bottom: 10px; margin-left: 20px;}
.news_content{ margin:0px 20px;}
.news_content h2{ font-size:26px; text-align: center; margin: 30px 0 20px;}
.news_content .time{ text-align:center; color: #999; margin-bottom: 20px;}
.newstext p{ margin: 20px 0; line-height: 28px; }
.newstext p img{ text-align:center;}
.newstext img{ max-width:600px; max-height: 450px;text-align:center; margin: 10px auto;}

.contact_tab{ }
.contact_tab p{ margin:10px 0; line-height:36px;}
.aboutcont{    padding: 0 20px;}


