﻿@charset "utf-8";
/* CSS Document */
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,button,textarea,p,blockquote,th,td { margin:0; padding:0; box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box;}   
body { background:#fff; color:#555; font-size:14px; font-family:"微软雅黑", Verdana, Arial, Helvetica, sans-serif; max-width:1920px; }   
td,th,caption { font-size:14px; }   
h1, h2, h3, h4, h5, h6 { font-weight:normal; font-size:100%; }   
address, caption, cite, code, dfn, em, strong, th, var { font-style:normal; font-weight:normal;}   
a { color:#555; text-decoration:none; }     
img { border:none; max-width:100%; display:block;}   
ol,ul,li { list-style:none; }   
input, textarea, select, button { font:14px Verdana,Helvetica,Arial,sans-serif; }   
table { border-collapse:collapse; }   
html {overflow-y: scroll;}   
.clear:after {content: "."; display: block; height:0; clear:both; visibility: hidden;}   
.clear { *zoom:1; }  
.ri{ float:right;}
.le{ float:left;}

.trans,img,a,span,p {transition:all 0.3s ease;-moz-transition:all 0.3s ease;-ms-transition:all 0.3s ease;-o-transition:all 0.3s ease;-webkit-transition:all 0.3s ease;}
.table{ display:table; width:100%; height:100%;}
.table .tbc{ display:table-cell; vertical-align:middle; width:100%; height:100%;}
.imgs{ overflow:hidden; position:relative;}
.imgs img{transition:all 0.3s ease;-moz-transition:all 0.3s ease;-ms-transition:all 0.3s ease;-o-transition:all 0.3s ease;-webkit-transition:all 0.3s ease;}
.imgs:hover img{ transform:scale(1.1); -moz-transform:scale(1.1);-ms-transform:scale(1.1);-o-transform:scale(1.1);-webkit-transform:scale(1.1);}
.one-line {
    overflow: hidden;
    white-space: nowrap;
    display: block;
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis;
}
.two-line {
    overflow: hidden;
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
}

.three-line {
    overflow: hidden;
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
}

.clr{ clear:both;}
.w1280{ max-width:1290px; margin:0 auto;}
.w1480{ max-width:1480px; margin:0 auto;}
.w1680{ max-width:1680px; margin:0 auto;}

.headtop{ position:relative; height:48px; background:url(../images/headbac.jpg);}
.headtop .search{ height:48px;background-image:url(../images/1index_02.png); background-repeat:no-repeat; background-position: left center; background-color:#0066cc; padding-left:115px; background-color:#fff; background-size:auto 100%;}
.headtop .search .formssearch{ border:1px solid #7d7d7d; margin-top:17px; height:30px; width:350px; display:inline-block;}
.headtop .search .formssearch input::placeholder {font-size:14px; color:#cccccc;    }
.headtop .search .formssearch input{ width:300px; height:28px; line-height:28px; font-size:14px; color:#cccccc; border:none; outline:none; padding:0 15px;}
.headtop .search .formssearch button{ width:48px; border:none; outline:none; cursor:pointer; background:url(../images/1index_08.png) no-repeat center center; height:28px;}
.headtop .search img{ display:inline-block;}

.headtop .search a.logo{ height:31px; margin-top:15px; margin-left:70px; display:inline-block;}

.header{ box-shadow:0 0 10px #eaeaea;}
.navs{ padding:20px 0;}
.navs ul li{ display:inline-block;margin-left:60px; position: relative;}
.navs ul li.lang{ margin-left:150px;}
.ablelogo img{ max-height:47px;}
.navs ul li a{ display:block; padding:0 20px; line-height:47px; font-size:18px; color:#939598;}
.navs ul li.lang a{ width:30px; height:30px; border-radius:100px; background:#0066cc; color:#fff; font-size:14px; padding:0; line-height:30px; text-align:center;}
.navs ul li.lang a:hover{ color:#fff;}
.navs ul li.cur >a{ font-weight:bold; color:#0066cc; background:url(../images/1index_17.png) right center no-repeat;}
.navs ul li a:hover{ color:#0066cc;}


.shouyesub{ z-index: 100; display: none; box-shadow: 0 0 10px #ccc; position: absolute; top: 100%; left: 50%; width: 200px; background: #fff; margin-left: -100px; padding: 20px 5px;}
.navs ul li .shouyesub a{ font-size: 14px; display: block; text-align: center;line-height: 1.4;
    margin: 10px 0;}
.wap{ display:none;}
.hei50{ height:50px; width:100%;}
.sp_header{height:50px;overflow:hidden;background:#fff;position:fixed;z-index:10;width:100%;box-shadow:0 0 10px #eaeaea;}
.sp_logo{padding:10px;float:left;height:50px}
.sp_logo img{margin:auto;max-height:30px;}
.sp_nav{width:50px;float:right;position:relative;cursor:pointer;height:30px;margin-top:15px}
.sp_nav span{display:block;background:#0066cc;width:30px;height:2px;position:absolute;left:10px;transition:all ease 0.35s}
.sp_nav span:nth-of-type(1){top:0px}
.sp_nav span:nth-of-type(2){top:10px}
.sp_nav span:nth-of-type(3){top:20px}
.sp_nav_se span:nth-of-type(1){top:10px;transform:rotate(45deg)}
.sp_nav_se span:nth-of-type(2){width:0}
.sp_nav_se span:nth-of-type(3){top:10px;transform:rotate(-45deg)}
.sjj_nav{position:fixed;z-index:9;background:#fff;width:100%;height:calc(100% - 104px);font-size:14px;line-height:40px;top:-100%;left:0;overflow:auto;overflow-x:hidden;transition:top ease 0.35s;}
.nav_show{top:50px}
.sjj_nav>ul>li:first-child{overflow:hidden;border-top:0}
.sjj_nav>ul>li:first-child>a{float:left;width:calc(100% - 70px)}
.sjj_nav>ul>li:first-child .language{float:right;width:70px;overflow:hidden;line-height:30px;margin-top:5px}
.sjj_nav>ul>li:first-child .language a{width:35px;float:left;border-left:1px #ddd solid;text-align:center;color:#999;}
.sjj_nav ul li i{position:absolute;top:5px;right:0px;border-left:1px #ddd solid;height:30px;padding:0px 7px 0 7px;}
.sjj_nav ul li i svg{transform:rotate(-90deg);transition:all ease 0.35s}
.sjj_nav ul li .sjj_nav_i_se svg{transform:rotate(0deg)}
.sjj_nav ul li{border-top:1px #ddd dashed;margin-left:20px;position:relative;line-height:40px;font-size:14px}
.sjj_nav>ul >li:last-child{border-bottom:1px #ddd solid;}
.sjj_nav ul li ul{display:none}
.sjj_nav ul li a{color:#666;width:80%}
.sjj_nav ul li ul li a{color:#999;display:block;text-align:left;}
.sjj_nav ul li i svg{width:20px;height:20px;fill:#555;}
.sjj_nav ul li .sjj_nav_i_se svg{fill:#0066cc}
.sjj_nav ul li ul li>ul{margin-left:10px}

.banner .swiper-slide b{ font-size:48px; color:#fff; text-transform:uppercase;}
.banner .swiper-slide p a{ font-size:16px; color:#fff; display:inline-block; padding-right:20px;}


.index01{ padding:55px 0;}


.index01 .imgss{ width:540px;}
.index01 .txts{ width:680px;}
.titlecs01{ position:relative;}
.titlecs01 b{ font-size:70px; color:#f5f5f5; text-transform:uppercase; line-height:1; }
.titlecs01 span{ font-size:30px; color:#0066cc; position:relative; z-index:1;position:absolute; left:0; bottom:0;}

.index01box { padding:50px 0;}
.index01box p{ font-size:16px; color:#686868; line-height:44px}
 a.mores{ font-size:16px; color:#fff; padding:0 45px; display:inline-block; height:45px; line-height:45px; background:#999999; text-transform:uppercase; }
 a.moresw{ font-size:16px; color:#0066cc; padding:0 45px; display:inline-block; height:45px; line-height:45px; background:#fff; text-transform:uppercase;display:block; margin:20px auto 0; max-width:140px; box-sizing:border-box; text-align:center;}
 a.mores:hover{ background:#0066cc; color:#fff;}
.index02{ background:url(../images/1index_27.jpg) no-repeat center; background-size:cover;}
.index02 b,.index02 p{ text-transform:uppercase; color:#fff;}
.index02 li{ width:25%; padding:35px; text-align:center; float:left;}
.index02 li b{ font-size:48px; font-weight:normal; display:block; padding-bottom:5px;}
.index02 li b em{ font-size:16px; font-weight:normal;}
.index02 li p{ font-size:18px; color:#fff;}
.index_03 a.mores{ margin-top:40px;}


.index_03{ padding:45px 0;}
.index_03 .line{ margin:20px 0;}
.index3_swiper .swiper-slide{ background:#f7fcff;}
.index3_swiper .swiper-slide .imgss{ height:310px; position:relative;}
.index3_swiper .swiper-slide .imgss img{ width:100%;  max-height:100%; position:absolute; left:50%; top:50%; transform:translate(-50%,-50%); -moz-transform:translate(-50%,-50%); -ms-transform:translate(-50%,-50%);-o-transform:translate(-50%,-50%);-webkit-transform:translate(-50%,-50%);}
.index3_swiper .zhezhao{ position:absolute; background:rgba(0,102,204,.8); z-index:1; left:0; top:0; width:100%; height:100%; padding-top:115px; opacity:0;visibility:hidden; transition:all .3s;}
.index3_swiper .zhezhao img{ margin:0 auto;}
.index3_swiper .txts{ position:relative; z-index:2;}
.index3_swiper .txts .line{ width:30px; height:2px; background:#0066cc;margin:10px auto 20px; transition:all .3s;}
.index3_swiper .txts  a{ color:#666666; font-size:16px; font-weight:bold; display:block; text-align:center; padding-bottom:40px;}
.index3_swiper .swiper-slide:hover .zhezhao{ opacity:1;visibility:visible}
.index3_swiper .swiper-slide:hover .txts .line{ background:#fff; }
.index3_swiper .swiper-slide:hover .txts a{ color:#fff;}

.index_03 .w1280{ position:relative;}
.index_03 .swiper-pagination{ top:60px; right:0; bottom:inherit}
.index_03 .swiper-pagination-bullet{ margin:0 5px; width:10px; height:10px; outline:none;}

.index_03 .swiper-button-next{ right:70px; width:45px; height:45px; border:2px solid #d2d2d2; top:67px; border-radius:100px; background-image:url(../images/ri.png); background-size:8px 15px;}
.index_03 .swiper-button-next:hover{ border:2px solid #0066cc;}

.index_04{ padding:55px 0; background-color:#edf7fe; background-image:url(../images/bac4.jpg); background-position:center bottom; background-repeat:no-repeat;}
.titlecs01.titlecs02{ text-align:center;}
.titlecs01.titlecs02 b{ color:#fff;}
.titlecs01.titlecs02 span{ display:block; text-align:center; width:100%;}
.index_04 .infro{ text-align:center; font-size:16px; color:#999999; padding:40px 0;}

.index_04ul{ padding-bottom:50px;}
.index_04ul li{ margin-right:2%; width:23.5%; position:relative; float:left; margin-bottom:2%;}
.index_04ul li:nth-child(4n){ margin-right:0;}
.index_04ul li .zhezhao2{ transition:all .3s; text-align:center; position:absolute; left:0; top:0; width:100%; height:100%; background:rgba(0,102,204,.8);opacity:0;visibility:hidden; }
.index_04ul li .zhezhao2 b a{ color:#fff;}
.index_04ul li .zhezhao2 b{ margin-top:25%; display:block; margin-bottom:15px; color:#fff; font-size:16px; text-transform:uppercase;}
.index_04ul li .zhezhao2 img{ margin:0 auto;}
.index_04ul li:hover .zhezhao2{opacity:1;visibility:visible}

.titlecs01.titlecs03{ text-align:center;}
.titlecs01.titlecs03 b{ color:#5075b6;}
.titlecs01.titlecs03 span{ color:#fff; display:block; text-align:center; width:100%;}

.index_05{ background:#014da7; padding:55px 0;}
.idnex_06{ padding:55px 0;}

.newsswiper{ padding:0 65px; margin-top:55px; position:relative;}

.newsswiper .swiper-slide{ background:#ffffff ; padding:30px; transition:all .3s;}
.newsswiper .swiper-slide a.imgss{display:block; width:100%; height:130px;background-size:cover; background-position:center;}
.newsswiper .swiper-slide.swiper-slide-active{ transform:scale(1.2);}
.newsswiper .swiper-slide b{ font-size:30px; color:#333333; text-align:center; display:block;}
.newsswiper .swiper-slide span{ font-size:16px; color:#999999; display:block; text-align:center; font-weight:lighter; margin-top:5px; margin-bottom:15px;}
.newsswiper .swiper-slide  h2{ margin-top:40px;}
.newsswiper .swiper-slide img.jt{ display:none;}
.newsswiper .swiper-slide.swiper-slide-active img.jt{ display:block; margin:0 auto; margin-top:20px;}
.newsswiper .swiper-slide  h2 a{ display:block; font-size:14px; font-weight:normal; color:#999999;}
.newsswiper .swiper-slide.swiper-slide-active  h2{ margin-top:20px;}
.newsswiper .swiper-container{ padding:40px 0;}

.newsswiper .swiper-button-next,.newsswiper .swiper-button-prev{ width:48px; height:48px; outline:none; margin-top:-24px; background-size:48px 48px;}
.newsswiper .swiper-button-next{ background-image:url(../images/1index_59.png); right:0;}
.newsswiper .swiper-button-prev{ background-image:url(../images/1index_56.png); left:0;}

.titlecs01.titlecs04{ text-align:center;}
.titlecs01.titlecs04 span{ display:block; text-align:center; width:100%;}

.imgmap{ position:relative; max-width:1200px; margin:30px auto;}
.imgmap a{ display:block; position:absolute; }
.imgmap a.a_01{width:20%; height:10%; top:12%; left:4%;}
.imgmap a.a_02{width:20%; height:10%; top:0; left:43%; }
.imgmap a.a_03{width:15%; height:10%; top:23%; right:4%;}
.imgmap a.a_04{    width: 14%;    height: 12%;    top: 56%;    left: 4%;}
.imgmap a.a_05{width:20%; height:10%; top:60%; left:28%;}
.imgmap a.a_06{width:20%; height:10%; top:74%; right:6%;}



.footer{ background:#313131; padding:25px 0 0;}

.fot_le{ width:40%; margin-right:10%;}
.wechat{ width:220px;}
.fotimg,.fot_txt{ padding:30px 0;}.fotimg img{ margin-top:20px;}
.fot_txt p,.fot_txt p a{ font-size:14px; color:#fff; line-height:1.3; margin:10px 0;}
.fottrit { line-height:32px; color:#fff; font-size:18px; font-weight:bold; padding-bottom:25px; border-bottom:1px solid #bfbfbf;}
.fot_ri{ width:28%;}
.fot_ri input,.fot_ri button{ width:100%; display:block; font-size:14px; height:40px; line-height:40px; margin-bottom:10px; border:none; outline:none; padding:0 15px;}
.fot_ri textarea{width:100%; font-size:14px; height:100px; line-height:40px;margin-bottom:10px; border:none; outline:none; padding:0 15px;}
.fot_ri button{ background:#0066cc; color:#fff; font-size:16px; cursor:pointer;}
.footers{ background:#1b1b1b; border-top:1px solid #fff; padding:10px;}
.footers span{ font-size:14px; color:#fff;}


.main{ padding-top:40px; padding-bottom:60px;}
.position ,.position a{ font-size:14px; color:#999999;}
.position{ background:url(../images/2proview_03.jpg) no-repeat left center; padding-left:25px;}


.pro_imglunbo{ width:560px; height:auto}
.pro_img{ padding:30px 0;}
.thumbsss{ padding:30px 45px; position:relative;}
.gallery-thumbs .swiper-slide-thumb-active{ border:2px solid #78aee4;}
.thumbsss .swiper-button-next{ background-image:url(../images/2proview_20.jpg);}
.thumbsss .swiper-button-prev{ background-image:url(../images/2proview_18.jpg);}
.thumbsss .swiper-button-next,.thumbsss .swiper-button-prev{ background-size:20px 31px; outline:none; width:20px; height:31px; margin-top:-15px;}
.gallery-top{ border:1px solid #efefef;}
.gallery-top img{ max-width:100%; margin:0 auto;}
.gallery-thumbs .swiper-slide {
      width: 25%;
      height: 100%;
      opacity: 0.4;
    }
    .gallery-thumbs .swiper-slide-thumb-active {
      opacity: 1;
    }
.pro_intro{ width:680px;}
.pro_intro h1{ font-size:30px; font-weight:bold; color:#303030; display:block; padding:20px 0;}
.intro_in { padding:20px 0;}
.intro_in p{ font-size:14px; color:#666666; line-height:1.5; display:block; margin-bottom:20px;}
.intro_in p span{ display:inline-block; margin-left:10px; padding-left:20px; background:url(../images/2proview_10.jpg) left center no-repeat;}

.zhaiyao{ padding:40px 0; border-top:1px dashed #dcdcdc;}
.downloads a{ padding:10px 20px; background:#0066cc; color:#fff; overflow:hidden; display:inline-block; text-transform:uppercase; line-height:25px; font-size:14px; font-weight:bold;}
.downloads a img{display:inline-block; vertical-align:middle; margin-right:10px; margin-top:-5px;}

.descri_nav{ width:200px;}
.descri_ri{ width:1050px;}

.desNav_le_tit{ background:#0066cc; padding:15px;}
.desNav_le_tit i{ font-weight:bold; font-size:18px; color:#fff;}
.desNav_le_tit b{ font-weight:bold; color:#fff; font-size:26px; text-transform:uppercase; display:block; margin-top:5px;}

.desNav_li{ background:#f9f9f9;padding:10px; }
.desNav_li a{ border-bottom:1px solid #ffffff; display:block; font-size:14px; color:#333333;  padding:15px;}
.desNav_li a.cur{ background:#0066cc; color:#fff;}
.desNav_li a:hover{ color:#0066cc}

.descri_ri_tit{ border-bottom:1px solid #0066cc; background:#f9f9f9;}
.descri_ri_tit span{ display:inline-block; background:#0066cc; padding:10px 20px; font-size:16px; color:#fff; text-transform:uppercase;}
.descri_ri_box{ padding:35px 0;}
.descri_ri_box p{ display:block; font-size:14px; color:#666; line-height:2; margin-bottom:15px;}


.subnav a{ font-size:16px; padding:0 20px;  color:#666666; padding-bottom:20px;}

.subnav a.cur,.subnav a:hover{ border-bottom:4px solid #0066cc; }

.prolists{ margin-top:60px;}
.prolists li{ background:#f7fcff; width:23%; margin:1%; position:relative; float:left;}
.prolists li .imgss{ height:310px; position:relative;}
.prolists li .imgss img{ width:100%;  max-height:100%; position:absolute; left:50%; top:50%; transform:translate(-50%,-50%); -moz-transform:translate(-50%,-50%); -ms-transform:translate(-50%,-50%);-o-transform:translate(-50%,-50%);-webkit-transform:translate(-50%,-50%);}
.prolists .zhezhao{ position:absolute; background:rgba(0,102,204,.8); z-index:1; left:0; top:0; width:100%; height:100%; padding-top:115px; opacity:0;visibility:hidden; transition:all .3s;}
.prolists .zhezhao img{ margin:0 auto;}
.prolists .txts{ position:relative; z-index:2;}
.prolists .txts .line{ width:30px; height:2px; background:#0066cc;margin:10px auto 20px; transition:all .3s;}
.prolists .txts  a{ color:#666666; font-size:16px; font-weight:bold; display:block; text-align:center; padding-bottom:40px;}
.prolists li:hover .zhezhao{ opacity:1;visibility:visible}
.prolists li:hover .txts .line{ background:#fff; }
.prolists li:hover .txts a{ color:#fff;}

.pages{ text-align:center; padding-top:55px;}
.pages li{ display:inline-block; margin:0;}
.pages ul li a,.pages ul li span{ display:block; border:1px solid #dddddd; margin:0; padding:0 20px; line-height:40px; border-radius:3px;}
.pages ul li a:hover{ color:#0066cc}
.pages ul li.active a{ background:#0066cc; color:#fff; border:1px solid #0066cc}
.pages ul li span.current{ background:#0066cc; color:#fff; border:1px solid #0066cc}

.bannersub{ height:350px; width:100%; background-position:center; background-size:cover;}


.history{ max-width:1170px; margin-top:60px;}
.history{ background-image:url(../images/bacline.jpg); background-position:center top; background-repeat:no-repeat;}
.history .dian{ height:16px; width:100%; background:url(../images/his_05.png) no-repeat center center;}
.history li{ position:relative; padding:5px 0;}
.history li .nian{ width:50%; padding-right:35px; top:0;}
.history li .describo{width:50%; padding-left:35px; float:right;}
.history li .describo .table{ min-height:110px; background:#f5f5f5; border-radius:10px; padding:20px;}
.history li.nianri .describo{ padding-left:0; padding-right:35px; float:left;}
.history li.nianri .describo p{ display:inline-block; line-height:2; float:right;}
.history li.nianri .nian{ right:0; padding-left:35px;}

.history li .nian i{ width:22px; height:22px; display:block; position:absolute; right:-11px; top:50%; margin-top:-11px; background:url(../images/his_09.png) no-repeat center;}
.history li .nian .line{ position:absolute; width:40px; top:50%; height:1px; background:#0066cc; right:0;}

.history li .nian{height:100%; position:absolute; }
.history li .nian span{ display:block; height:93px; width:93px; border-radius:100px; background:#0066cc; line-height:93px; color:#fff; font-size:24px; color:#fff; text-align:center; float:right; position:absolute; top:50%; margin-top:-46px; right:35px;}
.history li.nianri .nian span{ left:35px; right:inherit;}
.history li.nianri i{ right:inherit; left:-11px;}
.history li.nianri .line{ right:inherit; left:0;}
.future{background-image:url(../images/bacline.jpg); background-position:center top; background-repeat:no-repeat; }
.future span{ display:block;color:#fff; text-align:center; width:94px; height:94px; border-radius:100px; background:#313131; margin:0 auto; margin-top:35px; text-align:center; padding-top:20px; box-sizing:border-box; font-size:16px;}


.bdtxt{ font-size:16px; color:#999; padding:60px 0 40px; text-align:center; line-height:2;}

.bdtit{ text-align:center;}
.bdtit span{ display:inline-block; padding-left:50px; background:url(../images/guest_05.jpg) no-repeat left center; font-size:24px; color:#333333;} 

.form_bd span{ width:110px; float:left; font-size:16px; color:#999999; text-align:right; padding-right:10px; box-sizing:border-box; line-height:45px;}
.form_bd{ margin-top:50px;}
.form_bd input{ width:calc(100% - 110px); padding:0 20px; float:right; height:45px; line-height:43px; border:1px solid #d2d2d2;}
.form_bd .w50{ width:47%;}
.form_bd .w100{ width:100%;}
.form_bd .w100 textarea{width:calc(100% - 110px); padding:20px;float:right; height:150px;border:1px solid #d2d2d2;}
.form_bd .w50,.form_bd .w100{ padding:10px 0;}
.form_bd button{ display:block; background:#0066cc; color:#fff; width:130px; height:35px; border:none; margin:20px auto 0; cursor:pointer; font-size:18px;}

.fengongsi{ padding-top:50px;}

.jishufangan,.kefu{ padding-top:50px;}
.jishufangan .jishufanganul li{ min-height:320px; padding-left:410px; position:relative; margin-top:50px;}
.jishufangan .jishufanganul li:hover{ background:#0066cc;}
.jishufangan .jishufanganul li .imgs{ width:410px; position:absolute; left:0; top:0; height:100%; background-size:cover;}
.jishufangan .jishufanganul li .imgs a{ display:block; width:100%; height:100%;}
.jishufangan .jishufanganul li .txts{ padding:20px 30px;}
.jishufangan .jishufanganul li .txts h2 a{ font-size:18px; color:#0066cc; font-weight:bold; display:block; margin-bottom:30px; margin-top:15px;}
.jishufangan .jishufanganul li .txts p{ font-size:16px; color:#666666; line-height:30px; max-height:180px; overflow:hidden;}
.jishufangan .jishufanganul li:hover .txts h2 a{ color:#fff;}
.jishufangan .jishufanganul li:hover .txts p{ color:#fff;}


.kefuli{ margin-top:40px;}
.kefuimg{ width:342px; height:342px; border-radius:400px; overflow:hidden; border:4px solid #0066cc;}
.kefutxt{ width:900px; height:342px;}
.kefutxt p{ font-size:16px; color:#303030; line-height:28px; padding:10px 0; margin:10px 0; padding-left:60px; min-height:50px; background-position:left 0; background-repeat:no-repeat;}
.kefutxt p:nth-child(1){ background-image:url(../images/kefu_06.png);}
.kefutxt p:nth-child(2){ background-image:url(../images/kefu_10.png);}
.kefutxt p:nth-child(3){ background-image:url(../images/kefu_13.png);}
.kefutxt p:nth-child(4){ background-image:url(../images/kefu_16.png);}


.aboutbox{ margin-top:50px;}
.aboutbox .titlecs01{ text-align:center; margin-bottom:40px;}
.aboutbox .titlecs01 span{ width:100%; display:block;}
.aboutxtbox img{ padding-right:70px; padding-bottom:20px;}
.aboutxtbox p{ font-size:16px; color:#686868; line-height:44px; display:block; margin-bottom:20px;}

.contactbox{ margin-top:60px;}


.contactle{ width:50%;}
.contactri{ width:45%;}

.contacttit{ font-size:24px; color:#00a0e9; font-weight:bold; border-bottom:1px solid #00a0e9; padding-bottom:20px; padding-top:10px;}
.contactboxtxt{ padding-top:30px;}
.contactboxtxt p{ font-size:14px; color:#666666; background-position:left 7px; background-repeat:no-repeat; padding-left:35px; display:block; margin-top:20px; line-height:2;}
.contactri iframe{ height:400px !important; width:100%; border:none; background:#000;}

.fengongsilis .contacttit{ font-size:24px; color:#00a0e9; font-weight:bold; border-bottom:1px solid #00a0e9; padding-bottom:20px; padding-top:10px;}
.fengongsilis .contactboxtxt{ padding-top:30px;}
.fengongsilis .contactboxtxt p{ font-size:14px; color:#666666; background-position:left 7px; background-repeat:no-repeat; padding-left:0; display:block; margin-top:0; line-height:2;}
.fengongsilis .contactri iframe{ height:400px !important; width:100%; border:none; background:#000;}
.markerbox{ padding-top:50px;}
.index_04ul2 li{ margin-right:2%; width:23.5%; position:relative; float:left; margin-bottom:2%;}
.index_04ul2 li:nth-child(4n){ margin-right:0;}
.index_04ul2 li .zhezhao2{ transition:all .3s; text-align:center; position:absolute; left:0; top:0; width:100%; height:100%; background:rgba(0,102,204,.8);opacity:0;visibility:hidden; }
.index_04ul2 li .zhezhao2 b a{ color:#fff;}
.index_04ul2 li .zhezhao2 b{ margin-top:25%; display:block; margin-bottom:15px; color:#fff; font-size:16px; text-transform:uppercase;}
.index_04ul2 li .zhezhao2 img{ margin:0 auto;}
.index_04ul2 li:hover .zhezhao2{opacity:1;visibility:visible}


.hr_box{ margin-top:100px;}

.hr_li{ position:relative;box-shadow:0 0 10px #eee;}
.hr_box_intro{ overflow-y:auto; height:100%; position:absolute; right:0; top:0; background:#fff;}
.hr_tit{ width:415px; float:left;}
.hr_tit em{ position:absolute; width:100px; height:35px; text-align:center; line-height:35px; font-size:14px; color:#999999; background:#eeeeee; border-radius:20px; top:50%; margin-top:-17px; right:60px;}
.hr_tit .title_li{ cursor:pointer; position:relative; background:url(../images/hebac.jpg) no-repeat center; background-size:100% 100%; height:108px; padding:33px 40px; }
.hr_tit .title_li.cur{ background:#0066cc;}
.hr_tit .title_li.cur b,.hr_tit .title_li.cur span{ color:#fff;}
.hr_tit .title_li.cur em{ color:#0066cc}
.hr_tit .title_li b{ font-size:18px; font-weight:normal; display:block;}
.hr_tit .title_li span{ font-size:14px; color:#666666; display:block; padding-top:10px;}
.hr_box_intro{ width:calc(100% - 415px);}

.hr_box_intro span.shijian{ position:absolute; right:20px; bottom:20px;}
.hr_box_intro .intro_li{ display:none; padding:30px; padding-bottom:50px; position:relative;}
.hr_box_intro .intro_li p{ font-size:14px; color:#999; line-height:36px; margin-bottom:10px;}

.ziliao{ margin-top:50px;}
.ziliao .ziliaoli li{ padding:10px 30px; position:relative;}
.ziliao .ziliaoli li:before{ content:""; display:block; width:5px; height:5px; border-radius:10px; background:#0066cc; position:absolute; left:15px; top:23px}
.ziliao .ziliaoli li a{ line-height:30px; font-size:16px; color:#666666;}
.ziliao .ziliaoli li:hover{ background:#e5effa;}


.xinwen{ margin-top:100px;}
.xinwen li{ background:#ffffff ; padding:30px; float:left; margin-bottom:2%; transition:all .3s; width:32%; margin-right:2%; box-shadow:0 0 10px #eee; padding-bottom:35px;}
.xinwen li:nth-child(3n){ margin-right:0;}
.xinwen li a.imgss{ display:block; width:100%; height:130px;background-size:cover; background-position:center;}
.xinwen li b{ font-size:30px; color:#333333; text-align:center; display:block;}
.xinwen li span{ font-size:16px; color:#999999; display:block; text-align:center; font-weight:lighter; margin-top:5px; margin-bottom:15px;}
.xinwen li  h2{ margin-top:30px; margin-bottom:30px;}
.xinwen li .jt a{ display:block; width:61px; height:7px; background:url(../images/jt1.png) no-repeat right center; margin:0 auto;}
.xinwen li:hover .jt a{ background:url(../images/1index_65.png) no-repeat right center;}
.xinwen li:hover img.jt{ display:block; margin:0 auto; margin-top:20px;}
.xinwen li  h2 a{ display:block; font-size:14px; font-weight:normal; color:#999999;}
.xinwen li:hover h2 a{ color:#0066cc;}


.xinwenboxs{ margin-top:100px;}
.xinwenboxs h1{ display:block; text-align:center; font-size:20px; font-weight:bold;}
.xinwenboxs .times{ text-align:center; padding:20px 0; font-size:14px; color:#666; border-bottom:1px solid #eee; margin-bottom:20px;}
.xinwenboxs  .bodies p{ font-size:14px; color:#666; line-height:2; display:block; margin-bottom:15px;}

.zhengshuli{ margin-top:100px;}
.zhengshuli li{ width:23%; margin:1%; float:left;}

.fengongsilis li{ width:45%; margin-right:5%; margin-bottom:5%; float:left;}
.fengongsilis li:nth-child(2n){ margin-right:0;}
.fengongsilis li:nth-child(2n+1){ clear:left;}
@media screen and (max-width:1740px){
	.w1680{ padding-left:30px; padding-right:30px;}
	}
@media screen and (max-width:1340px){
	.w1280{ padding-left:30px; padding-right:30px;}
	.index01 .txts{ width:590px;}
	.navs ul li{ margin-left:20px;}
	.navs ul li.lang{ margin-left:40px;}
	.main .w1280{ max-width:1200px;}
	.pro_imglunbo,.pro_intro{ width:48%;}
	.describo{ max-width:1200px;}
	.descri_ri{ width:900px;}
	
	.subnav a{ padding-left:10px; padding-right:10px; margin-left:10px;}
	.kefutxt{ width:760px;}
	
	}
@media screen and (max-width:1240px){
	.index01 .imgss{ width:45%;}
	.index01 .txts{ width:50%;}.fot_le{ width:30%;}
	.index01box{ padding:20px 0;}.index01box p{ line-height:2;}
	.titlecs01 b{ font-size:50px;}.titlecs01 span{ font-size:20px;}
	.index02 li p{ font-size:14px;}.index02 li b{ font-size:28px;}
	.banner .swiper-slide b{ font-size:28px;}.banner .swiper-slide p a{ font-size:14px;}
	.header .w1680{ padding-right:0;}
	.headtop .search{ padding-right:30px;}.index_03 .swiper-pagination{ right:30px;}.index_03 .swiper-button-next{ right:90px;}
	.descri_ri{ width:calc(100% - 220px);}
	.kefutxt{ width:560px;}
	.kefu{ max-width:768px; margin:0 auto;}
	.kefuimg{ width:200px; height:200px;}
	.kefutxt { width:calc(100% - 240px); height:auto;}
	}
@media screen and (max-width:1000px){
	.header{ display:none;}
	.wap{ display:block;}
	
	.index3_swiper .swiper-slide .imgss{ height:180px;}
	.fot_le,.fot_ri,.wechat { width:100%; float:none;}.fotimg img{ margin-top:0;}.fot_ri{ padding-bottom:40px;}
	.footers span{ float:none; display:block; text-align:center;}
	
	.position.le{ float:none;}
	.subnav a{ display:inline-block;}
	.index3_swiper .swiper-slide .imgss,.prolists li .imgss{ height:180px;}
	.subnav{ float:none; margin-top:20px;}
	.subnav a{ width:32%; margin:.5%; background:#f5f5f5; float:left; padding:0; border-bottom:none; text-align:center; padding:10px 0; font-size:12px;}
	.subnav a.cur{ background:#0066cc; color:#fff; border:none;}
	.jishufangan .jishufanganul li{ padding-left:200px;}
	.jishufangan .jishufanganul li .imgs{ width:200px; }
	.aboutxtbox img{ max-width:50%; padding-right:40px;}
	
	.hr_tit{ width:100%; text-align:center;}
	.hr_tit .title_li{ width:33.33%; float:left; padding:10px; height:auto;}
	.hr_tit .title_li span{ padding:10px 0;}
	.hr_box_intro{ width:100%; float:none; position:static;}
	.hr_tit em{ display:none;}.xinwen{ margin-top:30px;}.xinwenboxs{ margin-top:30px;}.zhengshuli{ margin-top:30px;}
	}
@media screen and (max-width:768px){
	.index01 .imgss,.index01 .txts{ width:100%;}
	.index01 .txts{ padding-top:20px;}.index3_swiper .zhezhao{ padding-top:85px;}
	.w1280,.w1680{ padding-left:15px; padding-right:15px;}
	.index01,.index_04,.index_03,.index_05,.idnex_06{ padding:25px 0;}.index01box p{ font-size:14px; line-height:1.6;}.index02 li{ width:50%;}
	.index02 li:nth-child(3){ clear:left;}.titlecs01 b{ font-size:24px;}.index_03 .swiper-button-next{ display:none;}
	.index_03 .swiper-pagination{ width:100%; top:inherit; bottom:50px; left:0;}
	.index_03 a.mores{ margin:0 auto;margin-top:45px; float:none; display:block; max-width:150px; text-align:center;}
	.index_04ul li,.index_04ul2 li{ width:48%; margin:1%;}.index_04 .infro{ font-size:14px; padding:15px 0;}
	.fottrit{ padding-bottom:15px;}.fotimg, .fot_txt{ padding:20px 0;}
	a.mores,a.moresw{ font-size:14px; width:150px; line-height:35px; height:35px; text-align:center; display:block; margin:20px auto; float:none; padding:0;}.newsswiper .swiper-slide.swiper-slide-active{ transform:scale(1);}.newsswiper{ padding:0 35px;}.newsswiper .swiper-slide{ padding:15px;}
	.newsswiper .swiper-button-prev,.newsswiper .swiper-button-next{ width:30px; height:30px; background-size:30px;}.newsswiper .swiper-container{ padding:0;}.index_03 .line{ margin-top:5px;}
	.descri_nav{ display:none;}.descri_ri{ width:100%;}
	.descri_ri_box{ padding:20px 10px;}.descri_ri_box p{ margin-bottom:5px;}.pro_imglunbo,.pro_intro{ width:100%}
	.zhaiyao{ padding:20px 0;}.intro_in{ padding:0;}.main{ padding:25px 0;}.pro_intro h1{ font-size:20px;}.downloads a{ padding:5px 20px;}
	.descri_ri_tit span{ font-size:14px;}
	.prolists li { width:48%;}
	.prolists{ margin-top:25px;}.pages ul li a,.pages ul li span{ padding:0 10px; line-height:30px;}.pages{ padding-top:25px;}
	.prolists .txts a{ padding-bottom:20px; font-size:14px;}
	.bannersub{ height:150px;}.subnav a:hover{ border:none;}
	.history li .describo{ padding-left:15px;}
	.history li.nianri .describo{ padding-right:15px;}.history li .describo p{ font-size:12px; line-height:1.4; display:block; margin-bottom:10px;}
	.history li .describo .table{ padding:10px;}
	.history li .nian span{ width:70px; height:70px; font-size:20px; line-height:70px; margin-top:-35px;}.history{ margin-top:30px;}
	
	.subnav2 a{ width:48%; margin:1%;}.bdtxt{ padding:25px 0; font-size:12px; line-height:1.6;}.bdtit span{ font-size:16px; line-height:50px;}
	.form_bd .w50{ width:100%; float:none;}
	.form_bd span{ line-height:35px; font-size:14px;}
	.form_bd input{ height:35px; line-height:33px;}
	.form_bd .w50, .form_bd .w100{ padding:3px 0;}.form_bd{ margin-top:10px;}.fengongsi{ padding-top:30px;}
	.jishufangan .jishufanganul li .imgs{ width:100%; position:relative; min-height:150px;}
	.jishufangan .jishufanganul li .txts{ padding:20px;}.jishufangan .jishufanganul li .txts h2 a{ margin-bottom:5px; margin-top:0; font-size:14px;}
	.jishufangan .jishufanganul li { padding:0; margin-top:15px;}
	.jishufangan .jishufanganul li .txts p{ line-height:24px; font-size:12px; max-height:120px;}
	.jishufangan{ padding-top:20px;}
	.kefutxt p{ margin:0; background-size:20px 20px; padding:0; padding-left:30px; background-position:left 12px;}
	.kefuimg{ width:80px; height:80px; }.kefu{ padding:25px 0;}
	.kefutxt { width:calc(100% - 100px); height:auto; }.kefuli{ margin-top:25px;}
	.kefutxt p{ font-size:12px; min-height:inherit; padding-top:5px; padding-bottom:5px;}
	.aboutxtbox p{ font-size:14px; line-height:2;}
	.aboutxtbox img{ padding-right:15px; padding-bottom:15px;}.aboutbox{ margin-top:30px;}.aboutbox .titlecs01{ margin-bottom:20px;}
	.contactle{ width:100%; float:none; margin-bottom:20px;}
	.contactri{width:100%; float:none;}.contactboxtxt{ padding-top:0;}.contactri iframe{ height:200px !important;}
	.contactbox{ margin-top:30px;}.contacttit{ font-size:18px;}.contactboxtxt p{ margin-top:10px;}.index_04ul2 li .zhezhao2 b{ margin-top:15%;}
	.hr_tit .title_li b{ font-size:14px;}.hr_box{ margin-top:35px;}
	.ziliao .ziliaoli li a{ font-size:14px;}.ziliao{ margin-top:30px;}.ziliao .ziliaoli li{ padding-right:0;}
	.xinwen li{ width:100%;}
	.xinwen li:nth-child(3n){ margin:2% 0;}.xinwen li h2{ margin:15px auto;}.xinwen li{ padding:15px;}.xinwen li b{ font-size:20px;}
	.xinwenboxs h1{ font-size:14px;}.xinwenboxs .times{ font-size:12px;}.xinwenboxs .bodies p{ font-size:12px;}
	.zhengshuli li{ width:48%;}.position, .position a,.pages ul li a,.pages ul li span{ font-size:12px;}
	}