@charset "utf-8";

/*banner*/
.banner{position: relative; height:600px;clear: both;}
.ban_p,.ban_p li{ height:600px;overflow: hidden;}
.ban_p li{ display:block; height:600px;width: 100%!important; overflow: hidden;position: relative;margin:0 auto;}
.ban_p li img {width: 1920px;height: 600px;position: absolute;left: 50%;top:0;margin-left: -960px;}
.ban_t{width:600px;height:50px;bottom: 0;left:50%;margin-left:-300px;position: absolute;text-align: center;}
.ban_t em{width: 16px;height: 16px;border-radius: 16px;margin-right:16px; display: inline-block;background: #fff;}
.ban_t em.on{background: #c7281c;}

.til01{height:125px;display: block;font-size:36px;line-height:48px;color: #c7281c;text-align: center;padding: 22px 0 0;background:url(../img/protil.gif) no-repeat center 0;}
.til01 span{display: block;font-weight: normal;font-size:18px;line-height:32px;color: #666;}
.til01 a{display: block;color: #c7281c;}
.case .til01{background:url(../img/casetil.gif) no-repeat center 0;}
.newbox .til01{background:url(../img/newtil.gif) no-repeat center 0;}
.edge .til01,.about .til01{background: none;color: #fff;padding: 2px 0 0;height: 145px;}
.edge .til01 b{font-size: 58px;line-height: 58px;font-style: italic;width: 50px;display: inline-block;}
.edge .til01 span{color: #ccc;}
.about .til01 a,.about .til01 span{color: #fff;}

/*搜索*/
.seabox{height:59px;padding: 20px 0 0;background:url(../img/seabg.gif) repeat-y center 0;line-height:40px;}
.keyword{width:710px;color: #999;}
.keyword a{color: #999;padding: 0 6px;}
.sea_inp{width:426px;height:41px;overflow: hidden;line-height: 41px;}
.sea_inp .serach{width:222px;height:40px;border:0; background:#fff;line-height:40px;color:#ccc;padding:0 8px;float:left;outline: none;display: block;font-size:14px;}
.sea_inp .sub{ width:40px; height:40px;float:left;cursor: pointer;display: block;background:url(../img/sea_ico.gif) no-repeat 0 0;border: 0;}

/*我们*/
.webox{font-family: "Microsoft Yahei";font-size:24px;line-height:40px;background:#f1f1f1;color: #333;padding: 70px 0 0;height: 160px;overflow: hidden;}
.webox_c ul{width:1350px;float: left;}
.webox_c li{width: 250px;float: left;}
.webox_c li.webox_c1{width: 116px;}
.webox_c li.webox_c2{width: 310px;}
.webox_c li p{height: 71px;line-height: 71px;color: #c7281c;font-weight: bold;white-space: nowrap;}
.webox_c li p b{font-family: Times New Roman;color: #333;font-size: 70px;letter-spacing: -2px;}

/*产品*/
.probox{font-family: "Microsoft Yahei";height:1043px;padding:89px 0 0;line-height: 40px;position: relative;}
.pro_cla{width: 300px; height:680px;line-height:39px;color: #333;background: #f3f3f3;}
.pro_cla h2{height: 100px;text-align: center;font-size:40px;color: #fff;line-height: 100px;background:url(../img/protbg.gif) no-repeat 0 0;border-bottom: 1px solid #fff;}
.pro_cla h2 a{color: #fff;}
.pro_cla h3{height: 60px;font-size:18px;color: #fff;line-height: 60px;background: #333;position: relative;}
.pro_cla h3:before{content: "";position: absolute;width: 21px;height: 21px;background:url(../img/ico01.png) no-repeat 0 0;left: 258px;top: 17px;}
.pro_cla h3 a{color: #fff;padding: 0 32px;display: block;background:url(../img/ico06.png) no-repeat 11px 21px;}
.pro_cla h3:last-child a{background:url(../img/ico05.png) no-repeat 11px 21px;}
.pro_cla h3.cur,.pro_cla h3:hover{background: #c7281c;}
.pro_cla h4{height: 59px;font-size:16px;color: #333;line-height: 59px;background:url(../img/ico03.gif) no-repeat 31px 33px #e5e5e5;position: relative;font-weight: normal;border-bottom: solid 1px #fff;}
.pro_cla h4:before{content: "";position: absolute;width: 9px;height: 9px;background:url(../img/ico04.png) no-repeat 0 0;left: 264px;top: 19px;}
.pro_cla h4.on:before{background:url(../img/ico02.png) no-repeat 0 0;left: 264px;top: 19px;}
.pro_cla h4 a{color: #333;display: inline-block;padding: 0 49px;}
.pro_cla ul{display: none;}
.pro_cla li{height: 39px;line-height: 39px;border-bottom: solid 1px #dadada;}
.pro_cla li a{display: block;color: #333;padding: 0 0 0 65px;}
.pro_cla li a:hover{color: #c7281c;}

.pro_list{width: 848px;padding:10px 0 0;overflow: hidden;}
.pro_lt{border-top: solid 1px #e5e5e5;border-bottom: solid 1px #e5e5e5;height: 49px;line-height: 49px;margin-bottom: 30px;font-size: 16px;}
.pro_lt span{float: right;text-transform: uppercase;color: #ccc;}
.pro_lt span a{display: block;color: #ccc;}
.pro_lt li{float: left;color: #333;font-weight: bold;}
.pro_lt li.cur{color: #c7281c;}
.pro_lt li em,.newtil li em{display: inline-block;padding: 0 23px;font-weight: normal;color: #ccc;}

.pro_lc dl{position: relative;}
.pro_lc dt,.pro_lc dt img{width:848px;height: 477px;display: block;overflow: hidden;}
.pro_lc dd{padding: 15px 0 0;}
.pro_lc dd h3{font-size: 24px;line-height: 53px;height: 54px;color: #333;white-space: nowrap; text-overflow: ellipsis; overflow: hidden;}
.pro_lc dd h3 a{color: #333;display: inline-block;border-bottom: solid 1px #cfcfcf;}
.pro1{ width:893px; overflow:hidden;}
.pro1 li{ width:280px; float:left;box-shadow:0 0.2rem 0.8rem 0 #ddd; margin-left: 10px; margin-bottom: 15px;}
.pro1 li img{ display:block; width:280px; height:229px;}
.pro1 li p{ height:45px; background:#c7281c; padding-left:12px; font:18px "Microsoft YaHei"; line-height:45px; text-align: center; color:#fff; overflow:hidden; position:relative;}
.pro1 li p em{ display:block; width:100px; height:45px; background:#0187f4; font:16px "Microsoft YaHei"; font-weight:bold; color:#fff; float:right; position:absolute; top:0; right:0; text-align:center; line-height:45px;}
.pro1 .li1{ width:863px; height:462px; overflow:hidden; position:relative; margin-bottom:37px;}
.pro1 .li1 img{ display:block; width:863px; height:462px;}
.pro1 .li1 p{ position:absolute; bottom:0; width:851px;}
.pro1 .li3{ float:right;}

/*小广告*/
.h_gg1{height:372px;background:url(../img/h_gg01.jpg) no-repeat center 0;position: relative;color: #fff;line-height: 34px;}
.gg01{position: absolute;left: 50%;margin-left:388px;top:114px;width: 210px;text-align: center;white-space: nowrap;}
.gg01 p{height: 83px;background:url(../img/c_pho.png) no-repeat right 8px;}
.gg01 p b{display: block;font-family: Arial;font-size: 30px;line-height: 38px;}
.gg01 span{display: block;line-height:43px;border: solid 1px #fff;color: #fff;font-size: 16px;}
.gg01 a:hover span,.gg01 span:hover,.gg01:hover span{border-color:#c7281c;background:#c7281c;color:#fff;}

/*案例*/
.case{font-family: "Microsoft Yahei";padding: 45px 0 0;height: 650px;line-height: 26px;color: #333;overflow: hidden;}
.case_c{height: 450px;background: #f2f2f2;margin-bottom: 31px;}
.case_t{width:600px;height: 55px;line-height: 55px;top: 0;right: 0;text-align: center;}
.case_t li{width:140px;float: left;margin-right: 1px;background: #333;color: #fff;}
.case_t li.cur{background: #c7281c;}
.case_t li a{display: block;color: #fff;}
.case_l dt,.case_l dt img{width: 600px;height: 450px;overflow: hidden;display: block;float: left;}
.case_l dd{width: 506px;height:310px;overflow: hidden;display: block;float: left;padding: 117px 0 0 36px;}
.case_l dd h3{height:58px;overflow: hidden;display: block;font-size: 24px;line-height: 50px;font-weight: normal;color: #333;}
.case_l dd h3 a{color: #333;}
.case_l dd p{height: 150px;overflow: hidden;}
.case_l dd span a{display: inline-block;width: 118px;text-align: center;line-height: 38px;border:solid 1px #333;color: #333;}
.case_l dd span a:nth-child(2){border-color: #c7281c;margin-left: 18px;}

.part ul{width: 1230px;}
.part li{margin:0 16px 0 0;float: left;}
.part li span{display: block;text-align: center;line-height: 32px;}
.part li p{border:solid 1px #e6e6e6;}
.part li p,.part li p img{width:225px;height: 127px;display: block;overflow: hidden;}

/*优势*/
.edge{font-family: "Microsoft Yahei";line-height:26px;height:714px;padding:62px 0 0;color: #666;overflow: hidden;background:url(../img/edgebg.jpg) no-repeat center 0;}
.edge_t{width: 800px;left:40px;top: 522px;font-size: 24px;color: #fff;line-height:60px;height:60px;z-index: 9;text-align: center;font-weight: bold;}
.edge_t li{width: 130px;float: left;border-right: solid 1px #fff;background: #333;color: #fff;}
.edge_t li.cur{background: #c7281c;}
.edge_t li span{display: inline-block;padding: 0 0 0 37px;}
.edge_c{background: #fff;padding: 26px 37px 0;height: 470px;}
.edge_c dt,.edge_c dt img{width: 730px;height:453px;display: block;overflow: hidden;float: right;}
.edge_c dd{width: 344px;float: left;}
.edge_c dd h3{position: relative;height: 140px;line-height:26px;color: #333;padding:0 0 0 106px;font-size: 18px;font-weight: normal;}
.edge_c dd h3 b{font-size:24px;display: block;line-height: 46px;}
.edge_c dd h3 em{position: absolute;background:url(../img/edge_icobg.jpg) no-repeat 0 0;height:129px;line-height:129px;font-size:40px;width: 88px;text-align: center;color: #c7281c;left: -7px;top: -49px;}
.edge_c dd li{padding:0 0 20px 16px;background:url(../img/ico08.gif) no-repeat 0 13px;}

/*资讯*/
.newbox{line-height:30px;height:615px;font-family: "Microsoft Yahei";color: #333;}
.newtil{height: 50px;line-height: 38px;overflow: hidden;font-size: 18px;background:url(../img/line1.gif) no-repeat 203px 16px;}
.newtil ul,.newtil li{float: left;}
.newtil span{float: right;font-size: 14px;}
.newtil span a{color: #999;display: inline-block;}
.newtil li.cur{color:#c7291d;font-weight: bold;}

.news_c dl{width:603px;float: left;overflow: hidden;}
.news_c dd{padding: 8px 21px 0;line-height:30px;color: #333;}
.news_c dd h3{height:34px;line-height:34px;font-size:16px;color: #333;text-align: center;}
.news_c dt{width:562px;height: 163px;border: dashed 1px #e6e6e6;padding: 20px 19px;}
.news_c dt p,.news_c dt p img{display: block;width:562px;height: 163px;overflow: hidden;}
.news_c ul{width: 526px;float: right;}
.news_c li{height:99px;border-bottom: solid 1px #e8e8e8;line-height: 24px;margin-bottom: 32px;}
.news_c li span{width: 80px;float: left;text-align: center;padding:0 10px 0 0;font-family: Arial;font-size: 18px;line-height: 20px;color: #ddd;}
.news_c li span b{display: block;font-size: 54px;line-height: 50px;font-weight: normal;}
.news_c li p{width: 425px;float: left;color: #666;}
.news_c li p a,.news_c dd p a,.about_w p a{display: inline-block;color: #c7281c;}
.news_c li p b{display: block;color: #333;line-height: 26px;}
.news_c li p b a,.news_c dd h3 a{display: block;color: #333;}


/*关于*/
.about{height:998px;font-family: "Microsoft Yahei";text-align: center;line-height: 28px;padding:75px 0 0;background:url(../img/aboutbg.jpg) no-repeat center 0;}
.about_p{background: #fff;box-shadow: 5px 5px 5px #d8d8d8;padding:10px;}
.about_p p,.about_p p img{width: 1179px;height:499px;display: block;overflow: hidden;}
.about_w{padding: 10px 80px 0;}
.about_w h3{height:79px;line-height:79px;font-size:30px;color: #333;background:url(../img/ico07.gif) no-repeat center bottom;margin-bottom: 12px;}
.about_w h3 a{color: #333;display: block;}
.about_w p{height: 112px;overflow: hidden;}
.about_w span{display: block;text-align: center;line-height: 38px;}
.about_w span a{display: inline-block;width: 153px;border: solid 1px #333; color: #666;}
.about_w span a:hover{border-color: #c7281c;background: #c7281c;color: #fff;}
.about_w span a:nth-child(2){margin-left: 25px;}

/*友情链接*/
.link{height:52px;line-height:50px;color: #858585;background:#fff;position: relative;width: 100%;}
.link_c{width:1124px;overflow: hidden;}
.link h3{width:90px;float: left;font-size: 18px;color: #c7281c;}
.link_c{width:1000px;overflow: hidden;float: left;}
.link_c a{display: inline-block;color: #858585;padding: 0 35px;}

.part li p img,.case_l dt img, .pro_lc dt img, .edge_c dt img, .newbox dt img, .about_p img{-webkit-transition: 1s;-moz-transition: 1s;transition: 1s;}
.part li p img:hover,.case_l dt img:hover, .pro_lc dt img:hover, .edge_c dt img:hover, .newbox dt img:hover, .about_p img:hover{-webkit-transform:scale(1.1);-moz-transform:scale(1.1);-ms-transform:scale(1.1);transform:scale(1.1);}


			    .header ,.content , .footer { width:1200px; margin:0 auto;font-family:"Microsoft Yahei";}
				.h_top{height:180px;background:url(../img/topbg.gif) repeat-x center 0;position: relative;z-index: 2;font-family:"Microsoft Yahei";overflow: hidden;}
				.t_con{height:106px;padding:14px 0 0;overflow: hidden;}
				.t_logo,.t_logo img{width:65px;display: block;height:91px;}
				.t_text{font-size:18px;color: #333;line-height:45px;overflow: hidden;padding:10px 21px;width: 694px;}
				.t_text span{display: block;height:36px; font-size: 26px; font-weight: bold;}

				.t_pho{color: #333;padding:14px 0 0;background:url(../img/t_pho.gif) no-repeat right 23px;line-height:28px;text-align: right;}
				.t_pho span{display: block;font-family: Arial;font-size: 24px;color: #c7281c;font-weight: bold;}

				.menu{white-space:nowrap;width: 1200px;height:60px;line-height:60px;overflow:hidden;}
				.menu ul{width: 1380px;}
				.menu li{float: left;position: relative;margin-left: -1px;background:url(../img/menu-fgx.gif) no-repeat 0 0;z-index: 2;}
				.menu li a:before{width:0;height:0;background:#c7281c;position: absolute;content: "";left: 0;bottom: 0;-webkit-transition:width .5s cubic-bezier(0.52, 1.64, 0.37, 0.66);-webkit-transition:width .5s cubic-bezier(0.52, 1.64, 0.37, 0.66);z-index: -1;}
				.menu li.born{background:none;}
				.menu li a{color:#fff;display: inline-block;padding:0 37px 0; font-size: 16px;}
				.menu li.cur a,.menu li a:hover{text-decoration:none;z-index:3;position: relative;}
				.menu li.cur a:before,.menu li a:hover:before{width: 100%;height: 60px;}
				.menu li a:-webkit-any-link{ display:block;}
			

        .f_bj {
            color: #bfbfbf;
            clear: both;
            font-family: "Microsoft Yahei";
            line-height: 31px;
            height: 315px;
            background: url(../img/footbg.gif) repeat-x center 0 #333;
            overflow: hidden;
        }
        
        .f_bj a {
            color: #bfbfbf;
        }
        
        .f_nav {
            height: 61px;
            line-height: 61px;
            color: #fff;
            text-align: center;
        }
        
        .f_nav em {
            display: inline-block;
            color: #656363;
            font-size: 12px;
            padding: 0 35px;
            font-style: normal;
        }
        
        .f_nav a {
            display: inline-block;
            color: #fff;
        }
        
        .f_con {
            height: 230px;
            padding: 23px 0 0;
        }
        
        .f_code {
            width: 380px;
            display: block;
            text-align: center;
            line-height: 38px;
            padding: 20px 0 0;
            color: #fff;
        }
        
        .f_code p {
            width: 125px;
            height: 125px;
            padding: 6px;
            display: block;
            border: solid 1px #717171;
        }
        
        .f_code1 {
            width: 139px;
            float: left;
        }
        
        .f_code2 {
            margin-left: 68px;
        }
        
        .f_code img {
            width: 105px;
            height: 105px;
            background: #fff;
            padding: 10px;
            display: block;
        }
        
        .f_logo {
            display: block;
            height: 165px;
            width: 173px;
            background: #fff;
            margin-left: 24px;
            padding: 15px 0 0 31px;
            margin-top: 10px;
        }
        
        .f_logo img {
            width: 90px;
            display: block;
            float: left;
        }
        
        .f_logo span {
            width: 30px;
            display: block;
            float: left;
            line-height: 31px;
            font-size: 30px;
            color: #c7281c;
            font-weight: bold;
            margin-left: 15px;
        }
        
        .f_text li {
            width: 257px;
            float: left;
            overflow: hidden;
            white-space: nowrap;
            height: 31px;
        }
        
        .f_text li span {
            font-size: 16px;
        }
        
        .f_text {
            width: 520px;
            padding: 0 0 0 68px;
        }
    

        .client-2 {
            position: fixed;
            right: -170px;
            top: 50%;
            z-index: 900;
        }
        
        .client-2 li a {
            text-decoration: none;
        }
        .client-2 li {
            margin-top: 1px;
            clear: both;
            height: 62px;
            position: relative;
        }
        
        .client-2 li i {
            background: url(../img/fx.png) no-repeat;
            display: block;
            width: 30px;
            height: 27px;
            margin: 0px auto;
            text-align: center;
        }
        
        .client-2 li p {
            height: 20px;
            font-size: 12px;
            line-height: 20px;
            overflow: hidden;
            text-align: center;
            color: #fff;
        }
        
        .client-2 .my-kefu-qq i {
            background-position: 4px 5px;
        }
        
        .client-2 .my-kefu-tel i {
            background-position: 0 -21px;
        }
        
        .client-2 .my-kefu-liuyan i {
            background-position: 4px -53px;
        }
        
        .client-2 .my-kefu-weixin i {
            background-position: -34px 4px;
        }
        
        .client-2 .my-kefu-weibo i {
            background-position: -30px -22px;
        }
        
        .client-2 .my-kefu-ftop {
            display: none;
        }
        
        .client-2 .my-kefu-ftop i {
               width: 33px;
    height: 31px;
    background-position: -23px -47px;
    background-size: 52px 82px;
        }
        .client-2 .my-kefu-ftop .my-kefu-main{
            padding-top: 6px;
        }
        
        .client-2 .my-kefu-left {
            float: left;
            width: 62px;
            height: 47px;
            position: relative;
        }
        
        .client-2 .my-kefu-tel-right {
            font-size: 16px;
            color: #fff;
            float: left;
            height: 24px;
            line-height: 22px;
            padding: 0 15px;
            border-left: 1px solid #fff;
            margin-top: 14px;
        }
        
        .client-2 .my-kefu-right {
            width: 20px;
        }
        
        .client-2 .my-kefu-tel-main {
            background: #c7281c;
            color: #fff;
            height: 53px;
            width: 230px;
            padding:9px 0 0;
            float: left;
        }
        
        .client-2 .my-kefu-main {
            background: #c7281c;
            width: 97px;
            height: 53px;
            position: relative;
            padding:9px 0 0;
            float: left;
        }
        
        .client-2 .my-kefu-weixin-pic {
            position: absolute;
            left: -130px;
            top: -24px;
            display: none;
            z-index: 333;
        }
        
        .my-kefu-weixin-pic img {
            width: 115px;
            height: 115px;
        }