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

/*xf*/
.warp{width:1204px;margin:0 auto;position: relative;}
.xf_clear:after{content:".";display:block;height:0;visibility:hidden;clear:both;line-height:0;font-size:0;}
.xf_clear{*zoom:1;}
.service .block2 .xf_clear{ overflow:hidden;}
.imgzoom img{transition:all 0.4s ease-out 0s;-webkit-transition:all 0.4s ease-out 0s;}
.imgzoom:hover img{transform:scale(1.08);-webkit-transform:scale(1.08);}

.position{font-size:12px;padding:20px 0 30px;}
.position a{color:#707070;}
.position .pc{display:block;}
.position .m{display:none;}

.index1{padding:8px 0;}
.index1 .focus{height:442px;width:822px;float:left;position:relative;}
.index1 .focus .frame{position:relative;width:100%;height:100%;overflow:hidden;}
.index1 .focus .frame .child{position:absolute;left:0;top:0;width:100%;height:100%;}
.index1 .focus .frame .child img{width:100%;height:auto;}
.index1 .focus .nav{position:absolute;right:30px;bottom:20px;}
.index1 .focus .nav a{display:inline-block;width:8px;height:8px;background:#fff;margin-left:4px;}
.index1 .focus .nav a.now{background:#b61f24;}
.index1 .recm{float:right;width:373px;}
.index1 .recm .div{height:143px;position:relative;margin-bottom:6px;overflow:hidden;}
.index1 .recm .first{margin-top:0;}
.index1 .recm .div img{width:100%;height:auto;transition: all 0.8s;}

.index1 .recm .div img:hover,.index2 .divs .boxs img:hover,.index4 img:hover{width:105%;}

.index1 .btns{padding:35px 0;clear:both;height:43px;}
.index1 .btns img{clear:both;margin:0 auto;animation: fu 2s infinite;}

@keyframes fu{0%,100%{transform:translate(0px,0px);}
50%{transform:translate(0px,-10px);}}

.index1 .btns .div{float:left;height:100%;width:175px;padding-left:30px;}
.index1 .btns .div:first-child{padding-left:0;}
.index1 .btns .div a{display:block;height:100%;}
.index1 .btns .div h3{padding-top:3px;font-size:18px;}
.index1 .btns .div p{margin-top:5px;font-size:13px;}
.index1 .btns .div i{float:left;height:100%;width:50px;font-size:43px;}
.index1 .btns .div .i1{background:url(../images/icon7.png) 0 0;}
.index1 .btns .div .i2{background:url(../images/icon7.png) 0 -1em;}
.index1 .btns .div .i3{background:url(../images/icon7.png) 0 -4em;}
/*.index1 .btns .div .i3{background:url(../images/ico7.png) 0 -4em;width:50px;height:56px;margin-top:-5px;margin-right:5px;}*/
.index1 .btns .div .i4{background:url(../images/icon7.png) 0 -3em;margin-right:3px;}
.index1 .btns .div .i5{background:url(../images/icon7.png) 0 -2em;}
.index1 .btns .div .i6{background:url(../images/icon7.png) 0 -5em;}
.index1 .btns_m{display:none;}

.tabs1{margin-top:20px;text-align:center;}
.tabs1 a{font-size:14px;margin:0 15px;}
.tabs1 a.now{color:#b61f24;font-size:24px;}

.title2{text-align:center;}
.title2 h2{font-size:24px;line-height:100%;color:#333;}
.title2 h3{font-size:18px;line-height:100%;color:#707070;margin-top:15px;}
.title2 .more{border:1px solid #bbb;font-size:12px;display:inline-block;height:30px;line-height:30px;padding:0 20px;margin-top:25px;}
.title2 .more:hover{background:#b61f24;border-color:#b61f24;color:#fff;}

.index2{padding:55px 0 0;background:url(../images/bg_gray.png) left top repeat-x;}
.index2 .divs{margin-top:46px;height:591px;overflow:hidden;}
.index2 .divs .boxs{display:none;height:100%;position:relative;}
.index2 .boxs .tit{position:absolute;left:0;top:0;width:518px;height:224px;background:url(../images/flw8.jpg) center center no-repeat;
animation:myfirst 1s;
-moz-animation:myfirst 1s; /* Firefox */
-webkit-animation:myfirst 1s; /* Safari and Chrome */
-o-animation:myfirst 1s; /* Opera */}
@keyframes myfirst
{
0%   {left:0px; top:-224px;}
100% {left:0px; top:0px;}
}

@-moz-keyframes myfirst /* Firefox */
{
0%   {left:0px; top:-224px;}
100% {left:0px; top:0px;}
}

@-webkit-keyframes myfirst /* Safari and Chrome */
{
0%   {left:0px; top:-224px;}
100% {left:0px; top:0px;}
}

@-o-keyframes myfirst /* Opera */
{
0%   {left:0px; top:-224px;}
100% {left:0px; top:0px;}
}

.index2 .boxs .inner{padding:50px 50px 0 50px;}
.index2 .boxs .tit h3{font-size:22px;color:#fff;line-height:100%;}
.index2 .boxs .tit p{margin-top:15px;color:#fff;font-size:12px;}
.index2 .boxs .tit a.more{margin-top:15px;background:url(../images/arrow7.png) right center no-repeat;padding-right:25px;color:#fff;font-size:14px;float:left;line-height:22px;}
.index2 .boxs .tit a.more1{display:none;}
.index2 .boxs .tit a.more2{display:none;}
.index2 .boxs .d1{position:absolute;right:0;top:0;width:677px;height:407px;overflow:hidden;}
.index2 .boxs .d2{position:absolute;left:0;top:232px;width:518px;height:359px;overflow:hidden;}
.index2 .boxs .d3{position:absolute;left:527px;bottom:0;width:334px;height:176px;overflow:hidden;}
.index2 .boxs .d4{position:absolute;right:0;bottom:0;width:334px;height:176px;overflow:hidden;}
.index2 .divs .boxs img{width:100%;height:auto;transition: all 0.8s;}


.index3{margin-top:70px;}
.index3 .list{margin-top:35px;height:380px;border-bottom:1px solid #ddd;}
.index3 .list .d{float:left;width:389px;margin-left:18px;}
.index3 .list .d:first-child{margin-left:0;}
.index3 .list .d .pic{height:248px;overflow:hidden;}
.index3 .list .d .pic img{width:100%;height:auto; opacity:1;}
.index3 .list .d .pic img:hover{ opacity:0.7;}
.index3 .list .d h3{font-size:16px;margin-top:18px;}
.index3 .list .d p{font-size:12px;margin-top:10px;color:#707070;}

.index3a{padding:70px 0;}
.index3a .list{margin-top:35px;height:380px;border-bottom:1px solid #ddd;}
.index3a .list .d{float:left;width:301px;}
.index3a .list .d .pic{height: 220px;overflow: hidden;}
.index3a .list .d .pic img{width: 301px;height: 220px;}
.index3a .list .d .text{height: 150px;text-align: center;background: #f9f9f9;padding-top: 70px;}
.index3a .list .d h3{font-size:20px;}
.index3a .list .d p{font-size:14px;margin-top:10px;color:#707070;}
.index3a .list .d .more{color:#707070;font-size:12px;display:inline-block;border-radius:4px;padding:0 10px;line-height:21px;margin-top:12px;font-family:Arial;border:1px solid #bbb;}

.index4{padding:35px 0;}
.index4 .list{margin-top:30px;}
.index4 .d1{float:left;overflow:hidden;width:402px;height:413px;margin-right:18px;}
.index4 .d2{float:left;overflow:hidden;width:784px;height:198px;background: #f4f4f4;}
.index4 .d2 li{float:left;width:196px;height:198px;}
.index4 .d5 a{display:block;background:#a01b20 url(../images/ico1.png) center center no-repeat;width:100%;height:100%;}
.index4 .d6{float:left;overflow:hidden;width:383px;height:198px;margin-top:18px;}
.index4 .d7{float:left;overflow:hidden;width:383px;height:198px;margin:18px 0 0 18px;}
.index4 img{width:100%;height:auto;transition: all 0.8s;}

.index5{margin-top:70px;overflow:hidden;}
.index5 .tit{float:left;padding:40px 0 0 25px;width:313px;height:195px;}
.index5 .tit p{margin-top:20px;line-height:150%;font-size:12px;}
.index5 .tit .num{margin-top:15px;}
.index5 .tit h3{font-size:36px;font-family:Arial, Helvetica, sans-serif;line-height:120%;color:#b61f24;}
.index5 .tit h4{font-size:14px;line-height:120%;}
.index5 .pics{float:right;width:866px;height:550px;position:relative;}
.index5 .pics .q{background:url(../images/ico2.png) left top no-repeat;width:216px;height:217px;left:-140px;top:260px;position:absolute;z-index:1;}
.index5 .pics .q img{position:absolute;left:40px;top:-15px;
transition:all 0.3s linear 0s;-webkit-transition:all 0.3s linear 0s;
transform-origin:center bottom;-webkit-transform-origin:center bottom;}
.index5 .pics:hover .q img{transform:rotate(15deg);-webkit-transform:rotate(15deg);margin-top:-5px;}
.index5 .pics .bg{position:absolute;left:0;top:0;}
.index5 .pics .s{position:absolute;left:0;top:0;}
.index5 .pics .t1{position:absolute;left:80px;top:300px;color:#fff;font-weight:bold;font-size:20px;text-align:right;line-height:120%;}
.index5 .pics .t2{position:absolute;left:450px;top:300px;color:#fff;font-weight:bold;font-size:20px;text-align:right;line-height:120%;}
.index5 .pics .t3{position:absolute;left:670px;top:300px;color:#fff;font-weight:bold;font-size:20px;text-align:left;line-height:120%;}

.index6{padding:70px 0;background:url(../images/gray1.png);}
.index6 .title{text-align:center;}
.index6 .title h2{font-size:24px;line-height:120%;color:#333;}
.index6 .title .more{border:1px solid #bbb;font-size:12px;display:inline-block;height:30px;line-height:30px;padding:0 10px;margin-top:20px;}
.index6 .title .more:hover{background:#b61f24;border-color:#b61f24;color:#fff;}
.index6 .pics{margin-top:20px;}
.index6 .pics .div{float:left;width:25%;text-align:center;}
.index6 .pics .div .pic{height:240px;overflow:hidden;}
.index6 .pics .div .pic i{display:inline-block;height:100%;vertical-align:middle;}
.index6 .pics .div .pic img{max-width:100%;}
.index6 .pics .div h3{font-size:18px;line-height:120%;padding:0 20px;}
.index6 .pics .div p{margin-top:10px;font-size:12px;padding:0 20px;}

.index7{padding:70px 0;}
.index7 .title2{margin-bottom:30px;}
.index7 .focus{float:left;width:99%;height:auto;position:relative;}
.index7 .focus .frame{height:100%;overflow:hidden;}
.index7 .focus .frame .child{float:left;height:100%;}
.index7 .focus .frame .child img{width:100%;height:auto;}
.index7 .focus .nav{position:absolute;right:40px;bottom:30px;}
.index7 .focus .nav a{display:inline-block;background:url(../images/dot4.png) left top no-repeat;width:15px;height:15px;margin-left:10px;}
.index7 .focus .nav a.now{background-position:right top;}
.index7 .link{float:right; background:url(../images/flw9.jpg) center top no-repeat;width:205px;height:443px}
.index7 .link a{display:block;text-align:center;color:#fff;font-size:16px;height:25%;}
.index7 .link a span{padding-top:70px;display:block;}

.title1{text-align:center;padding:0 50px;}
.title1 h1{font-size:24px;line-height:100%;}
.title1 p{margin-top:15px;line-height:150%;font-size:14px;}
font.red{color:#b61f24;}


/*轮播图*/
.scrollWarp{ width:1204px; height:443px; overflow:hidden; position:relative;}
.scrollWarp ul{ overflow:hidden;}
.scrollWarp ul li{ float:left; width:1204px; height:443px;}
.scrollWarp ul li img{ width:100%; height:100%;}
.scrollWarp ol{ height: 26px; overflow:hidden; position:absolute; left:0; bottom:22px; }
.scrollWarp ol li{ width:25px; height:26px; background:url(../images/scrollwarp_point.png) top center no-repeat; display:inline-block; cursor:pointer;}
.scrollWarp ol li.cur{ background-position:bottom center;}