/*频道总体样式*/
.nav{width:100%;background:#19325f;line-height:64px;height:64px;}
.middle{width:1200px;margin:0 auto;}
.main1200{width:1200px;margin:0 auto;padding-bottom:100px;}
.pagePath{line-height:60px;}
.pagePath span{display:inline-block;float:left;}
.pagePath span a{font-size:16px;}
.path_i{margin:21px 10px 0 0;}

/*公司介绍样式样式*/
.cp_title{border-bottom:1px solid #d9d5d5;}
.cp_title div{display:inline-block;float:left;}
.title_c{margin-top:31px;}
.cp_gsjs{font-size:30px;color:#085597;}
.tit_red{color:#b81a3a;font-size:24px;}
.tit_lan{color:#19325f;font-size:24px;}
.cont_titlt{color:#1a3360;font-size:24px;text-align:center;padding:45px 0 0;}
.cont_c p{padding:18px 0;line-height:36px;}
.title_gc{padding:28px 5px 24px;}
.title_gc p{height:32px;}
/*二级栏目样式*/
.sub-nav-wrap { overflow: hidden; position: relative; height: 55px; margin-top: 30px; }

.sub-nav-wrap .arraw { position: absolute; z-index: 9; top: 20px; left: 220px; width: 11px; height: 15px; background: url(/eportal/uiFramework/commonResource/image/2017042117245856595.gif) no-repeat; }

.sub-nav-wrap .sub-nav { position: absolute; z-index: 2; top: 0; left: 0; }

.sub-nav-wrap .sub-nav.one { display: none; z-index: 1; left: -200px; -ms-transition: .7s; transition: .7s; width: 470px; height: 53px; background: url(/eportal/uiFramework/commonResource/image/2017042117253472007.png) no-repeat; }

.sub-nav-wrap .sub-nav.on { left: 300px; }

.sub-nav-wrap .sub-nav .sub-nav-two, .sub-nav-wrap .sub-nav .sub-nav-three { display: inline-block; width: 178px; height: 55px; line-height: 30px; color: #4472a6; cursor: pointer; }

.sub-nav-wrap .sub-nav .sub-nav-two p, .sub-nav-wrap .sub-nav .sub-nav-three p { color: #4472a6; }

.sub-nav-wrap .sub-nav .sub-nav-two:hover p, .sub-nav-wrap .sub-nav .sub-nav-three:hover p { color: #b81a3a; }

.sub-nav-wrap .sub-nav .sub-nav-two .title, .sub-nav-wrap .sub-nav .sub-nav-three .title { font-size: 30px; }

.sub-nav-wrap .sub-nav .sub-nav-two .en-title, .sub-nav-wrap .sub-nav .sub-nav-three .en-title { font-size: 16px; }

.sub-nav-wrap .sub-nav .sub-nav-two .iconfont, .sub-nav-wrap .sub-nav .sub-nav-three .iconfont { margin-top: -18px; }

.sub-nav-wrap .sub-nav .sub-nav-three { margin-left: 80px; }

.content { color: #333; }

.introduction-logo { width: 240px; height: 56px; background: #fff url("/eportal/fileDir/cableexclusiveshop/resource/cms/2018/05/2018051815460982914.png") no-repeat; background-size:100% 100%; }

.content .article-wrap { margin-top: 30px; padding-top: 60px; border-top: 1px solid #d9d5d5; }

.content .article-wrap p { line-height: 36px; }

.content .article-wrap .map-wrap { margin-top: 50px; }

.content .article-wrap .map-wrap .join-wrap { position: relative; width: 520px; height: 480px; background: #fff url("/eportal/uiFramework/commonResource/image/2017041215131528060.png") no-repeat; transition: 1s; }

.content .article-wrap .map-wrap .join-wrap.on { transform: rotateY(180deg); }

.content .article-wrap .map-wrap .join, .content .article-wrap .map-wrap .join-two { position: absolute; }

.content .article-wrap .map-wrap .join { top: 3px; left: 4px; z-index: 2; width: 507px; height: 315px; padding: 70px 0; background: #fff; text-align: center; }

.content .article-wrap .map-wrap .join .title { font-size: 30px; }

.content .article-wrap .map-wrap .join p { margin-top: 40px; font-size: 18px; }

.content .article-wrap .map-wrap .join span { vertical-align: bottom; font-size: 40px; color: #fa2218; }

.content .article-wrap .map-wrap .join button { width: 250px; height: 65px; margin: 40px 0 0 30px; background: #fa2218; font-size: 18px; color: #fff; cursor: pointer; }

.content .article-wrap .map-wrap .join-two { top: 3px; left: 4px; z-index: 1; width: 507px; height: 455px; transform: rotateY(180deg); }

.content .article-wrap .map-wrap .join-two.on { z-index: 3; }

.content .article-wrap .map-wrap .join-two .join-header { position: relative; height: 165px; background: #9cbcd3 url("/eportal/uiFramework/commonResource/image/2017041410152814388.png") no-repeat; font-size: 40px; line-height: 120px; text-align: center; color: #fff; }

.content .article-wrap .map-wrap .join-two .join-header h2 { font-size: 40px; color: #fff; }

.content .article-wrap .map-wrap .join-two .icon-phone { position: absolute; top: 110px; left: 50%; width: 121px; height: 121px; margin-left: -60.5px; background: url("/eportal/uiFramework/commonResource/image/2017041410153772927.png") no-repeat; }

.content .article-wrap .map-wrap .join-two .join-content { height: 221px; padding-top: 70px; background: #fafbfd; font-size: 24px; text-align: center; color: #666; }

.content .article-wrap .map-wrap .join-two .join-content p, .content .article-wrap .map-wrap .join-two .join-content i { font-size: 24px; color: #666; }

.content .article-wrap .map-wrap .join-two .join-content span { font-size: 24px; color: #fa2218; }

.content .article-wrap .map-wrap .join-two .join-content .line-phone { width: 305px; height: 45px; margin: 50px 0 0 112px; background: #2e72b7; line-height: 45px; color: #fff; }

.picture-walls { height: 500px; padding-top: 50px; background: #2a6eb5; }

.picture-walls .store-logo { width: 210px; height: 60px; background: url("/eportal/fileDir/cableexclusiveshop/resource/cms/2018/05/2018051815471986147.png") no-repeat; }

.picture-walls .picture { overflow: hidden; height: 265px; margin-top: 30px; padding-top: 60px; border-top: 1px solid #ccc; text-align: justify; }

.picture-walls .picture:after { content: ""; display: inline-block; width: 100%; }

.picture-walls .picture li { overflow: hidden; display: inline-block; position: relative; width: 360px; height: 265px; cursor: pointer; }

.picture-walls .picture li img { width: 100%; height: 100%; }

.picture-walls .picture li .hidden-bg { transition: .7s; position: absolute; top: 265px; left: 0; width: 100%; height: 100%; background: url(/eportal/uiFramework/commonResource/image/2017042119035965896.png); }

.picture-walls .picture li .hidden-bg p { position: absolute; top: 50%; left: 50%; width: 180px; height: 50px; margin: -25px 0 0 -90px; border: 2px solid #fff; line-height: 50px; text-align: center; color: #fff; }

.picture-walls .picture li:hover .hidden-bg { top: 0; }

.picture-hide { display: none; position: fixed; z-index: 9999; top: 0; left: 0; width: 100%; height: 100%; }

.picture-hide .picture-close { position: absolute; top: 10px; right: 20px; width: 32px; height: 32px; background: url(/eportal/uiFramework/commonResource/image/2017042116222763085.png) no-repeat; cursor: pointer; }

.picture-hide .hide-bg { position: absolute; z-index: -1; top: 0; left: 0; filter: alpha(opacity=80); -moz-opacity: 0.8; opacity: 0.8; width: 100%; height: 100%; background: #000; }

.picture-hide .show-img { position: relative; width: 1240px; height: 390px; margin: 40px auto; text-align: center; }

.picture-hide .show-img img { border: 4px solid #ececec; border-radius: 5px; }

.picture-hide .show-img .title-wrap { position: absolute; bottom: -4px; left: 6px; padding: 10px 30px 10px 20px; width: 200px; background: rgba(0, 0, 0, 0.5); text-align: center; color: #fff; }

.picture-hide .show-img .title-wrap p { color: #fff; }

.picture-hide .show-img .title-wrap .title { margin-bottom: 5px; font-size: 20px; }

.picture-hide .thumbnail-img { position: relative; width: 490px; margin: 0 auto; }

.picture-hide .thumbnail-img .iconfont { position: absolute; top: 50%; margin-top: -23px; display: inline-block; width: 26px; height: 46px; background: url(/eportal/uiFramework/commonResource/image/2017042415515955462.png) no-repeat; cursor: pointer; }

.picture-hide .thumbnail-img .iconfont.left { left: -40px; background-position: -148px 0; }

.picture-hide .thumbnail-img .iconfont.right { right: -40px;  background-position: -177px 0; }

.picture-hide .thumbnail-img-list { overflow: hidden; }

.picture-hide .thumbnail-img-list li { float: left; width: 150px; height: 128px; margin-right: 20px; border: 1px solid #fff; }

.picture-hide .thumbnail-img-list li img { width: 100%; height: 100%; }