@charset "utf-8";
/*解决方案代码*/
.mtitle{ text-align:center; font-size:35px; line-height:60px; color:#02041D}
.cxx{ width:700px; height:3px; border-top:#d0d0d0 solid 1px; margin:0px auto; font-size:0px; position:relative}
.cxx span{ width:140px; height:2px; border-top:#02041D solid 2px; font-size:0px; position:absolute; top:-1px; left:280px;}
.xtitle{ font-size:16px; text-align:center; line-height:35px;}
a.jjfa:link,a.jjfa:visited,a.jjfa:active{width:204px; height:293px; margin:8px 42px 0px 0px;display:block; display:inline; border:#FFF solid 1px; float:left;cursor:pointer; border:#d0d0d0 solid 1px;}
a.jjfa:hover{border:#001a55 solid 1px; box-shadow:1px 1px 2px 0px #001a55; color:#001a55}
.jjfali{}
.jjfali li{ width:170px; margin:0px auto;}
.jjfali .jja{ text-align:center; margin-top:20px;}
.jjfali .jjb{ font-size:15px; font-weight:bold; text-align:center; line-height:35px; margin-top:5px;}
.jjfali .jjc{ line-height:24px;}
/*产品中心代码*/
.midbg{ height:44px; width:auto; margin-left:178px; float:left}
.midbg ul{ float:left}
.midbg ul li{ width:auto !important;width:26px;min-width:26px; height:44px; line-height:44px; text-align:center; display:block; background:#ffffff;white-space:nowrap; float:left; padding:0px 20px; background:#d4d4d4; border-right:#bdbdbd solid 1px; cursor:pointer}
.midbg ul .fli{ background:#555555; color:#FFFFFF}
#tab_con {width:1200px;height:auto!important; overflow:hidden;}
#tab_con div {width:1200px;height:auto!important; overflow:hidden;display:none;}
#tab_con div.fdiv {display:block;}
.allclass{ float:left}
.allclass a:link,.allclass a:visited,.allclass a:active{ width:auto !important;width:26px;min-width:26px; height:44px; line-height:44px; text-align:center; display:block; background:#ffffff;white-space:nowrap; float:left; padding:0px 20px; background:#d4d4d4; cursor:pointer}
.mainh{ width:100%; height:auto!important; overflow:hidden; background:#ebebeb }
.prolist{}
.prolist li{ width:260px; height:320px; float:left; margin-right:53px;}
.prolist li span img{max-width:258px;max-height:258px;vertical-align:middle;width:expression((this.width>258&&this.width>this.height)?258:auto);height:expression((this.height>258)?138:auto);}
.prolist li label{ width:260px; height:40px; line-height:40px; text-align:center; display:block}
a.mxbb:link,a.mxbb:visited,a.mxbb:active{ width:258px; height:258px; background:#FFFFFF; display:block; border:#d0d0d0 solid 1px;display:table-cell;vertical-align:middle;text-align:center;*display: block;*font-family:Arial; overflow:hidden}
a.mxbb:hover{ border:#9f9f9f solid 1px;opacity:0.9; filter:alpha(opacity:90);box-shadow:1px 1px 2px 0px #808080;}
.morepro a:link,.morepro a:visited,.morepro a:active{ width:170px; height:45px; background:#636363 url(../images/more.png) no-repeat 20px 10px; text-indent:60px; color:#FFF; display:block; line-height:45PX; margin:0px auto;}
.morepro a:hover{ background:#1e51bc url(../images/more.png) no-repeat 20px 10px;  color:#FFF;}

/*js图片样式，开始*/
.jsbox{ padding:0px 0 5px 0; overflow:hidden;zoom:1;}
.rollBox{width:1200px;}
.rollBox .LeftBotton{height:52px;width:20px;background: url(../images/jtleft.gif) no-repeat;float:left;cursor:pointer; margin-top:60px; margin-left:0px; display:inline}
.rollBox .RightBotton{height:52px;width:20px;background:url(../images/jtright.gif) no-repeat;float:right;cursor:pointer;margin-top:60px;}
.rollBox .Cont{width:1140px; overflow:hidden;float:left; margin-left:15px;}
.rollBox .ScrCont{width:10000000px;}
.rollBox .Cont .pic{width:283px;float:left;}
.rollBox #List1,.rollBox #List2{float:left;}
/*案例展示*/
.caselist{ width:257px;height:auto!important; overflow:hidden; float:left; margin:0px 10px 0px 10px; display:inline}
.caselist dt img{max-width:255px;max-height:180px;vertical-align:middle;width:expression((this.width>255&&this.width>this.height)?180:auto);height:expression((this.height>180)?138:auto);}
.caselist dt a:link,.caselist dt a:visited,.caselist dt a:active{width:255px; height:180px; background:#FFFFFF; display:block; border:#d0d0d0 solid 1px;display:table-cell;vertical-align:middle;text-align:center;*display: block;*font-size:180px;*font-family:Arial; overflow:hidden}
.caselist dt a:hover{ border:#626262 solid 1px;opacity:0.9; filter:alpha(opacity:90);box-shadow:1px 1px 2px 0px #808080;}
.caselist .name{ width:255px; height:40px; line-height:40px; text-align:center; display:block}
/*js图片样式，结束*/
/*选择硕远触控的理由*/
.xzsylybg{ width:100%; background:url(../images/sylybg.gif) no-repeat center; height:120px;}
.xzsylybg h4{  margin-left:470px; color:#FFF; padding-top:30px; font-size:35px;}
.xzsylybg h4 span{ font-size:18px;color:#FFF;font-size:45px;font-family:"黑体"; font-weight:bold; margin-right:5px;}
.lylist{ width:1170px; height:auto!important; overflow:hidden; margin:0px auto}
.ysslyf{width:500px;  margin-left:40px; margin-bottom:20px;}
.ysslyf span{ width:47px; height:53px; display:block; background:url(../images/lybga.gif) no-repeat; line-height:53px; text-align:center; font-family:"黑体"; font-weight:bold; font-size:26px; color:#FFF; margin-bottom:12px; float:left; margin-right:16px;}
.lylist .lya{width:47px; display:block; float:left}
.lylist .lya span{ width:47px; height:53px; display:block; background:url(../images/lybga.gif) no-repeat; line-height:53px; text-align:center; font-family:"黑体"; font-weight:bold; font-size:26px; color:#FFF; margin-bottom:12px;}
.lylist .lyb{ width:500px; float:left; margin-left:20px; line-height:26px;}
.lylist .lyc{ width:460px; float:left; margin-left:20px; line-height:22px; margin-top:10px;}
.lylist .lyb p,.lylist .lyc p{ font-size:16px; color:#282828; margin-bottom:10px; font-weight:bold}
.yssadd{ width:604px; height:320px; float:right;}
.lyysbg{ width:100%; background:url(../images/lybg.jpg) no-repeat center; height:441px; }
.ysblist .lyb{ width:500px; margin-left:40px; line-height:26px;}
.ysblist .lyb p{font-size:16px; color:#282828; margin-bottom:10px; font-weight:bold}
/*关于硕远*/
.syleft{ width:433px; float:left}
.sytitle{ line-height:30px; margin-bottom:15px;}
.symid{ width:450px; float:left; margin-left:35px;}
.sytxt{ line-height:23px;}
.syroght{ width:242px; float:right; margin-top:45px;}
/*公司动态行业动态*/
.news{ width:570px; float:left;height:auto!important; overflow:hidden; float:left}
.newli dt{ width:191px; height:131px; float:left}
.newli dt{wwidth:191px; height:131px; float:left}
.newli dt a:link,.newli dt a:visited,.newli dt a:active{width:191px; height:131px; background:#FFFFFF; display:block; border:#d0d0d0 solid 1px;display:table-cell;vertical-align:middle;text-align:center;*display: block;*font-size:131px;*font-family:Arial; overflow:hidden}
.newli dt a:hover{border:#9f9f9f solid 1px;opacity:0.9; filter:alpha(opacity:90);box-shadow:1px 1px 2px 0px #808080;}
.newli dt img{max-width:191px;max-height:131px;vertical-align:middle;width:expression((this.width>191&&this.width>this.height)?131:auto);height:expression((this.height>131)?138:auto);}
.newli dd{ width:355px; float:left; margin-left:20px; line-height:25px;}
.newli dd span{ width:355px; height:30px; line-height:30px; display:block; font-weight:bold; font-size:15px;}
.newlid{ margin-top:20px; width:568px;}
.newlid li{ height:30px; background:url(../images/jj.gif) no-repeat 0px 7px; padding-left:12px; text-align:right; color:#929292}
.newlid li a{ float:left}
.morenew a:link,.morenew a:visited,.morenew a:active{ width:150px; height:36px; background:#636363 url(../images/more.png) no-repeat 25px 5px; text-indent:60px; color:#FFF; display:block; line-height:36px;}
.morenew a:hover{ background:#1e51bc url(../images/more.png) no-repeat 25px 5px;  color:#FFF;}
/*产品技术资讯*/
.cpjs{ width:345px;height:auto!important; overflow:hidden; background:#ffffff; float:left; padding:16px 15px 16px 15px}
.jstitle{width:345px; height:30px; line-height:30px; margin-bottom:6px}
.jstitle span{ float:left; width:auto; height:30px;}
.jstitle a:link,.jstitle a:visited,.jstitle a:active{ width:35px; height:30px; float:right; line-height:30px; display:block; background:url(../images/more1.gif) no-repeat left; padding-left:30px; color:#999999;}
.jstitle a:hover{background:url(../images/more2.gif) no-repeat left;color:#e36212}
.jslist li{ height:30px; background:url(../images/jj.gif) no-repeat 0px 7px; padding-left:12px; text-align:right; color:#929292}
.jslist li a{ float:left}