@charset "utf-8";
/* CSS Document */
html,body,p,h1,h2,h3,img,ul,ol,dl,dt,dd{ margin:0; padding:0;}
ul,li{ list-style:none;}
img,input,button{ border:none;}
body{ color:#333; font-size:16px; font-family:Microsoft yahei,Simsun,Arial; line-height:1.875;}
a:link,a:visited{ text-decoration:none; cursor:pointer; color:#333;}
a:hover{ text-decoration:none; color:#998adc;}
input,button,select,textarea{outline:none}
textarea{resize:none}
.clearfix:after {
    content:"\200B";
    display:block;
    height:0;
    clear:both;
}
.clearfix {*zoom:1;}/*IE/7/6*/

.top{ background:#144f87; width:100%; min-width:1220px;}
.n_top{ width:1220px; text-align:right; font-size:15px; color:#c8c8c8; margin:0 auto;}
.n_top a{ display:inline-block; margin:0 15px;color:#c8c8c8;}
.header{ width:100%; height:180px; min-width:1220px; background:url(../images/top_bg.jpg) no-repeat top center;}
.s_header{ width:1220px; margin:0 auto;}
.logo{ margin-top:30px; float:left;}
.xx{ margin:75px 0 0 120px; float:left; }
.search{ width:240px; height:44px; line-height:44px; float:right; background:url(../images/search_bg.png) no-repeat top center; margin-top:75px; }
.inp_text{text-indent:20px; display:block; float:left; width:190px; height:44px; background:none; color:#e1e1e1; line-height:44px;}
input::-webkit-input-placeholder { color: #e1e1e1;}
input:-moz-placeholder {color: #e1e1e1;}
input::-moz-placeholder { color: #e1e1e1;}
input::-ms-input-placeholder {color: #e1e1e1;}
.inp_submit{ width:45px; height:44px; float:right; display:block; background:url(../images/search.png) no-repeat left center;}

/*网站头部*/
.col960 {width:1220px;margin:auto;}
.navbg {height:64px;width: 100%;background: #ebebeb;position:absolute;z-index:99999;left:0;}
#navul li {float: left;width:100px;height:64px;position:relative;text-align:center;line-height:64px;}
#navul li.navhome {text-align:center;}
#navul li a:link, #navul li a:visited {color:#373737; font-size:17px;}
#navul li ul {display:none; position:absolute; z-index:10000; top:64px; left:0px; background:#2177c9;}
#navul li ul li {display:block; width:120px; float:none; margin-right:0px; height:34px; position:relative;  line-height:34px;font-size:14px;}
#navul li.navmoon {background:#2177c9; width:120px; height:64px; line-height:64px;}
#navul li.navmoon a {color:#FFFFFF;}
#navul li.navhome a:hover {color:#FCFF00;}
#navul li.navmoon ul {display:block;}
#navul li.navmoon ul a {display:block; width:120px; height:34px; line-height:34px; font-size:14px;}
#navul li.navmoon ul a:hover {background:#998adc;}

/*-----------------自定义按钮样式，移动端不需要，PC端根据实际情况选择----------------*/
.demo {width: 580px;height: 382px;font-size: 14px;position:relative; margin:30px 0 0 10px;}
.demo a.control {position:absolute;display: block;top: 50%;margin-top: -78px;width: 76px;height: 112px;cursor: pointer;z-index: 2;background: url(../images/buttons.png) no-repeat}
.demo a.prev {left: 0;background-position: 0 0}
.demo a.next {right: 0;background-position: -76px 0}
.demo a.prev:hover {background-position: 0 -112px}
.demo a.next:hover {background-position: -76px -112px}
.slider {display: none}
/*----------------------------为保证最佳效果，建议设置如下样式------------------------*/


/* fullSlide */
.fullSlide{width:100%;position:relative;height:610px;background:#f0f0f0;}
.fullSlide .bd{margin:0 auto;position:relative;z-index:0;overflow:hidden;}
.fullSlide .bd ul{width:100% !important;}
.fullSlide .bd li{width:100% !important;height:610px;overflow:hidden;text-align:center;}
.fullSlide .bd li a{display:block;height:410px;}
.fullSlide .hd{width:100%;position:absolute;z-index:1;bottom:0;left:0;height:30px;line-height:30px;}
.fullSlide .hd ul{text-align:center;}
.fullSlide .hd ul li{cursor:pointer;display:inline-block;*display:inline;zoom:1;width:42px;height:11px;margin:1px;overflow:hidden;background:#000;filter:alpha(opacity=50);opacity:0.5;line-height:999px;}
.fullSlide .hd ul .on{background:#f00;}
.fullSlide .prev,.fullSlide .next{display:block;position:absolute;z-index:1;top:50%;margin-top:-30px;left:15%;z-index:1;width:40px;height:60px;background:url(../images/slider-arrow.png) -126px -137px #000 no-repeat;cursor:pointer;filter:alpha(opacity=50);opacity:0.5;display:none;}
.fullSlide .next{left:auto;right:15%;background-position:-6px -137px;}

.section_1,.section_3,.section_4{ margin:40px auto 0; width:1220px; }
.s1_1{ width:580px; float:left;}
.com_p1{ font-size:20px; width:100%; height:36px; line-height:36px; color:#666; text-indent:46px; position:relative;}
.icon_1{ background:url(../images/tab_5.png) no-repeat left center;}
.icon_3{ background:url(../images/vedio.png) no-repeat left center; color:#fff;}
.icon_3 a{ display:block; width:48px; height:16px; background:url(../images/yuan_3.png) no-repeat center center; right:0; top:5px; position:absolute;}
.s1_2{ width:590px; float:right;}
.com_p2{ width:100%; height:44px; position:relative;}
.icon_2{ background:url(../images/tab_4.png) no-repeat left center; text-indent:60px; color:#fff; font-size:20px; line-height:44px;}
.icon_6{ background:url(../images/tab_6.png) no-repeat center left;}
.com_p2 a{ position:absolute; font-size:14px; right:0; top:5px;}
.ul01{ overflow:hidden; margin-top:20px; width:100%;}
.ul01 li{ height:36px; line-height:36px; background:url(../images/circle.png) no-repeat left center; text-indent:15px;}
.ul01 li a{ float:left;}
.ul01 li span{ float:right; color:#d6d4de; font-size:15px;}
.wrap_2{ width:100%; min-width:1220px; background:url(../images/tab_bg.jpg) no-repeat top center; height:600px; margin-top:60px;}
.vedio_1{ width:805px; height:450px; background:url(../images/sc_1.png) no-repeat right top; margin-top:20px;}
.play{ width:510px; height:430px; float:left; background:#fff;}
.vedio_1_list{ width:185px; padding:80px 0 0 55px;float:left;}
.vedio_1_list ul{ width:165px; height:190px; }
.vedio_1_list ul li{ background:url(../images/vedio_1.png) no-repeat left center; height:46px; line-height:46px;text-indent:30px;}
.vedio_1_list .more{ display:block; width:110px; height:36px; line-height:36px; background:#998adc; color:#fff; font-size:14px; text-align:center; margin:60px 0 0 25px;}
.vedio_1_list ul li a{ color:#e6e6e6; font-size:16px; }
.section_2{ margin:0 auto; width:1220px;}
.s2_1{ float:left; width:785px; margin-top:60px;}
.s2_2{ float:right; width:370px; margin-top:45px;}
.com_p3{ width:100%; height:60px; position:relative; color:#fff; font-size:20px; line-height:60px; border-bottom:3px solid #e3e3e3;}
.icon_4{ background:url(../images/arrow_1.png) no-repeat 85px center;}
.com_p3 a{ position:absolute; top:0; right:0; color:#fff; font-size:14px; }
.ul02{ overflow:hidden; margin-top:5px; width:100%;}
.ul02 li{ height:54px; line-height:54px; background:url(../images/circle_1.png) no-repeat left center; text-indent:15px; border-bottom:1px dashed #7e97ab; font-family:Simsun;}
.ul02 li a{ float:left; color:#fff;}
.ul02 li a:hover{ color:#bca4fd;}
.ul02 li span{ float:right; color:#d6d4de; font-size:15px;}
.ul_icon_1{ width:340px; padding:30px 0 0 45px; float:left; margin-right:30px;}
.bg_1{ background:url(../images/bg_1.jpg) no-repeat top center;}
.bg_2{ background:url(../images/bg_2.jpg) no-repeat top center;}
.bg_3{ background:url(../images/bg_3.jpg) no-repeat top center;}
.ul_icon_1 li{ width:140px; height:85px; float:left; text-align:center; margin-bottom:15px;}
.ul_icon_1 li a{ color:#fff; font-size:16px; display:inline-block; width:100%; height:100%;}
.ul_icon_1 li span{ width:100%; display:inline-block; line-height:32px;}
.com_i{ display:inline-block; width:44px; height:48px; background-image:url(../images/tab_3.png); background-repeat:no-repeat; }
.i_1{ background-position:0 0;}
.i_2{ background-position:0 -48px;}
.i_3{ background-position:0 -96px;}
.i_4{ background-position:0 -144px;}
.i_5{ background-position:0 -192px;}
.i_6{ background-position:0 -240px;}
.i_7{ background-position:0 -288px;}
.i_8{ background-position:0 -336px;}
.i_9{ background-position:0 -384px;}
.i_10{ background-position:0 -432px;}
.i_11{ background-position:0 -480px;}
.i_12{ background-position:0 -528px;}
.s_banner{ width:1220px; margin:50px auto 0;}

/*main*/
.case,.case_1,.case_2,.case_3{width:590px; float:left; margin-bottom:40px;}
.title_1{height:60px;border-bottom: 3px solid #e7e7e7;padding-bottom:10px; position:relative;} 
.title_1 .tab{ display:block; float:left; width:60px; height:50px; background-image:url(../images/tab_2.png); background-repeat:no-repeat;}
.title_1 .tab_1{ background-position:0 0;}
.title_1 .tab_2{ background-position:0 -50px;}
.title_1 .tab_3{ background-position:0 -100px;}
.title_1 .tab_4{ background-position:0 -150px;}
.title-list{ position: relative; top: 6px; float:right;}
.title-list li{ width: 126px; line-height: 60px; text-align: center; float: left; display: inline; font-size:20px;}
.title-list li.on{ color: #618bd5;}
.title-list p{position:absolute;top:64px;left:0px;width:126px;height:7px;border-top: 3px solid #618bd5; overflow: hidden; text-align: center;}
.title-list b{display:inline-block;width:0;height:0;margin-top:-3px;border-style:solid dashed dashed dashed;border-width:9px;border-color: #618bd5 #fff #fff #fff;overflow: hidden;zoom: 1;font-size: 0;}
/*.title_1 a{ position:absolute; right:0; top:24px; font-size:16px;} */
.product{ height: 210px; position: relative; overflow: hidden;  margin-top: 20px; display:none;}
.show{ display:block;}
.product ul{ position: absolute; left: 0px;}
.mar_r{ margin-right:40px;}
.ul04{ overflow:hidden; margin-top:5px; width:100%;}
.ul04 li{ height:40px; line-height:40px; background:url(../images/circle.png) no-repeat left center; text-indent:15px; font-family:Simsun;}
.ul04 li a{ float:left;}
.ul04 li a:hover{ color:#bca4fd;}
.ul04 li span{ float:right; color:#999; font-size:15px;}

.section_5{ margin:0 auto; width:1220px;}

/*图片*/
.pic_scroll{ width:1220px; overflow:hidden; *+margin-top:30px;}
#CSSBox2{float:left;width:1160px;height:200px; overflow:hidden; margin-top:15px;}
#CSSBox2 ul li{ float:left; list-style:none; border:0px solid red; margin:10px 10px; position:relative; overflow:hidden; height:170px; }
#CSSBox2 ul li span{ display:block; text-align:center; font-size:14px; position:absolute; overflow:hidden; white-space:nowrap; text-overflow:ellipsis; background-color:#2676c6; opacity:.8; height:200px; bottom:-145px; left:0; width:290px; line-height:30px;transition:all .5s; -ms-filter:”progid:DXImageTransform.Microsoft.Alpha(opacity=80)”; filter:progid:DXImageTransform.Microsoft.Alpha(opacity=80);}
#CSSBox2 ul li span a{ color:#fff; display:block;}
#CSSBox2 ul li:hover span{ bottom:0; line-height:170px;}
#CSSBox2 ul li img{ width:290px; height:200px;}


.w_link{ margin-top:40px; width:100%; min-width:1220px; background:#e5e5e5; padding:20px 0;}
.top-nav{width:915px; height:24px; margin:0 auto;}
.top-nav ul li{ float:left; list-style:none; padding: 0 32px; position:relative; height:44px; font-size:14px; color:#727272; margin:0 30px;}

.top-nav ul li.tab_1{ background:url(../images/link_1.png) no-repeat left top; }
.top-nav ul li.tab_2{ background:url(../images/link_2.png) no-repeat left top; }
.top-nav ul li.tab_3{ background:url(../images/link_3.png) no-repeat left top; }
.top-nav ul li.tab_4{ background:url(../images/link_4.png) no-repeat left top; }
.top-nav ul li.tab_5{ background:url(../images/link_5.png) no-repeat left top; }
.top-nav ul li a{ color:#727272; font-size:14px; text-decoration:none;}

.top-nav ul li .con{ width:300px; border-top:none; position:absolute; top:44px; left:0px; display:none; background:#f6f6f6;}
.top-nav ul li .con dl{ padding:10px 15px; height:100px; overflow:auto;}
.top-nav ul li .con dl dt { margin:0 8px;}
.top-nav ul li .con dl dt a:hover{ color:#666; color:#998adc;}

.footer{ width:100%; min-width:1220px; background:#005bac; padding:50px 0 40px;}
.bottom{ width:1220px; margin:0 auto;}
.b_1{ width:750px; float:left;}
.s_logo{ float:left; margin-right:20px;}
.copy_right{ color:#b1cae0; font-size:12px; margin:10px 0 0 0px;}
.copy_right h3{ font-size:14px; font-weight:normal; margin-bottom:10px; text-indent:8px;}
.copy_right span{ display:inline-block; margin:0 8px;}
.copy_right .sp1{ background:url(../images/batb.png) no-repeat left center; text-indent:25px; margin:0 18px;}
.b_2{ width:120px; float:left; margin:25px 0 0 50px;}
.b_2 img{ margin:0 3px;}
.b_3{ width:220px; float:right; color:#b1cae0; text-align:center;}
.b_3 li{ float:right; width:80px; margin-right:30px;}

/*新闻列表*/
.ny_banner{ width:100%; height:325px; min-width:1220px; margin-top:60px;}
.wrap_list{ width:1060px; margin:0px auto;}
.all{ position:relative; width:100%;}
.all_1{ width:200px; height:120px; background:url(../images/ny_nav_bg.jpg) no-repeat top center; line-height:120px; font-size:21px; text-align:center; color:#fff; position:absolute; top:-60px; left:0px; }
.all_2{ float:left; margin:20px 0 0 240px; width:720px;}
.all_2 li{ float:left; margin:0 20px 10px;}
.all_2 li a{ font-size:20px;}
.all_2 li .current { color:#3751c7;}
.all_3{ float:right; text-align:right; background:url(../images/weizhi.png) no-repeat left center;font-size: 14px; color: #999; text-indent: 15px; margin-top: 30px;}
.all_3 a{color: #999; }
.n_list{ width:998px; border:1px solid #f0f0f0; padding:20px 30px; margin-top:20px;}
.n_list li{ height:60px; line-height:60px; background:url(../images/circle.png) no-repeat left center; text-indent:20px; border-bottom:1px solid #f0f0f0;}
.n_list li a{ float:left;}
.n_list li span{ float:right; display:block; color:#999;}

.page{ width:100%; text-align:center; margin:30px auto 20px; float:left;}
.page a,.page strong{ display:inline-block; padding:2px 8px; border:1px solid #ccc; margin:0 2px; border-radius:2px;}
.page strong{ border:none;}
.page a:hover{ background:#145C9D; color:#fff; text-decoration:none; border:1px solid #145C9D;}

.news_show{ padding:0 20px 15px;}
.artical{ padding:0 10px; width:952px; line-height:36px; margin-top:20px;}
.artical table{ border-collapse:collapse;}
.artical table td{ border:1px solid #333;}
.news_show .title_3{ width:100%; text-align:center; padding:15px 0 10px;}
.news_show .title_3 h1{ font-size:28px; font-weight:normal; font-family:Microsoft yahei;}
.news_show .title_3 p{ width:100%; text-align:center; font-size:12px; color:#aaa; background:#f5f5f5; margin-top:20px; padding:10px 0;}
.artical p{ margin-top:1em; font-size:16px;}
.artical img{ max-width:900px;width:600px;}


.artical1{ padding:0 10px; width:952px; line-height:36px; margin-top:20px;}
.artical1 table{ border-collapse:collapse;}
.artical1 table td{ border:1px solid #333;}
.artical1 p{ margin-top:1em; font-size:16px;}
.artical1 img{ max-width:900px;}

.pic_list{width:998px; border:1px solid #f0f0f0; padding:20px 30px; margin-top:20px;}
.pic_list li{ width:315px; height:285px; float:left; border:3px solid #f2efff; margin:5px; transition:all .3s;}
.pic_list li:hover{ border:3px solid #998adc;}
.pic_list li .pic{ width:315px; height:215px; overflow:hidden;}
.pic_list li .pic img{ width:100%; height:100%;}
.pic_list li p{ padding:20px; width:275px; background:url(../images/arrow.jpg) no-repeat 275px center; color:#999;}

.vedio_list{width:998px; border:1px solid #f0f0f0; padding:20px 30px; margin-top:20px;}
.vedio_list li{ width:397px; float:left; border:3px solid #f2efff; margin:25px; transition:all .3s; padding:20px;}
.vedio_list li .pic{ width:397px; height:244px; overflow:hidden; position:relative;}
.vedio_list li .pic .play{ display:block; width:60px; height:60px; position:absolute; background:url(../images/play.png) no-repeat center center; top:50%; left:50%; margin-top:-30px; margin-left:-30px; z-index:999; opacity:.7; filter:alpha(opacity=70);}
.vedio_list li .pic .p_bg{ display:block; width:100%; height:100%; background:#000; background:rgba(0,0,0,.5); opacity:.5; filter:alpha(opacity=50);position:absolute; top:0; left:0; z-index:99x;}
.vedio_list li .pic:hover img{ transform:scale(1.2,1.2);}
.vedio_list li .pic img{ width:100%; height:100%; transition:all .3s; }
.vedio_list li p{ padding:20px; width:397px; background:url(../images/arrow.jpg) no-repeat 360px center; color:#999;}
.see_more{ position:absolute;right:0;top:3px;font-size:14px;}

.artist{ width:1170px; height:210px; background:url(../images/artist_bg.jpg) no-repeat top center; padding:20px 20px 0 30px; margin:40px auto;}
.artist_left{ width:117px; height:81px; margin-top:40px; float:left;}
.artist_right{ width:815px; height:205px; float:right;}
.artist_right .artist_r_top{ float:left; background:#fff; height:165px; width:100%;}
/*-----------------自定义按钮样式，移动端不需要，PC端根据实际情况选择----------------*/
.lunBo {width: 197px;height: 200px;font-size: 16px;position:relative; float:left; margin-right:7px;}
.lunBo a.control4,.lunBo a.control1,.lunBo a.control2,.lunBo a.control3 {position:absolute;display: block;top: 50%;margin-top: -55px;width: 23px;height: 83px;cursor: pointer;z-index: 2;background: url(../images/button.png) no-repeat; opacity:0; filter:alpha(opacity=0);}
.lunBo:hover a.control4,.lunBo:hover a.control1,.lunBo:hover a.control2,.lunBo:hover a.control3 { opacity:1; filter:alpha(opacity=60);}
.lunBo a.prev {left: 0;background-position: 0 0}
.lunBo a.next {right: 0;background-position: -23px 0}
.lunBo a.prev:hover {background-position: 0 -83px}
.lunBo a.next:hover {background-position: -23px -83px}
.lunBo .p1{ width:185px; color:#fff; text-align:right; margin-right:20px;}
/*----------------------------为保证最佳效果，建议设置如下样式------------------------*/
.slider1,.slider2,.slider3,.slider4 {display: none}

.artist_pic_list{width:1008px; border:1px solid #f0f0f0; padding:20px 50px 20px 0; margin-top:20px;}
.pic_list_left{ width:580px; float:left;}
.pic_list_left ul li{ width:204px; height:265px; float:left; margin:20px 0 0 45px; float:left;}
.pic_list_left ul li .tuPian{ width:204px; height:185px;}
.pic_list_left ul li .tuPian img{ width:100%; height:100%;}
.pic_list_left ul li .text {  font-size:16px; line-height:18px; margin-top:8px;}
.pic_list_left ul li .text .link{color:#999;}
.pic_list_right{ width:340px; float:right; margin-top:20px;}
.pic_list_right ul li{ width:340px; height:250px; margin-bottom:50px;}
.pic_list_right ul li img{ width:100%; height:100%;}


.artist_pic_change{ width:1008px; border:1px solid #f0f0f0; padding:20px 50px 20px 0; margin-top:20px;}
.pic_change {width: 600px;height: 400px;font-size: 14px;position:relative; margin:40px auto;}
.pic_change a.control5 {position:absolute;display: block;top: 50%;margin-top: -50px;width: 23px;height: 83px;cursor: pointer;z-index: 2;background: url(../images/button.png) no-repeat}
.pic_change a.prev {left: 0;background-position: 0 0}
.pic_change a.next {right: 0;background-position: -23px 0}
.pic_change a.prev:hover {background-position: 0 -83px}
.pic_change a.next:hover {background-position: -23px -83px}
.slider {display: none}