/*基本样式*/
html,body,div,ul,ol,li,dl,dt,dd,h1,h2,h3,h4,h5,h6,p,img,span,i,a,em,strong,b,input,textarea { margin:0; padding:0; }
/*html, body{ height:100%;}
body {  font-size:12px; color:#000;background:#fff;}
*/
li { list-style:none; }
a,img,input { border:0 none; }
/*
a { text-decoration:none; outline:none;color: #000 }
a:hover { text-decoration:none; }
*/
a:focus,input:focus { outline:0 none;}
.fl{display: block;float: left;}
.fr{display: block;float: right;}
@font-face {
    font-family: robo;
    src: url('../fonts/ROBOTOCONDENSED-REGULAR.TTF'),
    url('../fonts/ROBOTOCONDENSED-REGULAR.TTF'); /* IE9+ */
}

/*头部样式*/
.head{
    width: 1200px;
    height: 135px;
    margin:0 auto;
    font-family: robo,Roboto;
}
.logo{
    margin: 54px 0 0 30px;
}
.head_r{
    /*margin: 46px 0 0 131px;*/
    margin: 46px 50px 0 0;
    float: right;
}
#search{
    position: relative;
}
#search input{
    width: 194px;
    height: 34px;
    line-height: 34px;
    padding:0 0 0 16px;
    color: #b6b6b6;
    border: 1px solid #e8e8e8;
    border-radius: 25px;
    margin-bottom: 0;
}
#search span{
    display: block;
    width: 36px;
    height: 36px;
    border-radius: 50%;
    text-align: center;
    background-color: #3b3b3b;
    position: absolute;
    top:0;
    right: 0;
    cursor: pointer;
}
#search span:hover{
    background-color: #f65e13;
}
#search span i{
    color: #fff;
    font-size: 16px;
    line-height: 36px;
}
.join{
    margin: 10px 0 0 38px;
}
.join ul li{
    float: left;
    color: #f65e13;
    height: 24px;
    line-height: 22px;
    font-size: 13px;
    font-weight: bold;
    padding: 0 16px;
    position: relative;
}
.join ul li:after{
    content: '';
    height: 12px;
    position: absolute;
    right: 0;
    top:20%;
    border-right: 1px solid #9f9fa0;
}
.join ul li ul li{
    border: none;
    padding: 0 ;
    margin: 0 4px;
}
.join ul li ul li:after{
    border: none;
}

/*选择框*/
.language{
    margin-top: 4px;
}
.language span.la{
    color: #f65e13;
    height: 24px;
    font-size: 13px;
    font-weight: bold;
    padding: 0 5px 0 10px;
}
.select2-container{
    width: 135px!important;
}
/*导航样式*/
.nav{
    width: 100%;
    height: 55px;
    background-color: #3d3d3d;
    font-family: robo,Roboto;
}
.menu{
    width: 1160px;
    margin: 0 auto;
}
.menu ul li{
    float: left;
    position: relative;
}
.menu ul .select_this a.home{
    background: #f65e13 url("../images/home.png")no-repeat 15px center;
}
.menu ul .select_this a,.menu ul li:hover a{
    background-color: #f65e13;
    border-bottom: 0.15em solid #fff;
}
.menu ul .select_this .li_c a,.menu ul .select_this .li_m a{
    background-color: #3d3d3d;
}
.menu ul li a{
    display: block;
    color: #fff;
    font-size: 16px;
    line-height: 53px;
    padding: 0 21px;
    text-transform: capitalize;
}
.menu ul li a.home{
    padding-left: 40px;
    background: url("../images/home.png")no-repeat 10px center;
}
.menu ul li .li_c,.menu ul li .li_m{
    display: none;
    position: absolute;
    z-index: 10;
}
.menu ul li:hover .li_c{
    display: block;
}
.menu ul li ul li:hover .li_m{
    display: block;
}
.menu ul li .li_c li:hover a,.menu ul li .li_c li .li_m li:hover a{
    background-color: #f65e13;
}
.li_c li,.li_m li{
    float: left;
}
.menu ul li .li_c li a,.menu ul li .li_c li .li_m li a{
    background-color: #3d3d3d;
    font-size: 14px;
    height: 40px;
    line-height: 40px;
    width: 125px;
}
.menu ul li .li_c li{
    position: relative;
}
.menu ul li .li_c li .li_m{
    left: 167px;
    top:0;
}
.menu ul li .li_c li .li_m li a{
    width: 158px;
}
/* 轮播css */
.slideBox{
    width:100%;
    margin:0 auto;
    overflow:hidden;
    position:relative;
}
.slideBox .bd{
    position:relative;
    height:100%;
    z-index:0;
}
.slideBox .bd li{
    zoom:1;
    vertical-align:middle;
}
.slideBox .bd img{
    width:100%;
    height:100%;
    display:block;
}
.slideBox .prev, .slideBox .next{
    position:absolute;
    left:3%;
    top:50%;
    margin-top:-25px;
    display:block;
    width:32px;
    height:40px;
    filter:alpha(opacity=50);opacity:0.5;
}
.slideBox .next{
    left:auto;
    right:3%;
    background-position:8px 5px;
}
.slideBox .prev:hover, .slideBox .next:hover{
    filter:alpha(opacity=100);
    opacity:1;
    cursor: pointer;
}

/*关于我们*/
.about{
    height: 1338px;
    background-color: #cccccc;
    font-family: robo,Roboto;
}
.content{
    width: 1160px;
    height: 100%;
    margin: 0 auto;
    padding-top: 1px;
}
h2.title {
    font-size: 29px;
    color: #3d3d3d;
    position: relative;
    text-align: center;
    font-weight: normal;
    line-height: 1.1;
    margin-top: 96px;
    font-family: robo;
}
h2.title:before, h2.title:after {
    content: '';
    position: absolute;
    top: 52%;
    background: #3d3d3d;
    width: 14%;
    height: 1px;
    font-weight: normal;
    font-size: 16px;
}
h2.title:before{
    left: 25%;
}
h2.title:after {
    right: 25%;
}
.about .row_box div{
    float: left;
    margin-bottom: 13px;
    /*animation-delay:1.5s;*/
    /*-webkit-animation-delay:1.5s;*/
}
.about .row_box{
    margin: 50px auto 0 auto;
    position: relative;
}
.pic img{
    border: 1px solid #67686d;
    padding: 6px 9px;
}
.about .row_box div h4{
    font-size: 22px;
    color: #f45a40;
    font-weight: normal;
}
.about .row_box div p{
    color: #fff;
    font-size: 14px;
    margin: 15px 0 18px 0;
    font-family: "Open Sans";
}
.about .row_box .txt_1,.about .row_box .txt_2,.about .row_box .txt_3,.about .row_box .txt_4{
    background-color:#67686d ;
    padding: 42px 20px;
    margin: 0 8px 13px 8px;
}
.about .row_box .txt_1{
    width: 146px;
    height: 278px;
}
.about .row_box .txt_2{
    width: 201px;
    height: 279px;
    margin-left: 0;
}
.about .row_box .txt_3{
    width: 349px;
    height: 232px;
    margin-right: 0;
}
.about .row_box .txt_4{
    width: 277px;
    height: 283px;
}
.about .row_box .pic_5{
    position: absolute;
    right: 0;
    top: 702px;
}

/*版本样式*/
.collection{
    height: 1492px;
    font-family: robo,Roboto;
}
.collection h2.title:before{
    left: 18%;
}
.collection h2.title:after {
    right: 18%;
}
.co_box{
    margin: 82px auto 0 auto;
}
.co_box ul li{
    width: 374px;
    height: 310px;
    float: left;
    margin: 0 0 86px 10px;
}
/*四边形*/
.quadrilateral{
    border-bottom: 22px solid #656d78;
    border-right: 32px solid transparent;
    width: 170px;
    position: relative;
}
.quadrilateral img{
    position: absolute;
    top:2px;
    left: 10px;
}
.coll_detail a{
    display: block;
}
.coll_pic{
    width: 352px;
    height: 204px;
    border: 6px solid #656d78;
    box-shadow: 6px 7px 6px #e3e3e3;;
}
.coll_text{
    width: 330px;
    margin: 18px auto 0 auto;
    height: 36px;
    border-bottom: 1px solid #989ea5;
    position: relative;
}
.coll_text a{
    display: block;
    padding: 0 5px 0 15px;
}
.coll_text h3{
    font-size: 24px;
    color: #656d78;
    font-family: "Myriad Pro";
    font-weight: normal;
    display: inline-block;
}
.coll_text h3:hover{
    color: #f65e13;
}
.coll_text p{
    font-size: 13px;
    color: #4e5860;
    font-family: "Open Sans";
    display: inline-block;
    margin-left: 8px;
}
.coll_text p.fr{
    position: absolute;
    top:-5px;
}
.learn{
    width: 164px;
    clear: both;
    text-align: center;
    margin-right: 35px;
}
.learn a{
    font-size: 16px;
    color: #fff;
    display: block;
    padding: 15px 10px;
    border-radius: 3px;
    background-color: #f65e13;
    transition: all 1s;
}
.learn a:hover {
    opacity: 0.8;
}
/*************按钮************/
.ui-box {
    text-decoration: none;
    border: none;
    font-family: 'Roboto', sans-serif;
    font-size: 14px;
    position: relative;
    vertical-align: baseline;
    padding: 10px;
}
.forwardBorderTrain:before,.forwardBorderTrain:after,.forwardBorderTrain>.ui-border-element:before,.forwardBorderTrain>.ui-border-element:after{content:'';position:absolute}
.forwardBorderTrain:before{border-top:2px solid #989ea5;left:0;right:100%;top:0;-webkit-transition-property:all;-moz-transition-property:all;-o-transition-property:all;transition-property:all;-webkit-transition-timing-function:cubic-bezier(0, 0.98, 0.51, 0.93);-moz-transition-timing-function:cubic-bezier(0, 0.98, 0.51, 0.93);-o-transition-timing-function:cubic-bezier(0, 0.98, 0.51, 0.93);transition-timing-function:cubic-bezier(0, 0.98, 0.51, 0.93);-webkit-transition-duration:200ms;-moz-transition-duration:200ms;-o-transition-duration:200ms;transition-duration:200ms;-webkit-transition-delay:0s;-moz-transition-delay:0s;-o-transition-delay:0s;transition-delay:0s}
.forwardBorderTrain:hover:before{right:0%}
.forwardBorderTrain:not(:hover):before{-webkit-transition-delay:0s;-moz-transition-delay:0s;-o-transition-delay:0s;transition-delay:0s}
.forwardBorderTrain:before,.forwardBorderTrain:after,.forwardBorderTrain>.ui-border-element:before,.forwardBorderTrain>.ui-border-element:after{content:'';position:absolute}
.forwardBorderTrain .ui-border-element:after{border-right:2px solid #989ea5;top:0;bottom:100%;right:0;-webkit-transition-property:all;-moz-transition-property:all;-o-transition-property:all;transition-property:all;-webkit-transition-timing-function:cubic-bezier(0, 0.98, 0.51, 0.93);-moz-transition-timing-function:cubic-bezier(0, 0.98, 0.51, 0.93);-o-transition-timing-function:cubic-bezier(0, 0.98, 0.51, 0.93);transition-timing-function:cubic-bezier(0, 0.98, 0.51, 0.93);-webkit-transition-duration:200ms;-moz-transition-duration:200ms;-o-transition-duration:200ms;transition-duration:200ms;-webkit-transition-delay:0s;-moz-transition-delay:0s;-o-transition-delay:0s;transition-delay:0s}
.forwardBorderTrain:hover .ui-border-element:after{bottom:0%}
.forwardBorderTrain:not(:hover) .ui-border-element:after{-webkit-transition-delay:0s;-moz-transition-delay:0s;-o-transition-delay:0s;transition-delay:0s}
.forwardBorderTrain:before,.forwardBorderTrain:after,.forwardBorderTrain>.ui-border-element:before,.forwardBorderTrain>.ui-border-element:after{content:'';position:absolute}
.forwardBorderTrain:after{border-bottom:2px solid #989ea5;left:100%;right:0;bottom:0;-webkit-transition-property:all;-moz-transition-property:all;-o-transition-property:all;transition-property:all;-webkit-transition-timing-function:cubic-bezier(0, 0.98, 0.51, 0.93);-moz-transition-timing-function:cubic-bezier(0, 0.98, 0.51, 0.93);-o-transition-timing-function:cubic-bezier(0, 0.98, 0.51, 0.93);transition-timing-function:cubic-bezier(0, 0.98, 0.51, 0.93);-webkit-transition-duration:200ms;-moz-transition-duration:200ms;-o-transition-duration:200ms;transition-duration:200ms;-webkit-transition-delay:0s;-moz-transition-delay:0s;-o-transition-delay:0s;transition-delay:0s}
.forwardBorderTrain:hover:after{left:0%}
.forwardBorderTrain:not(:hover):after{-webkit-transition-delay:0s;-moz-transition-delay:0s;-o-transition-delay:0s;transition-delay:0s}.forwardBorderTrain:before,.forwardBorderTrain:after,.forwardBorderTrain>.ui-border-element:before,.forwardBorderTrain>.ui-border-element:after{content:'';position:absolute}
.forwardBorderTrain .ui-border-element:before{border-left:2px solid #989ea5;top:100%;bottom:0;left:0;-webkit-transition-property:all;-moz-transition-property:all;-o-transition-property:all;transition-property:all;-webkit-transition-timing-function:cubic-bezier(0, 0.98, 0.51, 0.93);-moz-transition-timing-function:cubic-bezier(0, 0.98, 0.51, 0.93);-o-transition-timing-function:cubic-bezier(0, 0.98, 0.51, 0.93);transition-timing-function:cubic-bezier(0, 0.98, 0.51, 0.93);-webkit-transition-duration:200ms;-moz-transition-duration:200ms;-o-transition-duration:200ms;transition-duration:200ms;-webkit-transition-delay:0s;-moz-transition-delay:0s;-o-transition-delay:0s;transition-delay:0s}
.forwardBorderTrain:hover .ui-border-element:before{top:0%}
.forwardBorderTrain:not(:hover) .ui-border-element:before{-webkit-transition-delay:0s;-moz-transition-delay:0s;-o-transition-delay:0s;transition-delay:0s}


/*产品样式*/
.products{
    height: 1658px;
    background-color: #282828;
    font-family: robo,Roboto;
}
.products h2.title{
    color: #fff;
}
.products h2.title:before,.products h2.title:after{
    background: #fff;
}
.products h2.title:before{
    left: 24%;
}
.products h2.title:after {
    right: 24%;
}
.pr_box{
    margin: 68px auto 0 auto;
}
.pr_box ul li{
    width: 344px;
    height: 390px;
    float: left;
    margin:0 21px 37px;
}
.pr_box ul li a{
    display: block;
    color: #fff;
    font-family: robo;
    font-size: 20px;
    text-align: center;
}
.pr_box ul li a img{
    width: 342px;
    height: 346px;
    border: 1px solid #5b5c5f;
}
.pr_box ul li a p{
    margin-top: 5px;
}
.pr_box ul li a p:hover{
    color: #f65e13;
}
.products .learn{
    margin-top: 40px;
}

/*客户来访样式*/
.cases{
    width: 100%;
    height: 1156px;
    position: relative;
}
.cases .case_bg{
    width: 100%;
    height: 1156px;
    position: absolute;
    z-index: -1;
}
.cases .case_bg img{
    width: 100%;
    height: 100%;
    display: block;
}
.case_box{
    margin: 106px auto 0 auto;
}
.case_box ul li{
    float: left;
    width: 290px;
    height: 270px;
    background-color: #cccccc;
}
.case_box ul li a{
    display: block;
}
.case_box ul li a img{
    height: auto;
    width: auto;
    max-width: 100%;
    vertical-align: middle;
}
.case_txt{
    padding: 50px 46px 0 46px;
}
.case_txt h4{
    font-family: robo;
    font-size: 22px;
    display: inline-block;
    padding-right: 5px;
    padding-bottom: 5px;
    color: #393b40;
    font-weight: normal;
    border-bottom: 1px solid #f65e13;
}
.case_txt p{
    margin-top: 20px;
    font-size: 14px;
    color: #393b40;
    font-family: "Open Sans";
}
.case_txt h4:hover,.case_txt p:hover{
    color: #f65e13d9;
}

/*底部区域*/
.footer{
    height: 424px;
    clear: both;
    background-color: #393b40;
    font-family: robo,Roboto;
}
.info_box ul li{
    float: left;
    padding: 20px 10px;
    margin: 30px 29px;
}
.info_box ul li:nth-child(3){
    padding-bottom: 0;
    margin-bottom: 0;
}
.info_box ul li .info_text li{
    float: none;
    padding: 0;
    margin: 0;
    margin-bottom: 15px;
}
.info_text2{
    width: 290px;
    padding: 0;
}
.info_box ul li h4{
    font-size: 16px;
    color: #fff;
    font-family: robo;
    font-weight: normal;
    margin-bottom: 28px;
}
.info_box ul li,.info_text li a{
    color: #c6cacb;
    font-size: 13px;
    font-family: "Open Sans";
}
.info_text li a:hover{
    color: #f65e13;
}
.info_box ul li i{
    margin-right: 5px;
}
.info_text2 .learn{
    width: 89px;
    height: 30px;
    margin-right: 0;
    margin-top: 10px;
}
.info_text2 .learn a{
    padding: 0;
    width: 89px;
    height: 30px;
    line-height: 30px;
    font-size: 13px;
    font-family: "Open Sans";
}
.info_text2 .learn a:hover{
    opacity: 0.8;
}
.message_sty {
    width: 100%;
    margin-top: 18px;
}
.message_sty label {
    display: block;
    margin: 0;
}
.message_sty input[type="text"], .message_sty input[type="email"], .message_sty textarea {
    border: 1px solid #999;
    font-family: "Open Sans";
    height: 15px;
    margin-top: 5px;
    outline: 0 none;
    padding: 3px 3px 3px 5px;
    width: 96%;
    font-size: 10px;
    margin-bottom: 0;
    color: #c6cacb;
   background-color: #393b40;
}
.message_sty textarea {
    height: 66px;
    padding: 5px 3px 3px 5px;
    overflow-x: hidden;
    overflow-y: hidden;
}
input::-webkit-input-placeholder, textarea::-webkit-input-placeholder {
    color: #c6cacb;
}
　　input:-moz-placeholder, textarea:-moz-placeholder {
    color:#c6cacb;
}
　　input::-moz-placeholder, textarea::-moz-placeholder {
    color:#c6cacb;
}
　　input:-ms-input-placeholder, textarea:-ms-input-placeholder {
   color:#c6cacb;
}

/*底部版权区*/
.join_us{
    height: 107px;
    width: 100%;
    clear: both;
    background-color: #25292b;
    font-family: robo,Roboto;
}
.center_box{
    width: 1026px;
    height: 43px;
    margin: 26px auto 10px auto;
}
.center_box p{
    color: #f65e13;
    height: 24px;
    line-height: 22px;
    font-size: 13px;
    font-weight: bold;
    padding: 0 16px;
    float: left;
}
.footer-info{
    float: left;
    margin-left: 25px;
}
.footer-info ul li {
    float: left;
    margin-right: 5px;
}
.footer-info ul li a {
    width: 20px;
    height: 20px;
    color: #c6cacb;
    display: block;
    font-size: 13px;
    line-height: 22px;
    text-align: center;
    border: 0.1em solid #969696;
    border-radius: 50%;
}
.footer-info ul li a:hover{
    color: #f65e13;
    border-color: #f65e13;
}
.center_box .link_box{
    margin-left: 25px;
    margin-top: 2px;
}
.center_box .link_box ul li{
    float: left;
    margin: 0 10px 0 0;
}
.center_box .link_box ul li:before {
    content: "";
    display: block;
    float: left;
    width: 3px;
    height: 3px;
    margin: 8px 8px 0 0;
    background-color: #969696;
    border-radius: 50%;
}
.center_box .link_box ul li:first-child:before{
    display: none;
}
.center_box .link_box ul li a{
    font-size: 13px;
    color: #969696;
    font-family: robo;
}
.center_box .link_box ul li a:hover{
    color: #f65e13;
}
.copyright {
    text-align: center;
    color: #969696;
    border-top: 1px solid #fff;
    padding: 4px 0 0 0;
}
/*置顶*/
.to_top {
    position: fixed;
    width: 40px;
    height: 40px;
    background-color: #3b4a58;
    right: 120px;
    bottom: 34px;
    display: none;
    z-index: 100;
    border-radius: 5px;
    cursor: pointer;
    text-align: center;
    line-height: 40px;
}
.to_top:hover{
    opacity: 0.7;
}

/*地址栏下载按钮*/
.icon_download{
    position: absolute;
    right: 0;
    top: -6px;
}
.icon_download a{
    display: inline-block;
    width: 113px;
    margin-right: 6px;
}
.icon_download a img{
    height: auto;
    width: auto;
    max-width: 100%;
    vertical-align: middle;
}

/*视频左右按钮*/
.a_icon a{
    display: block;
    text-align: center;
    width: 104px;
    height: 39px;
    line-height: 39px;
    font-size: 17px;
    font-family: "Open Sans";
    color: #fff;
    border-radius: 3px;
    background-color: #f65e13;
    margin: 20px 60px;
}
.a_icon a:hover{
    opacity: 0.75;
}
/*多组视频样式*/
.picScroll-left{
    width:818px;
    margin: 0 auto;
    overflow:hidden;
    position:relative;
}
.picScroll-left .prev,.picScroll-left .next{
    display:block;
    float:left;
    margin-top: 42px;
    overflow:hidden;
    cursor:pointer;
}
.picScroll-left .next{
    float: right;
}
.picScroll-left .bd{
    padding: 12px 48px;
    float: left;
}
.picScroll-left .bd ul{
    height: 119px;
    overflow:hidden;
    zoom:1;
}
.picScroll-left .bd ul li{
    margin:0 8px;
    float:left;
    _display:inline;
    overflow:hidden;
    text-align:center;
}
.picScroll-left .bd ul li .pic img{
    width:186px;
    height:106px;
    display:block;
    border:1px solid #bfbfbf;
}
.picScroll-left .bd ul li a:hover img{
    border-color:#fe512f;
}
.picScroll-left .bd ul li a{
    position: relative;
    display: block;
}
.picScroll-left .bd ul li a i{
    position: absolute;
    color: #cac8c8db;
    font-size: 38px;
    top: 39px;
    left: 44%;
}
.picScroll-left .bd ul li a:hover i{
    color: #f65e13ad;
}
/*多组视频按钮*/
.button {
    color: #666;
    background-color: #EEE;
    border-color: #EEE;
    font-weight: 300;
    font-size: 16px;
    font-family: "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif;
    text-decoration: none;
    text-align: center;
    line-height: 35px;
    height: 35px;
    padding: 0 40px;
    margin: 0;
    display: inline-block;
    appearance: none;
    cursor: pointer;
    border: none;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-transition-property: all;
    transition-property: all;
    -webkit-transition-duration: .3s;
    transition-duration: .3s;

}
.button-raised {
    border-color: #e1e1e1;
    border-style: solid;
    border-width: 1px;
    border-radius: 200px;
    background: -webkit-gradient(linear, left top, left bottom, from(#f6f6f6), to(#e1e1e1));
    background: linear-gradient(#f6f6f6, #e1e1e1);
    -webkit-box-shadow: inset 0px 1px 0px rgba(255, 255, 255, 0.3), 0 1px 2px rgba(0, 0, 0, 0.15);
    box-shadow: inset 0px 1px 0px rgba(255, 255, 255, 0.3), 0 1px 2px rgba(0, 0, 0, 0.15);
}
.button-raised.button-caution {
    border-color: #ff6f16;
    background: -webkit-gradient(linear, left top, left bottom, from(#ff873a), to(#ff6f16));
    background: linear-gradient(#ff873a, #ff6f16);
}
.button-raised.button-primary {
    border-color: #088ef0;
    background: -webkit-gradient(linear, left top, left bottom, from(#34a5f8), to(#088ef0));
    background: linear-gradient(#34a5f8, #088ef0);
}
.catalog_img{
    width: 250px;
    height: 250px;
}
.catalog{
    margin-top: 30px;
    width: 100%;
}
.catalog ul li{
    clear: both;
}
.catalog_img{
    float: left;
}
.catalog_img img{
    width: 100%;
    height: 100%;
    vertical-align: middle;
    margin-bottom: 6px;
}
.catalog_img a{
    display: block;
    text-align: center;
}
.catalog_info{
    float: left;
    margin-left: 20px;
    margin-top: 50px;
}
.catalog_info a{
    display: block;
    color: #fff;
    margin: 16px 0;
}