/*全局样式*/*/
@CHARSET "UTF-8";
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video { margin: 0; padding: 0px; border: 0; font-size: 100%; outline: none; }
body{color:#666; font-weight:normal; font:14px/1.5 Verdana,'Microsoft yahei',Tahoma,Geneva,sans-serif;}
input,select{font-size:12px;vertical-align:middle;}
body div{text-align:left;}
body{ background:#fff; position:relative;}
textarea,input{word-wrap:break-word;word-break:break-all;padding:0px;}
ul,li{list-style-type:none;}
p{line-height:1.5;}
a{ text-decoration:none;}
table{border-collapse: collapse;display: table;}
td{padding:3px 10px;}
img{border:0 none;}
button,input,select,textarea{font-size:100%;font-family:inherit;margin:0;outline:none;}
h1{ font-size:24px;}
h3{ font-size:18px;}
h5{ font-size:14px;}
h6{ font-size:12px;}
body{margin: 0px;padding: 0px;}
.clear{ clear:both;}
.content{ width:1200px; margin:0 auto;}
.flin,.flin a,.header,.bann1,.bann2,.bann3,.bann4,.zen-n,.ab-img img,.ind-abbg,.new-img img,.bann1 p,.bann2 p,.bann3 p,.bann4 p{
 -webkit-transition: all 0.3s ease-in-out;-moz-transition: all 0.3s ease-in-out;transition: all 0.3s ease-in-out;}
.new-line:after{-webkit-transition: all 0.8s ease-in-out;-moz-transition: all 0.8s ease-in-out;transition: all 0.8s ease-in-out;}
/*------------------------------------------------首页--------------------------------------------------*/
/*头部开始*/
.header{width:100%; position:relative; left:0; top:0; z-index:999999; background:rgba(255,240,245,0.3);height: 80px;}
.block1{ width:1200px; margin:0px auto;}
.header .logo{float:left;}
.header .logo a img{height: 55px;margin-top: 12px;}
.header .nav a{ color:#fff; display:block; width:88px;height: 35px;margin-top: 10px;}
.fanti_a{padding-top:7px;padding-left: 30px}
.header .nav a:hover{color: #bd1c21;font-weight: bold;}
.fanjian{float: right;color: #fff}
.header .nav .on .sss{color: #bd1c21;font-weight: bold;}
.header .nav .m{ font-size:15px; line-height:45px; text-align:center;margin-top: -5px;}
.header .nav .sub {display:none;text-align: center;box-shadow:2px 2px 5px #333333;background:rgba(48, 51, 60, 0.9);position: absolute;z-index:9999;border-radius:0px 0px 5px 5px;opacity:0.8;width: 80px;margin-left: -15px;padding-bottom: 10px;}
.head .block1 .navv .mm{height: 35px;}
.head .block1 .navv .mm a{margin-left:-60px;width: 200%;}
.nav .m:hover ul{display: block;}
.header .nav {width: auto; font-family: "Microsoft YaHei",SimSun,SimHei;}
.nav .m {position: relative; float:left; display: inline; text-align:right; line-height:56px; font-size:16px; color:#000;}
.nav .m1{position: relative; float:left; display: inline; text-align:right; line-height:56px; font-size:16px; color:#000;}
.block1-r{ float:right;height: 60px;}
.fanjian:hover{color: #bd1c21;}
.fanjian a{padding-top: 6px;padding-left: 30px;}
.header .nav .fanjian:hover .fanti-zhongw{display: block;}
.header .nav .fanjian a:hover{color:#bd1c21;}
.header .nav .fanti-zhongw{display:none;box-shadow:2px 2px 5px #333333;background:rgba(48, 51, 60, 0.9);position: absolute;margin-top:-15px;z-index:9999;border-radius:0px 0px 5px 5px;opacity:0.8;width: 80px;}
.header .nav .fanti-zhongw a{padding-top: 20px;}
/*导航结束*/

/*banner 上科技只能调用*/
.banner-in{width: 430px;margin:-260px 58%;position: absolute;z-index: 99;}
.banner-in-k{width: 430px;height: 206px;background: rgba(48,51,60,0.6);}
.banner-in-top{padding-top: 36px;margin-left: 57px;}
.banner-in-keji{color: #fff;font-size: 50px;}
.banner-in-ylcl{margin-left: 30px;color: #fff;font-size: 40px;}
.banner-in-mid{height: 4px;width: 315px;background: #fff;margin-left: 57px;}
.banner-in-dow{margin-left: 100px;}
.banner-in-zhin{color: #d5d5d5;font-size: 50px;}
.banner-in-gbsh{margin-left: 30px;color: #d5d5d5;font-size: 40px;}
.banner-in-k a:hover{color:#bd1c21;}
.banner-in-k a:hover b{color:#bd1c21;}
.swiper-slide-active{-webkit-transition:all 5s ease;-moz-transition:all 5s ease;-o-transition:all 5s ease;-ms-transition:all 5s ease;transition:all 5s ease; 
transform: scale(1.1)translateX(20px);-webkit-transform: scale(1.1)translateX(20px);-moz-transform: scale(1.1)translateX(20px);-ms-transform: scale(1.1)translateX(20px);}
/*banner底部调用*/
.banner-down img{width: 100%;}
/*弱电工程列表调用*/
.xigu-ruodian{width: 100%;background: #f8f8f8;height: 140px;}
.xigu-ruodian-top{text-align: center;padding-top: 40px;}
.xigu-ruodian-mid{width: 45px;height: 6px;background: #db1111;margin: 5px auto;}
.xigu-ruodian-mid-2{width: 45px;height: 6px;background: #fff;margin: 15px auto;}
.xigu-ruodian-dow{text-align: center;margin-top: 10px;}
.xigu-ruodian-dow b{font-size: 20px;color:#000;}
.xigu-ruodian-top a{color: #999}
/*弱电列表*/
.xigu-ruodianxia{width: 100%;height: 352px;background:#f8f8f8;margin-top: -25px;}
.xigu-ruodiannei{width: 1200px;height: 352px;background: #fff;margin: 0 auto;}
/*效果部分*/
.yScrollList{width:1198px;height:350px;background:#ffffff;margin:25px auto 0;}
.yScrollListIn{width:100%;height:224px;position:relative;}
.yScrollListInList{display:none;width:1138px;height:350px;position:absolute;padding:0 30px;left:0;top:0;overflow:hidden;}
.yScrollListInList .yScrollListbtn{cursor:pointer;position:absolute;width:20px;height:40px;top:96px;background:url(/public/images/jiantou-l.png) no-repeat 0 0;}
.yScrollListInList .yScrollListbtnr{background-position:-14px 0;right:20px;background:url(/public/images/jiantou-r.png) no-repeat 0 0;}
.yScrollListInList .yScrollListbtnl{left: 20px;top: 110px;}
.yScrollListInList ul{width:100%;height:350px;position:absolute;top:0;left:15px;overflow:hidden;}
.yScrollListInList ul li{width:220px;height:350px;float:left;margin-right:84px;}
.yScrollListInList ul li img{width:162px;height:162px;display:block;margin-left:10px;margin-top:18px;}
.yScrollListInList ul li p{margin-left: 10px;text-align:center;font-size:16px;color:#000;line-height:18px;padding-top: 23px;width:150px;height:36px;overflow:hidden;}
.yScrollListInList ul li p:hover{color:#bd1c21;text-decoration:underline;}
.yScrollListInList ul li span{color:#e9630a;font-size:12px;text-align:center;display:block;line-height:24px;}
.yScrollListIn ul li img:hover{transform: scale(1.08);cursor: pointer; transition: all 0.8s;}
.cahobao{font-size: 13px;color: #c6c6c6;position: absolute;margin-top:-15px;height: 60px;width: 240px;margin-left: -35px;text-align: center;}

/*家庭影院部分*/
.xigu-ruodianxia2{width: 100%;height: 352px;background:#f8f8f8; margin-top: -25px;}
.yScrollList2{width:1198px;height:350px;background:#ffffff;margin:25px auto 0;}
.yScrollListTitle2{width:300px;height:30px;line-height:30px;margin-left: 41%;}
.yScrollListTitle2 h1{cursor:pointer;font-size:14px;background:#fff;color:#999;height:38px;float:left;position:relative;left:-1px;width:110px;text-align:center;}
.yScrollListTitle2 h1.ytitleh122{left:-2px;}
.yScrollListTitle2 h1.yth1click2{color: #000;}
.yScrollListIn2{height:224px;position:relative;}
.yScrollListInList2{display:none;width: 1170px;height:224px;position:absolute;margin: 0 30px;left:0;top:0;overflow:hidden;}
.yScrollListInList2 .yScrollListbtn2{cursor:pointer;position:absolute;width:20px;height:40px;top:96px;background:url(/public/images/jiantou-l.png) no-repeat 0 0;}
.yScrollListInList2 .yScrollListbtnr2{background-position:-14px 0;right:10px;background:url(/public/images/jiantou-r.png) no-repeat 0 0;}
.yScrollListInList2 .yScrollListbtnl2{left: 0px;}
.yScrollListInList2 ul{width:100%;height:350px;position:absolute;top:0;left:15px;margin-left: -25px;}
.yScrollListInList2 ul li{width:220px;float:left;margin-right: 50px;}
.yScrollListInList2 ul li img{width:100%;}
.yScroll-img{width:220px;height:150px;margin-top:18px;display:block;}
.yScrollListInList2 ul li p{font-size:16px;color:#000;width:100%;height:36px;}
.yScrollListInList2 ul li p:hover{color:#bd1c21;text-decoration:underline;}
.yScrollListInList2 ul li span{color:#e9630a;font-size:12px;text-align:center;display:block;line-height:24px;}

.xigu-ruodianxia2 .xigu-ruodiannei2 .aaa .yScroll-img{position: relative;z-index:100;}
.xigu-ruodianxia2 .xigu-ruodiannei2 .aaa .yScroll-words{position: relative;z-index:101;}
.xigu-ruodianxia2 .xigu-ruodiannei2 .aaa{width: 290px;float:left;margin-right: 50px;}
.xigu-ruodianxia2 .xigu-ruodiannei2 .aaa img{width: 290px!important;height: 198px;}
.xigu-ruodianxia2 .xigu-ruodiannei2 .aaa .yScroll-words p{font-size: 18px;color: #fff;background:rgba(0,0,0,0.6);}
.yScrollListInList2 ul li:nth-last-child(1){width: 120px;}
/*首页关于我们部分*/
.guanyu-xigu{background: url(/public/images/guanyuwom-bj.png);width: 100%;height: 450px;background-size: cover;}
.guanyu-xigu-nei{margin:0px auto;width: 1200px;height:450px;position: relative;}
.guanyu-xigu-nei2{width: 650px;height: 270px;margin-top: 60px;position: absolute;margin-left: 23%;}
.guanyu-xigu-nei2 p{color: #fff;text-align: center;margin-top: -10px;}
.about-xigu-1{text-align: center;margin-top: 20px;}
.about-xigu-1 b{color: #fff;font-size: 25px;}
.about-xigu-2{margin-top: 45px}
.about-xigu-3{width: 222px;height: 52px;background: #db1111;border-radius: 5px 5px 5px 5px;margin: 50px auto;}
.about-xigu-3 a{color: #fff;font-size: 16px;padding-top: 12px;position: absolute;padding-left: 80px;height: 52px;width: 222px;}
.about-xigu-3:hover{background: #f8f8f8;cursor: pointer; transition: all 0.8s;border: 1px solid #db1111;}
.about-xigu-3:hover a{color: #db1111;cursor: pointer; transition: all 0.8s;}
.about-xigu-33{width: 222px;height: 52px;background: #db1111;border-radius: 5px 5px 5px 5px;margin-top: 30px;margin-left:40%;}
.about-xigu-33 a{color: #fff;font-size: 16px;padding-top: 12px;position: absolute;padding-left: 80px;height: 52px;width: 222px;}
.about-xigu-33:hover{background: #f8f8f8;cursor: pointer; transition: all 0.8s;border: 1px solid #db1111;}
.about-xigu-33:hover a{color: #db1111;cursor: pointer; transition: all 0.8s;}

/*新闻列表*/
.body{background: #f8f8f8}
.news-xigu-index{margin: 0px auto;width: 1200px;height: 405px;background: #fff}
.news-xigu-index-n:hover .two{margin-top: 160px;transition: all 0.5s;}
.news-xigu-index-n:hover .thr{margin-top: -180px;transition: all 0.5s;}
.news-xigu-index-1{height: 275px;width: 100%;}
.news-xigu-index-n{width: 400px;height: 100%;float: left;cursor: pointer;}
.news-xigu-index-n2{margin-left:35px;width:315px;height: 100%;}
.news-xigu-index-n2 .one{margin-top:70px;margin-left: 36px;color: #000;font-size: 16px;}
.news-xigu-index-n2 .one a{font-size: 16px;color: #000}
.news-xigu-index-n2 .two{margin-left: 36px;color: #999999;transition: all 0.5s;}
.news-xigu-index-n2 .thr{margin-left: 36px;margin-top: 30px;color: #999999;transition: all 0.5s;}

/*尾部部分*/
.xigu-foot{width: 1200px;height: 150px;margin: 0px auto;margin-top: 50px;}
.xigu-foot-l{width: 400px;height:150px; float: left;}
.xigu-foot-l1{margin-top:70px;}
.xigu-foot-l2{margin-top: 15px;}
.xigu-foot-2{width:180px;height:150px; float: left;}
.xigu-foot-3{width:160px;height:150px; float: left;}
/*.xigu-foot-3 img{margin-top: 50px}*/

.xigu-foot-4{height:150px; float: left;margin-left: -10px;}
.xigu-foot-4 ul{margin-top: 110px;}
.xigu-foot-4 ul li{float: left;margin-left: 5px;}
.xigu-foot-4 ul li a{color: #999;}
.xigu-foot-4 ul li a:hover{color: #db1111;font-weight: bold;}

.foot-down{background: #333333;width: 100%;height: 80px;}
.foot-down-n{width: 1200px;margin:0px auto;height: 80px;}
.foot-down-n-l{float: left;margin-top: 32px;color: #999}
.foot-down-n-r{float: right;margin-top: 32px;color: #fff}

/*新闻列表页*/
.list-news-banner{margin-top:-80px;width: 100%;overflow: hidden;}
.list-news-banner img{width: 100%;height: 400px}
.list-news-ejlm{width: 1200px;height: 132px;margin: 0px auto;}
.list-news-ejlm33{width: 1200px;height: 60px;margin: 0px auto;}
.list-news-ejlm ul li{float: left;margin-top:60px;margin-left: 40px;}
.list-news-ejlm ul li a{color: #888}
.list-news-ejlm ul li a:hover{border-top: 1px solid #888;padding-top: 18px;color: #000;}
.list-news-ejlm ul .list-news-ejlm-all{margin-left: -40px;}
.height-light{color: red}
.list-news-xwlb{width: 1200px;margin:0 auto;}
.list-news-lieb{width: 1200px;height: 188px;border-top:1px solid #f0f0f0;}
.list-news-date{width: 100%;margin-top: 50px;height: 40px;}
.list-news-left a{color: #888}
.list-news-lieb:hover .two{width: 62px;transition: all 0.5s;}
.list-news-lieb:hover .two2{margin-left:141px;float: left;transition: all 0.5s;}
.list-news-lieb:hover .thr a{color: #000;font-size: 16px;margin-top: 5px;position: absolute;transition: all 0.5s;}
.list-news-lieb:hover .one1{float:left;width: 38px;height: 38px;background: url(/public/images/jiant-right.png);transition: all 0.5s;}
.list-news-lieb:hover .one a{width: 90px;color: #000;font-size: 20px;float: left;transition: all 0.5s;}
.list-news-date .one{width: 90px;color: #888;font-size: 20px;float: left;transition: all 0.5s;}
.list-news-date .two{width: 36px;float: left;border-top: 1px solid #888;transition: all 0.5s;margin-top: 15px;}
.list-news-date .thr{margin-left: 30px;float: left;}
.list-news-date .thr a{color: #777;font-size: 16px;margin-top: 5px;position: absolute;transition: all 0.5s;}
.list-news-arct{margin-top: 25px;width: 100%;height: 40px;}
.list-news-arct .one1{float:left;width: 38px;height: 38px;background: url(/public/images/jiant-white.png);transition: all 0.5s;}
.list-news-arct .two2{margin-left:115px;float: left;width: 700px;overflow: hidden;transition: all 0.5s;}
.list-news-left{float: left;}
.list-news-right{float: right;}
.list-news-right img{width: 220px;height: 132px;margin-top: 30px;}
.list-news-xwlb .page{text-align: center;}
.list-news-xwlb .page a{color: #888}

/*联系我们页面*/
.index-contact-form{width: 1200px;height: 280px;margin:60px auto;}
.index-contact-form input{width: 268px;height: 48px;background: #f6f6f6;border:1px solid #f6f6f6;text-indent:28px}
.index-contact-form input:focus{border:1px solid #ec6a5c;}
.index-contact-form-top div{float: left;}
.index-contact-form-top .two{margin-left: 35px;}
.index-contact-form-top .thr{margin-left: 35px;}
.index-contact-form-top .for{margin-left: 35px;}
.index-contact-form-top .for input{text-indent:0px;background: #ec6a5c;color: #fff;font-weight: bold;}
.index-contact-form-bot textarea{text-indent:28px;margin-top: 30px;width:1185px;height: 200px;background:#f6f6f6;border:1px solid #f6f6f6;padding-top: 20px;}
.index-contact-form-bot textarea:focus{border:1px solid #ec6a5c;}
.index-contact-logo{width: 1200px;margin: 120px auto;height: 100px;}
.index-contact-logo1{float: left;width: 235px;height: 120px;}
.index-contact-logo2{float: left;width: 235px;height: 120px;}
.index-contact-logo3{float: left;width: 235px;height: 120px;}
.index-contact-logo4{float: left;width: 235px;height: 120px;}
.index-contact-logo1 div{text-align: center;}
.index-contact-logo2 div{text-align: center;}
.index-contact-logo3 div{text-align: center;}
.index-contact-logo4 div{text-align: center;}

/*关于我们*/
.index-about-cont{width: 1200px;margin: 0px auto;}
.list-news-ejlm2{width: 1200px;height:500px;margin: 0px auto;border: 1px solid red;}
.sub-nav{float: left;}
.sub-menu li{float: left;}
.index-about-cont-nei{margin: 20px 20px;}

/*新闻详情页*/
.article-news-cont{width: 1200px;margin: 0px auto;}
.article-news-tit{text-align: center;margin-top: 60px;}
.article-news-tit a{color: #333;font-size: 18px}
.article-news-dat{text-align: center;margin-top: 20px;}
.article-news-dat a{color: #999;font-size: 12px;}
.article-news-diaoy{width: 1200px;margin: -30px auto;}
.article-news-diaoynei{margin: 20px 20px;}
.xiayiye{margin-top: 30px}
.xiayiye a{color: #666;}

/*弱电工程、哈曼影院 列表*/
.list-ruodian-list{width: 1200px;background: #f8f8f8;margin: 15px auto}

.list-ruodian-alone{width: 400px;height:290px;float: left;margin-top:15px;}
.list-ruodian-alone img{width: 370px;height: 230px;margin-left: 15px;opacity:0.8;filter(alpha=60);transition: all 0.5s;}
.list-ruodian-tit{text-align: center;margin-top: 20px;}
.list-ruodian-tit a{color: #333;font-size: 16px;transition: all 0.5s;}
.list-ruodian-alone:hover a{color:#bd1c21;transition: all 0.5s;}
.list-ruodian-alone:hover img{opacity:1;filter(alpha=80);transition: all 0.5s;box-shadow: 5px 5px 5px 5px #ccc;}
.xigupage{text-align: center;height: 60px;}
.xigupage a{border: 1px solid #888;background: #fff;color: #888;border-radius: 2px 2px 2px 2px;padding: 3px 6px;}
.xigupage span{border: 1px solid #bd1c21;background: #bd1c21;color: #fff;border-radius: 2px 2px 2px 2px;padding: 3px 6px;}
/*案例列表*/
.list-case-tit{text-align: center;margin-top: 30px;}
.list-case-tit b{font-size: 18px;color: #333;}
.list-ruodian-alone2{width: 400px;height:290px;float: left;margin-top:15px;overflow: hidden;}
.list-ruodian-alone2 img{width: 370px;height: 230px;transition: all 0.5s;}
.list-ruodian-alone2:hover img{transition: all 0.5s;transform: scale(1.2);cursor: pointer;}
.list-ruodian-alone2:hover a{color:#bd1c21;transition: all 0.5s;}
.list-ruodian-alone2:hover .yy{box-shadow: 5px 5px 5px 5px #ccc;}
.index_case_xq{width: 1160px;margin: 20px auto;min-height: 300px;}
/*详情页*/
.xingqing-tit{text-align: center;margin-top: 20px}
.xingqing-tit b{color: #333;font-size: 18px;}