@charset "utf-8";
/*////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////*/
/*//////////////////// 通用                                                                                                                 */
/*////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////*/

/* CSS Document */

.cWhite,.cWhite a{color:#fff;}
.cWhite:hover,.cWhite a:hover{color:#ffea37;}
.cBlue,.cBlue a{color:#377abe;}
.cPurple,.cPurple a{color:#532f7a;}
.cGray1,.cGray1 a{color:#333;}
.cGray2,.cGray2 a{color:#666;}
.cGray3,.cGray3 a{color:#999;}
.cGray4,.cGray4 a{color:#aeaeae;}
.cRed1,.cRed1 a{color:#F00;}
.cRed2,.cRed2 a{color:#992431;}
.cBlack,.cBlack a{color:#000;}
.cBlack1,.cBlack1 a{color:#000;}
.cDarkgray1,.cDarkgray1 a{color:#0e0e0e;}

.fb{ font-weight:bold;}
.f12{ font-size:12px;}
.f13{ font-size:13px;}
.f14{ font-size:14px;}
.f16{ font-size:16px;}
.f18{ font-size:18px;}
.f20{ font-size:20px;}
.f24{ font-size:24px;}
.f26{ font-size:26px;}
.f30{ font-size:30px;}

.blank3 { height:3px; font-size:1px; display:block; clear:both; overflow:hidden; }
.blank6 { height:6px; font-size:1px; display:block; clear:both; overflow:hidden; }
.blank9 { height:9px; font-size:1px; display:block; clear:both; overflow:hidden; }
.blank12 { height:12px; font-size:1px; clear:both; overflow:hidden; }
.blank15 { height:15px; font-size:1px; clear:both; overflow:hidden; }
.blank18 { height:18px; font-size:1px; clear:both; overflow:hidden; }
.blank21 { height:21px; font-size:1px; clear:both; overflow:hidden; }
.blank28 { height:28px; font-size:1px; clear:both; overflow:hidden; }
.blank38 { height:38px; font-size:1px; clear:both; overflow:hidden; }
.blank48 { height:48px; font-size:1px; clear:both; overflow:hidden; }
.blank78 { height:78px; font-size:1px; clear:both; overflow:hidden; }
.blank100 { height:100px; font-size:1px; clear:both; overflow:hidden; }

/*////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////*/
/*//////////////////// HiDPI Framework CSS Rules Start                                                                       */
/*////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////*/

ul.ulneiylist{}
ul.ulneiylist li{ height:50px; line-height:50px; border-bottom:1px solid #dddddd;}
ul.ulneiylist li a{ float:left; margin-left:6px;}
ul.ulneiylist li span{ float:right; margin-right:6px;}

p.page_fy{ display:block; clear:both; margin-top:20px;}
.page_fy {margin: 3px auto 20px;  text-align: center; font-size:14px; line-height:32px;}
.page_fy a {border: #ccc 1px solid;   margin: 2px; color: #333; padding: 5px 12px; text-decoration: none;outline:none;blr:expression(this.onfocus=this.blur()); background:#FFF; -webkit-transition: all .3s;-moz-transition: all .3s;-o-transition: all .3s;transition: all .3s; -webkit-border-radius: 2px;-o-border-radius: 2px;border-radius: 2px;}
.page_fy a:hover {border: #ccc 1px solid;  background-color: #0082C8; color:#FFF;}
.page_fy a:active {border: #ccc 1px solid;  color: #666; }
.page_fy a.focus { font-weight: bold;  margin: 2px; border: #0082C8 1px solid; color: #fff;  background-color: #0082C8;}
.page_fy .disabled {border: #eee 1px solid;  margin: 2px; color: #ddd; }
.page_fy span{padding-left:5px; -webkit-border-radius: 2px;-o-border-radius: 2px;border-radius: 2px;}
.page_fy span.off {border: 1px solid #eeeeee;color: #ccc;margin: 2px;padding: 2px 5px;}

/*稀细缆页样式*/
.tong_con_title{font-size:18px; font-weight:bold; font-family:"微软雅黑"; height:35px; line-height:35px; text-align:center; margin-top:20px; color:#cc0d0d;}
.tong_liulan{border-bottom:#999 1px dotted; margin:auto; width:100%; line-height:30px; height:35px; color:#666; text-align:center; }
.tong_back{margin:10px auto; width:100%; line-height:25px; height:25px; color:#666; text-align:center;}
.tong_back a{ color:#666;}
.tong_back a:hover{ color:#F00;}
.tong_connr{ margin:10px auto; width:100%; text-align:left; line-height:30px; font-size:16px;}
.pian{ margin:10px auto; width:100%; text-align:left; line-height:22px;}
.pian span{ font-weight:bold;}

/*图片列表页*/
div.piclists{ margin-left:20px;}/*整个图片组的左边距*/
li.lithumb{ float:left; margin-right:30px;}
li.lithumb table tr td.tdtitle{ line-height:30px;}
li.lithumb table tr td.tdtitle a{ font-family:"微软雅黑"}
li.lithumb table tr td.tdcenter{border:1px solid #cccccc;}
li.lithumb table tr td.tdcenter a{float:left; width:100%; text-align:center; display:inline-block}
li.lithumb table tr td.tdcenter img{}
li.lithumbend{ margin-right:0px;}


/*滚轮触发元素移动特效*/
.noslide-RR,.noslide-LL,.small,.nosmall,.slide-T, .slide-B, .slide-L, .slide-R, .slide-W, .slide-Wsmall, .slide-H, .noslide-T,.noslide-T1, .noslide-B, .noslide-L, .noslide-R, .noslide-W, .noslide-Wsmall, .noslide-H{-webkit-transition:All 1s ease;-moz-transition:All 1s ease;-o-transition:All 1s ease;transition:All 1s ease;}
.slide-T{position:relative; top:-50px; opacity:0; filter:alpha(opacity=0);}
.noslide-T{position:relative; top:-50px; opacity:0; filter:alpha(opacity=0);}
.small{-moz-transform:scale(0.7);-o-transform:scale(0.7);-ms-transform:scale(0.7);-webkit-transform:scale(0.7);transform:scale(0.7); opacity:0; filter:alpha(opacity=0);}
.nosmall{opacity:0; filter:alpha(opacity=0);-moz-transform:scale(0.7);-o-transform:scale(0.7);-ms-transform:scale(0.7);-webkit-transform:scale(0.7);transform:scale(0.7);}
.nosmallbanner{opacity:1; filter:alpha(opacity=1);-moz-transform:scale(0.7);-o-transform:scale(0.7);-ms-transform:scale(0.7);-webkit-transform:scale(0.7);transform:scale(0.7);
-moz-transition:all .8s ease 1s; -ms-transition:all .8s ease 1s; -o-transition:all .8s ease 1s; -webkit-transition:all .8s ease 1s; transition:all .8s ease 1s;}
.smallton{opacity:1; filter:alpha(opacity=1);-moz-transform:scale(1);-o-transform:scale(1);-ms-transform:scale(1);-webkit-transform:scale(1);transform:scale(1);}
.noslide-T1{ top:-50px; position:absolute; opacity:0; filter:alpha(opacity=0);}
.slide-Ton{top:0px; opacity:1; filter: alpha(opacity=1);}
.slide-Ton1{top:14px; opacity:1; filter: alpha(opacity=1);}
.slide-B{position:relative; bottom:-50px; opacity:0; filter:alpha(opacity=0);}
.noslide-B{position:relative; bottom:-50px; opacity:0; filter:alpha(opacity=0);}
.slide-Bon{bottom:0px; opacity:1; filter: alpha(opacity=1);}
.slide-L{position:relative; left:-50px; opacity:0; filter:alpha(opacity=0);}
.noslide-L{position:relative; left:-50px; opacity:0; filter:alpha(opacity=0);}
.noslide-LL{position:relative; left:-150px; opacity:0; filter:alpha(opacity=0); -moz-transition:all .8s ease 0s; -ms-transition:all .8s ease 0s; -o-transition:all .8s ease 0s; -webkit-transition:all .8s ease 0s; transition:all .8s ease 0s;}
.slide-Lon{left:0px; opacity:1; filter: alpha(opacity=1);}
.slide-R{position:relative; right:-50px; opacity:0; filter:alpha(opacity=0);}
.noslide-R{position:relative; right:-50px; opacity:0; filter:alpha(opacity=0);}
.noslide-RR{position:relative; right:-150px; opacity:0; filter:alpha(opacity=0);-moz-transition:all .8s ease 0s; -ms-transition:all .8s ease 0s; -o-transition:all .8s ease 0s; -webkit-transition:all .8s ease 0s; transition:all .8s ease 0s;}
.slide-Ron{right:0px; opacity:1; filter: alpha(opacity=1);}
.slide-W{position:relative; left:-5%; width:110%; opacity:0; filter:alpha(opacity=0);}
.noslide-W{position:relative; left:-5%; width:110%; opacity:0; filter:alpha(opacity=0);}
.slide-Wsmall{position:relative; left:5%; width:90%; opacity:0; filter:alpha(opacity=0);}
.noslide-Wsmall{position:relative; left:5%; width:90%; opacity:0; filter:alpha(opacity=0);}
.slide-Won{left:0px; width:100%; opacity:1; filter: alpha(opacity=1);}
.slide-H{position:relative; height:0px; opacity:0; filter:alpha(opacity=0); overflow-x:hidden}
.noslide-H{position:relative; height:0px; opacity:0; filter:alpha(opacity=0);}
.slide-Hon{ height:auto; opacity:1; filter: alpha(opacity=1);}


/*////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////*/
/*//////////////////// HiDPI Framework CSS Rules End                                                                         */
/*////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////*/



/*
1919px [1920×1080]
*/
@media only screen and (max-width: 1919px) {


}

/*
1820px
*/
@media only screen and (max-width: 1820px) {

}
/*
1800px 过渡尺寸
*/
@media only screen and (max-width: 1800px){

}
/*
1680px [1680×1050]
*/
@media only screen and (max-width: 1680px) {

}

/*
1500px 过渡尺寸
*/
@media only screen and (max-width: 1500px) {

}
/*
1600px [1600×900]
*/
@media only screen and (max-width: 1600px) {


}

/*
1440px [1400×900]
*/
@media only screen and (max-width: 1440px) {

}

/*
1366px [1366×768]
*/
@media only screen and (max-width: 1366px) {


}

/*
1280px [1280×1024] [1280×800]
*/
@media only screen and (max-width: 1280px) {


}



/*
1200px 纯手机端（为跳过某些平板竖屏-1，如华为M2）
*/
@media only screen and (max-width: 1199px) {


}

/*
1100px 过渡
*/
@media only screen and (max-width: 1100px) {



}

/*
1024px [1024×768] 横屏 ipad1/2/mini
*/
@media only screen and (max-width: 1024px) {




}

/*
1000px 过渡 纯手机端开始
*/
@media only screen and (max-width: 1000px) {




}


/*
900px 过渡
*/
@media only screen and (max-width: 900px) {

.about_phone{ display: block; }
#myContainer{ display: none; }
#multiscroll-nav{display: none;}
html{ height: auto !important; overflow: auto !important; }
body{ height: auto !important; overflow: auto !important;}
.wapmenu:before {-webkit-text-shadow: 0 0px 6px rgba(0,0,0,0.8); -moz-text-shadow: 0 0px 6px rgba(0,0,0,0.8); -o-text-shadow: 0 0px 6px rgba(0,0,0,0.8);text-shadow: 0 0px 6px rgba(0,0,0,0.8); }
.navs li {line-height: 50px; display: block; letter-spacing: 2px; margin-top: 1px; text-indent: 60px; font-size: 16px; }
.navs {background: rgba(0, 0, 0, 0.9); width: 218px; padding: 10px 0px; padding-top: 100px; }
.navs li a:hover:before{ font-size:16px; line-height: 50px; }

}

/*
800px 高度预警！！
*/
@media only screen and (max-height: 800px) {

.context_idx p {line-height: 32px; font-size: 15px; }
.context_idx small:before {width: 18px; height: 18px; }
.context_idx dl {line-height: 32px; font-size: 15px; }

.title_big_01 b{ font-size: 26px; letter-spacing: 1px; margin: 24px 0 29px 0; }
.title_big_01 h2{ font-size:50px; }

}
@media only screen and (max-height: 650px) {

.context_idx p {line-height: 30px; font-size: 15px; }
.context_idx small:before {width: 16px; height: 16px; }
.context_idx small {margin-top: 20px; }
.context_idx dl {line-height: 30px;  }


.title_big_01 b{ font-size: 21px; letter-spacing: 1px; margin: 20px 0 24px 0; }
.title_big_01 h2{ font-size:40px; }

}

@media only screen and (max-height: 500px) {

.navs li {line-height: 35px; display: block; letter-spacing: 2px; margin-top: 1px; text-indent: 60px; font-size: 16px; }
.navs {background: rgba(0, 0, 0, 0.9); width: 218px; padding: 10px 0px; padding-top: 60px; }
.navs li a:hover:before{ font-size:16px; line-height: 35px; }
}

@media only screen and (max-height: 320px) {

.navs li {line-height: 30px;  }
.navs { padding-top: 60px; }
.navs li a:hover:before{ font-size:16px; line-height: 30px; }
}


/* 800px 竖屏 安卓平板 */
@media only screen and (max-width: 800px) {


}


/* 768px 竖屏 ipad1/2/mini */
@media only screen and (max-width: 768px) {


}

/* 700px 过渡 */
@media only screen and (max-width: 700px) {



}

/* 绝对手机模式 */
@media only screen and (max-width: 600px) {



}

/* 苹果s */
@media only screen and (max-width: 414px) {


}

/* 苹果普通、X */
@media only screen and (max-width: 375px) {


}

/* 安卓小屏 */
@media only screen and (max-width: 360px) {



}

/* 苹果5 */
@media only screen and (max-width: 320px) {




}


/*手机横屏*/
@media (max-width:850px) and (max-height:414px) {


}

@media (max-width:600px) and (max-height:320px) {

}