body{ font-size:12px; font-family:'微软雅黑','微软雅黑 Regular','黑体','黑体 Regular','宋体 Regular','宋体','Arial Regular','Arial'; }
.wrap{ width:1200px; margin:0 auto; }
/*头部*/
.header{ width:100%; height:98px; background:#fff; left:0; top:0; position: fixed; z-index:10; border-bottom:1px solid #dbdbdb; }
.logo{ width:62px; height:80px; margin:9px 6% 0 0; }
.logo img{ display:block; width:100%; }
.nav{ width:80%; }
.nav li{ float:left; margin:0 3% 0 0; font-size:18px; line-height:98px; position: relative; }
.nav li a{ display:block; padding:0 15px; color:#000; }
.nav li i{ width:100%; height:3px; display:block; left:0; bottom:100%; background:#d4100d; position: absolute; -o-transition:all 0.5s; -ms-transition:all 0.5s; -moz-transition:all 0.5s; -webkit-transition:all 0.5s; transition:all 0.5s; }
.nav li:hover i,.nav li.on i{ bottom:0; }
.nav li:hover a,.nav li.on a{ color:#ca2b29; }
.nav li:hover .con a{ color:#000; }
.nav li:hover .con a:hover{ color:#ca2b29; }
.nav li .con{ top:99px; left:0; position: fixed; line-height:26px; padding:52px 0 14px; background:#fff; border-bottom:1px solid #dbdbdb; }
.nav li .con h3{ line-height:32px; margin:0 0 26px; }
.nav li .con .icon{ display:inline-block; vertical-align:middle; width:25px; height:25px; margin:0 5px 0 0; }
.nav li .con a{ float:left; margin:0 4% 0 0; padding:0; }
.header_r{ padding:14px 0 0; }
.header_r p{ height:32px; color:#333; }
.header_r p em{ margin:0 5px; }
.header_r p a{ color:#333; }
.header_r .navBtn{ width:32px; height:22px; display:block; background:url(../images/navIcon.jpg) no-repeat; }
.t_kong{ width:100%; height:98px; }

.header .con{ width:100%; padding:35px 0 70px; background:#fff; top:99px; left:0; position:fixed; display:none; }
.header .con .li{ width:13.66%; line-height:32px; font-size:14px; }
.header .con .li h3{ font-size:18px; line-height:46px; }
.header .con a{ color:#000; }
.header a:hover{ color:#ca2b29; }

/*banner*/
.banner img{ width:100%; display:block; }

/*第一块*/
.index_title{ padding:0 0 25px; width:100%; position:relative; text-align:center; }
.index_title h2{ font-size:56px; min-height:60px; line-height:none; text-transform:uppercase; font-family:'Arial Regular','Arial'; font-weight:bold; margin-top:50px;}
.index2Title p{ font-family:'Arial Regular','Arial'; }
.index_title h3{ font-size:36px; color:#888; line-height:none; }
.index_title .titleIcon{ width:78px; height:6px; background:#d30b08; left:50%; bottom:0; position: absolute; margin-left:-39px; }
.index1{ padding:45px 0 76px; background:url(../images/index1Bg.jpg) no-repeat center; }
.index1 .text{ width:48%; padding:46px 0 0; margin:0 4% 0 0; font-size:18px; line-height:32px; }
.index1 .text .nr{ height:224px; margin:0 0 20px; overflow:hidden; }
.index1 .pic{ width:48%; text-align:right; }
.index1 img{ max-width:100%; }
.com_more{ display:inline-block; font-family:'Arial Regular','Arial'; width:152px; font-size:18px; height:36px; line-height:36px; border:2px solid #000; color:#000; text-align:center; font-weight:bold; }
.com_more:hover{ color:#d30b08; border-color:#d30b08; }

/*第二块 -o- -ms- -moz- -webkit-*/

.index2 ul.list2{ display:none; }
.index2 ul{ padding:50px 0 40px; }
.index2 li{ width:32.66%; float:left; margin-right:1%; }
.index2 li .pic{ overflow:hidden; }
.index2 li img{ display:block; width:100%; -o-transition:all 1s; -ms-transition:all 1s; -moz-transition:all 1s; -webkit-transition:all 1s; transition:all 1s; }
.index2 li .text{ background:#d30b08; color:#fff; margin-bottom:10px; }
.index2 li:nth-child(3n){ margin-right:0; }
.index2 li:nth-child(2n) .text{ margin-bottom:0; margin-top:10px; }
.index2 li .con{ padding:46px 66px 20px; }
.index2 li .nr{ height:112px; overflow:hidden; padding:20px 0 0; font-size:18px; line-height:28px; }
.index2 li:hover .text{ -o-box-shadow:0 0 12px #a6a6a6; -ms-box-shadow:0 0 12px #a6a6a6; -moz-box-shadow:0 0 12px #a6a6a6; -webkit-box-shadow:0 0 12px #a6a6a6; box-shadow:0 0 12px #a6a6a6; }
.index2 li:hover img{ -o-transform:scale(1.1); -ms-transform:scale(1.1); -moz-transform:scale(1.1); -webkit-transform:scale(1.1); transform:scale(1.1); }
.index2Title{ text-align:center; height:90px; position:relative; }
.index2Title h3{ font-size:36px; height:46px; }
.index2Title p{ font-size:16px; /* font-family:"century"; */ }
.index2Title i{ width:52px; height:5px; background:#fff; left:50%; bottom:0; position: absolute; margin-left:-26px; }
.index2 .btn,.index3 .btn{ text-align:center; padding:40px 0 0; }

/*第三块*/
.index3{ padding:90px 0 95px; }
.index3 .con{ padding:46px 0 0; }
.index3 .box{ width:48%; margin-right:4%; }
.index3 .box:nth-child(2n){ margin-right:0; }
.index3 .text{ width:75%; background:#ededed; color:#333; font-size:16px; position: relative; }
.index3 .text .nr{ padding:44px 158px 36px 27px; border-left:3px solid #ededed; }
.index3 .text h3{ font-size:24px; height:46px; }
.index3 .text .dl{ margin:0 0 10px; line-height:24px; height:74px; overflow: hidden; }
.index3 .text .pic{ width:276px; height:276px; right:-138px; top:50%; margin-top:-138px; position: absolute; }
.index3 .text img{ width:100%; display:block; }
.index3 .text .pic{ width:200px; height:200px; right:-100px; margin-top:-100px; }
.index3 .box:hover .text{ background:#d30b08; color:#fff; }
.index3 .text:hover .nr{ border-color:#d30b08; }

/*底部*/
.footer{ background:url(../images/foot_bg.jpg) no-repeat center / cover; }
.foot{ padding:38px 0 32px; border-bottom:1px dashed #ccb0b3; }
.foot .foot_l{ width:67%; }
.foot .foot_l li{ width:16.66%; float:left; }
.foot li h3 a{ font-size:20px; line-height:50px; }
.foot li a{ display:block; color:#fff; line-height:30px; font-size:16px; }
.foot li a:hover{ text-decoration:underline; }
.foot .ewmBox{ padding:16px 0 0; color:#fff; }
.foot .ewmBox .ewmBox_T{ margin-bottom:40px; }
.foot .ewmBox .pic{ width:80px; margin-left:10px; height:80px; background:#fff; }
.foot .ewmBox img{ display:block; width:100%; }
.foot .ewmBox h3{ font-size:14px; text-align:center; line-height:36px; color:#fff; }
.copy{ padding:33px 0 40px; text-align:center; color:#fff; line-height:28px; }

.foot .ewmBox .b_logo{ width:80px; height:80px; }

@media only screen and (max-width: 1660px) {

}


@media only screen and (max-width: 1450px) {

}
@media only screen and (max-width: 1365px) {

}
@media only screen and (max-width: 1279px) {

}
@media only screen and (max-width: 1199px) {
    .wrap{ width:1000px; }
    .logo{ margin-right:3%; }
    .nav{ width:83%; }
    .index2 li .con{ padding:25px 30px 20px; }
    


    
}
@media only screen and (max-width: 1023px) {
    .wrap{ width:94%; padding:0 3%; }
    .nav{ display:none; }
    .logo{ width:39px; height:50px; }
    .header,.t_kong{ height:68px; }
    .header_r{ position: relative; padding-top:0; height:68px; }
    .header_r p{ display:none; }
    .header_r .navBtn{ top:50%; margin-top:-11px; right:0; position: absolute; }
    .header .con{ top:69px; }
    .index_title{ padding-bottom:15px; }
    .index_title h2{ font-size:36px; min-height:46px; }
    .index_title h3,.index2Title h3{ font-size:24px; }
    .index2Title h3{ height:36px; }
    .index2Title{ height:72px; }
    .index2 li .nr{ font-size:14px; line-height:22px; height:84px; }
    .index3 .text{ font-size:14px; }
    .index3 .text h3{ font-size:20px; }
    .index3 .text .dl{ line-height:20px; height:116px; }
    .index3 .text .nr{ padding-right:126px; }
    .index1{ background-size:100% auto; }

}
@media only screen and (max-width: 959px) {
    .index1,.index3{ padding:50px 0 40px; }
    .index1 .pic{ width:100%; text-align:center; padding:20px 0 0; }
    .index1 .text{ width:100%; }
    .index1 .text .nr{ height:auto; }
    .index1 .btn{ text-align:center; }
    .index3 .box{ width:49%; margin-bottom:20px; margin-right:2%; }
    .index3 .text{ width:100%; overflow: hidden; }
    .index3 .text .pic{ margin-top:0; right:0; top:0; width:100%; height:100%; }
    .index3 .text .pic img{ height:100%; }
    .index3 .text .nr{ position: relative; z-index:5; background:rgba(237,237,237,0.8); }
    .index2 li .nr{ height:48px; padding:10px 0 0; }
    .foot .foot_l{ display:none; }
    .index2 ul{ padding-bottom:0; }
    .header .con .li{ width:100%; }
    .header .con .li h3{ position: relative; }
    #navBtnNav{ height:100%; padding:0; overflow-y:scroll; }
    .header .con .li h3 span{ width:20px; height:20px; cursor:pointer; position:absolute; top:50%; right:20px; margin-top:-10px; background:url(../images/jiaIcon.png) no-repeat center / cover; }
    .header .con .li h3 span.on{ background-image:url(../images/jianIcon.png); }
    .header .con .li .g_navBox{ display:none; }
    .foot .ewmBox{ width:100%; text-align:center; }
    .foot .ewmBox .ewmBox_T{ width:170px; margin:0 auto 30px; }


}
@media only screen and (max-width: 767px) {
    .index2 li{ width:49.5%; margin-bottom:20px; }
    .index2 li:nth-child(2n){ margin-right:0; }
    .index2 li:nth-child(3){ display:none; }
    .copy span{ display:block; }
    .index3 .text .nr{ padding-right:27px; }
    
}
@media only screen and (max-width: 559px) {
    .index1 .text{ font-size:14px; line-height:26px; }
    .index3 .box{ width:100%; margin-right:0; }

   
}
@media only screen and (max-width: 479px) {
    .index2 ul.list1{ display:none; }
    .index2 ul.list2{ display:block; }
    .index2 li{ width:100%; margin:0 0 20px; }
    .index3 .text .dl{ height:56px; }
    .index2 li:nth-child(3){ display:block; }
    .index2 li:nth-child(2n) .text{ margin-top:0; }
    .index2 li .text{ margin-bottom:0; }

}