@charset "utf-8";
/* CSS Document */
*html{
background-image:url(about:blank);
background-attachment:fixed;
}

a {
    blur:e­xpression(this.onFocus=this.blur());
} /* for IE */
a {
    outline: none;
} /* for 火狐等浏览器 */
body {
  max-width:1920px;margin: 0 auto;font-family: '微软雅黑';
}
strong, b ,em,i{ font-weight: normal; font-style:normal; }
ul, ol, dl, li, dt, dd { list-style-type: none; margin: 0; padding: 0; }
a { text-decoration: none; color: #666; font-weight: normal; }
a:hover { text-decoration: none;}
.clear { clear: both; }
.clearfix{zoom:1}
.clearfix:before,.clearfix:after{display:table;content:"";}
.clearfix:after{ content:"."; display:block; height:0; clear:both; visibility:hidden;}
img { border: none; overflow:hidden; }
input{ border:none; padding:0; margin:0; outline:none;}
.fl{ float:left; display:inline;}
.fr{ float:right; display:inline;}
.wh{ width:1200px; margin:0 auto; }
.hidden{display:none;}
table{ border-collapse:collapse; border-spacing:0; width:100%;}

.index_content{ background:url(../images/index_bg.png) repeat-y #161616; padding-bottom:100px}
.logo_top{ height:84px; background:#ed1b24; width:100%;}
.logo_con{ overflow:hidden;}
.logo{ overflow:hidden; margin-left:26px;}
.logo img{ width:350px; height:60px; overflow:hidden; margin-top:10px;}

.car_banner{ overflow:hidden; padding-top:50px;}

.js_wordCon{  overflow:hidden; margin-top:30px; height:590px; background:#fff url(../images/js_wordBg.png) no-repeat center;}
.case_list{ margin-top:30px; overflow:hidden; padding:0;}
.case_list ul li{ float:left; display:inline;text-align:center; min-width:270px; margin-left:90px;}
.case_list ul li p{ font-size:20px; color:#000; font-weight:bold; margin-top:10px;}
.case_list ul li a.more{ display:block; width:120px; height:50px; border-radius:8px; background:#cc0000; color:#fff; margin-top:12px; text-align:center; line-height:50px; margin-left:30%;}

.js_wordDownLoadCon{ margin-top:20px; overflow:hidden; padding:0; width:1200px;}
.js_wordDownLoadCon h2{ font-size:32px; color:#000; text-align:center; margin-top:50px;}
.js_wordDownLoadCon h2 span{ color:#ff0000;}

.word_downList{ margin-top:20px; overflow:hidden;}
.word_downList ul li{ float:left; overflow:hidden; width:470px; margin-left:100px; margin-top:30px; }
.word_downList ul li a{ color:#000; font-size:20px; text-decoration:underline;}

.index_videoCon{ border:10px solid #4d96cd;  overflow:hidden; margin-top:30px; width:1180px; padding:30px 0;}
.video_conBg{  margin:0 14px; height:615px; position:relative; z-index:10; margin-top:50px;}
.Title_b{display: block;width:200px;height:54px;line-height: 53px;background: #cc0000;color:#fff;text-align: center;font-size: 32px; -webkit-border-radius:7px;-moz-border-radius:7px;border-radius:7px;-webkit-box-shadow: 4px 6px 18px #000;-moz-box-shadow: 4px 6px 18px #000;box-shadow: 4px 6px 18px #000;}

.index_footer{ background:#d7d7d7; height:350px; overflow:hidden;}
.footer_content{ overflow:hidden; width:1200px; margin:0 auto;}
.footer_topCon{ overflow:hidden; margin-top:16px; padding-bottom:36px; border-bottom:1px solid #c4c4c4;}
.footer_topConL{ width:208px; border-right:1px solid #c5c5c5; height:160px; padding-left:66px; padding-top:56px;}
.footer_topConL p{ font-size:18px; color:#000; font-weight:bold;}
.footer_topConL h2{ font-size:24px; color:#000; font-weight:bold; margin-top:10px;}
.footer_topConC{ width:299px; border-right:1px solid #c5c5c5; padding-left:40px; overflow:hidden; height:216px; padding-left:40px;}
.footer_topConC p{ color:#666; margin-top:10px;}
.footer_topConR{ width:480px; overflow:hidden; padding-left:30px;}
.gywm_des{ overflow:hidden;}
.gywm_des img{ float:left; display:inline; width:260px;}
.gywm_des h6{ float:right; display:inline; font-size:16px; color:#666;}
.footer_topConR p{ margin-top:30px; line-height:30px; color:#666;}

.copyRightCon{ margin-top:18px; overflow:hidden;}
.copyRightConL{ width:760px; overflow:hidden;}
.copyRightConL p{ font-size:12px; color:#666; margin-top:12px;}
.copyRightConL p a{ color:#666;}
.copyRightConR{ width:190px; overflow:hidden;}
.copyRightConR img{ margin-left:10px;}


/*弹出层*/
.showConfirm,.showConfirm2,.showConfirm3{ background:rgba(0,0,0,.7); display:none; position:fixed;top:0; width:100%; height:100%; overflow:hidden; z-index:1000;}
.confirmVideo,.confirmVideo2,.confirmVideo3{ width:880px; height:590px; overflow:hidden; position:fixed; left:50%; top:50%; margin-left:-440px; margin-top:-295px; z-index:3000; display:none;}
.confirmTitleBar{ height:60px; background:#fff; overflow:hidden;}
.confirmTitleBar h2{ float:left; line-height:60px; display:inline-block; font-size:18px; color:#333; padding-left:22px;}
.confirmTitleBar span.close_icon{ float:right; cursor:pointer; display:inline-block; background:url(../images/close_iconBg.gif) no-repeat; width:12px; height:12px; margin-right:22px; margin-top:24px;}
.videoUrl{ overflow:hidden; height:100px; background:#ccc;}
.videoUrl p{ font-size:20px;margin:30px 0 0 30px;}
.videoUrl p a{ color:#ff0000;}
.designFiles{ background:#f0f0f0; padding:10px; overflow:hidden;}
.designFiles h2{ font-size:16px; margin-left:10px;}
.designFiles p.text{ height:30px; margin:10px 0 0 10px;}
.designFiles p.text a{ color:#189;}

.downloadMultiple{ position:absolute; background:#fff; border:3px solid silver; padding:10px 10px 10px 20px; margin-top:20px; z-index:50; display:none;}
.downloadMultiple .close{ position:absolute; background:url(http://www.ti.com.cn/assets/images/iconCloseModal.png) no-repeat; width:18px; height:18px; cursor:pointer; left:10px; top:10px;}
.designFiles p.cta{ text-align:center; margin:0;}
.button{ display:inline-block; width:120px; height:30px; background:#156; line-height:30px; color:#fff; cursor:pointer;}
.button span.download{ background:url(http://www.ti.com.cn/assets/images/icons/icon_m_doc-download_btn_c.png) no-repeat left center; display:inline-block; padding-left:20px;}
.downloadMultiple .list{ position:relative; width:800px; min-height:200px; overflow-y:scroll; padding-right:10px; margin-top:24px;}
.downloadMultiple ul{ margin-bottom:10px;}
.downloadMultiple li{ position:relative; border-bottom:1px dotted silver; padding:2px 8px 1px 0;}

.Title_b{display: block;width:200px;height:54px;line-height: 53px;background: #cc0000;color:#fff;text-align: center;font-size: 32px;-webkit-border-radius:7px;-moz-border-radius:7px;border-radius:7px; -webkit-box-shadow: 4px 6px 18px #000;-moz-box-shadow: 4px 6px 18px #000;box-shadow: 4px 6px 18px #000;}

.container_bluebor{width:1000px;margin: 0 auto;}
.videoBox{width:100%;background: url(../images/bg1.png);width:965px;height:513px;margin: 0 auto;position: relative;}
.videoBox .Title_b{width:113px;position: absolute;left:420px;top:17px;}
.videoBox .video1{width:204px;position: absolute;left:65px;top:200px;}
.videoBox .video2{width:392px;position: absolute;left:282px;top:95px;}
.videoBox .video3{width:210px;position: absolute;right:65px;top:200px;}
.videoBox .video1 .title,.videoBox .video3 .title{width:100%;font-size: 12px;line-height: 16px;margin-bottom: 3px;}
.videoBox .video1 .title{
	padding-left:8px;
}
.videoBox .video3 .title{
	padding-right:8px;
}
.videoBox .video2 .title{font-size: 16px;margin-bottom: 3px;}
.videoBox .video2 .src_box{width:392px;}
.videoBox .src_box{width:204px;height:191px;overflow: hidden;position: relative; -webkit-border-radius:7px;-moz-border-radius:7px;border-radius:7px; }
.videoBox .src_box img{display: block;width:100%;}
.videoBox .src_box .mask{width:100%;height:85%;padding-top: 15%;position: absolute;left:0;top:100%;z-index: 10;background: rgba(0,0,0,.5);color:#fff;}
.videoBox .src_box:hover .mask  {top:0;transition: all border-left-color;.2s ease-in}                   
.videoBox .src_box .mask h3{font-size: 16px;padding: 10px;margin: 0;} 
.videoBox .src_box .mask p{font-size: 12px;padding:0 3px;}                       
.videoBox .btnBox{width:100%;margin-top: 7px;overflow: hidden;}
.videoBox .btnBox .btnUpdata{float: right;}

/*referenceDesign*/
.referenceDesign{width:1000px;margin: 0 auto;position: relative;margin-top: 50px;}
.referenceDesign .bd{position: absolute;width:416px;left:301px;top:-65px;overflow: hidden;}
.referenceDesign .bd .swiperBtn{display: block;float: left;}
.referenceDesign .bd .Title_b{display: block;float: left;margin: 12px 18px;}
.slides{width:835px;height:1479px;background: url(../images/bg2.png) no-repeat;margin: 0 auto;padding-top: 72px; -moz-background-size:100% 100%;
   background-size:100% 100%;}
.slides .slide{width:687px;margin: 0 auto;text-align: center;}
.slides .slide .mainCon .title{width:100%;line-height: 15px;}
.slides .slide .mainCon .title h3{font-size: 16px;}
.slides .slide .mainCon .title p{font-size: 12px;padding:0 3px;}
.slides .detailBtn{margin: 0 auto;text-decoration: none;display: block;width:87px;height:35px;line-height: 35px;color:#cc0000;text-align: center;font-size: 14px;
                   -webkit-border-radius:7px;-moz-border-radius:7px;border-radius:7px;border:2px solid #cc0000;}
.slides .cont{width:540px;margin: 18px auto;overflow: hidden;}
.slides .cont .li{overflow: hidden;}
.slides .cont .imgg{width:177px;height:163px;overflow: hidden;float: left;
                   -webkit-border-radius:12px;-moz-border-radius:7px;border-radius:12px;
                   -webkit-box-shadow: 4px 6px 18px #999;-moz-box-shadow: 4px 6px 18px #999;box-shadow: 4px 6px 18px #999;}
.slides .cont .imgg img{display: block;width:100%;min-height:100%;}
.slides .cont .textcont{float: right;width:320px;font-size: 12px;overflow: hidden;}
.slides .cont .textcont .li .updataBtn{display: block;width:92px;height:37px;line-height: 35px;background: #cc0000;color:#fff;text-align: center;font-size: 12px;-webkit-border-radius:7px;-moz-border-radius:7px;border-radius:7px;float: left;text-decoration: none;margin-top:10px;}
.slides .textcont .li p {width:216px;float: right;text-align: left;}
.slides .down{display: block;width:58px;margin: 0 auto;padding: 25px 0;}

.slides1{width:835px;height:1449px;background: url(../images/bg2.png) no-repeat;margin: 0 auto;padding-top: 72px;}
.slides1 .slide{width:687px;margin: 0 auto;text-align: center;}
.slides1 .slide .mainCon .title{width:100%;line-height: 15px;}
.slides1 .slide .mainCon .title h3{font-size: 16px;}
.slides1 .slide .mainCon .title p{font-size: 12px;padding:0 3px;}
.slides1 .detailBtn{margin: 0 auto;text-decoration: none;display: block;width:87px;height:35px;line-height: 35px;color:#cc0000;text-align: center;font-size: 14px;
                   -webkit-border-radius:7px;-moz-border-radius:7px;border-radius:7px;border:2px solid #cc0000;}
.slides1 .cont{width:540px;margin: 18px auto;overflow: hidden;}
.slides1 .cont .li{overflow: hidden;}
.slides1 .cont .imgg{width:177px;height:163px;overflow: hidden;float: left;
                   -webkit-border-radius:12px;-moz-border-radius:7px;border-radius:12px;
                   -webkit-box-shadow: 4px 6px 18px #999;-moz-box-shadow: 4px 6px 18px #999;box-shadow: 4px 6px 18px #999;}
.slides1 .cont .imgg img{display: block;width:100%;min-height:100%;}
.slides1 .cont .textcont{float: right;width:320px;font-size: 12px;overflow: hidden;}
.slides1 .cont .textcont .li .updataBtn{display: block;width:92px;height:37px;line-height: 35px;background: #cc0000;color:#fff;text-align: center;font-size: 12px;-webkit-border-radius:7px;-moz-border-radius:7px;border-radius:7px;float: left;text-decoration: none;margin-top:10px;}
.slides1 .textcont .li p {width:216px;float: right;text-align: left;}
.slides1 .down{display: block;width:58px;margin: 0 auto;padding: 25px 0;}

.aboutCon .Title_b{margin: 0 auto;}
.aboutCon .aboutList{width:495px;padding: 0 10px;margin: 0 auto;overflow: hidden;margin-top: 25px;}
.aboutCon .aboutList .item{width:228px;float: left;}
.aboutCon .aboutList .item .imgg{width:100%;height:122px;line-height: 122px;background: #fff; -webkit-border-radius:7px;-moz-border-radius:7px;border-radius:7px; -webkit-box-shadow: 4px 6px 18px #999;-moz-box-shadow: 4px 6px 18px #999;box-shadow: 4px 6px 18px #999;vertical-align: middle;}
.aboutCon .aboutList .item .imgg img{text-align: center;margin-top: 10px;}
.aboutCon .aboutList .item .text{width:100%;margin-top: 10px;text-align: left;}
.aboutCon .aboutList .item .text h3{font-size: 16px;margin: 0;}
.aboutCon .aboutList .item .text p{font-size: 12px;}
.aboutCon .aboutList .item:nth-child(even){float: right;}
.aboutCon .aboutList .btnBox{width:100%;overflow: hidden;margin-bottom: 25px;}
.aboutCon .aboutList .btnBox a{display: block;width:66px;height:37px;line-height: 35px;text-align: center;font-size: 12px; -webkit-border-radius:7px;-moz-border-radius:7px;border-radius:7px;float: left;text-decoration: none;margin-top:10px; margin-right: 12px;border:1px solid #cc0000;color:#cc0000;}
.aboutCon .aboutList .btnBox a:nth-child(3){margin-right: 0;}
.aboutCon .aboutList .btnBox a:hover{background: #cc0000;color:#fff;}