@charset "utf-8";
/*---------ҳ begin-------------*/
*{ padding:0; margin:0}
body{ padding:0px; margin:0px auto; font-size:12px; line-height:18px; color:#787777; font-family:Arial, Helvetica, sans-serif, "宋体";width: 100%; min-width:1200px; width:expression((documentElement.clientWidth < 1200) ? "1200px" : "100%" );zoom:1; position:relative;}
ul,li,form, dl,dt, dd, div { padding: 0px; margin: 0px; }
h1,h2,h3,h4,h5,h6{ margin:0px; padding:0px;}
font,select,input,em{ font-size:12px; font-style:normal;}
ul{ list-style-type: none; }
img{ border:none; border:0;}
a{ text-decoration:none;noline: expression(this.onFocus=this.blur());color:#555555;font-family:Arial, Helvetica, sans-serif;}
a:focus {outline:none;-moz-outline:none;}
a:hover{ color:#14a9cf; text-decoration:none;}
.clear{ clear:both; overflow:hidden; height:0px;}
.mid{ width:1200px; margin:0 auto; overflow:hidden; clear:both;}
.mid2{ width:1200px; margin:0 auto; position:relative; clear:both; z-index:99;}
.blue{ color:#14a9cf;}
.Green{ color:#14a9cf;}
/*---------ҳ end-------------*/

/* top */

.top{ height:120px; position:relative;}
.logo{ position:absolute; top:30px; left:0; background:url(../images/logo.jpg) no-repeat; width:219px; height:80px; display:block;}

/* search */
.search_bg{ background:url(../images/search_bg.jpg) no-repeat right top; display:block; width:303px; height:34px; position:absolute; right:0; top:35px;}
.search_bg:hover .search{ display:block;}
.search{ height:34px; padding-top:26px; position:relative; z-index:10; display:none; overflow:hidden;}
.search input{ background:#fff; width:228px; height:32px; border:solid 1px #e1e0e0; margin-right:1px; font:normal 12px/24px "微软雅黑"; color:#a8a8a8; text-indent:12px; display:block; float:left;}
.search .button{ background:#14a9cf; width:70px; height:34px; border:0; font:normal 14px/34px "微软雅黑"; color:#fff; text-align:center; display:block; text-indent:inherit; cursor:pointer;}

/* search end */

/* Language */

.Language{ position:absolute; right:40px; top:24px; font:normal 14px/34px "微软雅黑"; color:#303030; z-index:20;}
.Language a{ background:url(../images/menu_ul_li_a_bg.jpg) no-repeat right 18px; padding:0 15px; display:block; font:normal 14px/34px "微软雅黑"; color:#303030;}
.Language a:hover{ color:#14a9cf;}
.Language:hover .xiala{ display:block;}
.Language .xiala{ background:#fff; display:none; width:80px; position:absolute; left:15%; top:30px; text-align:center; z-index:10;}
.Language .xiala a{ background:0; border:solid 1px #d3d1d2; font:normal 12px/24px "微软雅黑"; color:#303030; width:60px; padding:0;}
.Language .xiala a:hover{ color:#14a9cf;}

/* Language end */

/* top_link */

#nav8{ background:url(../images/menu_ul_li_a_bg.jpg) no-repeat right 18px; padding:0 15px; position:absolute; right:210px; top:24px; font:normal 14px/34px "微软雅黑"; color:#303030; z-index:20; cursor:pointer;}
#nav8:hover,#nav8.hover{ color:#14a9cf;}
#nav8:hover .xiala{ display:block;}

#nav8 .xiala{ background:#fff; position:absolute; top:34px; left:0; border:solid 1px #d3d1d2; text-align:center; padding:0 25px; display:none;}
#nav8 .xiala a{ font:normal 12px/24px "微软雅黑"; color:#303030; display:block; padding:4px 0;}
#nav8 .xiala a:hover,#nav8 .xiala a.hover{ color:#14a9cf;}

#nav9{ position:absolute; right:130px; top:24px; font:normal 14px/34px "微软雅黑"; color:#303030; z-index:22;}
#nav9:hover,#nav9.hover{ color:#14a9cf;}

/* top_link end */

/* menu */

.menu{ height:40px; position:absolute; left:432px; top:80px; z-index:9;}
.menu ul li{ float:left; text-align:center; height:40px; padding:0 24px; position:relative;}
.menu ul li a{ background:url(../images/menu_ul_li_a_bg.jpg) no-repeat right center; display:block; float:left; width:auto; height:26px; padding-right:24px; border-bottom:solid 2px #fff; text-align:center; font:normal 16px "微软雅黑"; color:#303030;}
.menu ul li a#nav1{ background:0; padding:0;}
.menu ul li a:hover,.menu ul li a.hover{ background:url(../images/menu_ul_li_a_hover.jpg) no-repeat right center; border-color:#14a9cf; color:#14a9cf; font-weight:bold;}

.menu ul li:hover .nav_menu{ display:block;}
.menu ul li .nav_menu{ background:#fff; position:absolute; left:-26px; top:40px; width:138px; border:solid 2px #14a9cf; padding:10px 0; display:none;}
.menu ul li .nav_menu li{ height:38px; text-align:left; padding:0 15px; float:none; position:relative;}
.menu ul li .nav_menu li a{ background:0; display:block; height:38px; padding:0; float:none; border:0; font:normal 14px/38px "微软雅黑"; color:#000;}
.menu ul li .nav_menu li a:hover,.menu ul li .nav_menu li a.hover{ background:0; color:#14a9cf; border-color:#14a9cf;}

/* menu end */

/* top end */

/* banner */

.banner{ height:600px; position:relative; overflow:hidden;}

.slideBox .qiehuan{ width:100%; position:absolute; left:0; top:0; height:82px;}
.slideBox .qiehuan .prev{ background:url(../images/prev.png) no-repeat; width:41px; height:82px; display:block; position:absolute; left:-40px; top:240px; z-index:10;}
.slideBox .qiehuan .next{ background:url(../images/next.png) no-repeat; width:41px; height:82px; display:block; position:absolute; right:-40px; top:240px; z-index:10;}

.slideBox .bd{ position:relative; height:600px; z-index:0;}
.slideBox .bd li{ zoom:1; height:600px; vertical-align:middle;}		
.slideBox .bd a{ width:100%; height:600px; display:block;}		

/* banner end */

/* content */

.content{ font:normal 12px/24px "微软雅黑"; color:#333; margin-top:-53px; position:relative;}

.fangan{ width:385px; height:320px; margin-right:22px; float:left; overflow:hidden;}
.fangan .title{ background:url(../images/fangan_title.jpg) no-repeat; width:385px; height:53px; overflow:hidden;}
.fangan .title h1{ font:bold 18px/53px "微软雅黑"; color:#fff; padding-left:14px; float:left;}
.fangan .title span{ font:normal 16px/53px Arial; color:#96c1e4; padding-left:6px;}
.fangan .title a{ display:block; float:right; width:26px; height:24px; padding-right:10px; margin-top:20px;}

.fangan .con{ padding-top:10px;} 

.index_news{ width:385px; height:320px; float:left; overflow:hidden;}
.index_news .title{ background:url(../images/news_title.jpg) no-repeat; width:385px; height:53px; overflow:hidden;}
.index_news .title h1{ font:bold 18px/53px "微软雅黑"; color:#fff; padding-left:14px; float:left;}
.index_news .title span{ font:normal 16px/53px Arial; color:#96c1e4; padding-left:6px;}
.index_news .title a{ display:block; float:right; width:26px; height:24px; padding-right:10px; margin-top:20px;}

.index_news .con{ padding-top:10px;} 
.index_news .con a{ background:url(../images/dot.jpg) no-repeat left 8px; display:block; height:64px; font:normal 14px/20px "微软雅黑"; color:#303030; padding-left:12px; padding-bottom:12px; margin-bottom:12px; border-bottom:dashed 1px #d2d2d2; overflow:hidden;}
.index_news .con a:hover{ color:#14a9cf;}
.index_news .con a span{ display:block; height:30px; font:normal 12px/30px "微软雅黑"; color:#9a9a9a; }

.huodong{ width:385px; height:320px; float:right; position:relative; overflow:hidden;}
.huodong .title{ background:url(../images/news_title.jpg) no-repeat; width:385px; height:53px; overflow:hidden;}
.huodong .title h1{ font:bold 18px/53px "微软雅黑"; color:#fff; padding-left:14px; float:left;}
.huodong .title span{ font:normal 16px/53px Arial; color:#96c1e4; padding-left:6px;}
.huodong .title a{ display:block; float:right; width:26px; height:24px; padding-right:10px; margin-top:20px;}

.huodong .bd{ padding:10px 12px;}
.huodong .bd dl dt{ height:128px;}
.huodong .bd dl dt img{ width:358px; height:112px; object-fit:cover; display:block;}
.huodong .bd dl dd a{ background:url(../images/dot.jpg) no-repeat left 8px; padding-left:12px; font:bold 14px "微软雅黑"; color:#303030; height:48px; display:block; overflow:hidden;}
.huodong .bd dl dd a:hover{ color:#14a9cf;}
.huodong .bd dl dd{ font:normal 12px/22px "微软雅黑"; color:#9a9a9a;}

.huodong .prev{ background:#14a9cf; width:26px; height:26px; margin-left:12px; text-align:center; font:normal 20px/26px "宋体"; color:#fff; display:inline-block;}
.huodong .next{ background:#dadada; width:26px; height:26px; text-align:center; font:normal 20px/26px "宋体"; color:#fff; display:inline-block;}

/* bottom */
.bottom{ border-top:solid 1px #f5f5f5; font:normal 12px/24px "微软雅黑"; color:#767676; position:relative; min-height:380px; overflow:hidden; padding-bottom:100px;}

.bottom_nav{ padding:24px; overflow:hidden;}
.bottom_nav dl{ height:240px; padding-right:50px; float:left; overflow:hidden;}
.bottom_nav dl dt a{ font:bold 14px "微软雅黑"; display:block; height:32px; color:#000;}
.bottom_nav dl dd a{ font:normal 12px/24px "微软雅黑"; color:#767676;}
.bottom_nav dl dd a:hover{ color:#14a9cf;}

.bottom_contact{ border-left:solid 1px #e8e8e8; padding-left:26px; height:260px; font:normal 12px/24px "微软雅黑"; color:#303030; position:absolute; right:86px; top:24px; overflow:hidden;}
.bottom_contact h1{ font:bold 14px "微软雅黑"; display:block; height:32px; color:#000;}
.bottom_contact span{ background:url(../images/dianhua.jpg) no-repeat; padding-left:62px; display:block; font:normal 32px/43px Arial, Helvetica, sans-serif; color:#14a9cf;}

.bottom_link{ position:absolute; left:0; top:284px; border-top:solid 1px #e8e8e8; padding:0 24px; font:normal 12px/80px "微软雅黑"; color:#252525;}
.bottom_link a{ font:normal 12px/80px "微软雅黑"; color:#252525;}
.bottom_link a:hover{ color:#14a9cf;}

.bottom_banquan{ position:absolute; right:0; top:284px; border-top:solid 1px #e8e8e8; padding:0 24px; width:938px; text-align:right; font:normal 12px/80px "微软雅黑"; color:#252525;}
.bottom_banquan a{ font:normal 12px/80px "微软雅黑"; color:#252525;}
.bottom_banquan a:hover{ color:#14a9cf;}

/* bottom end */ 

/* i_banner */

.i_banner{ height:280px; overflow:hidden;}
.i_banner a{ display:block; width:100%; height:100%;}

/* i_banner end */

/* i_content */
.i_content{ font:normal 12px/24px Arial, Helvetica, sans-serif; color:#333; padding:26px 0; min-height:540px; overflow:hidden;}

/* i_title */

.i_title{ height:25px; border-bottom:dotted 1px #c9c9c9; overflow:hidden;}
.i_title h2{ font:bold 14px "微软雅黑"; color:#303030; float:left;}
.i_title span{ float:right; font:normal 12px "微软雅黑"; color:#939393; overflow:hidden;}
.i_title span a{ font:normal 12px "微软雅黑"; color:#939393;}
.i_title span a:hover{ color:#14a9cf;}

/* i_title end */

/* i_list */

.i_list{ padding:26px 0; overflow:hidden;}

/* 产品中心列表样式 开始 */

.i_list dl.pro{ background:#f5f5f5; width:252px; height:268px; padding:16px; float:left; margin-right:21px; margin-bottom:20px; overflow:hidden;}
.i_list dl.pro dt{ width:254px; height:124px; text-align:center; overflow:hidden;}
.i_list dl.pro dt a img{ width:254px; height:139px; object-fit:cover;}
.i_list dl.pro dd a{ font:bold 14px "微软雅黑"; display:block; color:#303030; padding:20px 0 10px 0;}
.i_list dl.pro dd a:hover{ color:#14a9cf;}
.i_list dl.pro dd{ font:normal 12px/24px "微软雅黑"; color:#5e5e5e; }
.i_list dl.pro dd a.more{ background:url(../images/btn_a_bg.jpg) no-repeat; width:90px; height:33px; padding:0; padding-left:10px; font:bold 12px/33px "微软雅黑"; color:#fff;}
.i_list dl.pro dd a.more:hover{ background:url(../images/btn_a_hover.jpg) no-repeat; }

/* 产品中心列表样式 结束 */

/* 客户端列表样式 结束 */

.i_list dl.kh{ float:left; width:210px; margin-right:30px; margin-bottom:20px; overflow:hidden;}
.i_list dl.kh dt{ float:left; width:62px; height:40px;}
.i_list dl.kh dd a{ font:bold 16px "微软雅黑"; display:block; color:#353535; }
.i_list dl.kh dd a:hover{ color:#14a9cf;}
.i_list dl.kh dd{ font:normal 16px "微软雅黑"; display:block; color:#2e2e2e; }

/* 客户端列表样式 结束 */


/* 新闻中心列表样式 结束 */

.i_list dl.news{ border-bottom:dotted 1px #dadada; padding-bottom:20px; margin-bottom:20px; overflow:hidden;}
.i_list dl.news dt{ width:284px; height:214px; float:left;}
.i_list dl.news dt a img{ width:280px; height:210px; padding:1px; border:solid 1px #dadada;}
.i_list dl.news dd a{ font:bold 16px "微软雅黑"; display:block; color:#303030; padding:20px 0 10px 0;}
.i_list dl.news dd a:hover{ color:#14a9cf;}
.i_list dl.news dd{ width:890px; float:right; font:normal 14px/32px "微软雅黑"; color:#5e5e5e; }
.i_list dl.news dd a.more{ background:url(../images/btn_a_bg.jpg) no-repeat; width:90px; height:33px; padding:0; padding-left:10px; font:bold 12px/33px "微软雅黑"; color:#fff;}
.i_list dl.news dd a.more:hover{ background:url(../images/btn_a_hover.jpg) no-repeat; }

.i_list ul li.news{ border-bottom:dotted 1px #c2c2c2; height:39px; overflow:hidden;}
.i_list ul li.news a{ background:url(../images/news_ul_li_a_bg.png) no-repeat left center; padding-left:20px; float:left; display:block; width:980px; font:normal 12px/40px "微软雅黑"; color:#474747;}
.i_list ul li.news span{ float:right; text-align:right; font:normal 12px/40px "微软雅黑"; color:#747474;}
.i_list ul li.news a:hover{ background:url(../images/news_ul_li_a_hover.png) no-repeat left center; color:#14a9cf;}

/* 新闻中心列表样式 结束 */

/* 下载中心列表样式 开始 */

.i_list ul li.xz{ width:226px; height:316px; float:left; margin-right:98px; margin-bottom:32px; overflow:hidden;}
.i_list ul li.xz a{ width:200px; height:290px; padding:12px; border:solid 1px #f0f0f0; display:block; text-align:center; font:normal 16px/32px "微软雅黑"; color:#303030; overflow:hidden;}
.i_list ul li.xz a img{ width:200px; height:250px; padding-top:10px;}
.i_list ul li.xz a:hover{ color:#14a9cf;}

/* 下载中心列表样式 结束 */

/* 招聘列表样式 开始 */

.templet_jobs_004 ul li{ height:auto; overflow:hidden;}
.templet_jobs_004 ul li h5{ background:url(../images/news_ul_li_a_bg.png) no-repeat left center; padding-left:18px; border-bottom:solid 1px #dedede; font:normal 14px/44px "微软雅黑"; color:#666;  display:block; font-weight:normal; cursor:pointer;}
.templet_jobs_004 ul li h5 a{ font:normal 14px/44px "微软雅黑"; color:#666;}
.templet_jobs_004 ul li h5.down{ background:url(../images/news_ul_li_a_hover.png) no-repeat left center; border:0;}
.templet_jobs_004 ul li h5.down a{ color:#14a9cf;}
.templet_jobs_004 ul li h5 span{ float:right;}
.templet_jobs_004 ul li .my_content{ background:#fff; padding:20px 30px; border:solid #dedede 1px; color:#696969; line-height:32px; display:none;}

/* 招聘列表样式 结束 */

/* 宣传视频样式 开始 */

.i_list ul li.video{ width:280px; height:240px; float:left; margin-right:26px; overflow:hidden;}
.i_list ul li.video a img{ background:#fff; width:280px; height:200px;}
.i_list ul li.video a{ font:normal 14px/38px "微软雅黑"; display:block; color:#666; text-align:center;}
.i_list ul li.video a:hover{ color:#14a9cf;}

/* 宣传视频样式 结束 */


/* 友情链接列表样式 开始 */

.i_list ul li.link{ width:164px; height:130px; float:left; margin-right:43px; overflow:hidden;}
.i_list ul li.link a img{ background:#fff; width:160px; height:80px; padding:1px; border:solid 1px #ccc;}
.i_list ul li.link a{ font:normal 14px/38px "微软雅黑"; display:block; color:#666; text-align:center;}
.i_list ul li.link a:hover{ color:#14a9cf;}

/* 友情链接列表样式 结束 */


.ul_sitemap{ font:normal 14px/38px "微软雅黑"; color:#333;}

/* i_list end */

/* i_info */

.i_info{ padding:26px 0; overflow:hidden;}
.i_info dl.fangan{ width:210px;}
.i_info dl.fangan dt{ float:left; width:62px;}
.i_info dl.fangan dd a{ font:bold 16px "微软雅黑"; display:block; color:#353535; }
.i_info dl.fangan dd{ font:normal 16px "微软雅黑"; display:block; color:#2e2e2e; }

.i_info .pro_img{ text-align:center;}
.i_info .pro_img img{ width:524px; max-width:calc(100% - 56px); height:auto; padding:40px 26px; border:solid 1px #f1f1f1; margin:0 auto 20px; vertical-align:bottom; background:#fff;}
.i_info .pro_img a{ background:url(../images/btn_a_hover.jpg) no-repeat; width:90px; height:33px; display:inline-block; padding-left:10px; text-align:left; font:bold 12px/33px "微软雅黑"; color:#fff;}

.i_info .pro_title{ height:34px; border-bottom:solid 1px #14a9cf; margin-top:30px; overflow:hidden;}
.i_info .pro_title h1{ background:#14a9cf; width:104px; height:34px; text-align:center; font:bold 14px/34px "微软雅黑"; color:#fff;}

/* i_info end */

/* i_content end */


/*info*/
.Info_title{ padding:0px; margin:10px 0px; font-size:18px; font-family:"微软雅黑"; color:#14a9cf; text-align:center; }
.Info_time{ padding:0px; margin:0px; font-size:12px; font-weight:normal; text-align:center;}
.Info_time{ color:#666; line-height:34px;}
.Info_txt{ padding:10px 0; line-height:28px;}
.Info_txt p{ margin:0 0 12px;}
.Info_txt img{ display:block; max-width:100%; height:auto; margin:14px auto;}
.Info_txt h2{ margin:28px 0 14px; font:bold 16px/34px "微软雅黑"; color:#14a9cf; border-bottom:solid 1px #14a9cf;}
.Info_txt blockquote{ margin:12px 0 18px; padding:10px 18px; border-left:4px solid #14a9cf; background:#f7fbfc; color:#555;}
.Info_txt .content-table{ width:100%; border-collapse:collapse; margin:18px auto; font-size:13px; line-height:1.8;}
.Info_txt .content-table th,.Info_txt .content-table td{ border:1px solid #e0e0e0; padding:8px 12px; text-align:left; vertical-align:top;}
.Info_txt .content-table th{ background:#f6f8f9; color:#333; font-weight:bold;}
.content-body-products > p:first-child{ text-align:center;}
.content-body-products > p:first-child img{ width:524px; max-width:calc(100% - 56px); padding:40px 26px; border:solid 1px #f1f1f1; background:#fff;}
.content-body-news img,.content-body-activity img{ max-width:760px;}
.Info_back{ text-align:center; font-size:12px; font-weight:normal; padding:15px 0px;}
.Info_back a{ color:#ef2e25; text-decoration:underline;}
.Info_back a:hover{ color:#ef2e25; text-decoration:none;}
.Info_page a{ color:#7a7a7a;}


/*pages*/

.Pages{ text-align:center; padding:20px 0; font-family:"微软雅黑"; }
.Pages a{ display:inline-block; height:30px; font-family:"微软雅黑"; line-height:30px; margin:0 1px;}
.Pages a:hover{ background:#14a9cf; color:#fff;}
.Pages em{ padding:0 5px;}
.Pages em a{ background:#ebebeb; font-style:normal; font-family:"微软雅黑"; width:30px; line-height:30px;}
.Pages em a.a_cur{ background:#14a9cf; color:#fff;}
.Pages .a_first,.Pages .a_prev,.Pages .a_next,.Pages .a_end{ background:#ebebeb; width:60px; height:30px; text-align:center; padding:0 5px;}
.Pages .i_text{ width:54px; height:20px; text-align:center; font-size:12px; border:inset 1px #ddd; background:#fff; margin:0 8px;}
.Pages .p_jump b.f1{ font-weight:normal;}
.Pages .i_button { background:#14a9cf; width:40px; height:24px; margin-left:10px; color:#fff; cursor:pointer; border:none;}

.page{ padding:20px 0; text-align:center;}
.page a{ display:inline-block; background:#ebebeb; width:72px; height:30px; margin-right:20px; font:normal 12px/30px "微软雅黑"; color:#2a2a2a;}
.page a:hover{ background:#14a9cf; color:#fff;}

/*pages end*/

/* responsive */
@media (max-width: 1100px) {
    .bottom_contact {
        position: relative;
        right: auto;
        top: auto;
        border-left: none;
        border-top: solid 1px #e8e8e8;
        padding-left: 24px;
        height: auto;
        margin-top: 20px;
    }
    .bottom_link, .bottom_banquan {
        position: relative;
        top: auto;
        border-top: none;
    }
    .bottom {
        padding-bottom: 20px;
    }
}