﻿@charset "utf-8";
/* CSS Document */
*{margin:0;padding:0;}
body{font-size:14px;font-family:"微软雅黑";background:#fff;}
ul,li{margin:0px;padding:0px;}
img{border:none}
li{list-style-type:none}
a{text-decoration:none;hide-focus: expression(this.hideFocus=true);outline: none;cursor:pointer;}
a:focus{outline:0}
a:hover{color:#0d3fb8 !important}
.clear {clear:both;height:0; font-size:0; line-height:0; }
/* 页面外框 */
.wrap{width:1142px;height:auto;margin:0 auto; position:relative;}
.container{width:1142px; position:relative;height:auto;margin:0 auto;}
/* 页面头部 */
.logo{width:145px; height:57px; float:left; display:inline; padding:20px 0 20px 0;}
.logo-txt{ width:400px; float:left; height:auto; color:#010000; font-size:25px; font-weight:bold; letter-spacing:4.5px; padding:20px 0 0 20px;}
.logo-txt span{ display:block; font-size:14px;letter-spacing:0; padding:3px 0 0 0}
.header_right{width:335px;height:auto; float:right; display:inline;overflow:hidden; line-height:30px;color:#6A6A6A; padding:4px 0 0 0;text-align:right}
.header_right a{color:#6A6A6A; padding:0 12px;}
.tel{height:25px; line-height:25px; padding:2px 0 0 0}
.tel span{color:#000; font-size:14px; font-weight:bold;padding:0 6px 0 0}
.header-line{ height:2px; line-height:2px; font-size:0; background:#0d3fb8}
.zh{ width:240px; float:right;text-align:right;height:30px; font:12px/30px Verdana; color:#c8c8c8;}
.zh a{color:#c8c8c8;}
.zh img{ width:15px; height:11px; vertical-align:middle; margin:0 5px 0 12px}
/* 主导航 */
.nav{height:42px; overflow:hidden; padding:8px 0 8px 0}
.nav a {display:inline-block;height:42px;font:bold 16px/42px "微软雅黑";color:#010000; width:103px;background:url(../Images/nav.png) no-repeat left center; text-align:center; margin:0 30px 0 0 ;}
.nav a:hover,.nav .on {background:#03499e;color:#fff !important;}
/* 搜索 */
.search-div{background:#f4f4f4; width:100%; padding:10px 0; margin-bottom:16px;}
.hot-search{height:30px; font-size:14px; line-height:30px; width:650px; float:left; color:#787878;}
.hot-search a{ color:#787878; padding:0 4px;}
.search{width:287px;height:34px; float:right;}
.search input{width:176px;height:26px; padding:0 0 0 25px;font:14px/26px "微软雅黑"; border-left:2px solid #797979; border-top:2px solid #797979;border-bottom:2px solid #e0e0e0;border-right:2px solid #e0e0e0;color:#adadad;background:#fff url(../Images/search.gif) no-repeat 5px center;}
.search .submit{float:right;width:72px; border-radius:3px;height:28px;cursor:pointer;border:none; padding:0; background:#024ea3; color:#fff; font:14px/28px "微软雅黑"}
/* 页面尾部 */
.footer{width:1142px;height:auto;margin:0 auto; color:#323232; line-height:23px;padding:15px 15px 15px 0; text-align:center}
.footer a{color:#323232;}
/******************友情链接*********************/
.friendlink{display: none;}
#index_home .friendlink{display:block;line-height:30px;width:1142px;margin:0 auto;height:auto; border-bottom:2px solid #003e92; padding:12px 0 8px 0;}
#index_home .friendlink a{color:#484848; padding:0 0 0 10px;}
#index_home .friendlink span{display:inline-block;font:bold 14px/30px "微软雅黑";color:#003e92; padding:0 0 0 15px;}
/******************flash动画效果*********************/
.banner_a{width:100%;height:450px; overflow:hidden; position:relative; margin:0 auto ;}
.banner_a ul{width:10000px; height:450px;overflow:hidden;}
.banner_a ul li{overflow:hidden;float:left;width:1142px;height:450px;}
.banner_a ul li a{width:100%; height:450px;display:block;}
.banner_a ol{height:21px; position:absolute; z-index:10; list-style:none; right:600px; bottom:10px;}		
.banner_a ol li{width:10px;height:10px; float:left; margin:2px; display:block; font-size:0px;background:#fff; color:#8b0a00;opacity: 0.8; line-height:0px;text-align:center; cursor:pointer;border-radius:50%;}
.banner_a ol li.on{background:#0d3fb7;color:#fff; text-align:center;}
.flash_img{width:100%;height:185px;}
/*********** 嘉腾优势 **************/
.superiority{width:573px; float:left; display:inline; height:auto;margin:0 17px 0 20px;}
.superiority_img{float:left; display:inline-block; width:85px;height:146px; margin:0 25px 0 0;}
.superiority_ul{width:385px; float:left; display:inline; height:auto; font:14px/28px "微软雅黑";color:#313131;}
/*********** 证书展示**************/
.center-gd{width:251px;height:auto;padding:0 0 20px 0;float:left; display:inline;}
.center-gd .dh{}
.center-gd .btn {float:left;isplay:inline;height:121px;cursor:pointer;width:40px;}
.center-gd .center {position:relative;float:left;width:165px;height:185px;overflow:hidden;display:inline;}
.center-gd .list_v {width:165px;height:185px;float:left;margin:0 5px 0 0;}
.center-gd .list_v img{width:165px;height:185px;}
/************************************* 侧栏-产品分类 *************************************/
.side_nav {width:269px;height:auto;overflow:hidden;}
.side_nav dt {width:250px;height:35px;cursor:pointer; margin:0 0 0 13px;overflow:hidden; font:14px/35px "微软雅黑";border-bottom:1px solid #EAEAEA;}
.side_nav dt a {display:block;height:35px;color:#272727;padding:0 0 0 32px;background:url(../Images/dd.gif) no-repeat 13px 13px;}
.side_nav dt a:hover, .side_nav dt.on a {color:#003e92 !important;background:url(../Images/dda.gif) no-repeat 3px 7px;}
.side_nav dd {width:250px; height:auto;margin:0 0 0 13px;}
.side_nav dd p{width:250px; height:32px;border-bottom:1px solid #EAEAEA;}
.side_nav dd a {display:block;font:12px/32px "微软雅黑";color:#545454;height:32px;padding:0 0 0 45px;background:url(../Images/ddb.gif) no-repeat 35px 14px}
.side_nav dd a:hover{color:#003e92 !important;}
/************************************* 侧栏-产品分类 *************************************/
.side_nava {width:247px;height:auto;overflow:hidden;border-left:1px solid #E6E6E6;border-right:1px solid #E6E6E6; padding:0 0 5px 0}
.side_nava dt {width:223px;height:35px;cursor:pointer; margin:0 0 0 13px;overflow:hidden; font:14px/35px "微软雅黑";border-bottom:1px solid #EAEAEA;}
.side_nava dt a {display:block;height:35px;color:#272727;padding:0 0 0 32px;background:url(../Images/dd.gif) no-repeat 13px 13px;}
.side_nava dt a:hover, .side_nav dt.on a {color:#003e92 !important;background:url(../Images/dda.gif) no-repeat 3px 7px;}
.side_nava dd {width:223px; height:auto;margin:0 0 0 13px;}
.side_nava dd p{width:223px; height:32px;border-bottom:1px solid #EAEAEA;}
.side_nava dd a {display:block;font:12px/32px "微软雅黑";color:#545454;height:32px;padding:0 0 0 45px;background:url(../Images/ddb.gif) no-repeat 35px 14px}
.side_nava dd a:hover{color:#003e92 !important;}
/***************** 侧栏-通用栏目 **************************/
.side_publicbar {width:510px;height:197px; float:right; display:inline;border-right:2px solid #fff;}
.side_publicbar .title {height:35px;padding:11px 0px 0 0px; overflow:hidden;}
.side_publicbar .title span {float:left;display:inline-block;margin-right:2px; font-size:15px;height:30px; line-height:30px; width:112px;color:#FFFFFF;cursor:pointer; padding:0 0 5px 0;background:url(../Images/sub.gif) no-repeat;}
.side_publicbar .title span b {display:block; height:25px; text-align:center;}
.side_publicbar .title .on {color:#FFFFFF;background:url(../Images/suba.gif) no-repeat;}
.side_publicbar .content {padding:9px 8px 0 0;height:137px;overflow:hidden;}
/*********** 产品 **************/
.product_div{width:840px; float:right; display:inline; height:auto;margin:0 0 0 20px;}
.product-list{float:left;display:inline;width:270px;overflow:hidden;color:#313131; margin:10px 5px 10px 5px;height:auto; text-align:center;}
.product-list img{width:270px;height:210px;display:block; margin-bottom:10px;}
.product-list p{height:30px; line-height:30px; overflow:hidden;}
.product-list a{color:#313131;}
.product-lista{float:left;display:inline;width:180px;overflow:hidden;color:#313131; margin:15px 48px 10px 50px;height:351px; line-height:30px;}
.product-lista img{width:180px;height:311px;display:block;padding:2px 0 10px 0;}
.product-lista a{color:#272727;}
/******************中间内容-中间内容*********************/
.index-center{width:1140px;height:226px; border:1px solid #E8E8E8; padding:3px 0 0 0;background:url(../Images/center.gif) repeat-x;}
/******************左边新闻*********************/
.leftNews{width:370px;height:auto; float:left; display:inline;border-left:2px solid #fff; padding:7px 0 0 10px;}
.leftNews_dh{height:25px; font-size:16px;line-height:25px; font-weight:bold; padding:0 0 9px 10px;background:url(../Images/leftnews.gif) no-repeat 0 bottom;}
.leftNews_dh a{color:#0841ac}
.leftNews .list-txt a{padding:0 0 0 30px;color:#4D4C4C;background:url(../Images/ddb.gif) no-repeat 20px 9px;}
.leftNews .list-txt a:hover{background:url(../Images/ddc.gif) no-repeat 20px 9px;}
/******************页面导航*********************/
.dh{height:33px;font:bold 14px/33px "微软雅黑";color:#313131;padding:0 10px 0 3px; border-bottom:1px solid #0d3fb8; margin-bottom:8px;}
.dh a{color:#313131;}
.dh b{color:#B3B3B3; font:normal 10px/33px "微软雅黑";}
.dh span{float:right; font:normal 12px/33px "微软雅黑"; color:#5F5F5F;}
.dhpro{height:40px; padding:8px 10px 0 0px;border-bottom:1px solid #0d3fb8;font:bold 16px "微软雅黑"; color:#024787; margin-bottom:8px;}
.dhpro span{float:right; font:normal 12px/40px "微软雅黑"; color:#5F5F5F;}
.dhpro span a{color:#5F5F5F;}
.dhpro b{display:block; font:normal 10px "微软雅黑"; color:#B3B3B3;}
/******************页面左边*********************/
.left{float:left;display:inline;width:280px; height:auto;  box-shadow:0 5px 5px #b1b1b1; margin-bottom:25px;}
.left_dh{height:45px; font-size:20px; line-height:45px;color:#000; border-top:6px solid #0841ac;text-align:center; padding:4px 0 10px 0; letter-spacing:8px; font-weight:bold;}
.left_nn{float:left; display:inline; width:280px; height:auto;}
.left_nndh{height:50px; background:url(../Images/dhc.gif) no-repeat;font:bold 15px/50px "微软雅黑"; padding:0 0 12px 15px; color:#0d3fb8}
.left_nndh span{font:normal 10px/50px Arial; color:#AAAAAA}	
/******************右边导航*********************/
.rightsidebar{width:145px; height:180px; overflow:hidden;float:left; display:inline; padding:30px 0 0 34px;background:url(../Images/leftnewsa.gif) no-repeat left center}
.rightsidebar a{display:block; height:25px;color:#323232; padding:5px 0 10px 0;font:bold 14px/25px "微软雅黑"; text-align:center;background:url(../Images/rightnav.gif) no-repeat 0 bottom;}
/******************首页关于公司内容*********************/
.profile{width:490px;height:132px; color:#484848; line-height:22px;overflow:hidden;}
.profile a{color:#0358A8;}
.profile img{width:158px; height:125px; float:left; display:inline-block;padding:8px 18px 0 0;}
/******************文章内容*********************/
.about-nn{ line-height:30px;color:#626262;height:auto;padding:10px 10px 15px 10px;}
.about-nna{ line-height:30px;color:#4E4E4E;height:auto;padding:10px 10px 20px 10px; width:717px;}
/******************左边导航*********************/
.leftsidebar{width:223px; height:auto;padding:0 12px 0 12px;border-left:1px solid #E6E6E6;border-right:1px solid #E6E6E6;}
.leftsidebar li{height:37px;color:#545454; border-bottom:1px solid #EAEAEA;overflow:hidden; line-height:37px;}
.leftsidebar li a{display:block; height:37px;color:#545454;padding:0 0 0 35px;}
.leftsidebar li a:hover,.leftsidebar li.on a{color:#FFFEFE !important;background:#0d3fb8 url(../Images/leftnavb.gif) no-repeat 15px center;}
/******************文本*********************/
.list-txt{ line-height:28px;height:28px;overflow:hidden;}
.list-txt span{ display:block; height:28px; line-height:28px;color:#4E4D4D; float:right;padding:0 8px 0 10px;}
/******************右边内容*********************/
.rigth{float:left;display:inline;width:850px;height:auto;margin:0 0 0 10px; overflow:hidden}
.rigth_dh{font:bold 15px/35px "微软雅黑"; height:35px; color:#0d3fb7;padding:0 0 0 10px; margin:0 0 10px 0;background:url(../Images/linec.gif) repeat-x 0 bottom;}
.rigth_dh span{ float:right; display:block; height:35px; color:#7F7F7F; font-size:14px; font-weight:normal}
.rigth_dh span a{color:#7F7F7F}
.rigth .product-list{ margin:10px 6px 10px 7px;}
/******************首页视频*********************/
.video{width:150px; height:137px;line-height:30px;float:left; display:inline; text-align:center;margin:0 12px 0 0;}
.video img{width:150px; height:107px; display:block;}
.video a{color:#313131;}
.video_a{width:240px; height:237px;line-height:30px;float:left; display:inline; text-align:center;margin:10px 20px 15px 20px;}
.video_a img{width:240px; height:210px; display:block; margin-bottom:5px;}
.video_a a{color:#313131;}
.video_b{width:630px; height:auto; margin:50px auto 25px auto;color:#313131; line-height:27px;}
.video_b p{padding-top:15px;}
/******************联系我们*********************/
.contactUs{ line-height:30px;color:#484848;height:auto; overflow:hidden;padding:10px 0 15px 7px;}
.contactUs-ditu{width:850px; height:500px;}
/********************** 留言 **************************/
.message{width:503px;padding:30px 0 25px 40px; height:auto;color:#292929;}
.message label{color:#292929;}
.message .tr { line-height:30px;height:30px;padding:7px 0 0 0px;}
.message input{ height:26px; line-height:26px; width:330px;vertical-align:middle;color:#292929;padding:0px 2px;border:1px solid #E9E9E9;background-color:#FFFFFF;}
.message textarea{height:154px; width:394px;padding:0px 2px;vertical-align:middle;color:#292929;border:1px solid #E9E9E9;background-color:#FFFFFF;}
.message .btn {width:71px;height:26px;cursor:pointer;border:none;padding:0px;background:url(../Images/btn.gif) no-repeat;}
/**************** 翻页栏 *************************/
.paging {height:20px; line-height:20px;text-align:center;padding:30px 0px 30px 0;color:#313131;}
.paging a {color:#313131; padding:0 3px;}
.paging a:hover{color:#0d3fb8 !important;font-weight:bold}
.paging .on{ color:#0d3fb8; font-weight:bold}
/******************右边新闻*********************/
.rightNews{width:795px; height:auto; padding:10px 0 0 17px;}
.rightNews .list-txt{background:url(../Images/linec.gif) repeat-x 0 bottom;padding:4px 0 4px 0;}
.rightNews .list-txt a{color:#4E4D4D; padding:0 0 0 18px;background:url(../Images/ddg.gif) no-repeat 5px 8px;}
.rightNews .list-txt a:hover{background:url(../Images/ddh.gif) no-repeat 5px 8px;}
/******************内容详细页*********************/
.Detailed{height:auto; font:bold 16px/30px "微软雅黑"; text-align:center;color:#4E4D4D; padding:15px 0 2px 0;}
.Detailed_dh{height:auto; font:normal 12px/25px "微软雅黑"; text-align:center;background:url(../Images/linec.gif) repeat-x 0 bottom;color:#7F7F7F; padding:4px 0 10px 0; margin-bottom:15px;}
.Detailed_sx{height:auto; line-height:23px;padding:10px 15px 15px 10px;color:#4E4D4D;background:url(../Images/linec.gif) repeat-x;}
.Detailed_sx p{padding-top:4px;}
.Detailed_sx a{color:#4E4D4D;}
/******************下载中心*********************/
.down{width:850px;height:auto;overflow:hidden;border-bottom:1px dashed #E2E2E2; padding:18px 0 10px 0}
.down_left{width:248px; float:left; display:inline; height:auto;padding:0 0 0 20px;margin:0 10px 0 10px; line-height:25px; color:#7F7F7F;background:url(../Images/down.gif) no-repeat 0 5px;}
.down_left p{height:27px; overflow:hidden;}
.down_left a{color:#333; font-weight:bold;}
.down_right{width:536px; float:left; display:inline; height:auto;color:#7F7F7F; line-height:22px;}
.down_right .txt{width:534px; border:1px solid #0d3fb8; padding:5px 10px;height:44px; overflow:hidden; margin:0 0 6px 0;color:#fff; background:#4e6fbf;}
/*********** 证书 **************/
.Certificate{width:195px; height:160px; line-height:30px;float:left; display:inline; margin:15px 40px 0 48px;text-align:center; overflow:hidden;}
.Certificate img{width:195px; height:130px; display:block; margin-bottom:5px;}
.Certificate a{color:#545454;}
.Certificate_a{width:195px; height:300px; line-height:30px;float:left; display:inline; margin:20px 40px 0 48px;text-align:center; overflow:hidden;}
.Certificate_a img{width:195px; height:267px; display:block;margin-bottom:5px;}
.Certificate_a a{color:#545454;}
/*********** 产品详细页面 **************/
.products_left{width:500px; height:auto; padding:30px 0 20px 0; margin:0 auto}
.products_left img{width:500px; height:389px; }
.products_lefta{width:260px; height:auto;float:left; display:inline; margin:10px 0 20px 0;}
.products_lefta img{width:260px; height:449px; padding:10px 0 25px 0 }
.products_right{width:830px; height:auto; margin:10px 0 20px 10px;position:relative;}
.products_righta{width:547px; height:auto; margin:10px 0 20px 0;float:right; display:inline; position:relative;}
.products_rightdh{font:bold 16px/28px "微软雅黑"; height:auto; padding:0 6px 0 0;color:#333; margin:10px 0 0 0;}
.products_rightnn{line-height:30px; padding:10px 0 10px 0; height:auto;color:#4E4E4E}
.product_content {float:right;display:inline;width:440px;}
.product_content .zoompic{width:440px;height:300px;overflow:hidden;}



.pro{ width:500px; height:90px; margin:0 auto;}
.pro_left{ float:left;width:20px; height:56px; background:url(../Images/leftbtn.jpg) no-repeat left top;cursor:pointer;}
.pro_right{ float:right; width:20px; height:56px; background:url(../Images/rightbtn.jpg) no-repeat right top;cursor:pointer}
.pro_center{ width:460px; height:56px; float:left;overflow:hidden; position:relative;}
.pro_center .vp_list{ float:left; display:inline; width:72px; height:56px; margin:0 9px;cursor:pointer;}
.pro_center .vp_list img{width:70px; height:54px; border:1px solid #ebebeb;}

.video-tj{width:510px; height:auto; margin:0 auto}


        .slideshow {
            width: 840px;
            height: 540px;
  position: relative;
  overflow: hidden;
  margin: 0 auto;
}
.df{
   display:flex
}
.images {
  background: url(slideshow.jpg);
  position: absolute;
  left: 0;
  top: 0;
  height: 100%;
  width: 3390%;
  animation: slideshow 20s linear infinite;
}
.images:hover{
animation-play-state:paused;
}
.images>div{
    width: 840px;
    height: 540px;
}
@keyframes slideshow {
  0%    { left: 0; }
  100%  { left: -200%; }
}
