@media all 
{
/* CSS Document*/
.scene_banner{ height:500px; width:100%; background:url(../images/scene_bannerBg.jpg) no-repeat center / cover; position:relative;}
.scene_bannerTxt{ position:absolute; left:0; width:90%; background-color:rgba(51,51,51,0.5); padding:25px 9px 15px 15px; top:50%; transform:translateY(-50%); text-align:center;}
.scene_bannerTxt img{ width:100%; max-width:260px;}
.scene_bannerTxt h2{ color:#fff; font-weight:700; margin-top:5px; font-size:44px;}
.scene_bannerTxt p{ color:#fff;}
.scene_banner + .typeaere{ padding:0;}
.scene_banner + .typeaere >div{ margin-top:15px; padding-left:15px; padding-right:15px; text-align:center;}
.C_part01{ padding-top:30px; padding-bottom:30px; background:url(../images/C/C_part01Bg.jpg) no-repeat left center / cover;}
.C_part01_input{ text-align:center;}
.C_part01Title{ width:100%; height:80px; margin-bottom:20px;}
.C_part01Title img{ max-width:100%; max-height:100%;}
.C_part01_input >.fixed{ margin-bottom:10px;}
.C_part01_input >.fixed input{ float:left; height:35px; width:48%; padding:5px 10px; background-color:#fff; border:1px solid #c7000b;}
.C_part01_input >.fixed input + input{ margin-left:4%;}
.C_part01_input >button{ width:100%; height:35px; font-size:14px;}
.C_part02{ background:url(../images/C/C_part02Bg.jpg) no-repeat center center / cover; padding-top:30px; padding-bottom:30px; text-align:center; position:relative; height:240px;}
.C_part02TXT{ position:absolute; height:100%; width:100%; background-color:rgba(255,255,255,0.5); padding:30px 15px; top:0; left:0;}
.C_part02TXT h3,.C_part02TXT p{ color:#000; margin-bottom:25px; font-size:35px;}
.C_part02TXT p{ font-size:16px; color:#000; line-height:25px;}
.C_part02TXT h3 span,.C_part02TXT p span{ display:none;}
.C_button{ font-size:14px; padding:5px 10px; border:1px solid #000; color:#000;}
.C_button:hover{ color:#c7000b; border-color:#c7000b;}
.C_title2{ margin-bottom:15px; color:#da2337; font-weight:bold;}
.C_title21{ margin-bottom:15px; margin-top:100px; color:#da2337; font-weight:bold;}
.C_p{ margin-bottom:20px; color:#858585; font-size:16px; line-height:25px;}
.C_PicBox >ul:first-child >li{ float:left; width:30%; margin-left:5%; border:1px solid #c7000b; cursor:pointer; padding:5px; margin-bottom:5px;}
.C_PicBox >ul:first-child >li:nth-child(3n+1){ margin-left:0;}
.C_PicBox >ul:first-child >li:hover,.C_PicBox >ul:first-child >li.C_PicBtnOn{ background-color:#c7000b; color:#fff;}
.C_PicBox >ul:nth-child(2){ height:240px; position:relative; margin-left:-15px; margin-right:-15px; margin-top:15px;}
.C_PicBox >ul:nth-child(2) >li{ position:absolute; height:100%; width:100%; top:0; left:0; background-position:center; background-repeat:no-repeat; background-size:cover; opacity:0; transform:scale(0,0); -moz-transform:scale(0,0); -ms-transform:scale(0,0); -o-transform:scale(0,0); -webkit-transform:scale(0,0); transition:transform linear 0.5s, opacity linear 0.7s; -moz-transition:transform linear 0.5s, opacity linear 0.7s; -ms-transition:transform linear 0.5s, opacity linear 0.7s; -o-transition:transform linear 0.5s, opacity linear 0.7s; -webkit-transition:transform linear 0.5s, opacity linear 0.7s;}
.C_PicBox >ul:nth-child(2) >li.C_PicImgOn{ opacity:1; transform:scale(1,1); -moz-transform:scale(1,1); -ms-transform:scale(1,1); -o-transform:scale(1,1); -webkit-transform:scale(1,1);}
.C_PicBox >ul:nth-child(2) >li .PicTXT{ position:absolute; bottom:0; left:0; width:100%; height:100%; padding:10px 15px; background-color:rgba(0,0,0,0.5); text-align:center;}
.PicTXT h4,.PicTXT p{ color:#fff; margin-left:auto; margin-right:auto; max-width:700px;}
.PicTXT p{ font-size:12px;}
.C_part03_net{ background-image:url(../images/C/C_part03_netBg.jpg);}
.C_part03_safe{ background-image:url(../images/C/C_part03_safeBg.jpg);}
.C_part03_light{ background-image:url(../images/C/C_part03_lightBg.jpg);}
.C_part03_health{ background-image:url(../images/C/C_part03_healthBg.jpg);}
.C_part03_music{ background-image:url(../images/C/C_part03_musicBg.jpg);}
.C_part03_tv{ background-image:url(../images/C/C_part03_tvBg.jpg);}
.C_part03_ci{ background-image:url(../images/C/C_part03_ciBg.jpg);}
.C_part04_yonghu{ background-image:url(../images/C/C_part04_yonghuBg.jpg);}
.C_part04_power{ background-image:url(../images/C/C_part04_powerBg.jpg);}
.C_part04_line{ background-image:url(../images/C/C_part04_lineBg.jpg);}
.C_part04_zhuji{ background-image:url(../images/C/C_part04_zhujiBg.jpg);}
.C_part04_cloud{ background-image:url(../images/C/C_part04_cloudBg.jpg);}
.C_part05 .AN01{ height:35px; width:120px; font-size:14px;}
.C_part05_listBox{ margin-top:20px;}
.C_part05_list li{ float:left; width:49%; margin-left:2%; margin-bottom:7px; height:120px;}
.C_part05_list li:nth-child(2n+1){ margin-left:0;}
.C_part05_list li div{ height:100%;}
.C_part05_list01{ background:url(../images/C/C_part05_Img01.jpg) no-repeat center center / cover;}
.C_part05_list02{ background:url(../images/C/C_part05_Img02.jpg) no-repeat center center / cover;}
.C_part05_list03{ background:url(../images/C/C_part05_Img03.jpg) no-repeat center center / cover;}
.C_part05_list04{ background:url(../images/C/C_part05_Img04.jpg) no-repeat center center / cover;}
.C_part06{ background:url(../images/C/C_part06Bg.jpg) no-repeat center center / cover; position:relative; height:240px;}
.C_part06TXT{ position:absolute; top:0; left:0; width:100%; height:100%; padding:30px 15px; background-color:rgba(0,0,0,0.5);}
.C_part06TXT h3{ color:#fff; margin-bottom:25px; font-size:35px;}
.C_part06TXT p{ color:#fff; margin-bottom:25px; font-size:18px;}
.C_part06TXT h3 span,.C_part06TXT p span{ display:none;}
.C_part06TXT .C_button{ border-color:#fff; color:#fff;}
.C_part06TXT .C_button:hover{ border-color:#c7000b; color:#c7000b;}
.C_part07BTN li{ text-align:center; height:35px; padding:0!important;}
.C_part07BTN li:last-child{ line-height:35px;}
.C_part07BTN li img{ max-width:100%; max-height:100%;}
.C_part07BTN li .C_part07hover{ display:none;}
.C_part07BTN li:hover .C_part07hover,.C_part07BTN .C_PicBtnOn .C_part07hover{ display:inline-block;}
.C_part07BTN li:hover .C_part07logo,.C_part07BTN .C_PicBtnOn .C_part07logo{ display:none;}
.C_part07Img >li h4,.C_part07Img >li >ul >li p,.C_part07more{ display:none;}
.C_part07Img >li >ul{ padding:15px;}
.C_part07Img >li >ul >li:nth-child(n+3){ display:none;}
.C_part07Img >li >ul >li{ float:left; width:48%; padding:15px; box-shadow:1px 1px 2px 0 rgba(198,198,198,0.2); height:180px;}
.C_part07Img >li >ul >li + li{ margin-left:4%;}
.C_part07_conPic{ height:250px;}
.C_part07Img >li >ul >li img{ max-width:100%; max-height:100%; margin-bottom:15px;}
.C_part07Img >li >ul >li h5 a{ color:#3b8ede; font-weight:normal; font-size:16px;}
.C_part07Img >li >ul >li h5 a:hover{ text-decoration:underline;}
.C_part08 ul li{ float:left; width:49%; margin-left:2%; margin-bottom:8px; height:300px; background-position:center; background-repeat:no-repeat; background-size:cover; position:relative; cursor:pointer;}
.C_part08 ul li:nth-child(2n+1){ margin-left:0;}
.C_part08_li01{ background-image:url(../images/C/C_part08_Img01.jpg);}
.C_part08_li02{ background-image:url(../images/C/C_part08_Img02.jpg);}
.C_part08_li03{ background-image:url(../images/C/C_part08_Img03.jpg);}
.C_part08_li04{ background-image:url(../images/C/C_part08_Img04.jpg);}
.C_part08mb{ position:absolute; top:0; height:100%; left:0; width:100%; background-color:rgba(51,51,51,0.5); padding:10px;}
.C_part08TXT{ display:inline-block; width:100%; vertical-align:middle;}
.C_part08TXT h5{ font-size:18px;}
.C_part08TXT h5,.C_part08TXT p{ color:#fff;}
.C_part08TXT p{ height:0; overflow:hidden; transition:height ease 1s; -moz-transition:height ease 1s; -ms-transition:height ease 1s; -o-transition:height ease 1s; -webkit-transition:height ease 1s; margin-bottom:0;}
.C_part08Hover .C_part08mb{ background-color:rgba(128,16,22,0.7);}
.C_part08Hover .C_part08TXT p{ height:230px;}
.C_part09_lunbo{ height:260px; position:relative; overflow:hidden; margin-left:-15px; margin-right:-15px;}
.C_part09_lunbo ul{ height:260px; position:relative; width:100%;}
.C_part09_lunbo ul li{ height:100%; position:absolute; left:0; top:0; opacity:0;  transition:all 0.5s; -moz-transition:all 0.5s; -ms-transition:all 0.5s; -o-transition:all 0.5s; -webkit-transition:all 0.5s; width:100%; background-position:left bottom; background-repeat:no-repeat; background-size:cover;}
.C_part09_lunbo ul li.C_part09OnImg{ opacity:1; z-index:1;}
.C_part09_li01{ background-image:url(../images/C/C_part09Li01.jpg);}
.C_part09_li02{ background-image:url(../images/C/C_part09Li02.jpg);}
.C_part09_li03{ background-image:url(../images/C/C_part09Li03.jpg);}
.C_part09_li04{ background-image:url(../images/C/C_part09Li04.jpg);}
.C_part09_li05{ background-image:url(../images/C/C_part09Li05.jpg);}
.C_part09_li06{ background-image:url(../images/C/C_part09Li06.jpg);}
.C_part09_li07{ background-image:url(../images/C/C_part09Li07.jpg);}
.C_part09_lunbo ol{ position:absolute; z-index:3; bottom:10px; left:50%; transform:translateX(-50%); -moz-transform:translateX(-50%); -ms-transform:translateX(-50%); -o-transform:translateX(-50%); -webkit-transform:translateX(-50%);}
.C_part09_lunbo ol li{ float:left; width:12px; height:12px; border-radius:50%; background-color:#b3b3b3; cursor:pointer; box-shadow:1px 1px 2px 0 rgba(0,0,0,0.3);}
.C_part09_lunbo ol li + li{ margin-left:7px;}
.C_part09_lunbo ol .C_part09OnLi{ background-color:#c7000b;}
.C_part09_next,.C_part09_prev{ cursor:pointer; position:absolute; top:0; right:0; width:60px; height:100%; background:url(../images/C/C_part09BTN_next.png) no-repeat center / 45px;  transition:all ease 0.3s; -moz-transition:all ease 0.3s; -ms-transition:all ease 0.3s; -o-transition:all ease 0.3s; -webkit-transition:all ease 0.3s; z-index:4;}
.C_part09_prev{ right:auto; left:0; background-image:url(../images/C/C_part09BTN_prev.png);}
.C_part05_next:hover,.C_part09_next:hover{ background-image:url(../images/C/C_part09BTN_nextR.png);}
.C_part05_prev:hover,.C_part09_prev:hover{ background-image:url(../images/C/C_part09BTN_prevR.png);}

}
@media (min-width:768px){
.scene_banner{ height:600px;}
.scene_bannerTxt{ width:55%; text-align:right; padding-right:30px; padding-bottom:30px; padding-top:40px;}
.scene_bannerTxt img{ max-width:360px;}
.scene_bannerTxt h2{ font-size:60px; margin-bottom:20px;}
.scene_bannerTxt p{ font-size:16px; line-height:25px;}
.scene_banner + .typeaere{ padding:0 15px;}
.scene_banner + .typeaere > div{ padding-left:0; padding-right:0;}
.C_part01{ padding-left:30%!important; background-position:center;}
.C_part01 >ul >li{ float:left; width:50%; padding:0 15px;}
.C_part01Box{ padding:70px 15px 25px; border:1px solid #c7000b; position:relative; max-width:260px; margin-left:auto; margin-right:auto;}
.C_part01_NewsTitle{ background-color:#fff; position:absolute; top:15px;  padding:5px 0;}
.C_part01_NewsTitle p{ color:#c7000b; margin-bottom:0; font-size:14px; margin-left:-10px;}
.C_part01_NewsTitle p span{ font-size:20px; padding:0 3px;}
.C_part01NewsBox{ height:80px; overflow:hidden; position:relative;}
.C_part01News{ position:absolute; top:0; width:100%;}
.C_part01News li{ font-size:12px; color:#000; line-height:20px;}
.C_part01News_span{ display:block; width:40px; height:5px; background-color:#fff; position:absolute; left:25px;}
.C_part02,.C_part06{ padding-left:58%!important; height:auto; height:450px;}
.C_part02TXT,.C_part06TXT{ position:inherit; padding:40px 30px 40px 0; text-align:left; background-color:transparent;}
.C_part02TXT h3 span, .C_part02TXT p span,.C_part06TXT h3 span, .C_part06TXT p span{ display:inline;}
.C_PicBox{ padding-left:120px; position:relative;}
.C_PicBox >ul:first-child{ position:absolute; width:120px; height:100%; left:0; top:0; font-size:16px;}
.C_PicBox > ul:first-child > li{ width:100%; margin:0; border:none; background-color:#f6f6f6;}
.C_PicBox > ul:first-child > li + li{ border-top:1px solid #fff;}
.C_part03BTN li{ height:14.29%; line-height:35px;}
.C_PicBox > ul:nth-child(2){ height:320px; width:100%; margin-left:0; margin-right:0;}
.C_PicBox >ul:nth-child(2) >li .PicTXT{ padding:20px 30px; height:auto;}
.C_part04Box.C_PicBox{ padding-left:0; padding-right:120px;}
.C_part04Box.C_PicBox >ul:first-child{ left:auto; right:0;}
.C_part04BTN li{ height:20%; line-height:54px;}
.C_part05_listBox{ max-width:800px; margin-left:auto; margin-right:auto; height:420px; margin-bottom:30px; position:relative; overflow:hidden}
.C_part05_list{ height:420px; position:relative;}
.C_part05_list li{ position:absolute; left:0; width:25%; margin:0; height:100%; cursor:pointer; z-index:10; transition:left linear 0.3s,width linear 0.3s; -moz-transition:left linear 0.3s,width linear 0.3s; -ms-transition:left linear 0.3s,width linear 0.3s; -o-transition:left linear 0.3s,width linear 0.3s; -webkit-transition:left linear 0.3s,width linear 0.3s; cursor:pointer;}
.C_part05_list li:nth-child(2){ left:25%; z-index:11;}
.C_part05_list li:nth-child(3){ left:50%; z-index:12;}
.C_part05_list li:nth-child(4){ left:75%; z-index:13;}
.C_part05_list li:hover{ z-index:14; width:29%;}
.C_part05_list li:nth-child(1):hover{ left:-2%;}
.C_part05_list li:nth-child(2):hover{ left:23%;}
.C_part05_list li:nth-child(3):hover{ left:48%;}
.C_part05_list li:nth-child(4):hover{ left:73%;}
.C_part05_list li.C_part05OnList{ left:0%!important; width:100%; z-index:14;}

.C_part05_lunbo{ position:absolute; width:100%; height:100%; overflow:hidden; top:0; left:0; z-index:15; display:none;}
.C_part05_lunbo ul{ position:absolute; left:0; top:0; height:100%;}
.C_part05_lunbo ul li{ height:420px; float:left;}
.C_part05_next,.C_part05_prev{ cursor: pointer; position:absolute; top:0; left:0; width:70px; height:100%; background:url(../images/C/C_part09BTN_prev.png) no-repeat center / 60px;}
.C_part05_next{ left:auto; right:0; background-image:url(../images/C/C_part09BTN_next.png);}
.C_part05_close{ width:50px; height:50px; position:absolute; cursor:pointer; border-radius:50%; background-color:rgba(204,204,204,0.5); font-size:36px; line-height:45px; text-align:center; top:15px; right:15px; z-index:9;}
.C_part05_close:hover{ color:#c7000b;}
.C_part07Box,.C_part07Box > ul:nth-child(2){ height:550px;}
.C_part07Box > ul:nth-child(2){  width:99.5%; margin-left:auto; margin-right:0;}
.C_part07Box > ul:nth-child(2) >li{ padding:15px; background:#fff;}
.C_part07BTN li{ height:9.8%;}
.C_part07Img > li h4, .C_part07Img > li > ul > li p, .C_part07more{ display:block; text-align:left;}
.C_part07Img > li h4{ color:#444; font-size:20px; margin-bottom:15px; font-weight:normal;}
.C_part07Img > li > ul > li p{ font-size:12px; color:#444; font-weight:normal;}
.C_part07Img > li > ul{ padding:0; margin-bottom:10px;}
.C_part07Img > li > ul > li:nth-child(n+3){ display:block;}
.C_part07Img > li > ul > li{ width:32%; height:auto; box-shadow:none;}
.C_part07Img > li > ul > li + li{ margin-left:2%;}
.C_part07more{ text-align:right; padding-right:15px;}
.C_part07more a{ padding:5px 10px; border:1px solid #c7000b; color:#c7000b;}
.C_part08 ul li{ width:24.25%; margin-bottom:0; height:320px;}
.C_part08 ul li + li,.C_part08 ul li:nth-child(3){ margin-left:1%;}
.C_part08TXT h5{ font-size:18px;}
.C_part08TXT p{ font-size:12px;}
.C_part08 ul li:hover .C_part08mb{ background-color:rgba(128,16,22,0.7);}
.C_part08 ul li:hover .C_part08TXT p, .C_part08Hover .C_part08TXT p{ height:190px;}
.C_part09_lunbo{ height:380px; margin-bottom:30px; margin-left:auto; margin-right:auto;}
.C_part09_lunbo ul{ height:380px;}

.C_part09_next, .C_part09_prev{ width:80px; background-size:60px;}

.C_title2{ margin-top:40px;}
}
@media (min-width:992px){
.scene_bannerTxt{ width:50%; padding-right:50px;}
.scene_bannerTxt h2{ font-size:70px; margin-bottom:20px; margin-top:10px;}
.scene_bannerTxt p{ font-size:17px;}

.C_PicBox{ padding-left:150px; box-shadow:2px 5px 20px 0px #858585;}
.C_part04Box.C_PicBox{ padding-right:150px;}
.C_PicBox > ul:first-child{ width:150px;}
.C_PicBox > ul:nth-child(2){ height:380px;}

.PicTXT p{ font-size:14px;}
.C_part03BTN li{ line-height:44px;}
.C_part04BTN li{ line-height:66px;}
.C_part07Box > ul:nth-child(2){ height:450px;}

.C_part08 ul li{ height:420px;}
.C_part08TXT p{ padding:0 10px;}
.C_part08 ul li:hover .C_part08TXT p, .C_part08Hover .C_part08TXT p{ height:160px;}
.C_part09_lunbo,.C_part09_lunbo ul{ height:420px; width:940px;}




}
@media (min-width:1200px){
.scene_bannerTxt{ width:46%; padding-left:70px;}

.C_part08 ul li:hover .C_part08TXT p, .C_part08Hover .C_part08TXT p{ height:130px;}
.C_part09_lunbo,.C_part09_lunbo ul{ height:450px; width:1140px;}

}