/* CSS Document */
html,body{height: 100%; font-family:"微软雅黑",Microsoft YaHei,Arial;}
body{font-size:16px; color:#000; font-family:"微软雅黑",Microsoft YaHei,Arial;}
body,div,p,a,table,td,textarea,form,input,img,ul,li,dl,dt,dd,h1,h2,h3,h4 {margin:0; padding:0; font-weight:normal; font-size:16px; font-family:"微软雅黑";}
ul,ol{list-style:none;}
img{border:0; width:auto; height:auto;}
a{color:#666; font-size:14px; text-decoration:none;}
a:hover{color:#da2625; text-decoration:none;}
.fl{float:left;}
.fr{float:right;}
.fy{overflow:hidden; width:1100px; height:100px; line-height:100px; text-align:center; font-size:14px; color:3333； margin:0 auto;}
.fy a{font-size:14px; color:#333; line-height:100px; text-align:center; padding:0 10px;}
.fy a:hover{font-size:14px; color:#da2625; line-height:100px; text-align:center;}
.fy1{overflow:hidden; width:963px; height:50px; line-height:50px; text-align:center; font-size:14px;}
.fy1 a{font-size:14px; color:#666; line-height:50px; text-align:center; padding:0 10px;}
.fy1 a:hover{font-size:14px; color:#a71e32; line-height:50px; text-align:center;}
.clear{ clear:both;}
.tq img{width:30px; height:30px;}

.header{overflow:hidden; width:1200px; margin:0 auto; height:100px;}
.header .logo{padding-top:10px;}
.header .menu ul li{height:100px; width:110px; float:left; text-align:center;}
.header .menu ul li a{font-size:16px; color:#666; height:100px; font-weight:bold; padding-top:28px; text-align:center; display:block;}
.header .menu ul li a:hover{background:#da2625; color:#fff;}
.header .menu ul li .cut{background-color:#da2625; height:100px; color:#fff;}

.banner img{width:100%; height:auto;}

.i-about{overflow:hidden; width:100%; background:#f2f2f2; padding:40px 0; min-width:1200px;}
.company{width:1200px; margin:0 auto;}
.company h2{ text-align:center; font-size:30px; color:#da2625; margin-bottom:30px;}
.company h2 span{font-size:14px; color:#666; font-family:Arial, Helvetica, sans-serif;}
.company-left{width:500px;}
.company-right{width:670px; margin-left:30px;}
.company-right p{height:215px; font-size:14px; color:#666; line-height:24px; text-align:justify;}
.company-right .button{width:120px; height:55px; background:#da2625; text-align:center; line-height:55px; display:block;}
.company-right .button a{font-size:16px; color:#fff; font-family:Arial, Helvetica, sans-serif; display:block;}
.company-right .button a:hover{ background:#000;}

.i-service{overflow:hidden; width:1200px; margin:0 auto;}
.i-service h2{ text-align:center; font-size:30px; color:#da2625; margin-bottom:30px; margin-top:50px;}
.i-service h2 span{font-size:14px; color:#666; font-family:Arial, Helvetica, sans-serif;}
.i-service .item{width:206px; margin:0px 47px 50px 47px; text-align:center; float:left;}
.i-service .item a .inco1{width:140px; height:140px; background:url(../images/service1.png) no-repeat center top; margin-left:33px;}
.i-service .item a:hover .inco1{width:140px; height:140px; background:url(../images/service01.png) no-repeat center top; margin-left:33px;}
.i-service .item a h3{font-size:22px; color:#000; padding-top:25px;}
.i-service .item a:hover h3{font-size:22px; color:#da2625; padding-top:25px;}
.i-service .item a p{font-size:12px; color:#666; line-height:20px;}
.i-service .item a:hover p{font-size:12px; color:#da2625; line-height:20px;}
.i-service .item a .inco2{width:140px; height:140px; background:url(../images/service2.png) no-repeat center top; margin-left:33px;}
.i-service .item a:hover .inco2{width:140px; height:140px; background:url(../images/service02.png) no-repeat center top; margin-left:33px;}
.i-service .item a .inco3{width:140px; height:140px; background:url(../images/service3.png) no-repeat center top; margin-left:33px;}
.i-service .item a:hover .inco3{width:140px; height:140px; background:url(../images/service03.png) no-repeat center top; margin-left:33px;}
.i-service .item a .inco4{width:140px; height:140px; background:url(../images/service4.png) no-repeat center top; margin-left:33px;}
.i-service .item a:hover .inco4{width:140px; height:140px; background:url(../images/service04.png) no-repeat center top; margin-left:33px;}

#TabTab03Con1{width:1200px;}
#TabTab03Con2{width:1200px;}
#TabTab03Con3{width:1200px;}

.xixi1{width:395px;height:31px;line-height:31px; margin:0 auto;background-image:url(../images/01.jpg);cursor:pointer;}
.xixi2{width:395px;height:31px;line-height:31px;margin:0 auto;background-image:url(../images/02.jpg);cursor:pointer;}
.xixi3{width:395px;height:31px;line-height:31px;margin:0 auto;background-image:url(../images/03.jpg);cursor:pointer;}

.tab1 a{width:125px;height:31px;font-size:16px; color:#fff;line-height:31px;float:left;text-align:center;cursor:pointer;}
.tab2 a{width:125px;height:31px;font-size:16px;line-height:31px;float:left; margin:0 10px;text-align:center;cursor:pointer;color:#666;}
.tab3 a{width:125px;height:31px;font-size:16px;line-height:31px;float:left;text-align:center;cursor:pointer;color:#666;}

.i-news{overflow:hidden; width:1200px; margin:0 auto;}
.i-news h2{ text-align:center; font-size:30px; color:#da2625; margin-bottom:30px; margin-top:50px;}
.i-news h2 span{font-size:14px; color:#666; font-family:Arial, Helvetica, sans-serif;}
.i-news ul{overflow:hidden; margin-right:-20px;}
.i-news ul li{width:384px; height:520px; border:1px solid #cdcecf; float:left; margin-right:20px;}
.i-news ul li a h3{height:60px; background:#da2625; text-align:center; font-size:16px; color:#fff; line-height:60px; display:block;}
.i-news ul li a:hover h3 { background:#000;}
.i-news ul li img{width:384px; height:200px;}
.i-news ul li p{font-size:14px; color:#333; line-height:24px; padding:20px; height:152px;}
.i-news ul li .button{height:68px; width:330px; background:url(../images/bg.jpg) no-repeat top left; margin:0 auto; text-align:center;}
.i-news ul li a .button{font-size:14px; line-height:68px;}
.i-news .button1{width:210px; height:50px; border:1px solid #cdcecf; margin:0 auto; margin-top:50px; text-align:center; line-height:50px;}
.i-news .button1 a{font-size:16px; color:#333; display:block;}
.i-news .button1 a:hover{ background:#da2625; color:#fff;}

.partner{overflow:hidden; width:100%; background:#f2f2f2; padding:40px 0; min-width:1200px; margin-top:50px;}
.company{width:1200px; margin:0 auto;}
.company h2{ text-align:center; font-size:30px; color:#da2625; margin-bottom:30px;}
.company h2 span{font-size:14px; color:#666; font-family:Arial, Helvetica, sans-serif;}

.footer{overflow:hidden; width:100%; height:150px; background:#b80000; min-width:1200px;}
.foot{width:1200px; margin:0 auto;}
.foot-left{padding:10px 40px 10px 0;; border-right:1px solid #fff; margin:15px 0;}
.foot-center{font-size:14px; color:#fff; padding:20px 0 0 30px;}
.foot-center a{font-size:14px; color:#fff; line-height:30px; padding:0 10px;}
.foot-center .nr{font-size:12px; line-height:24px; padding-left:10px; margin-top:10px;}
.foot-right{padding-top:15px;}

.about-banner{overflow:hidden; height:400px;width: auto\9;-ms-interpolation-mode: bicubic;_width:auto;}
.subpage{overflow:hidden; width:100%; height:50px; border-bottom:2px solid #dddddd;}
.subpage-title{width:1200px; margin:0 auto;}
.subpage-title h3{font-size:18px; color:#d1111b; line-height:50px; background:url(../images/sub_inco.png) no-repeat left center; padding-left:25px;}
.subpage-title h3 em{font-size:14px; color:#bdbdbd; font-style:normal; padding-left:10px;}
.subpage-title h3 span{float:right; font-size:12px; color:#666;}
.subpage-title h3 a{font-size:12px; color:#666; line-height:50px; padding:0 5px;}
.subpage-title h3 a:hover{font-size:12px; color:#d1111b; line-height:50px; padding:0 5px; text-decoration:underline;}
.cases{overflow:hidden; width:1200px; margin:0 auto;}
.case-list{width:1200px; margin:25px 0; display:block;}
.case-list ul li{float:left; width:110px; height:42px; margin-right:10px; border-radius:5px; text-align:center; line-height:42px;}
.case-list ul li a{font-size:16px; color:#333; display:block;}
.case-list ul li a:hover{background:url(../images/bg1.jpg) no-repeat; color:#fff;}
.case-list ul li .cut{background:url(../images/bg1.jpg) no-repeat; color:#fff;}
.cases-nr{width:1200px; display:inline-block;}
.cases-nr ul{overflow:hidden; margin-right:-20px;}
.cases-nr ul li{width:285px; height:270px; float:left; margin-right:20px; margin-top:20px; text-align:center;}
.cases-nr ul li a{width:275px; height:260px; background:#ebebeb; display:block; padding:5px; text-align:center; line-height:40px; font-size:16px; color:#666;}
.cases-nr ul li a:hover{ background:#da2625; display:block; color:#fff;}
.cases-nr ul li img{width:275px; height:209px;}
.showcases{overflow:hidden; width:1200px; margin:0 auto; margin-bottom:50px;}
.showcases h2{font-size:30px; color:#333; padding-top:30px; border-bottom:1px dashed #c9c9c9; line-height:40px;}
.showcases h2 span{font-size:12px; color:#666; line-height:30px;}
.showcases-nr{font-size:12px; color:#666; line-height:22px; padding-top:15px;}
.fh{float:right; width:128px; height:42px; margin-top:30px;}
.fh a{width:128px; height:42px; background:#999999; border-radius:5px; font-size:16px; color:#fff; line-height:42px; text-align:center; display:block;}
.fh a:hover{ background:#d1111b; color:#fff;}

.news{overflow:hidden; width:1200px; margin:0 auto;}
.news h2{font-size:30px; color:#d1111b; line-height:80px; border-bottom:1px dashed #c9c9c9;}
.news-nr{width:1200px;}
.news-list{overflow:hidden; width:1200px; border-bottom:1px dashed #c9c9c9; padding-bottom:20px; margin-top:20px;}
.news-img{width:170px; height:110px; border:1px solid #c9c9c9; float:left;}
.news-img img{width:170px; height:110px;}
.news-list-nr{width:1000px;}
.news-list-nr h3 a{font-size:20px; color:#333; line-height:30px;}
.news-list-nr h3 a:hover{color:#d1111b; text-decoration:underline;}
.news-list-nr h3 span{float:right; color:#666;}
.news-list-nr p{font-size:12px; color:#666; line-height:20px; padding-top:10px; height:55px;}
.news-list-nr .more a{font-size:12px; color:#d1111b; font-weight:bold;}
.news-list-nr .more a:hover{ text-decoration:underline;}

.contact{width:1200px; margin:0 auto;}
.contact-nr{text-align:center; font-size:16px; line-height:38px; padding:30px 0;}
.contact .map{ padding:50px 0;}

.service{overflow:hidden; width:1200px; margin:0 auto; margin-top:50px; margin-bottom:50px;}
.service .list{height:250px; background:#f2f2f2; margin-bottom:10px;}
.service a .list-left{width:200px; height:190px; text-align:center; font-size:24px; line-height:60px; color:#fff; padding-top:60px; background:#df0110;}
.service .list-right{width:940px; height:120px; font-size:16px; color:#666; line-height:26px; padding:30px 30px 0 30px;}

.about{overflow:hidden; width:1200px; min-height:510px; margin:0 auto; background:url(../images/about1.png) no-repeat right center;}
.about-nr{width:770px; font-size:14px; color:#333; padding-top:50px; line-height:35px;}

.join-nr{width:1200px; font-size:14px; color:#333; padding:30px 0; line-height:35px;}

.culture{overflow:hidden; width:100%; background:#f2f2f3;}
.culture1{width:1200px; min-height:510px; margin:0 auto; background:url(../images/about2.png) no-repeat left center;}
.culture-nr{width:770px; font-size:14px; color:#333; line-height:35px; float:right; padding-bottom:20px;}

.team{overflow:hidden; width:1200px; min-height:510px; margin:0 auto; background:url(../images/about3.png) no-repeat right center;}
.team h2{font-size:30px; color:#d1111b; line-height:80px;}
.team-nr{width:770px; font-size:14px; color:#333; line-height:35px; padding-top:50px;}




.grid{width:1200px; height:460px; padding-top:20px;}
.grid ul{overflow:hidden; margin-right:-5px;}
    .clearfix::after{ clear: both; display: block; height: 0; content: '';}
	#container{ width:1200px; margin: 0 auto;}
	#container li{ position:relative;width: 296px;height:225px; text-align:left; margin-bottom:5px; margin-right:5px; float: left; cursor: pointer;  overflow: hidden;}
	#container li p{ height:225px; width: 100%; position: absolute; left: 0; top: -225px; color: #ffffff;
        z-index: 2; }
    #container li .img{ width: 296px; height:225px; display: block;
        -moz-transition:.5s ease-in;
        -webkit-transition:.5s ease-in;
        -o-transition:.5s ease-in;
        -ms-transition:.5s ease-in;
        transition:.5s ease-in;}
    #container li:hover .img{ transform:scale(1.1,1.1);-moz-transform:scale(1.1,1.1);-webkit-transform:scale(1.1,1.1);-o-transform:scale(1.1,1.1)}
    #container li p i{ width: 100%; height: 100%; display: block; position: absolute; left: 0; top: 0;z-index: -1;background: #000000; opacity: 0.7; -moz-opacity:0.7; filter:alpha(opacity=70); font-size: 16px; }
    #container li p span{ display: block; width: 94%; margin: 0 auto; line-height: 24px; font-size: 12px; padding-top:20px;}
    #container li p a{ display: block; position: absolute; width: 32px; height: 32px; left:50%; margin-left: -16px; top:20px; background:url("images/link.png") no-repeat 0 0;}
    .explain{ display: block; margin:0 auto;}