@charset "utf-8";
/* CSS Document */

body{ margin:0; padding:0; font-family:"microsoft yahei";}
h2,h3,h4,p{ font-weight:normal; padding:0; margin:0;}

ul,li{ list-style-type:none; margin:0; padding:0;}
.red{ color:#e95b53;}

.n_ad{ width:100%; text-align:center;}
.n_banner{width:100%;height:430px; background:url(../images/special/newmedia/n_operation_02.jpg) no-repeat center top;}
.n_p1{ width:100%; height:624px; background:url(../images/special/newmedia/n_operation_03.jpg) no-repeat center top;}
.n_p1m{ width:1000px; height:624px; margin:0 auto;}
.n_p1m h2{ font-size:42px; text-align:center; padding-top:100px; color:#414141;}
.n_p1m .c{ width:230px; float:right; font-size:16px;padding-top:100px; color:#000;}
.n_p1m .c p{ line-height:30px;margin-top:10px; margin-bottom:40px; display:block; font-size:16px;}
.n_p1m .c b{ font-size:21px; color:#e95b53; font-weight:normal;} 



.n_p2{ width:100%; height:421px; background:url(../images/special/newmedia/n_operation_06.jpg) no-repeat center top; clear:both;}
.n_p2m{ width:1000px; height:421px; margin:0 auto;padding-top:49px;}
.n_p2m h2{ height:48px; line-height:48px; background:url(../images/special/newmedia/n_operation_07.jpg) no-repeat center top; font-size:20px; text-align:center; }
.n_p2m .c{ width:923px; font-size:18px;padding-top:47px; padding-left:77px; color:#000;}
.n_p2m .c ul{ width:1000px;}
.n_p2m .c li{ width:135px; float:left; margin-right:100px;}
.n_p2m .c .pic{ overflow:hidden; height:135px;-webkit-transform: rotateY(0deg);-moz-transform: rotateY(0deg);-ms-transform: rotateY(0deg);-o-transform: rotateY(0deg);-webkit-transition:0.4s ease;-moz-transition:0.4s ease;-ms-transition:0.4s ease;-o-transition:0.4s ease;}
.n_p2m .c .pic:hover{-webkit-transform: rotateY(180deg);-moz-transform: rotateY(180deg);-ms-transform: rotateY(180deg);-o-transform: rotateY(180deg);-webkit-transition:0.5s ease;-moz-transition:0.5s ease;-ms-transition:0.5s ease;-o-transition:0.5s ease;}
.n_p2m .c .title{ margin-top:14px; text-align:center;}




.n_p3{ width:100%; height:588px; background:url(../images/special/newmedia/n_operation_17.jpg) no-repeat center top; clear:both;}
.n_p3m{ width:1000px; height:588px; margin:0 auto;padding-top:78px;}
.n_p3m h2{ height:64px; line-height:64px; font-size:42px; text-align:center;color:#fff;}
.n_p3m .c{ width:1000px; font-size:16px;padding-top:63px; color:#fff;}
.n_p3m .c ul{ width:1100px;}
.n_p3m .c li{ width:177px; float:left; margin-right:29px;}
.n_p3m .c .pic{ overflow:hidden; height:177px;}
.n_p3m .c .title{text-align:center; padding:21px 5px; height:47px; line-height:22px;-o-background:rgba(103,103,103,0.4);-ms-background:rgba(103,103,103,0.4);-moz-background:rgba(103,103,103,0.4);-webkit-background:rgba(103,103,103,0.4); background:rgba(103,103,103,0.4);}



.n_p4{ width:100%; height:580px; background:url(../images/special/newmedia/n_operation_36.jpg) no-repeat center top; clear:both;}
.n_p4m{ width:1000px; height:580px; margin:0 auto;padding-top:105px;}
.n_p4m h2{ height:66px; line-height:66px; font-size:42px; text-align:center; color:#414141;}
.n_p4m .c{ width:1000px; font-size:14px;padding-top:47px;  color:#000;}
.n_p4m .c ul{ width:1100px;}
.n_p4m .c li{ width:218px; height:269px; float:left; margin-right:43px;}
.n_p4m .c .li1{ background: url(../images/special/newmedia/n_operate_46.jpg) no-repeat;}
.n_p4m .c .li1:hover{background: url(../images/special/newmedia/n_operate2_46.jpg) no-repeat; color:#ea5b53;}
.n_p4m .c .li2{ background: url(../images/special/newmedia/n_operate_48.jpg) no-repeat;}
.n_p4m .c .li2:hover{ background: url(../images/special/newmedia/n_operate2_48.jpg) no-repeat;color:#ea5b53;}
.n_p4m .c .li3{ background: url(../images/special/newmedia/n_operate_50.jpg) no-repeat;}
.n_p4m .c .li3:hover{ background: url(../images/special/newmedia/n_operate2_50.jpg) no-repeat;color:#ea5b53;}
.n_p4m .c .li4{ background: url(../images/special/newmedia/n_operate_52.jpg) no-repeat;}
.n_p4m .c .li4:hover{ background: url(../images/special/newmedia/n_operate2_52.jpg) no-repeat;color:#ea5b53;}
.n_p4m .c .title{ height:41px; line-height:41px; margin-top:130px;text-align:center; font-size:30px;}
.n_p4m .c .intro{ text-align:center; margin-top:6px; line-height:22px;}

.n_ad2{width:100%; clear:both; height:147px; background:url(../images/special/newmedia/n_operation_57.jpg) no-repeat center top;}
.n_p5{ width:100%; height:750px; background:url(../images/special/newmedia/n_operate2_58.jpg) no-repeat center top; clear:both;}
.n_p5m{ width:1000px; height:750px; margin:0 auto;padding-top:105px;}
.n_p5m h2{ height:66px; line-height:66px; font-size:42px; text-align:center; color:#414141;}
.n_p5m .c{ width:1000px; font-size:14px;padding-top:47px;  color:#585858;}
.n_p5m .c ul{ width:1100px;}
.n_p5m .c li{  float:left; font-size:16px;}
.n_p5m .c li small{ color:#a3a3a3; margin-top:5px; display:block; line-height:18px;}
.n_p5m .c li small b{ font-weight:normal; color:#e95b53;}

.n_p5m .c .li1{ width:428px; height:449px; background:url(../images/special/newmedia/n_operate2_63.png) no-repeat;}
.n_p5m .c .li2{ width:146px;height:449px; background:url(../images/special/newmedia/n_operate2_64.png) no-repeat;}
.n_p5m .c .li3{width:427px;height:449px; background:url(../images/special/newmedia/n_operate2_65.png) no-repeat;}
.n_p5m .c li h3{ text-align:center; height:45px; line-height:45px; color:#fff; font-size:30px;}
.n_p5m .c .li1 .content1{ padding:33px 20px 0px 20px;}
.n_p5m .c .li3 .content1{ padding:33px 20px 0px 20px;}
.n_p5m .c .li1 .content1 span{ display:block; overflow:hidden; margin-bottom:18px;}
.n_p5m .c .li3 .content1 span{ display:block; overflow:hidden; margin-bottom:78px;}
.n_p5m .c .li1 div h4{ float:left; width:109px; height:39px; line-height:39px; background:#d9d9d9; text-align:center; font-size:24px;}
.n_p5m .c .li3 div h4{ float:left; width:109px; height:39px; line-height:39px; background:#fbdedd; text-align:center; font-size:24px; color:#e95b53;}
.n_p5m .c div .intro{ width:259px; float:right; line-height:23px;}

.n_p6{ width:100%; height:761px; background:url(../images/special/newmedia/n_operation_58.jpg) no-repeat center top; clear:both;}
.n_p6m{ width:1000px; height:761px; margin:0 auto;padding-top:95px;}
.n_p6m small{ display:block; text-align:center; font-size:16px; color:#876836;}
.n_p6m h2{ height:66px; line-height:66px; font-size:42px; text-align:center; color:#414141;}
.n_p6m .c{ width:963px; font-size:12px; color:#000; position:relative; padding-top:55px; padding-left:37px;}
.n_p6m .c .ul1,.n_p6m .c .ul2,.n_p6m .c .ul3{ width:1100px; clear:both;}
.n_p6m .c .ul2{ position:absolute; left:0; top:0;}
.n_p6m .c .ul2{ position:absolute; left:162px; top:181px;}
.n_p6m .c .ul3{ position:absolute; left:287px; top:307px;}
.n_p6m .c li{  float:left; margin-right:76px; margin-bottom:80px; position:relative; padding-left:20px;}
.n_p6m .c li h3{ text-align:center; font-size:22px; }
.n_p6m .c li .icon1{ }
.n_p6m .c li .intro{ line-height:20px; color:#57534c;  padding-right:25px; width:120px; padding-left:25px;}
.n_p6m .c .ul2 li{ background:#fff;}
.n_p6m .c .li1 .icon1{ height:27px; background:url(../images/special/newmedia/n_icon_105.png) no-repeat center top;}
.n_p6m .c .li2 .icon1{ height:27px; background:url(../images/special/newmedia/n_icon_109.png) no-repeat center top;}
.n_p6m .c .li3 .icon1{ height:27px; background:url(../images/special/newmedia/n_icon_113.png) no-repeat center top;}
.n_p6m .c .li4 .icon1{ height:27px; background:url(../images/special/newmedia/n_icon_115.png) no-repeat center top;}
.n_p6m .c .li5 .icon1{ height:35px; background:url(../images/special/newmedia/n_icon_122.png) no-repeat center top;}
.n_p6m .c .li6 .icon1{ height:35px; background:url(../images/special/newmedia/n_icon2_119.png) no-repeat center top;}
.n_p6m .c .li7 .icon1{ height:35px; background:url(../images/special/newmedia/n_icon_126.png) no-repeat center top;}
.n_p6m .c .li8 .icon1{ height:31px; background:url(../images/special/newmedia/n_icon_135.png) no-repeat center top;}
.n_p6m .c .li9 .icon1{ height:31px; background:url(../images/special/newmedia/n_icon_137.png) no-repeat center top;}

.n_p6m .c .li1:hover .icon1{ height:27px; background:url(../images/special/newmedia/n_icon2_105.png) no-repeat center top;}
.n_p6m .c .li2:hover .icon1{ height:27px; background:url(../images/special/newmedia/n_icon2_108.png) no-repeat center top;}
.n_p6m .c .li3:hover .icon1{ height:27px; background:url(../images/special/newmedia/n_icon2_111.png) no-repeat center top;}
.n_p6m .c .li4:hover .icon1{ height:27px; background:url(../images/special/newmedia/n_icon2_113.png) no-repeat center top;}
.n_p6m .c .li5:hover .icon1{ height:35px; background:url(../images/special/newmedia/n_icon2_117.png) no-repeat center top;}
.n_p6m .c .li6:hover .icon1{ height:35px; background:url(../images/special/newmedia/n_icon_124.png) no-repeat center top;}
.n_p6m .c .li7:hover .icon1{ height:35px; background:url(../images/special/newmedia/n_icon2_121.png) no-repeat center top;}
.n_p6m .c .li8:hover .icon1{ height:31px; background:url(../images/special/newmedia/n_icon2_126.png) no-repeat center top;}
.n_p6m .c .li9:hover .icon1{ height:31px; background:url(../images/special/newmedia/n_icon2_128.png) no-repeat center top;}

.n_p6m .c li:hover{ background: #e95b53; }
.n_p6m .c li:hover h3,.n_p6m .c li:hover .intro{ color:#fff;}
.n_p6m .c li{ width: 154px;
			height: 174px;
		-webkit-transform:rotate(-45deg);
			-moz-transform:rotate(-45deg);
			-o-transform:rotate(-45deg);
			-ms-transform:rotate(-45deg);
			transform:rotate(-45deg);
			background: #fdf2e1; }
.n_p6m .c li .content{-webkit-transform:rotate(45deg);
			-moz-transform:rotate(45deg);
			-o-transform:rotate(45deg);
			-ms-transform:rotate(45deg);
			transform:rotate(45deg); }		
.n_p6m .c .li1 .content{ width:170px; margin:0 auto; position:absolute; left:20px; top:20px;}
			
.n_p6m .c .li2 .content{ width:170px;  position:absolute; left:20px; top:20px;}		
				
.n_p6m .c .li3 .content{ width:170px;  position:absolute; left:10px; top:20px; }
.n_p6m .c .li4 .content{ width:170px;  position:absolute; left:10px; top:20px;}		
				
.n_p6m .c .li5 .content{ width:170px;  position:absolute; left:8px; top:20px; }					
.n_p6m .c .li6 .content{ width:170px;  position:absolute; left:8px; top:20px; }			
.n_p6m .c .li7 .content{ width:170px;  position:absolute; left:8px; top:20px; }
.n_p6m .c .li8 .content{ width:170px;  position:absolute; left:8px; top:20px; }
.n_p6m .c .li9 .content{ width:170px;  position:absolute; left:8px; top:20px; }
.n_p7{ width:100%; height:783px; background: url(../images/special/newmedia/n_operate4_133.png) no-repeat center top; clear:both;}
.n_p7m{ width:1000px; height:684px; margin:0 auto;padding-top:99px;}
.n_p7m h2{ height:61px; line-height:61px; font-size:42px; text-align:center; color:#414141;}
.n_p7m .c{ width:1000px; font-size:14px;padding-top:47px;  color:#000; position:relative;}
.n_p7m .c ul{ width:1100px;}
.n_p7m .c li{  float:left;  padding:10px 30px 50px 30px;}
.n_p7m .c li .content{ color:#626264;}
.n_p7m .c li:hover .content{ color:#fff;}
.n_p7m .c .li1{ width:234px; height:109px; background:url(../images/special/newmedia/n_operate4_143.png) no-repeat; position:absolute; left:0px; top:190px;}
.n_p7m .c .li2{ width:234px; height:109px; background:url(../images/special/newmedia/n_operate4_143.png) no-repeat; position:absolute; left:190px; top:60px;}
.n_p7m .c .li1:hover,.n_p7m .c .li2:hover{ background:url(../images/special/newmedia/n_operate4_138.png) no-repeat; color:#fff;}
.n_p7m .c .li3{ width:234px; height:109px; background:url(../images/special/newmedia/n_operate4_140.png) no-repeat; position:absolute; right:190px; top:60px;}
.n_p7m .c .li4{ width:234px; height:109px; background:url(../images/special/newmedia/n_operate4_140.png) no-repeat; position:absolute; right:0px; top:200px;}
.n_p7m .c .li3:hover,.n_p7m .c .li4:hover{ background:url(../images/special/newmedia/n_operate4_147.png) no-repeat; color:#fff;}
.n_p7m .c li h3{ text-align:center; font-size:26px; font-weight:bold;}


.n_ad3{ width:100%; clear:both; height:177px; background:url(../images/special/newmedia/n_operate4_134.png) no-repeat center top;}
.n_p8{ width:100%;   clear:both;}
.n_p8m{ width:1000px;  margin:0 auto;padding-top:83px;}
.n_p8m h2{ height:66px; line-height:66px; font-size:42px; text-align:center; color:#414141;}
.n_p8m small{ width:1000px; text-align:center; display:block; font-size:16px; color:#8d8d8d;}
.n_p8m .c{ width:1000px; font-size:14px;padding-top:47px;  color:#000; text-align:center;}

.n_p9{ width:100%; height:976px;  clear:both; background:url(../images/special/newmedia/n_operate4_146.png) no-repeat center  bottom; margin-top:86px;}
.n_p9m{ width:1200px;  margin:0 auto;}
.n_p9m h2{ height:67px; line-height:67px; font-size:42px; text-align:center; color:#414141;}
.n_p9m .c{ width:1200px; font-size:14px; color:#000; text-align:center; overflow:hidden;}
.n_p9m .c ul{ width:1300px;}
.n_p9m .c li{ float:left; margin-right:5px; margin-top:33px; width:297px; overflow:hidden;}
.n_p9m .c li h3{ height:65px; line-height:65px; text-align:center; font-size:16px;}
.n_p9m .c li .picdiv{ height:526px; position:relative; overflow:hidden;}
.n_p9m .c li .pic{ position:absolute; left:0px; top:0px;}
.n_p9m .c li .shade{ width:297px; height:526px; display:none;position:absolute; left:0px; top:0px; background:#000;-webkit-background:rgba(0,0,0,0.4);-moz-background:rgba(0,0,0,0.2);-ms-background:rgba(0,0,0,0.2);-o-background:rgba(0,0,0,0.2); background:rgba(0,0,0,0.2);}
.n_p9m .c li:hover h3{ color:#e95b53; font-size:18px; font-weight:bold;}
.n_p9m .c li:hover .shade{ display:block;}

.n_weixin{ width:685px; clear:both; margin:0 auto; overflow:hidden; padding-left:315px; padding-top:55px;}
.n_weixin div{ float:left; margin-right:54px;}