#banner { position: relative; overflow: hidden; width: 100%; height: 800px; }
#banner .banner { position: absolute; left: 50%; width: 1920px; height: 800px; margin-left: -960px; }
#banner .ind_search { position: absolute; bottom: 0; left: 50%; width: 1920px;margin-left: -960px; height: 130px; background: url(../images/ind_search.png) center center; z-index: 1;}
#banner .ind_search .title { position: relative; height: 42px; margin-top: 5px; line-height: 42px; font-size: 16px; color: #333; }
#banner .ind_search .title em { position: absolute; left: 0; bottom: 0; width: 18px; border-top: 1px solid #333; }
#banner .ind_search .hot_search { width: 740px; }
#banner .ind_search .hot_search { }
#banner .ind_search .hot_search .form { width: 400px; height: 32px; line-height: 32px; margin-top: 15px; border-bottom: 1px solid #7d7d6e; }
#banner .ind_search .hot_search .form input { float: left; width: 350px; height: 32px; border: none; outline: none; background: none; font-family: '新宋体'; }
#banner .ind_search .hot_search .form button { float: right; width: 32px; height: 32px; border: none; background: url(../images/search.png) no-repeat center center; outline: none; cursor: pointer; }
#banner .ind_search .hot_search .keywords { width: 300px; height: 32px; overflow: hidden; margin-top: 15px; margin-left: 25px; line-height: 32px; font-family: '新宋体'; color: black; font-size: 12px; }
#banner .ind_search .hot_search .keywords span { color: #a2a2a2; }
#banner .ind_search .service_line { position: relative; width: 460px; }
#banner .ind_search .service_line .title { color: white; }
#banner .ind_search .service_line .title em { border-color: white; }
#banner .ind_search .service_line .content { height: 69px; line-height: 69px; overflow: hidden; font-size: 30px; color: white; }
#banner .ind_search .service_line .telephone { width: 315px; margin-left: 54px; }
#banner .ind_search .service_line .attention .list { display: inline-block; width: 25px; height: 25px; background-image: url(../images/attention.png); background-repeat: no-repeat; }
#banner .ind_search .service_line .attention .WeChat { background-position: left center; }
#banner .ind_search .service_line .attention .Microblogging { background-position: right center; }
/*********/
#index { }
#index img{max-width: 100%;max-height: 100%;}
#index .top_title{height: 45px;line-height: 45px;margin-top: 50px;background: url(../images/tit_bg1.png) no-repeat center center;font-size: 34px;text-align: center;color: #333;}
#index .sec_title{height: 25px;line-height: 25px;font-size: 16px;text-align: center;color: #b8b8b8;text-transform: uppercase;font-family: 'Arial';}
#index .company_culture{width: 100%;padding-bottom: 50px;background: url(../images/index_bg1.jpg) repeat center center;}
#index .company_culture .content{position: absolute;left: 165px;bottom: 20px;width: 260px;height: 180px;z-index: 2;}
#index .company_culture .content .cn{margin-top: 10px;font-size: 18px;color: white;}
#index .company_culture .content .en{font-size: 12px;line-height: 24px;color: white;font-family: 'Arial';}
#index .company_culture .culture{position: relative;width: 1200px;height: 581px;margin: 40px auto;background: white;}
#index .company_culture .culture img{max-width: 100%;max-height: 100%;}
#index .company_culture .culture .cul{position: absolute;}
#index .company_culture .culture .gray{filter:grayscale(100%); -webkit-filter:grayscale(100%); -moz-filter:grayscale(100%); -ms-filter:grayscale(100%); -o-filter:grayscale(100%); filter:progid:DXImageTransform.Microsoft.BasicImage(grayscale=0.3); -webkit-filter:grayscale(0.3);}
#index .company_culture .culture .cul_text{bottom: 17px;left: 17px;}
#index .company_culture .culture .cul0{top: 17px;left: 17px;}
#index .company_culture .culture .cul1{top: 17px;left: 280px;}
#index .company_culture .culture .cul2{top: 17px;right: 17px;}
#index .company_culture .culture .cul3{bottom: 17px;right: 141px;}
#index .company_culture .culture .video{position: absolute;top: 218px;right: 145px;width: 79px;height: 79px;background: url(../images/video.png) no-repeat center center;z-index: 1;}
#index .company_culture .culture .video_backgroup{display:none;position: fixed;top: 0;left: 0;width: 100%;height: 100%;background: rgba(0,0,0,0.5);z-index: 5;}
#index .company_culture .culture .video_play{display:none;position: fixed;top: 20%;left: 50%;width: 800px;height: 400px;margin-left: -400px;background: white;z-index: 6;}
#index .company_culture .more{height: 41px;text-align: center;}
#index .company_culture .more .list{display: inline-block;width: 140px;height: 41px;margin: 0 20px;line-height: 41px;color: white;background: #555555;}
#index .company_culture .more .list:hover{background: #e39b03;text-decoration: none;}
/*********/
#index .products_display{width: 100%;background: white;padding-bottom: 10px;}
#index .products_display .ind_cate{margin:30px -3px 55px;}
#index .products_display .ind_cate .list{float: left;width: 398px;margin: 0 2px;height: 114px;background: #e39b03;cursor: pointer;}
#index .products_display .ind_cate .m_list{background: #ffbb2c;}
#index .products_display .ind_cate .list_on{background: url(../images/pro_dis.jpg) no-repeat center center;}
#index .products_display .ind_cate .list_mid{display: table-cell;width: 398px;height: 114px;text-align: center;vertical-align: middle;font-size: 20px;color: white;line-height: 17px;}
#index .products_display .ind_cate .list_mid span{font-size: 12px;font-family: 'Arial';text-transform: uppercase;}
#index .products_display .ind_pro_list{position: relative;}
#index .products_display .ind_pro_list .index_products{overflow: hidden;width: 1074px;padding: 2px 0;margin: 0 auto;}
#index .products_display .ind_pro_list .prev{position: absolute;top: 165px;left: 9px;width: 34px;height: 68px;background: url(../images/pro_prev.png) no-repeat center center;}
#index .products_display .ind_pro_list .next{position: absolute;top: 165px;right: 9px;width: 34px;height: 68px;background: url(../images/pro_next.png) no-repeat center center;}
#index .products_display .ind_pro_list ul{padding-top: 2px !important;}
#index .products_display .ind_pro_list li{float: left;width: 318px;margin: 0 20px;}
#index .products_display .ind_pro_list .pic{position: relative;display: table-cell;width: 316px;height: 420px;text-align: center;vertical-align: middle;border:1px solid #efefef;}
#index .products_display .ind_pro_list .left_top{position: absolute;left: -3px;top: -3px;width: 34px;height: 36px;border-left: 3px solid transparent;border-top: 3px solid transparent;}
#index .products_display .ind_pro_list .right_bottom{position: absolute;width: 34px;height: 36px;right: -3px;bottom: -3px;border-right: 3px solid transparent;border-bottom: 3px solid transparent;}
#index .products_display .ind_pro_list .addcart{position: absolute;left: 134px;top: 395px;width: 49px;height: 49px;background: url(../images/ind_cart.png) no-repeat center center;}
#index .products_display .ind_pro_list .name{display: block; height: 112px;line-height: 112px;overflow: hidden;font-size: 18px;color: #333;text-align: center;}
#index .products_display .ind_pro_list li:hover .pic{border-color: #19b252;}
#index .products_display .ind_pro_list li:hover .left_top{border-color: #19b252;}
#index .products_display .ind_pro_list li:hover .right_bottom{border-color: #19b252;}
#index .products_display .ind_pro_list li:hover .addcart{background-image: url(../images/ind_cart_on.png);}
#index .products_display .ind_pro_list li:hover .name{text-decoration: none;color: #19b252;}
#index .products_display .ind_pro_list .tips{text-align: center;font-size: 30px;padding-bottom: 50px;color: red;}
/*********/
#index .company_information{width: 100%;height: 1244px;background: url(../images/com_info.jpg) no-repeat center center;}
#index .company_information .top_title{background-image: url(../images/tit_bg2.png);color: white;}
#index .company_information .sec_title{color: #ccefdb;}
#index .company_information .top{height: 424px;}
#index .company_information .top h4{margin-top: 20px;margin-bottom: 10px;line-height: 30px;font-size: 20px;color: white;text-align: center;}
#index .company_information .top h5{line-height: 24px;font-size: 14px;color: white;text-align: center;font-family: 'Arial';}
#index .company_information .top .arrow{display: inline-block;margin-top: 40px;}
#index .company_information .bottom{height: 820px;}
#index .company_information .bottom .w{position: relative;}
#index .company_information .bottom .list{position: absolute;width: 400px;height: 384px;}
#index .company_information .bottom .list .content{width: 100%;height: 192px;margin-top: -4px;background: #fafafa;}
#index .company_information .bottom .list0{left: 0;top: -192px;}
#index .company_information .bottom .list1{left: 400px;top: 0;}
#index .company_information .bottom .list2{right: 0;top: -192px;}
#index .company_information .bottom .list3{left: 0;top: 192px;}
#index .company_information .bottom .list4{left: 400px;top: 384px;}
#index .company_information .bottom .list5{right: 0;top: 192px;}
#index .company_information .bottom .list_sty .content{background: #ffbb2c;}
#index .company_information .bottom .pic{position: relative;display: table-cell;width: 400px;height: 192px;vertical-align: middle;text-align: center;}
#index .company_information .bottom .pic img{width: 400px;height: 192px;}
#index .company_information .bottom .num{position: absolute;bottom: -25px;right: 12px;width: 65px;height: 62px;line-height: 62px;background: url(../images/act_sty0.png) no-repeat center center;color: #ffbb2c;font-size: 36px;text-align: center;}
#index .company_information .bottom .name{display: block;height: 45px;line-height: 45px;overflow: hidden;padding: 0 20px 0px 25px;margin-top: 25px;font-size: 18px;color: #333;font-weight: bold;}
#index .company_information .bottom .desc{max-height: 100px;overflow: hidden;padding: 0 20px 0 25px;font-size: 15px;line-height: 20px;}
#index .company_information .bottom .list_sty .num{background-image:url(../images/act_sty1.png);color: white;}
#index .company_information .bottom .list_sty .name{color: white;font-size: 18px;}
#index .company_information .bottom .list_sty .desc{color: #555;font-size: 16px;color: white;}
/*********/
#index .activity_photos{width: 100%;height: 874px;margin-bottom: -73px;background: url(../images/active.jpg) no-repeat center center;}
#index .activity_photos .active{width: 1182px;padding:20px 9px 0;margin:35px auto 0;background: white;}
#index .activity_photos .active .list{position: relative;float: left;width: 374px;height: 243px;overflow: hidden;margin:0 10px 25px;}
#index .activity_photos .active .pic{display: table-cell;width: 374px;height: 243px;vertical-align: middle;text-align: center;}
#index .activity_photos .active .bg{position: absolute;bottom: 0;left: 0;width: 100%;height: 46px;background: rgba(0,0,0,0.44);}
#index .activity_photos .active .name{position: absolute;top: 197px;left: 0;width: 100%;height: 46px;;line-height: 46px;overflow: hidden;font-size: 16px;color: white;text-align: center;}
#index .activity_photos .active .more{position: absolute;top: -46px;left: -100px;width: 100%;height: 46px;;line-height: 46px;overflow: hidden;font-size: 14px;color: white;text-align: center;background: url(../images/act_more.png) no-repeat center center;}
#index .activity_photos .list:hover .bg{width: 100%;height: 100%;background: rgba(239,145,26,0.8);}
#index .activity_photos .list:hover .name{top: 82px;}
#index .activity_photos .list:hover .more{left: 0;top: 120px;}