@charset "UTF-8";
@import url("/themes/pc/style/reset.css");
    html, body {
        min-width: 1200px; 
    }
	ul li{list-style:none}
    .container{
        width: 1200px;
        margin:0 auto;
    }
    .functions .functions_box, .vehicle .vehicle_box,.reason .reason_box{
      width: 1200px;
      margin: 30px auto 0; 
    }
    /*页面头部*/
    .header{
      width: 100%
    }
    /*页面top*/
    .header .top{
        height: 45px;
        width:100%;
        background-color:#cc2626;
        color:#fff;
    }
    .top .info{
        float: left;
        font-size:14px;
    }
    .top .contact{
        float:right;
    }
    .top .contact ul li{
        margin-left:20px;
        text-align: center;
        float: left;
    }
    .top .contact ul li:first-child{
        background-color:#fff;
        height: 45px;
        font-size: 14px;
        width: 106px;
        line-height: 45px;     
    }
    .top .contact ul li:last-child{
        background: url(/themes/pc/images/phone.gif) no-repeat;
        padding-left:44px;
        height: 45px;
    }
    .top .contact ul li a{
        color:red
    }
    /*页面导航*/
    .nav {
        height: 104px;
        width:100%;
    }
    .nav .container .logo{
        float: left;
        height: 104px;
        width:344px;  
    }
    .nav .container .logo img{
        float: left;
        display: block;
        width:110px;
        height: 78px;
        margin-top:15px;
    }
    .nav .container .logo .separator{
        height: 50px;
        width:2px;
        background-color: #ccc;
        display: block;
        float: left;
        margin:25px 20px
    }
    .nav .container .logo h1{
        float: left;
        color: #d4002e;
        line-height: 104px;
        height: 104px;
        margin-right: 64px;
    }
    .nav .container .navlink{
        width:856;
        height: 104px;
    }
    .nav .container .navlink ul li{
        float: left;
        width: 80px;
        height: 50px;
        text-align: center;
        line-height: 50px;
        margin-right: 20px;
        margin-top:40px;
    }
    .nav .container .navlink ul li a{
        color:#000;
    }
    .nav .container .navlink ul li a:hover{
        color:red
    }

    /*页面banner*/
    .banner{
        background: url("/themes/pc/images/oil_banner.jpg") no-repeat;
        background-size:cover;
        background-position:center;
        background-size:cover;
        -moz-background-size:cover;
        -webkit-background-size:cover;
        -o-background-size:cover;
        -ms-background-size:cover;
        padding-top:29%; /* 558  1920  高除以宽*/ 
    }

    /*主要功能*/
    .functions {
        width: 100%;
        position: relative;
        margin-bottom: 30px;
    }
    .functions:after {
        content: '';
        position: absolute;
        height: 1px;
        width: 100%;
        background-color: #dddddd;
        left: 0;
        top: 54px;
    }
    .functions .titile {
        width: 100%;
        text-align: center; 
    }
    .functions .titile h3 {
        font-size: 34px;
        font-weight: bold;
        color: #ea2e2e;
        margin-bottom: 10px;
        position: relative; 
    }
    .functions .titile h3:after {
        content: '';
        position: absolute;
        width: 140px;
        height: 6px;
        background: #a1a9b3;
        bottom: -13px;
        left: 50%;
        -webkit-transform: translate3d(-50%, 0, 0);
        -moz-transform: translate3d(-50%, 0, 0);
        -ms-transform: translate3d(-50%, 0, 0);
        -o-transform: translate3d(-50%, 0, 0);
        transform: translate3d(-50%, 0, 0);
        z-index: 2; 
    }
    .functions .titile h3 i {
        font-style: normal;
        display: inline-block;
        width: 10px;
        height: 10px;
        vertical-align: middle;
        -webkit-border-radius: 100%;
        -moz-border-radius: 100%;
        border-radius: 100%;
        background: #a1a9b3;
        margin: 0 5px;
    }
    .functions .titile h4 {
        display: inline-block;
        text-transform: uppercase;
        font-size: 22px;
        color: #777777;
        margin-top: 10px;
    }
    .functions .functions_contener {
        width: 100%;
    }
    .functions .items {
        width: 100%; 
    }
    .functions .items li {
        width: 33.3333333333%;
        float: left;
        padding: 15px;
    }
    .functions .items .item {
        background-color: #eeeeee;
        padding: 10px;
        min-height: 172px;
        position: relative;
        -webkit-transition: all 0.5s;
        -moz-transition: all 0.5s;
        -ms-transition: all 0.5s;
        -o-transition: all 0.5s;
        transition: all 0.5s;
     }
    .functions .items .item:hover {
        -webkit-transition: all 0.5s;
        -moz-transition: all 0.5s;
        -ms-transition: all 0.5s;
        -o-transition: all 0.5s;
        transition: all 0.5s;
        background-color: #ea2e2e;
        color: white; 
    }
    .functions .items .item:hover .item_title {
        -webkit-transition: all 0.5s;
        -moz-transition: all 0.5s;
        -ms-transition: all 0.5s;
        -o-transition: all 0.5s;
        transition: all 0.5s;
        border-bottom: 1px solid #fff; 
    }
    .functions .items .item:hover .item_title span {
        -webkit-transition: all 0.5s;
        -moz-transition: all 0.5s;
        -ms-transition: all 0.5s;
        -o-transition: all 0.5s;
        transition: all 0.5s;
        border-bottom: 3px solid #fff;
        color: white; 
    }
    /* .functions .items .item:hover .yxj img {
        filter: alpha(opacity=80);
        opacity: .8; 
    } */
    .functions .items .item:hover .item_centent dl {
        -webkit-transition: all 0.5s;
        -moz-transition: all 0.5s;
        -ms-transition: all 0.5s;
        -o-transition: all 0.5s;
        transition: all 0.5s;
        color: white; 
    }
    .functions .items .item_title {
        -webkit-transition: all 0.5s;
        -moz-transition: all 0.5s;
        -ms-transition: all 0.5s;
        -o-transition: all 0.5s;
        transition: all 0.5s;
        border-bottom: 1px solid #d4d4d4;
    }
    .functions .items .item_title span {
        -webkit-transition: all 0.5s;
        -moz-transition: all 0.5s;
        -ms-transition: all 0.5s;
        -o-transition: all 0.5s;
        transition: all 0.5s;
        display: inline-block;
        font-weight: bold;
        font-size: 18px;
        color: #333333;
        border-bottom: 3px solid #ea2e2e;
        padding: 0 0 8px 0;
      }
      .functions .items .item_title span i {
          font-style: normal;
          display: inline-block;
          margin-right: 5px;
          vertical-align: middle; 
          width: 22px;
          height: 22px;
          display: block;
          float: left; 
          margin-top:3px;  
      }
      .functions .items .item_title span i.jiankong{
          background:url(/themes/pc/images/jiankong1.png) no-repeat
      }
      .functions .items .item:hover .item_title span i.jiankong{
         background:url(/themes/pc/images/jiankong2.png) no-repeat
      }
      .functions .items .item_title span i.youhao{
          background:url(/themes/pc/images/oil_1.png) no-repeat
      }
      .functions .items .item:hover .item_title span i.youhao{
          background:url(/themes/pc/images/oil_2.png) no-repeat
      }
      .functions .items .item_title span i.baobiao{
          background:url(/themes/pc/images/baobiao_1.png) no-repeat
      }
      .functions .items .item:hover .item_title span i.baobiao{
          background:url(/themes/pc/images/baobiao_2.png) no-repeat
      }
      .functions .items .item_title span i.suicha{
          background:url(/themes/pc/images/suicha_1.png) no-repeat
      }
      .functions .items .item:hover .item_title span i.suicha{
          background:url(/themes/pc/images/suicha_2.png) no-repeat
      } 
      .functions .items .item_title span i.yewu{
          background:url(/themes/pc/images/yewu_1.png) no-repeat
      }
      .functions .items .item:hover .item_title span i.yewu{
          background:url(/themes/pc/images/yewu_2.png) no-repeat
      }
      .functions .items .item_title span i.tongji{
          background:url(/themes/pc/images/tongji_1.png) no-repeat
      }
      .functions .items .item:hover .item_title span i.tongji{
          background:url(/themes/pc/images/tongji_2.png) no-repeat
      }
      .functions .items .item_centent {
          margin-top: 10px; 
      }
      .functions .items .item_centent dl {
          line-height: 36px;
          color: #666666; 
      }
      .functions .items .item_centent dl dt {
          float: left;
          width: 40%; 
      }
      .functions .items .item_centent dl dd {
          width: 60%;
          float: left;
      }
      .functions .items .yxj {
          position: absolute;
          right: 5px;
          bottom: 5px; 
          height: 70px;
          width:70px;
      }
      /* .functions .items .yxj img {
          width: 70px;
          display: block; 
      } */
      .functions .item .jkbox {
        background: url(/themes/pc/images/jiankong_3.png) center no-repeat;
        background-size: 100% 100%;
      }
      .functions .item:hover .jkbox{
        background: url(/themes/pc/images/jiankong_4.png) center no-repeat;
        background-size: 100% 100%;
      }
      .functions .item .yhbox {
        background: url(/themes/pc/images/oil_3.png) center no-repeat;
      }
      .functions .item:hover .yhbox{
        background: url(/themes/pc/images/oil_4.png) center no-repeat;
      }
      .functions .item .bbbox {
        background: url(/themes/pc/images/baobiao_3.png) center no-repeat;
      }
      .functions .item:hover .bbbox{
        background: url(/themes/pc/images/baobiao_4.png) center no-repeat;
      }
      .functions .item .scbox {
        background: url(/themes/pc/images/suicha_3.png) center no-repeat;
      }
      .functions .item:hover .scbox{
        background: url(/themes/pc/images/suicha_4.png) center no-repeat;
      }
      .functions .item .ywbox {
        background: url(/themes/pc/images/yewu_3.png) center no-repeat;
      }
      .functions .item:hover .ywbox{
        background: url(/themes/pc/images/yewu_4.png) center no-repeat;
      }
      .functions .item .tjbox {
        background: url(/themes/pc/images/tongji_3.png) center no-repeat;
      }
      .functions .item:hover .tjbox{
        background: url(/themes/pc/images/tongji_4.png) center no-repeat;
      }


      /*车载终端*/
      .vehicle {
          width: 100%;
          background: url("/themes/pc/images/cz_banner.png") no-repeat;
          background-size:100% 100%; 
          -moz-background-size:100% 100%;
          -webkit-background-size:100% 100%;
          -o-background-size:100% 100%;
          -ms-background-size:100% 100%;
          padding: 15px 0;
          height: 723px;
          margin-bottom: 30px;
      }
      .vehicle .title {
          text-align: center;
          color: white;
          margin-top: 15px; 
      }
      .vehicle .title h3 {
          font-size: 34px;
          font-weight: bold;
          position: relative;
          background: url("/themes/pc/images/fst_tu.png") no-repeat center top; 
      }
      .vehicle .title h3:after {
          content: '';
          position: absolute;
          height: 100%;
          width: 100%;
          left: 0;
          bottom: -10px;
          background: url("/themes/pc/images/fx_ic.png") no-repeat center bottom; 
      }
      .vehicle .title h3 span {
          display: inline-block;
          padding: 10px 0;
      }
      .czzd_cent {
          width: 100%;
          margin: 30px 0 15px;
      }
      .czzd_cent .czzd_img {
          float: left;
          position: relative;
          width: 651px;
          height:504px ;
          background: url(/themes/pc/images/oimg_bg.png) no-repeat; 
      }
      .czzd_cent .czzd_img .chezai1{
          display: block;
          position: absolute;
          right:270px;
          top:60px;
      }
      .czzd_cent .czzd_img .chezai2{
          display: block;
          position: absolute;
          left:50px;
          top:245px;
      }
      .czzd_cent .czzd_img .chezai3{
          display: block;
          margin-top:220px;
          margin-left: 270px;
      }
      .czzd_cent .czzd_list {
        float: left;
        width: 549px; 
      }
      .czzd_cent .cent_boc {
          width: 100%;
          margin-right: -15px;
          box-sizing: border-box;
      }
      .czzd_cent .cent_boc li {
          float: left;
          width: 136px;
          height: 100px;
          margin: 50px 38px 23.5px 0;
          border: 1px solid white;
          -webkit-border-radius: 5px;
          -moz-border-radius: 5px;
          border-radius: 5px;
          padding: 5px; 
      }
      .czzd_cent .cent_boc .tabels {
          display: table;
          width: 100%;
          height: 100%; 
      }
      .czzd_cent .cent_boc .tabels .cell {
          display: table-cell;
          vertical-align: middle;
          text-align: center; 
      }
      .czzd_cent .cent_boc .tabels .cell .icon {
          margin-bottom: 10px; 
      }
      .czzd_cent .cent_boc .tabels .cell .icon img {
          width: 36px;
      }
      .czzd_cent .cent_boc .tabels .cell .text {
          font-size: 18px;
          color: white;
          font-weight: bold; 
      }
      .czzd_cent .cent_boc .tabels .cell .text span {
          display: inline-block;
          line-height: 1.2;
          font-size: 14px;
      }

      /*统计报表*/
      .tjbb {
          width: 100%; 
      }
      .tjbb .infos {
          margin: 30px 0;
          text-align: center;
          margin-top:80px;
          font-size: 24px;
          color: #777777; 
      }
      /*统计报表轮播图样式*/
      .pictjbb{ margin:0 auto;  width:100%;padding:5px;  position:relative;  overflow:hidden;  zoom:1;   }
      .pictjbb .hd{ width:100%; padding-top:5px;  overflow:hidden;margin: 0 auto}
      .pictjbb .hd ul{ margin-right:-5px;  overflow:hidden; zoom:1; text-align: center}
      .pictjbb .hd ul li{ padding-top:5px; display:inline;  text-align:center;width: 145px ; margin-right:40px;  }
      .pictjbb .hd ul li img{ width:145px; height:90px; border:2px solid #ddd; cursor:pointer;  }
      .pictjbb .hd ul li.on img{ border-color:#f03a3a;  }
      .pictjbb .bd li{ vertical-align:middle; }
      .pictjbb .bd img{  max-height:500px; display:block;margin:0 auto  }
      

      
      /*工程安装*/
      .engin {
        width: 100%;
      }
      .engin .infos {
        margin: 30px 0;
        text-align: center;
        margin-top:80px;
        font-size: 24px;
        color: #777777;
      }
      /*工程安装轮播图样式*/
      .picgcaz{ margin:0 auto;  width:100%;padding:5px;  position:relative;  overflow:hidden;  zoom:1;   }
      .picgcaz .hd{ width:100%; padding-top:5px;  overflow:hidden;margin: 0 auto}
      .picgcaz .hd ul{ margin-right:-5px;  overflow:hidden; zoom:1; text-align: center}
      .picgcaz .hd ul li{ padding-top:5px; display:inline;  text-align:center;width: 145px ; margin-right:40px;  }
      .picgcaz .hd ul li img{ width:145px; height:90px; border:2px solid #ddd; cursor:pointer;  }
      .picgcaz .hd ul li.on img{ border-color:#f03a3a;  }
      .picgcaz .bd li{ vertical-align:middle; }
      .picgcaz .bd img{ max-height:430px;max-width:1000px;background-size:100% 100%; display:block; margin:0 auto }

      /*工程安装2轮播图样式*/
      .picgcazbotm{ margin:0 auto;  width:100%;padding:5px;  position:relative;  overflow:hidden;  zoom:1;   }
      .picgcazbotm .hd{ width:100%; padding-top:5px;  overflow:hidden;margin: 0 auto}
      .picgcazbotm .hd ul{ margin-right:-5px;  overflow:hidden; zoom:1; text-align: center}
      .picgcazbotm .hd ul li{ padding-top:5px; display:inline;  text-align:center;width: 145px ; margin-right:5px;  }
      .picgcazbotm .hd ul li img{ width:125px; height:90px; border:2px solid #ddd; cursor:pointer;  }
      .picgcazbotm .hd ul li.on img{ border-color:#f03a3a;  }
      .picgcazbotm .bd li{ vertical-align:middle; }
      .picgcazbotm .bd img{  max-height:430px;max-width:1000px;background-size:100% 100%; display:block;margin:0 auto  }
     


      /*为什么选择辰宇*/
      .reason {
          width: 100%;
          background: url("/themes/pc/images/reason_banner.png") no-repeat;
          background-size:100% 100%; 
          -moz-background-size:100% 100%;
          -webkit-background-size:100% 100%;
          -o-background-size:100% 100%;
          -ms-background-size:100% 100%;
          padding: 15px 0;
          height: 500px;
          margin-bottom: 30px;
      }
      .reason .reason_box{
          height: 500px;
      }
      .reason .title {
          text-align: center;
          color: white;
          position: relative;
          margin-top: 15px; 
      }
      .reason .title img{
          float: left;
          display: block;
          position: absolute;
          left: 300px;
          top: 16px;
      }
      .reason .title .reason_text{
          font-size:30px;
          margin:0 5px;
          font-weight: bold;
      }
      .reason ul li{
          color:#fff;
          float: left;
          width:600px;
          height: 50px;
          margin-top:40px;
      }
      .reason ul li img{
          margin-right: 30px;
      }
      .reason .title h3 {
          display: inline-block;
          font-size: 34px;
          font-weight: bold;
          position: relative;
          background: url("../images/video/fst_tu.png") no-repeat center top;
      }
      .reason .title h3:after {
        content: '';
        position: absolute;
        height: 100%;
        width: 100%;
        left: 0;
        bottom: -10px;
        background: url("../images/video/fx_ic.png") no-repeat center bottom; 
      }
      .reason .title h3 span {
        display: inline-block;
        padding: 10px 0; 
      }

      /*客户案例*/
      .client {
          width: 100%;
          margin: 25px auto; 
      }
      .client .client-item {
          width: 100%; 
           margin:0 auto
      }
      .client .client-item li {
          width: 161px;
          float: left;
          margin:12px 39px;
          display: table;
          height: 92px;
          background-color: #fff;
          border: 1px solid #c1c1c1; 
      }
      .client .client-item li a {
          display: table-cell;
          vertical-align: middle;
          text-align: center; 
      }
      .client .client-item li a img {
          width: auto;
          max-width: 100%;
      }
          
      /*底部监控介绍*/
      .Video {
          width: 100%;
          margin-top: 30px;
          background: url("/themes/pc/images/Video_bg.png") no-repeat bottom center;
          background-size:100% 100%; 
          -moz-background-size:100% 100%;
          -webkit-background-size:100% 100%;
          -o-background-size:100% 100%;
          -ms-background-size:100% 100%;
          padding: 90px 0;
          border-bottom: 3px solid #cd2727; 
      }
      .Video .Video_box {
        width: 1200px;
        margin: 0 auto; }
      .Video .logo_red {
          width: 100%; 
          border-bottom: 1px solid #c4c4c4;
      }
      .Video .logo_red img {
          margin-bottom: 10px;
          float: left;
      }
      .Video .logo_red h3{
          font-weight: bold;
          font-size:24px;
          margin-left:64px;
          padding-top:3px;
      }
      .Video .logo_red p{
          clear: both;
          color: #898989;
          font-size:24px;
      }
      .Video .bis {
          width: 500px;
          margin-top: 20px;
      }
      .Video .bis p {
          font-size: 16px;
          line-height: 35px;
          color: #444; 
      }
       
      /*footer*/
      .footer .footer_top{
          width: 100%;
          background-color:#ef3e3e;
          height: 296px;
      }
      .footer_top .footer_box {
          width: 1200px;
          margin: 0 auto; 
          height: 296px;
      }
      .footer_top .footer_box .ftop_left{
          color:#fff;
          float: left;
          width:740px;
      }
      .footer_top .footer_box .ftop_left h1{
          font-size: 40px;
          margin:98px 0 72px 10px;
      }
      .footer_top .footer_box .ftop_left ul{
          height: 20px;
          margin-left:-10px;
      }
      .footer_top .footer_box .ftop_left ul li{
          float: left;
          width:80px;
          height: 20px;
          line-height: 20px;
          padding-left: 5px;
          border-right: 2px solid #fff;
      }
      .footer_top .footer_box .ftop_left ul li a{
          color:#fff;
          font-size:14px;
      }
      .footer_top .footer_box .ftop_right{
          color:#fff;
          float: right;
          width:460px;
          position: relative;
      }
      .footer_top .footer_box .ftop_right ul{
          margin:82px 0 0 60px;;
      }
      .footer_top .footer_box .ftop_right ul li:nth-child(2){
          font-size:32px;
          padding:5px 0;
      }
      .footer_top .footer_box .ftop_right .code_img{
          position: absolute;
          right:0;
          top:94px;
      }
          
      .footer .footer_middle{
          width: 100%;
          background-color:#f03a3a;
          height: 90px;
      }
      .footer_middle .footer_box {
          width: 1200px;
          margin: 0 auto; 
          text-align: center;
          padding-top:30px;
          height: 90px;
      }
      .footer_middle .footer_box p,.footer_middle .footer_box p a{
          color:#fff;
          font-size:14px;
      }
      .footer .footer_bottom{
          width: 100%;
          background-color:#ef3e3e;
          height: 34px;
      }
      .footer_bottom .footer_box {
          width: 1200px;
          margin: 0 auto; 
          color:#fff;
          font-size: 14px;
          padding-top:5px;
          text-align: center;
          height: 34px;
      }
      .footer_bottom .footer_box a{
          color:#fff;
      }
      .footer_bottom .footer_box input{
          width:104px;
      }
      .footer_bottom .footer_box input[type='button']{
          width:72px;
          cursor: pointer;
          margin-left:5px; 
      }
              
  
 
    .gywm{
	width: 100%;
	background: #f2f2f2;
	padding: 30px 0;
	height: auto;
	overflow: auto;
}
.gywm .container{
	width: 1200px;
	margin: 0 auto;
	font-size: 14px;
}
.gywm .container .zcpt{
	width: 50%;
	float: left;
}
.gywm .container .zcpt img{
	width: 100%;
}
.gywm .container .ycwz{
	width: 50%;
	float: left;
}
.gywm .container .ycwz .bjkz{
	padding: 30px;
}
.gywm .container .ycwz .bjkz .btwz{
	color: #666666;
	font-weight: bold;
	font-size: 30px;
	margin-bottom: 40px;
}
.gywm .container .ycwz .bjkz .wzjs{
	color: #666666;
}
.gywm .container .ycwz .bjkz .wzjs p{
	margin-bottom: 20px;
}

.gywm .container .ycwz .bjkz .gytz{
	width: 110px;
	font-size: 14px;
	display: block;
	line-height: 35px;
	color: #fff;
	text-align: center;
	background: #f13a3a;
}

.functions_box .ymsp{
	width: 990px;
	height: 560px;
	margin: 20px auto 30px;
}
.functions_box .ymsp video{
	width: 100%;
	height: 100%;
	background: #000000;
}