@charset "utf-8";
/* CSS Document */
/*banner*/
.index_banner{width: 100%;height: 450px;background:url(../img/index_banner.jpg) no-repeat center center;}
.index_banner_us{width: 100%;height: 450px;background:url(../img/banner_us.jpg) no-repeat center center;}
.index_banner_us h2{font-size: 50px;color: #ffffff;line-height: 100px;border-bottom: 1px #ffffff solid;width: 460px;text-align: center;padding-top: 110px;}
.index_banner_us p{font-size: 18px;color: #ffffff;line-height: 50px;margin-bottom: 40px;}
.index_banner_us a{color: #ffffff;border:1px solid #ffffff;padding: 8px 25px;font-size: 18px;}
.index_banner_us a:hover{background: #367bbe;border-color: #367bbe;}
/*标题*/
.line_title_en{font-family: Arial;color: #c7c7c7;font-size: 18px;text-align: center;line-height: 30px;margin-bottom: 10px;}
.line_title_ch{color: #8a8a8a;font-size:28px;text-align: center;line-height: 25px;padding-top: 40px;}
/*我们做什么*/
.what_we_do{ width: 100%;}
.what_we_do .clearfix{margin-bottom: 40px;margin-top: 45px;}
.what_we_do li{width: 174px;height: 238px;float: left;margin-bottom: 16px;}
.what_we_do li a{display: block;}
.what_we_do li.what_we_do_01,.what_we_do li.what_we_do_04{padding-left: 114px;}
.what_we_do li.what_we_do_02,.what_we_do li.what_we_do_05{padding: 0 125px;}
.what_we_do li.what_we_do_03,.what_we_do li.what_we_do_06{margin-right: 114px;}
.what_we_do li i{display: block;height: 200px;width: 174px;-o-transition:all .5s ease-in-out;-ms-transition:all .2s ease-in-out;-moz-transition:all .2s ease-in-out;-webkit-transition:all .2s ease-in-out;transition:all .2s ease-in-out;}
.what_we_do li.what_we_do_01 i{background:url(../img/bg_icon.png) no-repeat 0 -421px; }
.what_we_do li.what_we_do_02 i{background:url(../img/bg_icon.png) no-repeat -174px -421px; }
.what_we_do li.what_we_do_03 i{background:url(../img/bg_icon.png) no-repeat -348px -421px; }
.what_we_do li.what_we_do_04 i{background:url(../img/bg_icon.png) no-repeat 0 -821px; }
.what_we_do li.what_we_do_05 i{background:url(../img/bg_icon.png) no-repeat -174px -821px; }
.what_we_do li.what_we_do_06 i{background:url(../img/bg_icon.png) no-repeat -348px -821px; }
.what_we_do li span{display: block;line-height: 38px; color: #616264;font-size: 20px;text-align: center;}
.what_we_do li a:hover span{color: #3f85ca;}
.what_we_do li.what_we_do_01 a:hover i{background:url(../img/bg_icon.png) no-repeat 0 -621px; }
.what_we_do li.what_we_do_02 a:hover i{background:url(../img/bg_icon.png) no-repeat -174px -621px; }
.what_we_do li.what_we_do_03 a:hover i{background:url(../img/bg_icon.png) no-repeat -348px -621px; }
.what_we_do li.what_we_do_04 a:hover i{background:url(../img/bg_icon.png) no-repeat 0 -1021px; }
.what_we_do li.what_we_do_05 a:hover i{background:url(../img/bg_icon.png) no-repeat -174px -1021px; }
.what_we_do li.what_we_do_06 a:hover i{background:url(../img/bg_icon.png) no-repeat -348px -1021px; }
/*我们的优势*/
.our_advantages{ width: 100%;height: 630px;;}
.our_advantages .clearfix{margin-top: 80px;}
.our_advantages li{width: 174px;height: 238px;float: left;margin-bottom: 16px;}
.our_advantages li a{display: block;}
.our_advantages li.what_we_do_01,.what_we_do li.what_we_do_04{padding-left: 114px;}
.our_advantages li.what_we_do_02,.what_we_do li.what_we_do_05{padding: 0 125px;}
.our_advantages li.what_we_do_03,.what_we_do li.what_we_do_06{margin-right: 114px;}
.our_advantages li i{display: block;height: 200px;width: 174px;-o-transition:all .5s ease-in-out;-ms-transition:all .2s ease-in-out;-moz-transition:all .2s ease-in-out;-webkit-transition:all .2s ease-in-out;transition:all .2s ease-in-out;}
.our_advantages li.what_we_do_01 i{background:url(../img/bg_our_icon.png) no-repeat 0 0 }
.our_advantages li.what_we_do_02 i{background:url(../img/bg_our_icon.png) no-repeat -203px 0; }
.our_advantages li.what_we_do_03 i{background:url(../img/bg_our_icon.png) no-repeat -408px 0; }
.our_advantages li.what_we_do_04 i{background:url(../img/bg_our_icon.png) no-repeat -612px 0; }
.our_advantages li span{display: block;line-height: 38px; color: #616264;font-size: 20px;text-align: center;margin-top: 20px;}
.our_advantages li a:hover span{color: #3f85ca;}
.our_advantages li.what_we_do_01 a:hover i{background:url(../img/bg_our_icon.png) no-repeat 0 -203px; }
.our_advantages li.what_we_do_02 a:hover i{background:url(../img/bg_our_icon.png) no-repeat -203px -203px; }
.our_advantages li.what_we_do_03 a:hover i{background:url(../img/bg_our_icon.png) no-repeat -408px -203px; }
.our_advantages li.what_we_do_04 a:hover i{background:url(../img/bg_our_icon.png) no-repeat -612px -203px; }
.al_hd{width: 100%;height: 4px;background: url(../img/al_hd.png) center center;}


/*硬件产品*/
.index_yj_img{width: 1200px;margin: 20px auto 0 auto;}
.hardware_products_pic li{width: 380px;height: 380px;float: left;margin-bottom: 30px;margin-right: 30px;transition: all 0.5s;-moz-transition: all 0.5s; /* Firefox 4 */-webkit-transition: all 0.5s; /* Safari 和 Chrome */-o-transition: all 0.5s;}
.hardware_products_pic li .top{width:380px;height: 285px;display: block;}
.hardware_products_pic li .bottom{height: 95px;width: 380px;background: #ffffff;font-family: Arial,Microsoft YaHei;position:relative;}
.hardware_products_pic li .bottom h2{font-weight: normal;color: #717171;font-size: 24px;line-height: 1.5;left: 13px;top: 20px;position: absolute;}
.hardware_products_pic li .bottom p{width: 310px;overflow: hidden;height: 20px;font-size: 16px;color: #999999;line-height: 20px;left: 11px;position: absolute;top: 40px;margin-top: 15px;}
.hardware_products_pic li .bottom i{height:90px;width: 34px;background: url(../img/index_hard.png) no-repeat;display: block;opacity: 0;margin-left: 220px;transition: all 0.5s;-moz-transition: all 0.5s; /* Firefox 4 */-webkit-transition: all 0.5s; /* Safari 和 Chrome */-o-transition: all 0.5s;}
.hardware_products_pic li.pic1{background: #f3f3f3;}
.hardware_products_pic li.pic2{background: #f3f3f3;}
.hardware_products_pic li.pic3{background: #f3f3f3;margin-right: 0;}
.hardware_products_pic li.pic4{background: #f3f3f3;}
.hardware_products_pic li.pic5{background: #f3f3f3;}
.hardware_products_pic li.pic6{background: #f3f3f3;margin-right: 0;}
.hardware_products_pic li:hover{box-shadow: #adadad 5px 5px 15px;}
.hardware_products_pic li:hover .bottom i{opacity: 1;margin-left:320px;}

.hardware_products{width: 100%;height: 630px;}
.hardware_products .w1000{height: 630px;text-align: center;}
.hardware_products_nav{margin:0 auto;width: 723px;margin-bottom: 50px;}
.hardware_products_nav a{ height: 28px;width: 108px;border: 1px solid #939393; color: #939292;font-size: 14px;line-height: 28px;text-align: center;display: inline-block;margin: 0 3px;}
.hardware_products_nav a:hover{background: #3f85ca;border: 1px solid #3f85ca;color: #ffffff;}
.hardware_products_view{margin-bottom: 25px;}
.hardware_products_view li{height: 335px;width: 240px;float: left;margin-right: 12px;}
.hardware_products_view li.last{margin-right: 0;}
.hardware_products_view li a{height: 264px;width: 238px; border: 1px solid #d7d7d7;display: block;
transition: box-shadow 0.5s;
-moz-transition: box-shadow 0.5s; /* Firefox 4 */
-webkit-transition: box-shadow 0.5s; /* Safari 和 Chrome */
-o-transition: box-shadow 0.5s;}
.hardware_products_view li p{color: #a5a5a5;font-family: Arial,Microsoft YaHei;line-height: 54px;text-align:center;font-size: 20px;}
.hardware_products_view li a:hover{box-shadow: 0px 0px 12px #999999;}
.hardware_products_btn{color: #939393;font-size: 20px;border: 1px #939393 solid;padding: 8px 38px;border-radius: 15px;
transition: background 0.5s;
-moz-transition: background 0.5s; /* Firefox 4 */
-webkit-transition: background 0.5s; /* Safari 和 Chrome */
-o-transition: background 0.5s;}
.hardware_products_btn:hover{color: #ffffff;border: 1px #3f85ca solid;background:#3f85ca; }
/*经典案例*/
.classic_case{width: 100%;height: 450px;}
.classic_case_pic{margin: 0 auto;width:960px;}
.classic_case_pic li{height: 145px;width: 210px;float: left;margin-right: 40px;margin-bottom: 40px;}
.classic_case_pic li.last,.classic_case_pic li.last{margin-right: 0;}
.classic_case_pic li a{display: block;width: 100%;height: 135px;margin-top: 10px;overflow: hidden;}
.classic_case_pic li a img{width: 100%;}
.classic_case_pic_view a:hover{margin-top: 0;
transition: all 0.5s;
-moz-transition: all 0.5s; /* Firefox 4 */
-webkit-transition: all 0.5s; /* Safari 和 Chrome */
-o-transition: all 0.5s;}
.classic_case_pic li.classic_case_pic_title a{line-height: 135px;text-align: center;color: #ffffff;font-size: 26px;background: #00a1e9;}
.classic_case_pic_more a {text-align: center;color: #ffffff;background: #00a1e9;}
.classic_case_pic_more a h2{line-height: 60px;font-family: Arial;font-size: 40px;padding-top: 18px;
transition: all 0.5s;
-moz-transition: all 0.5s; /* Firefox 4 */
-webkit-transition: all 0.5s; /* Safari 和 Chrome */
-o-transition: all 0.5s;}
.classic_case_pic_more a p{line-height: 30px;font-size: 16px;}
.classic_case_pic_more a:hover{background: #0aabf5;}
.classic_case_pic_more a:hover h2{line-height: 135px;padding-top: 0;}
.classic_case_pic_more a:hover p{display: none;}



/*动画效果*/
.animation {
    -webkit-animation-duration: 1s;
            animation-duration: 1s;
    -webkit-animation-fill-mode: both;
            animation-fill-mode: both;
}
.soft01 {
    -webkit-animation-name: fadeInLeft;
    animation-name: fadeInLeft;
}
.soft03 {
    -webkit-animation-name: fadeInRight;
            animation-name: fadeInRight;
}
.soft02{
    -webkit-animation-name: fadeInUp;
                animation-name: fadeInUp;
}
.soft04{
    -webkit-animation-name: fadeInDown;
        animation-name: fadeInDown;
}
.soft01,.soft03  {
	-webkit-animation-delay:.5s;
	        animation-delay:.5s;
}
.soft02,.soft04  {
	-webkit-animation-delay:.5s;
	        animation-delay:.5s;
}







/*2017.03.30*/
.index_ys li{width: 25%;float: left;height: 144px;}
.index_ys ul{margin: 10px 0 50px 0;}
.index_ys li.ys01{background: url(../img/index_ys01.png) center center no-repeat;}
.index_ys li.ys02{background: url(../img/index_ys02.png) center center no-repeat;}
.index_ys li.ys03{background: url(../img/index_ys03.png) center center no-repeat;}
.index_ys li.ys04{background: url(../img/index_ys04.png) center center no-repeat;}

.fl{float: left;}
.fr{float: right;}
.new_hd{width: 100%;border-bottom: 1px solid #e5e5e5;height: 46px;line-height: 46px;}
.new_hd .more{color: #666;font-size: 20px;}
.new_hd .more i{display: inline-block;height: 19px;width: 20px;background: url(../img/index_newhd_more.png);margin: 13px 0 0 10px;float: right;}
.new_hd .main i{display: inline-block;width:25px;height: 23px;float: left;margin: 13px 10px 0 0 ;}
.new_hd .main i.yj{background: url(../img/newhd_ico01.png);}
.new_hd .main i.rj{background: url(../img/newhd_ico02.png);}
.new_hd .main{font-size: 28px;color: #367bbe;}
.new_hd .main span{opacity: 0.41;font-size: 20px;line-height: 46px;display: inline-block;}
.index_yj_text {text-align: center;font-size:18px;color: #717171;width: 1100px;line-height: 30px;margin: 0 auto;}
.index_yj_list{height: 703px;width: 100%;position: relative;background: #fff;}
.index_yj_list a{position: absolute;background: gray;margin-top: 40px;}
.index_yj_list a img{display: block;height: 100%;width: 100%;}
.index_yj_list .index_yj01{width: 799px;height: 468px;left: 0;top: 0;}
.index_yj_list .index_yj02{width: 399px;height: 233px;right: 0;top: 0;}
.index_yj_list .index_yj03{width: 399px;height: 233px;right: 0;top: 235px;}
.index_yj_list .index_yj04{width: 399px;height: 233px;left: 0;bottom: 0;}
.index_yj_list .index_yj05{width: 398px;height: 233px;left: 401px;bottom: 0;}
.index_yj_list .index_yj06{width: 399px;height: 233px;right: 0;bottom: 0;}
.mgb50{margin-bottom: 50px;}
/*软件*/
.index_rj {background-image: url(../img/index_soft_bg.png);background-size: 100% 100%;height: 620px;}
.index_rj_list{margin: 70px 0 50px 0;}
.index_rj_list a{height: 160px;width: 277px;border:1px solid #dddbdb;float: left;margin: 0 20px 20px 0;position: relative;color: #666;}
.index_rj_list a.r0{margin: 0 0 20px 0;}
.index_rj_list a img{display: block;height: 50px;width: 50px;position: absolute;left: 20px;top: 54px;}
.index_rj_list a h2{font-size: 22px;position: absolute;left: 90px;top: 52px;}
.index_rj_list a p{font-size: 16px;position: absolute;left: 90px;top: 83px;}
.index_rj_list a:hover{}
.index_rj_list1{background-image: url(../img/1491460040656.png);background-position: 20px 54px;background-size: 50px 50px;background-repeat: no-repeat;}
.index_rj_list1:hover{background:url(../img/1491460121870_b.png) #367bbe;background-position: 20px 54px;background-size: 50px 50px;background-repeat: no-repeat; border:1px solid #367bbe;color: #fff;}
.index_rj_list2{background-image: url(../img/1491460132224.png);background-position: 20px 54px;background-size: 50px 50px;background-repeat: no-repeat;}
.index_rj_list2:hover{background:url(../img/1491460132224_b.png) #367bbe;background-position: 20px 54px;background-size: 50px 50px;background-repeat: no-repeat; border:1px solid #367bbe;color: #fff;}
.index_rj_list3{background-image: url(../img/1491460144676.png);background-position: 20px 54px;background-size: 50px 50px;background-repeat: no-repeat;}
.index_rj_list3:hover{background:url(../img/1491460144676_b.png) #367bbe;background-position: 20px 54px;background-size: 50px 50px;background-repeat: no-repeat; border:1px solid #367bbe;color: #fff;}
.index_rj_list4{background-image: url(../img/1491460196461.png);background-position: 20px 54px;background-size: 50px 50px;background-repeat: no-repeat;}
.index_rj_list4:hover{background:url(../img/1491460196461_b.png) #367bbe;background-position: 20px 54px;background-size: 50px 50px;background-repeat: no-repeat; border:1px solid #367bbe;color: #fff;}
.index_rj_list5{background-image: url(../img/1491460246924.png);background-position: 20px 54px;background-size: 50px 50px;background-repeat: no-repeat;}
.index_rj_list5:hover{background:url(../img/1491460246924_b.png) #367bbe;background-position: 20px 54px;background-size: 50px 50px;background-repeat: no-repeat; border:1px solid #367bbe;color: #fff;}
.index_rj_list6{background-image: url(../img/1491460262880.png);background-position: 20px 54px;background-size: 50px 50px;background-repeat: no-repeat;}
.index_rj_list6:hover{background:url(../img/1491460262880_b.png) #367bbe;background-position: 20px 54px;background-size: 50px 50px;background-repeat: no-repeat; border:1px solid #367bbe;color: #fff;}
.index_rj_list7{background-image: url(../img/1491460302496.png);background-position: 20px 54px;background-size: 50px 50px;background-repeat: no-repeat;}
.index_rj_list7:hover{background:url(../img/1491460302496_b.png) #367bbe;background-position: 20px 54px;background-size: 50px 50px;background-repeat: no-repeat; border:1px solid #367bbe;color: #fff;}
.index_rj_list8{background-image: url(../img/1491460210392.png);background-position: 20px 54px;background-size: 50px 50px;background-repeat: no-repeat;}
.index_rj_list8:hover{background:url(../img/1491460210392_b.png) #367bbe;background-position: 20px 54px;background-size: 50px 50px;background-repeat: no-repeat; border:1px solid #367bbe;color: #fff;}


.al_hd{width: 100%;height: 4px;background: url(../img/al_hd.png) center center;}
.al_nav{width: 1100px;margin: 0 auto;margin-bottom: 30px;margin-top: 50px;}
.al_nav li{color: #616264;font-size: 20px;float: left;width: 10%;text-align: center;cursor: pointer;}
.al_nav li div{height: 1px;width: 100%;display: block;background-color: #dedee4;position: relative;margin-top: 15px;}
.classic_case{height: 650px;background: #fff;position: relative;}
.al_nav li i{display: none;}
.al_nav li.on i,.al_nav li:hover i{width: 8px;display: block;height: 8px;border-radius: 50%;border:1px solid #4081c1;position: absolute;left: 50%;top: 50%;margin: -5px 0 0 -5px;background: #f2f6ff;}
.al_nav li.on,.al_nav li:hover{color: #4081c1;}
.al_shan{width: 100%;height: 64px;position: absolute;left: 0;bottom: 0;background: url(../img/al_shan.png) no-repeat center center;}

.hzhb{width: 100%;height: 200px;background:#373d41;}
.hzhb .w1200{position: relative;}
.hzhb_hd{font-size: 22px;color: #fff;width: 100%;line-height: 40px;text-align: center;position: absolute;left: 0;top: 38px;}
.hzhb_silder{width: 1100px;height: 100px;position: absolute;left: 50px;top: 100px;}
.hzhb_silder .prev{width: 14px;height: 25px;display: block;position: absolute;background: url(../img/hzhb_left.png);top: 12px;left: 0;}
.hzhb_silder .next{width: 14px;height: 25px;display: block;position: absolute;background: url(../img/hzhb_right.png);top: 12px;right: 0;}
/* .hzhb_silder ul{position: absolute;left: 89px;top: 0;width: 9999px;} */
.hzhb_silder li{width: 200px;height: 50px;background: red;float: left;margin-right: 40px;}
.hzhb_silder .tempWrap{left: 89px;}


.al_slider .bd{margin-left: 120px;}




.index_banner_slider{width: 100%;height: 450px;position: relative;}
.banner_slider_hd{height:450px;width:100%;position: absolute;left:0;top:0;z-index: 99;}
.index_banner_slider .hd li{width: 10px;height: 10px;background: #7b91a6;border-radius: 5px;float: left;margin-right: 20px;cursor: pointer;}
.index_banner_slider .hd li.on{background:#cfe7fe;/*width: 20px;*/ }
.index_banner_slider .w1200{height: 450px;position: relative;}
.index_banner_slider .hd{position: absolute;bottom: 20px;right: 20px;}
.index_banner_slider .bd{position: relative;}
.index_banner_slider .bd .banner_item{width: 100%;height: 450px;position: relative;overflow: hidden;}
.banner_btn{width: 150px;height: 44px;background: #367bbe;color: #fff;font-size: 18px;text-align: center;line-height: 44px;cursor: pointer;display: block;position: absolute;left: 50%;margin-left: -75px;bottom: 55px;border-radius: 4px;z-index: 100;}
.banner_btn:hover{background: #5697d6;}

.fix_txt{background:url(../img/fix_txt_bg.png);width: 100%;height: 60px;position: fixed;bottom: 0;line-height: 60px;color:#fff;text-align: center;font-size: 18px;}