
/* CSS Document */
*html,_html { background-attachment:fixed;}
body, h1, h2, h3, h4, h5, h6, hr, p, blockquote,   dl, dt, dd, ul, ol, li, pre,  form, fieldset, legend, button, input, textarea,  th, td,  img {border:medium none; margin: 0; padding: 0;}
body, button, input, select, textarea {font: 12px/1.5   "微软雅黑",Verdana, Geneva, sans-serif, tahoma, Srial, helvetica, sans-serif;}
body {background-color:#ffffff;line-height:22px;color:#4c4c4c;min-width:1190px;}
h1, h2, h3, h4, h5, h6 {font-size: 100%;}
em {font-style:normal;}
ul, ol {list-style: none;}
a {text-decoration: none;color:#333;}
a:hover {text-decoration: underline;color:#F40;}
img {border:0px;vertical-align: middle;}
table {border-collapse: collapse;border-spacing: 0;}
.clr{ clear:both; margin:0 auto; height:0px; overflow:hidden;}
.w1190{ width:1190px;}
.pubW{ width:1000px;}
.center{ margin:0 auto;}
.fl{ float:left; display:inline;}
.fr{ float:right; display:inline;}
/*头部开始*/
.logo div h1 a, .logo div span, .logo div > a,.box11 a {background: url(../image/icon6.png) no-repeat;}
.logo { width: 100%;height: 66px;background: #1d1d1d;z-index: 9999999999;margin: 0 auto;}
.logo div h1 {width: 220px;height: 27px;margin-left: 8px; padding:20px 0 0;}
.logo div h1 a {display: block;width: 220px;height: 27px;background-position: -8px -271px;}
.logo div ul {width: 740px;height: 24px;margin-left: 65px;margin-top: 23px;}
.logo div ul li {float: left;height: 24px;line-height: 24px;color: #fff;font-size: 13px;margin-right: 30px;display: inline;}
.logo div ul li span {width: 24px;height: 24px;display: inline-block;float: left;margin-right: 4px;display: inline;}
.logo div ul li span.span1 {background-position: -242px -274px;}
.logo div ul li span.span2 {background-position: -450px -274px;}
.logo div ul li span.span3 {background-position: -679px -275px;}
.logo div > a {width: 76px;height: 22px;margin-top: 25px;margin-right: 7px;display: block;
background-position: -747px -259px;}
.logo div > a:hover {background-position:-747px -289px;}
.head1{ width:100%; height:722px; background-color:#000}
.head2{ width:989px; height:605px;}
.head3{ background: no-repeat center top; height:303px;}
.head2 .top_btn{ position:relative;}
.top_btn a{background: url(../image/icon6.png) no-repeat -7px -67px; width: 90px; height: 32px; display:block; position:absolute; left:220px; top:203px;}
.head2 a:hover{ background-position:-128px -67px;}
.head3 .sp_online{ position:relative;}
.head3 .sp{ position:absolute; left:0; width:280px; height:215px; margin-top:-45px; }

.nav{ width:100%; color:#fff; position:relative; }
#scroll_nav{ width:100%; background:url(../image/nav_bg.png) repeat-x; position:absolute; }
#scroll_nav ul { margin-left:48px;}
#scroll_nav ul li{ font-size:20px; width:150px; float:left; display:inline; text-align:center; line-height:66px; color:#fff; margin:0 4px;}
#scroll_nav ul li a{ color:#fff; height:66px; margin:0 auto; display:block;}
#scroll_nav ul li a:hover,#scroll_nav ul li a.active{ color:#fff; background:#5d371e; text-decoration:none;}

.box1_1{ background:url(../image/box1_1.jpg) no-repeat center top; height:366px;}
.box1_2{ background:url(../image/box1_21.jpg) no-repeat center top; height:331px;}
.box1_con{ width:340px; margin-right:10px;}
.box1_con p{ font-size:15px; color:#4c4c4c;}
.box1_con p.one{padding:152px 0 0;}
.box1_con p.two{ padding:65px 0 0;}
.box1_con p.three{padding:50px 0 0;}
.box1_con p.four{ padding:57px 0 0;}

.box2_1{ background:url(../image/box2_11.jpg) no-repeat center top; height:343px;}
.box2_2{ background:url(../image/box2_21.jpg) no-repeat center top; height:343px;}
.box2_1 p{ width:380px; font-size:16px; padding:207px 0 0;}
.box2_1 p span{ color:#ff0000;}

.box3_1{ background:url(../image/box3_14.jpg) no-repeat center top; height:184px;}
.box3_2{ background:url(../image/box3_21.jpg) no-repeat center top; height:380px; overflow:hidden;}
.box3_3{ background:url(../image/box3_31.jpg) no-repeat center top; height:153px;}
.box3_2 ul{ padding:50px 0 0 290px; width:710px; overflow:hidden;}
.box3_2 ul li{ font-size:15px; width:226px; height:130px;  float:left; display:inline; margin:0 40px;}
.box3_2 ul li.second{ margin-left:130px;}

.box4_1{ background:url(../image/box4_1.jpg) no-repeat center top; height:212px;}
.box4_2{ background:url(../image/box4_2.jpg) no-repeat center top; height:213px;}
.box4_3{ background:url(../image/box4_3.jpg) no-repeat center top; height:205px; overflow:hidden;}
.zjjs{ padding:101px 0 0; color:#171717; float:left; }
.zjjs b{ font-size:36px; line-height:36px; display:inline-block; float:left;}
.zjjs span{ height:36px; line-height:36px; border:solid 1px #171717; display:inline-block; margin:0 22px; float:left;}
.ry span{ font-size:15px; line-height:25px; display:block; color:#1d1d1d;}
.ry p{ width:410px; font-size:14px; color:#686868; line-height:25px; margin:15px 0 0;}
.zj_btn a{background: url(../image/icon6.png) no-repeat -7px -8px; width: 140px; height: 39px; display:block; margin:75px 0 0 166px;}
.zj_btn a:hover{ background-position:-167px -8px;}

.box5_1{ background:url(../image/box5_11.jpg) no-repeat center top; height:332px; margin-top:-1px;}
.box5_2{ background:url(../image/box5_21.jpg) no-repeat center top; height:330px;}
.box5_3{ background:url(../image/box5_31.jpg) no-repeat center top; height:330px;}
.box5_1_1{ padding:200px 0 0 316px; overflow:hidden;}
.box5_2_1{ padding:105px 0 0 550px;}
.com b{ font-size:24px; margin-bottom:12px; display:block;}
.com span{ color:#de0101;}
.com p{ width:193px; font-size:16px; line-height:24px;}
.al{width:690px;}
.al a{background: url(../image/icon6.png) no-repeat; width: 25px; height: 49px; display:inline-block; margin:144px 23px 0;}
.al a.left_btn{ background-position:-891px -37px;}
.al a.right_btn{ background-position:-943px -37px;}
.kind{ width:546px; height:336px; overflow:hidden;}
.kind li{ float:left; display:inline; width:546px; height:336px;}
.kind li img{ float:left; display:inline; width:546px; height:336px;}

.pt50{ padding:50px 0 0;}
.title{ text-align:center; margin:20px auto;}
.dialog{ background:url(../image/box6_bg.jpg) no-repeat left center; width:500px; height:182px; float:left; display:inline; margin:10px 0;}
.dialog p{ padding:15px 0 0 100px; line-height:24px;}
.dialog p.log1{ font-size:16px; color:#4c4c4c;}
.dialog p.log2{ color:#fff; font-size:14px; width:302px; padding-top:35px;}
.box6_zx{ padding:30px 0 0;}
.box6_zx a{ background: url(../image/icon6.png) no-repeat -347px -8px; width: 197px; height: 39px; display:block; margin:0 auto;}
.box6_zx a:hover{ background-position:-567px -8px;}

.box7{ position:relative; height:443px; overflow:hidden;}
.jt{ position:relative;}
.jt .a_btn{background: url(../image/icon6.png) no-repeat; width: 25px; height: 49px; display:block; position:absolute; top:195px; z-index:9; cursor:pointer;}
.a_btn.pre_btn{ background-position:-887px -126px; left:0;}
.a_btn.next_btn{ background-position:-943px -126px; right:0;}
.box7 ul{ width:100%; height:443px; position:absolute; overflow:hidden;}
.box7 li{ width:100%; height:443px; color:#ebe9ea; position:absolute; opacity:0; z-index:0;}
.box7 li.yt1{  background:url(../image/box7_1.jpg) no-repeat center top;}
.box7 li.yt2{  background:url(../image/box7_2.jpg) no-repeat center top;}
.box7 li.yt3{  background:url(../image/box7_3.jpg) no-repeat center top;}
.box7 li.yt4{  background:url(../image/box7_4.jpg) no-repeat center top; color:#454749;}
.zfyt{ width:1000px; margin:0 auto;}
.box7_1{ width:315px; padding:134px 0 0 44px;}
.box7_1 span,.fx span{ font-size:60px; display:block; line-height:81px; font-family:方正简体;}
.box7_1 p{ width:290px; line-height:26px; font-size:15px;}
.box7_2{ width:597px;}
.hmcn_1 {width:590px;overflow:hidden;display:inline;}
.hmcn_1 dl {width:187px; height:375px; float:left; margin-left:81px; position:relative; display:inline;}
.hmcn_1 dl dt {width:38px;height:38px; background:url(../image/box7_dt1.png) no-repeat;cursor:pointer; position:absolute; z-index:9}
.hmcn_1 dl dt.active { background:url(../image/box7_dt2.png) no-repeat; width:38px; height:38px}
.content {overflow:hidden;zoom:1; width:235px; float:left; margin-top:160px; margin-left:44px}
.content .p1{ width:132px; font-size:24px; color:#fff; padding-bottom:16px; line-height:32px}
.content .p2{ font-size:15px; color:#e6e6e6; width:235px;}
.content a,.content2 a{ background: url(../image/icon6.png) no-repeat -288px -67px; width: 110px; height: 34px; display:block; margin-top:30px;}
.content a:hover,.content2 a:hover{ background-position:-414px -67px;}

.hmcn_2 {width:590px;overflow:hidden;display:inline;}
.hmcn_2 dl {width:302px; height:480px; float:left; position:relative; display:inline;}
.hmcn_2 dl dt {width:38px;height:38px; background:url(../image/box7_dt1.png) no-repeat;cursor:pointer; position:absolute; z-index:9}
.hmcn_2 dl dt.active2 { background:url(../image/box7_dt2.png) no-repeat; width:38px; height:38px}
.content2 {overflow:hidden;zoom:1; width:140px; float:left; margin-top:160px; margin-left:76px}
.content2 .p1{ width:132px; font-size:24px; color:#fff; padding-bottom:16px; line-height:32px}

.fx{ padding:108px 120px 0 0; width:240px;}
.fx span{ margin-bottom:10px;}
.fx p{ line-height:30px; font-size:15px; width:275px; margin-left:15px;}
.fx a{ background: url(../image/icon6.png) no-repeat -288px -67px; width: 110px; height: 34px; display:block; margin:20px 0 0 15px;}
.fx a:hover{ background-position:-414px -67px;}

.box8_1 {width:956px;height:362px;margin:0 auto;overflow:hidden;}
.box8_1_l {width:245px;height:362px;float:left;position:relative; background-color:#f4f4f4;padding:0 18px;color:#000;overflow:hidden;}
.box8_1_l h3 {width:100%;height:32px;line-height:32px;font-size:16px;font-weight:400;padding-top:68px;}
.box8_1_l h4 {width:132px;height:53px;position:absolute;right:40px;top:10px; background:url(../image/icon6.png) no-repeat -545px -396px;z-index:2;}
.box8_1_l p {width:100%;line-height:24px;text-indent:2em;}
.box8_1_l a {display:block;width:38px;height:38px;position:absolute;transition:all 0.2s linear 0s;}
.sec_link1 {width:38px;height:38px; background:url(../image/icon6.png) no-repeat -589px -522px;right:99px;top:308px;}
.sec_link2 {width:38px;height:38px; background:url(../image/icon6.png) no-repeat -635px -522px;right:53px;top:308px;}
.sec_link1:hover {background:url(../image/icon6.png) no-repeat -589px -573px;}
.sec_link2:hover {background:url(../image/icon6.png) no-repeat -635px -573px;}
.box8_1_m {width:441px;height:362px;float:left;overflow:hidden;position:relative;}
.box8_1_m li {width:441px;height:362px;float:left;position:absolute;right:0;top:0; -webkit-transition:all 0.6s linear 0s; -moz-transition:all 0.6s linear 0s; -o-transition:all 0.6s linear 0s;transition:all 0.6s linear 0s;opacity:0;}
.box8_1_m li.box8_1_m_li1 {z-index:2;}
.box8_1_m li.box8_1_m_li2 {z-index:3;}
.box8_1_m li.box8_1_m_li3 {z-index:4;}
.box8_1_m li.box8_1_m_li4 {z-index:5;}
.box8_1_m li.box8_1_m_li5 {z-index:6;}
.box8_1_m li.box8_1_m_li6 {z-index:7;}
.box8_1_m li.active {opacity:1;}

.box8_1_r {width:222px;height:362px;float:left;margin-left:8px;display:inline;}
.box8_1_r li {width:222px;height:56px;float:left;margin-bottom:5px;overflow:hidden;position:relative;}
.box8_1_r li a {-webkit-transition:all 0.3s linear 0s; -moz-transition:all 0.3s linear 0s; -o-transition:all 0.3s linear 0s;transition:all 0.3s linear 0s;position:absolute;width:255px;height:56px;display:block;}
.sc1 a { background: url(../image/icon6.png) no-repeat -7px -390px;left:4px;}
.sc2 a { background: url(../image/icon6.png) no-repeat -7px -451px;left:4px;}
.sc3 a { background: url(../image/icon6.png) no-repeat -7px -512px;left:4px;}
.sc4 a {background: url(../image/icon6.png) no-repeat -7px -574px;left:4px;}
.sc5 a { background: url(../image/icon6.png) no-repeat -7px -635px;left:4px;}
.sc6 a { background: url(../image/icon6.png) no-repeat -7px -696px;left:4px;}

.sc1 a:hover,.sc1 a.active {background: url(../image/icon6.png) no-repeat -246px -390px;left:0px;}
.sc2 a:hover,.sc2 a.active {background: url(../image/icon6.png) no-repeat -246px -451px;left:0px;}
.sc3 a:hover,.sc3 a.active {background: url(../image/icon6.png) no-repeat -246px -512px;left:0px;}
.sc4 a:hover,.sc4 a.active {background: url(../image/icon6.png) no-repeat -246px -574px;left:0px;}
.sc5 a:hover,.sc5 a.active {background: url(../image/icon6.png) no-repeat -246px -635px;left:0px;}
.sc6 a:hover,.sc6 a.active {background: url(../image/icon6.png) no-repeat -246px -696px;left:0px;}

.box9{ padding:20px 0;}
.box9_main dl{width:218px; height:527px; margin:0 15px 26px; float:left; display:inline;border: 1px solid #FFFFFF;border-radius: 3px;box-shadow: 0 0 9px #DFDEDF;-webkit-box-shadow: 0 0 9px #dfdedf;
-moz-box-shadow: 0 0 9px #dfdedf;transition: all 0.3s linear 0s;}
.box9_main dl:hover{border-color:#E4007F;}
.box9_main dt{ width:218px; height:282px;}
.box9_main dd{ width:218px; margin:0 auto; position:relative;}
.box9_main dd p{ width:182px; margin:0 auto; font-size:14px; height:108px;}
.box9_main dd p a{ font-size:12px;}
.box9_main dd span{ margin-left:23px; font-size:18px; color:#000; line-height:28px; padding:5px 0; display:block;}
.zt a{background: url(../image/icon6.png) no-repeat -572px -68px; width: 116px; height: 34px; display:block; margin:0 auto;}
.zt a:hover{ background-position: -707px -68px;}

#footer {height:170px;width:100%; background:url(../image/footer_bg1.jpg) repeat-x;}
.footer_wrap {width:1190px;height:170px;}
.footerlogo {width:91px;height:93px;float:left; background:url(../image/icon6.png) no-repeat -17px -141px;margin-top:18px;margin-left:20px;display:inline;}
.border {border-left:1px dashed #383838;height:111px;float:left;margin-top:11px;margin-left:17px;display:inline;}
.footer_secicon {float:left;height:100px;margin-top:35px;}
.footer_secicon li {width:85px;height:100px;float:left;margin-left:25px;margin-right:20px;display:inline;}
.footer_secicon li i { cursor: pointer;display: block;float: left;height: 48px;margin-left: 18px;width: 48px;} 
.footer_secicon li span {color: #A7A7A7;float: left;font-size: 16px;height: 40px;line-height: 40px;text-align: center;width: 100%;}
.footer_secicon1 { background:url(../image/icon6.png) no-repeat -151px -141px;}
.footer_secicon2 { background:url(../image/icon6.png) no-repeat -215px -141px;}
.footer_secicon3 { background:url(../image/icon6.png) no-repeat -279px -141px;}
.footer_secicon4 { background:url(../image/icon6.png) no-repeat -343px -141px;}
.footer_secicon5 { background:url(../image/icon6.png) no-repeat -408px -141px;}
.footer_secicon6 { background:url(../image/icon6.png) no-repeat -472px -141px;}
.footer_secicon7 { background:url(../image/icon6.png) no-repeat -536px -141px;}
.footer_secicon8 { background:url(../image/icon6.png) no-repeat -600px -141px;}

.footer_secicon li:hover .footer_secicon1 {background:url(../image/icon6.png) no-repeat -151px -201px;}
.footer_secicon li:hover .footer_secicon2 { background:url(../image/icon6.png) no-repeat -215px -201px;}
.footer_secicon li:hover .footer_secicon3 { background:url(../image/icon6.png) no-repeat -279px -201px;}
.footer_secicon li:hover .footer_secicon4 { background:url(../image/icon6.png) no-repeat -343px -201px;}
.footer_secicon li:hover .footer_secicon5 { background:url(../image/icon6.png) no-repeat -408px -201px;}
.footer_secicon li:hover .footer_secicon6 { background:url(../image/icon6.png) no-repeat -472px -201px;}
.footer_secicon li:hover .footer_secicon7 { background:url(../image/icon6.png) no-repeat -536px -201px;}
.footer_secicon li:hover .footer_secicon8 { background:url(../image/icon6.png) no-repeat -600px -201px;}
.footer_copyright {float:left;color: #A7A7A7;font-size: 12px;height: 35px;line-height: 35px;text-align: center;width: 100%;}
.guanzhu{width:1129px; height:200px; margin:auto;}


