
.top_bg{ height:190px; background:url(../images/top_bg.png) center center  no-repeat; overflow:hidden; z-index: 999;}
.header{width: 1200px; margin:0 auto;}
.h_con{ height:86px;padding: 30px 0 0;}
.h_con .logo{ float:left;width: 170px;padding: 0 15px 0 0;}
.h_con .logo img{ width:170px; height:55px;}
.h_con .h_dw{ float:left; font-size:18px; color:#efc300;line-height: 32px;padding: 0px 0 0 15px; background:url(../images/t_line.gif) no-repeat 0 28px; font-weight: normal;}
.h_dw span{display: block;font-size: 28px;font-weight: normal; color:#fff; font-weight:bold; letter-spacing: 5px;}
.h_tel{float: right;font-size: 14px;color: #fff;line-height: 14px;padding: 0px 0 0 70px; font-family: "DINOT";}
.h_tel b{display: block;font-size: 30px;font-weight: normal; line-height: 48px; height: 48px;}
.h_nav{ height:76px; line-height:76px;overflow: hidden; }
.h_nav li{height: 76px; float:left;position: relative; z-index: 999; background: #fff; border-left:1px solid #ebebeb; }
/*.h_nav li:last-child{background: background:url(../images/nav_ls_bg.png) center center;z-index: 1000;}*/
.h_nav li:first-child{border:none;}
.h_nav li a{ font-size:16px; color:#333; padding:0 39px;display:block; float:left;position: relative;text-decoration:none;}
.h_nav li:last-child a{padding:0 35px 0px 36px;}
.h_nav li a:hover{background:#efc300;color: #000; font-weight: bold;}/* IE6、IE7、IE8支持 */
/*.h_nav li:first-child a:hover{background:url(../images/nav_f_bg.png) no-repeat;}*/
.h_nav li:after{content:'';position:absolute;width:100%;height:0;background-color:#efc300;bottom:0;left:0;-webkit-transition:height .3s;transition:height .3s;}
/*.h_nav li:last-child a{background:url(../images/nav_ls_bg.png) center center;}
.h_nav li:first-child.cur{background:url(../images/nav_f_bg.png) no-repeat;}*/
.h_nav li.cur a{color: #000;font-weight: bold;}
em,i{ font-style:normal;}


        /*banner*/
        .fullSlide{ min-width:1200px; position:relative;  height:660px; overflow:hidden; margin-top: -40px;z-index: 0; }
        .fullSlide .bd{ position:relative; z-index:0;  }
        .fullSlide .bd ul{ width:100% !important;  }
        .fullSlide .bd li{ width:100% !important;  height:660px; overflow:hidden; text-align:center;  }
        .fullSlide .bd li a{ display:block; height:660px; }
		.fullSlide .bd li img {width: 1920px;height: 660px;display: block;position: absolute;top: 0;left: 50%;margin-left: -960px;}		
		.fullSlide .bd li a p{font-size: 18px; left: 560px; top: -300px;z-index: 19;}
        .fullSlide .hd{ width:1200px; left:50%; margin-left:0px; bottom:30px; position:absolute; z-index:1;overflow:hidden;}
        .fullSlide .hd ul li{ float:left; margin:0 5px; display:inline; cursor:pointer; width: 10px;height: 10px;background: #e9e9e9; text-indent: -9999px;border-radius: 50%;}
        .fullSlide .hd ul .on{background: #6c151c;}
      

.search{ width:1200px; margin:0 auto;height: 95px;overflow: hidden;border-bottom:1px solid #ececec;}
.search p{ float:left;font-size: 14px; color:#5c5c5c; width:970px; height:95px; line-height:95px; overflow:hidden;}
.search p a{font-size: 14px; color:#bfbfbf; padding:0 10px 0 0;}
.search p a:hover{color: #5c5c5c;}
.search .ser_inp{ background:none; width:150px; height:42px; border:none; float:left; font-family:"Microsoft YaHei";font-size: 14px; color:#666; line-height:42px; outline:none;margin-top: 30px;}
.search .ser_so{cursor: pointer; float:left; background:url(../images/s_so.gif) no-repeat; border:none; width:70px; height:42px;margin-top: 30px;}
input::-webkit-input-placeholder {color: #666;}

.topbar {line-height: 40px;background-color: #f6f6f6;font-size: 14px;}
.topbar ul {float: right;}
.topbar li {float: left; }
.topbar li.pipe {padding: 0 10px;color: #ccc;}
.topbar li a{font-size: 14px;}

.intro{padding:80px 0 0;height: 575px;}
.intro_l{float: left;padding-left: 100px;background:url(../images/intro_t.jpg) no-repeat left top;position: relative;}
.intro_l .vd{width: 600px;height: 366px;}
.intro_l .cpt{position: absolute;left: -72px;top: 239px;z-index: 10;}
.intro_l .cpt .vr{position: absolute;left: 72px;bottom: 45px;font-size: 22px;color: #666;line-height: 28px;padding-left: 48px;background:url(../images/vr.png) no-repeat;}
.intro_r{float: right;width: 400px;}
.intro_r em{display:block;font-size: 20px;color: #6c151c;font-family: Arial;width: 105px;height: 37px;margin:22px 0 28px;position: relative;}
.intro_r em:after{position: absolute;width: 250px;height: 1px;background: rgba(35,24,21,0.3);content:"";right: 0;bottom: 0;}
.intro_r h3{height: 150px;font-weight: normal;color: #1f1715;}
.intro_r h3 b{display:block;font-size: 50px;line-height: 50px;letter-spacing: 5px;}
.intro_r h3 i{display:block;font-size: 30px;line-height: 38px;padding-top: 8px; color: #efc300;}
.figure li{float: left;width: 184px;padding-left: 14px;height: 75px;margin-bottom: 40px;border-left:1px solid #535353;}
.figure li span{display:block;font-size: 12px;color: #000;height: 40px;line-height: 18px;margin:12px 0 0;}
.figure li span i{display:inline-block;font-size: 52px;line-height: 40px;font-family: Arial;}
.figure li p{font-size: 14px;color: #000;line-height: 28px;}
.figure li:nth-child(2n){width: 174px;padding-left: 24px;border-right:1px solid #535353;}
.figure li:hover{border-left-color: #6c151c;}
.figure li:hover span{color: #6c151c;}
.intro_r .more{display:inline-block;font-size: 16px;line-height: 20px;color: #6c151c;padding-right:32px;background:url(../images/jt1.png) no-repeat right center;margin-top:18px;}

.f_bg{ background:#efefef; height:285px;padding: 57px 0 0; overflow:hidden;background: url(../images/ftbg.png) no-repeat center top;}
.footer{width: 1200px; margin:0 auto;}
.f02{width: 430px;}
.f_nav{height: 125px;overflow: hidden;width: 390px;/* background:url(../images/f_line01.gif) no-repeat;*/padding: 20px 0 0;}
.f_nav ul li{height: 32px;line-height: 32px; background:url(../images/f_ico01.png) no-repeat 0 14px;overflow: hidden;padding: 0 0 0 15px;width: 115px;float: left;}
.f_nav ul li a{font-size: 14px;color: #fff;}
.f_nav ul li a:hover{font-weight: bold;}
.f02 p{font-size: 12px;color: #fff;height: 40px;line-height: 20px;overflow: hidden; /*background:url(../images/f_line01.gif) no-repeat;*/width: 390px;padding: 10px 0 0;}
.f02 p a{color: #fff;}
.f02 p i{padding: 0 10px;}
.f02 p span{display: block;}
.f_ban{width: 330px;padding: 20px 0 0; /*background:url(../images/f_line01.gif) no-repeat;*/}
.f_ban p{padding:0 0 12px 35px;font-size: 14px;color: #fff;line-height: 24px;}
.f_ban p b{display: block;}
.f_ban p i{font-weight: bold;font-size: 20px;}
.f_p01{ background:url(../images/f_ico02.png) no-repeat 0 15px;}
.f_p02{ background:url(../images/f_ico03.png) no-repeat 0 15px;}
.f_p03{ background:url(../images/f_ico04.png) no-repeat 0 15px;}
.f_ban a{color: #ccc;}
.f_er{padding: 22px 0 0; /*background:url(../images/f_erbg.png) no-repeat 0 22px;*/}
.f_er p{width: 100px;text-align: center;line-height: 0;float: left;padding: 0 0 0 11px;}
.f_er p em{ width:86px; height:86px;display: block;border: #cccc 7px solid;margin-top: 10px;}
.f_er img{ width:86px; height:86px;}
.f_er span{display: block;font-size: 14px;color: #ccc;line-height: 30px;padding: 15px 0 0;}
.container {width: 1200px;margin: 0 auto;}
#index_pro{ background: url(../images/product_bg.jpg) center center  no-repeat; height: 1400px;}
.jsrobot-video{background:url(../images/jsrobot_video_bg.png) no-repeat; height:700px; width:1200px;}
.jsrobot-videob{float:right; height:506px; width:901px;}
.jsrobot-videos{ margin-left:302px; margin-top:29px;}
.jsrobot-videos ul li{width:277px; height:156px; display:block; float:left; margin-right:33px; margin-top:25px;}
.jsrobot-videos ul li:nth-child(3n){margin-right:0px;}
#jsrobot-prd-kf a{width:147px; height:37px; display:block; color:#fff; font-size:16px; background:#efc300; float:left; text-align:center; margin-top:20px; line-height:37px;}
#jsrobot-prd-kf a:nth-child(2n){background:#f08200; margin-left:10px;}	

        .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(../images/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: #6c151c;
            color: #fff;
            height: 53px;
            width: 230px;
            padding:9px 0 0;
            float: left;
        }
        
        .client-2 .my-kefu-main {
            background: #6c151c;
            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;
        }
    
/*case*/
.case{padding:18px 0 0;}
.case_t{margin:30px 0;height: 120px;}
.case_t li{float: left;width: 146px;height: 120px;border-left:1px solid #d2d1d0; text-align: center;}
.case_t li:first-child{border-left: none;}
.case_t li i{display:block;font-size: 56px;color: #000;line-height: 56px;text-transform: uppercase;padding:10px 0;}
.case_t li span{display:block;font-size: 18px;color: #000;line-height:18px;}
.case_t li.cur i,.case_t li.cur span{color: #6c151c;}
.case_con dl{height: 374px;background: #f3f3f3;}
.case_con dt img{display:block;width: 749px;height: 374px;}
.case_con dd{float: right;width: 340px;margin-right: 60px;margin-top: 48px;}
.case_con dd h3{font-size: 28px;line-height: 28px;height: 55px;border-bottom:1px solid #1f1715;font-weight:normal;margin-bottom: 20px;}
.case_con dd p{font-size: 16px;color: #1f1715;line-height: 26px;}
.case_con dd .more{display:inline-block;height: 28px;line-height: 28px;padding-left: 38px;font-size: 16px;color: #1f1715;font-weight:bold;background:url(../images/jia.png) no-repeat;margin-top: 32px;}
.case_ct{position: relative;}
.case_ct .pageState{position: absolute;height:30px;line-height: 30px;font-size: 20px;font-weight:bold;color: #1f1715;bottom: 26px;right: 335px;z-index: 10;}
.case_ct .pageState span{font-size: 30px;}
.coop{margin-top: 36px;position: relative;}
.coop li{float: left;width: 182px;height: 102px;border:1px solid #d7d7d7;margin-right: 19px;overflow: hidden;}
.coop li img{width: 182px;height: 102px;transition:all 0.5s;}
.coop li:hover{border-color: #6c151c;}
.coop li:hover img{transform:scale(1.05);}
.coop .sprev{position: absolute;top: 30px;left: -50px;z-index: 10;}
.coop .snext{position: absolute;top: 30px;right: -50px;z-index: 10;}

/*实力践行*/
.shi_bg{background:url(../images/yin_bg.jpg) no-repeat center 0;height: 610px;margin-top: -74px;padding: 128px 0 0;}
.yin_t{font-size: 40px;color: #333;text-align: center;position: relative;height: 90px;line-height: 42px;}
.yin_t:before{content: "";width: 18px;height: 1px;background: #000;position: absolute;top: 24px;left: 33%;}
.yin_t:after{content: "";width: 18px;height: 1px;background: #000;position: absolute;top: 24px;right: 33%;}
.yin_t a{color: #333;}
.yin_t span{display: block;font-size: 20px;font-weight: normal;}
.shi .shi_ul01{display: block;padding: 20px 0 0;height: 140px;}
.shi .shi_ul01 li{font-size: 16px;color: #666;height: 45px;line-height: 45px;overflow: hidden;background:url(../images/yin_ico07.png) no-repeat 20px 18px;width: 350px;float: left;padding: 0 0 0 50px;}


.ibrand-num li{float:left;width:245px;height:197px;position:relative;text-align:center;background:url(../images/iserve_bg.png) no-repeat;padding: 85px 0 0;font-weight: bold;margin-left: 73px;color: #2a2a36;}
.ibrand-num li:after{content:'';position:absolute;width:100px;height:30px;background:url(../images/iserve_shadow.png);bottom:-30px;left:50%;margin-left:-60px;}
.ibrand-num li:first-child{margin-left:0;}
.ibrand-num li span{font-size: 60px;font-family: "Impact";line-height: 66px;}
.ibrand-num li b{display:block;font-size: 18px; padding:5px 0 0;}
.ibrand-num li.shi_li02{background:url(../images/iserve_bg.png) no-repeat 0 -282px;}
.ibrand-num li.shi_li02 i{color: #000;}
.ibrand-num li:nth-child(4n){ margin-left: 59px;}
