/* 主页banner */
.swiper-container { width:100%; height:606px; z-index:1; }
.swiper-container .swiper-slide { width:100%; height:606px; }
.swiper-container .swiper-slide a { width:100%; height:606px; display:block; }
.swiper-pagination { width:1200px!important; left:50%!important; text-align:center; margin-left:-600px; margin-bottom:5px; }
.swiper-pagination .swiper-pagination-bullet { width:10px; height:6px; margin:0 0 0 4px!important; opacity:1; background:#fff; border-radius:4px; font-size:0px; }
.swiper-pagination .swiper-pagination-bullet-active { width:15px; background:coral; }

.slogan_box { width:100%; height:auto; display:table; background:#fff; }
.slogan_box ul { border-left:1px solid #f5f5f5; }
.slogan_box ul li { text-align:center; border-right:1px solid #f5f5f5; padding:20px 0; }
.slogan_box ul li i { width:80px; height:80px; line-height:80px; font-size:38px; color:#44a4ef; border:2px solid #44a4ef; border-radius:80px; display:block; clear:both; margin:0 auto; transition:.2s ease-in-out; -webkit-transition:.2s ease-in-out; -moz-transition:.2s ease-in-out; -o-transition:.2s ease-in-out; }
.slogan_box ul li:hover i { background:#44a4ef; color:#fff; transition:.2s ease-in-out; -webkit-transition:.2s ease-in-out; -moz-transition:.2s ease-in-out; -o-transition:.2s ease-in-out; }
.slogan_box ul li:nth-child(3) i { font-size:42px; }
.slogan_box ul li b { width:100%; height:22px; line-height:22px; font-size:19px; display:block; margin-top:10px; }
.slogan_box ul li p { width:100%; height:auto; display:block; padding:5px 22%; color:#999; font-size:14px; }

/* 产品、案例 */
.product_list_met_16_1.met-index-body{ width:100%; height:auto; display:table; padding:40px 0; }
.product_list_met_16_1.met-index-body h2{ font-size:26px; color:#000; font-weight:bold; padding-bottom:3px; }
.product_list_met_16_1.met-index-body p.desc{ padding:0 10%; font-size:12px; color:#999; letter-spacing:12px; text-transform:uppercase; }
.product_list_met_16_1 .nav-tabs{ border-bottom:none; margin:30px auto;}
.product_list_met_16_1 .nav-tabs li { height:30px; line-height:30px; }
.product_list_met_16_1 .nav-tabs li.active{ color:#fff; border-radius:15px; }
.product_list_met_16_1 .nav-tabs li.active>a{ height:30px; line-height:30px; border:0px!important; margin-right:0px!important; padding:0px 20px!important; background:#0054d0!important; border-radius:15px; }
.product_list_met_16_1 .nav-tabs li>a,.product_list_met_16_1 .nav-tabs li>a:hover,.product_list_met_16_1 .nav-tabs li>a:focus { height:30px; border:0px!important; border-radius:15px; margin:0 1px!important; }
.product_list_met_16_1 .nav-tabs li.active h3{ color:#fff; }
.product_list_met_16_1 .nav-tabs li h3{ margin:0; font-size:inherit; line-height:inherit; text-shadow:none; color:inherit; white-space:nowrap; color:#969696; }
.product_list_met_16_1 .index-product-list h4 a{color:#555555; }
.product_list_met_16_1 .index-product-list li:hover a{color:#0054d0; }
.product_list_met_16_1 .swiper-navtab .swiper-scrollbar{bottom:15px;}
.product_list_met_16_1 .index-product-list{ margin-right:-10px!important; }
.product_list_met_16_1 #myTabContent ul li .card { height:260px; background:#fff; }
.product_list_met_16_1 #myTabContent ul li .card .card-title { line-height:16px; }
.product_list_met_16_1 .btn-more { padding:5px 15px; border:1px solid #ccc; color:#999; width:110px; font-size:14px; border-radius:100px; text-align:center; margin:0px auto; -webkit-transition:all .6s cubic-bezier(.165, .84, .44, 1) 0ms; transition:all .6s cubic-bezier(.165, .84, .44, 1) 0ms }

/* 关于我们 */
.about_box { width:100%; height:609px; position:relative; }
.about_box .about_text_bg { width:50%; height:609px; background:url(../images/about_bg.jpg) no-repeat right top; float:left; }
.about_box .about_text_box { width:100%; height:500px; background:#fff; margin-top:53px; float:right; }
.about_box .about_box_hz { width:1480px; height:500px; position:absolute; top:53px; left:50%; margin-left:-745px; }
.about_box .about_box_hz .nl_box { width:920px; height:500px; float:right; background:#fff; padding:42px; padding-right:0px; }
.about_box .about_box_hz .nl_box .title { width:100%; height:34px; line-height:30px; }
.about_box .about_box_hz .nl_box .title b { font-size:32px; }
.about_box .about_box_hz .nl_box .title b.c1 { padding-right:15px; }
.about_box .about_box_hz .nl_box .title span {  font-size:12px; color:#999; letter-spacing:12px; text-transform:uppercase; }
.about_box .about_box_hz .nl_box .text_p { width:480px; height:336px; padding-top:35px; }
.about_box .about_box_hz .nl_box .text_p p { width:100%; height:auto; display:table; line-height:30px; text-indent:28px; padding-bottom:24px; font-size:14px; color:#999; }
.about_box .about_box_hz .nl_box .text_p a { font-size:14px; position:relative; padding-right:30px; transition:.2s ease-in-out; -webkit-transition:.2s ease-in-out; -moz-transition:.2s ease-in-out; -o-transition:.2s ease-in-out; }
.about_box .about_box_hz .nl_box .text_p a:before { position:absolute; color:#dedede; right:-5px; top:2px; font-weight:100; font-family:"iconfont"!important; content:"\e621"; }
.about_box .about_box_hz .nl_box .text_p a i { width:25px; height:1.4px; background:#dedede; left:60px; top:11px; position:absolute; font-size:0px; transition:.2s ease-in-out; -webkit-transition:.2s ease-in-out; -moz-transition:.2s ease-in-out; -o-transition:.2s ease-in-out; }
.about_box .about_box_hz .nl_box .text_p a:hover { padding-right:50px; transition:.2s ease-in-out; -webkit-transition:.2s ease-in-out; -moz-transition:.2s ease-in-out; -o-transition:.2s ease-in-out; }
.about_box .about_box_hz .nl_box .text_p a:hover:before { color:#f00; }
.about_box .about_box_hz .nl_box .text_p a:hover i { width:46px; background:#f00; transition:.2s ease-in-out; -webkit-transition:.2s ease-in-out; -moz-transition:.2s ease-in-out; -o-transition:.2s ease-in-out; }
.about_box .about_box_hz .nl_box .btn_box { width:100%; height:46px; }
.about_box .about_box_hz .nl_box .btn_box a { width:132px; height:46px; line-height:46px; display:block; margin-right:1px; float:left; text-align:center; color:#fff; background:#cfcfcf; font-size:14px; }
.about_box .about_box_hz .nl_box .btn_box a.active { background:#44a4ef; }
.about_box .about_box_hz .nl_box .btn_box a:hover { background:#ffa800; }

/* 视频中心 */
.video_box { width:100%; height:auto; display:table; background:#fff; padding:35px 0; }
.video_box h2{ font-size:26px; color:#000; font-weight:bold; padding-bottom:3px; text-align:center; }
.video_box p.desc{ padding:0 10%; font-size:12px; color:#999; letter-spacing:12px; text-transform:uppercase; text-align:center; }
.video_box .content { width:1280px; height:358px; padding:52px 39px; margin-top:25px; margin-bottom:15px; }
.video_box .content ul li { width:273px; height:auto; display:table; float:left; margin:0 12px; position:relative; }
.video_box .content ul li img { width:273px; height:343px; }
.video_box .content ul li i { display:none; }
.video_box .content ul li p { width:100%; height:36px; line-height:36px; font-size:14px; text-align:center; display:block; }
.content_honor { width:1200px; height:420px; border:1px solid #eaeaea; margin-top:25px; margin-bottom:15px; }
.content_honor ul li { width:390px; height:420px; border-right:1px solid #eaeaea; float:left; }
.content_honor ul li:nth-last-child(1) { border-right:0px; }
.content_honor ul li a { padding:68px 68px 0 24px; display:block; }
.content_honor ul li a p { width:340px;; height:56px; line-height:56px; text-align:center; font-size:14px; display:block; text-align:center; }

/* 客户案例 */
.case_box { width:100%; height:auto; display:table; padding:35px 0 30px 0; }
.case_box h2{ font-size:26px; color:#000; font-weight:bold; padding-bottom:3px; text-align:center; }
.case_box p.desc{ padding:0 10%; font-size:12px; color:#999; letter-spacing:12px; text-transform:uppercase; text-align:center; }
.content_case { width:1200px; height:299px; background:#fff; border:1px solid #eaeaea; margin-top:25px; margin-bottom:15px; }
.content_case ul li { width:390px; height:299px; border-right:1px solid #eaeaea; float:left; }
.content_case ul li:nth-last-child(1) { border-right:0px; }
.content_case ul li a { padding:22px 22px 0 22px; display:block; }
.content_case ul li a span { width:354px; height:218px; display:block; overflow:hidden; }
.content_case ul li a span img { width:354px; height:218px; transition:all 0.6s; }
.content_case ul li a:hover span img { transform:scale(1.1); }
.content_case ul li a p { width:100%; height:35px; line-height:20px; padding-top:15px; text-align:center; font-size:14px; display:block; }

/* 主页新闻 */
.news_list { width:100%; height:auto; display:table; padding:0px 0; }
.news_list .title-box { width:100%; height:auto; display:table; text-align:center; padding-bottom:30px; }
.news_list .title-box h2.title { width:100%; height:38px; font-size:32px; display:block; color:#000; }
.news_list .tabs { width:100%; height:50px; padding-top:10px; text-align:center; }
.news_list .tabs li { display:inline-block; margin-right:1px; padding:0px; border:0px; }
.news_list .tabs li a { width:132px; height:40px; line-height:40px; display:block; text-align:center; color:#fff; background:#cfcfcf; font-size:14px; }
.news_list .tabs li.active a { background:#44a4ef; }
.news_list .tabs li a:hover { background:#ffa800; }
.news_list .news_box { width:1280px; height:450px; background:#fff; overflow:hidden; }
.news_list .news_box .tj_news { width:430px; height:450px; float:left; border-right:1px solid #f5f5f5; padding:37px; }
.news_list .news_box .tj_news h3 { width:100%; height:48px; line-height:24px; overflow:hidden; font-size:20px; display:block; }
.news_list .news_box .tj_news h3 a { font-weight:bold; color:#000; }
.news_list .news_box .tj_news h3 a:hover { color:#f00; }
.news_list .news_box .tj_news .desc { width:100%; height:80px; overflow:hidden; display:block; line-height:20px; padding:10px 0; font-size:12px; color:#ccc; }
.news_list .news_box .tj_news time { width:100%; height:30px; display:block; color:#999; position:relative; padding-left:10px;  }
.news_list .news_box .tj_news time:before { width:2px; height:12px; background:#e37100; top:4px; left:0px; content:""; position:absolute;  }
.news_list .news_box .tj_news .tj_pic { width:354px; height:218px; overflow:hidden; }
.news_list .news_box .tj_news .tj_pic img { width:354px; height:218px; transition:all 0.6s; }
.news_list .news_box .tj_news .tj_pic a:hover img { transform:scale(1.2); }
.news_list .news_box .news_right_list { width:810px; height:450px; float:left; padding:37px; padding-bottom:0px; }
.news_list .news_box .news_right_list ul li { width:100%; height:112px; position:relative; padding-left:210px; margin-bottom:20px; }
.news_list .news_box .news_right_list ul li img { width:193px; height:112px; position:absolute; left:0px; top:0px; transition:.2s ease-in-out; -webkit-transition:.2s ease-in-out; -moz-transition:.2s ease-in-out; -o-transition:.2s ease-in-out; }
.news_list .news_box .news_right_list ul li b { width:100%; height:30px; line-height:20px; font-size:18px; font-weight:500; display:block; color:#000; }
.news_list .news_box .news_right_list ul li p { width:100%; height:64px; line-height:24px; color:#ccc; display:block; }
.news_list .news_box .news_right_list ul li time { width:100%; font-size:14px; display:block; position:relative; transition:.2s ease-in-out; -webkit-transition:.2s ease-in-out; -moz-transition:.2s ease-in-out; -o-transition:.2s ease-in-out; }
.news_list .news_box .news_right_list ul li time:before { position:absolute; color:#dedede; right:-5px; top:2px; font-weight:100; font-family:"iconfont"!important; content:"\e621"; }
.news_list .news_box .news_right_list ul li time i { width:25px; height:1.4px; background:#dedede; right:0px; top:11px; position:absolute; font-size:0px; transition:.2s ease-in-out; -webkit-transition:.2s ease-in-out; -moz-transition:.2s ease-in-out; -o-transition:.2s ease-in-out; }
.news_list .news_box .news_right_list ul li a:hover { transition:.2s ease-in-out; -webkit-transition:.2s ease-in-out; -moz-transition:.2s ease-in-out; -o-transition:.2s ease-in-out; }
.news_list .news_box .news_right_list ul li a:hover time:before { color:#f00; }
.news_list .news_box .news_right_list ul li a:hover i { width:56px; background:#f00; transition:.2s ease-in-out; -webkit-transition:.2s ease-in-out; -moz-transition:.2s ease-in-out; -o-transition:.2s ease-in-out; }
.news_list .news_box .news_right_list ul li a:hover b { color:#f00; }
.news_list .news_box .news_right_list ul li a:hover img { left:-10px; transition:.2s ease-in-out; -webkit-transition:.2s ease-in-out; -moz-transition:.2s ease-in-out; -o-transition:.2s ease-in-out; }

/* 合作伙伴、友情链接 */
.partner_links_box { width:100%; height:auto; display:table; background:#fff; padding:30px 0 25px 0; }
.partner_links_box .partner_title { width:1200px; height:auto; display:table; text-align:center; padding-bottom:15px; }
.partner_links_box .partner_title h2 { width:100%; height:32px; font-size:26px; display:block; color:#000; }
.partner_links_box .partner_title p { width:100%; height:22px; line-height:22px; display:block; color:#999; }
.partner_links_box .partner_li { width:100%; height:225px; border:1px solid #ededed; }
.partner_links_box .partner_li ul li { width:20%; height:223px; border-right:1px solid #ededed; float:left; }
.partner_links_box .partner_li ul li:nth-last-child(1) { border-right:0px; }
.partner_links_box .partner_li ul li a { padding:25px; display:block; }
.partner_links_box .partner_li ul li a img { width:190px; height:130px; }
.partner_links_box .partner_li ul li a p { width:100%; height:43px; line-height:43px; font-size:14px; text-align:center; display:block; }
.partner_links_box .links_title { width:100%; height:auto; display:table; padding:12px 0; }
.partner_links_box .links_title b { font-size:18px; }
.partner_links_box .links_content { width:100%; height:auto; display:table; }
.partner_links_box .links_content a { padding:0 15px 5px 0; font-size:14px; color:#999; }
.partner_links_box .links_content a:hover { color:#f00; }


#banner { width: 100%; height: 606px; background: #000; overflow: hidden; position: relative;  }
#banner_img { display: block; position: relative; }
    #banner_img li { position: absolute; top: 0; left: 0; width: 100%; height: 606px; background-position: center; background-size: cover; display: none; }
        /*ñͼƬ-------ʼ*/
        #banner_img li.item1 { background-image: url(../images/banner3.jpg); display: block; }
        #banner_img li.item2 { background-image: url(../images/banner2.jpg); }
        #banner_img li.item3 { background-image: url(../images/banner.jpg); }

    /*ñͼƬ--------*/
    #banner_img .ad_img { position: absolute; right: 10px; top: 80px; width: 506px; height: 404px; }
    #banner_img .ad_txt { position: absolute; left: 10px; top: 370px; color: #fff; text-shadow: 1px 1px rgba(51,51,51,0.3); }
        #banner_img .ad_txt h2 { font: bold 56px/80px Microsoft YaHei; }
		#banner_img .ad_txt p { font:22px/24px Microsoft YaHei; letter-spacing:10px; }
		#banner_img .ad_txt p span{font-size:14px; letter-spacing:2px;}
        #banner_img .ad_txt a { display: block; width: 100px; height: 25px; line-height: 25px; text-align: center; margin-top: 10px; background: #fff; color: #666; text-decoration: none; text-shadow: none; }
#banner_ctr { position: absolute; width: 960px; height: 122px; margin-left: -480px; left: 50%; bottom: 40px; z-index: 1; }
    #banner_ctr ul { width: 960px; height: 122px; background: url(../images/serv_ico.png) center no-repeat; font-size: 0; line-height: 0; position: relative; }
    #banner_ctr li { display: block; float: left; width: 115px; height: 122px; cursor: pointer; }
        #banner_ctr li.first-item { background: #fff; width: 20px; -webkit-border-radius: 20px 0 0 20px; -moz-border-radius: 20px 0 0 20px; border-radius: 20px 0 0 20px; cursor: default; }
        #banner_ctr li.last-item { background: #fff; width: 20px; -webkit-border-radius: 0 20px 20px 0; -moz-border-radius: 0 20px 20px 0; border-radius: 0 20px 20px 0; cursor: default; }
#drag_ctr { position: absolute; top: -14px; left: 20px; width: 115px; height: 156px; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; bottom: 270px; background: #0084cf; }
#drag_arrow { position: absolute; top: -14px; left: 20px; width: 115px; height: 156px; background: url(../images/drag_banner_arrow.gif) center 14px no-repeat; }
