@charset "utf-8";
/*基础样式*/
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,form,input,select,option.textarea,submit,button,p,table,tr,th,td,span,a,img,article,aside,audio,canvas,datalist,details,eventsource,figure,figcaption,footer,header,hgroup,mark,menu,meter,nav,output,progress,section,time,video,fieldset{margin:0;padding:0;}
article,aside,audio,canvas,datalist,details,eventsource,figure,figcaption,footer,header,hgroup,mark,menu,meter,nav,output,progress,section,time,video {display:block;margin:0;padding:0;}
input,select,textarea,button{vertical-align:middle;}
body{font-size:12px; font-family:Microsoft Yahei,Verdana, Geneva, sans-serif;}
ul,li,ol{list-style-type:none;}
h1,h2,h3,h4,h5,h6{font-size:100%;}
table,td{ empty-cells:show; border-collapse:collapse; text-wrap:wrap;}
.clear{width:0; height:0; margin:0; padding:0; font-size:0; line-height:0; clear:both;}
img{border:none;}
html,body{ width:100%; position:relative;}

a { text-decoration: none; outline: 0;}
article, aside, dialog, footer, header, section, nav, figure, menu, audio, canvas, progress, video { display: block;}
a{outline:none; blr:expression(this.onFocus = this.onblur()); text-decoration:none; color:#333;}
a:hover{text-decoration:none;}
table{ border-color:#ccc;}
.fl{ float:left!important;}
.fr{ float:right;}
.zj{ width:1440px; margin:0px auto; clear:both;}

.top{ width:100%; height:110px; position:absolute; z-index:9999; background-color:rgba(0,0,0,0.5);}
.top_k{ width:1440px; margin:0px auto; clear:both;}
.logo{ width:150px; float:left; margin-top:32px;}
.logo img{ }
.menu{ width:1100px; float:left; margin-left:100px; margin-top:29px;}
.menu ul{}
.menu ul li{ width:135px; float:left; text-align:center; height:60px; line-height:60px;}
.menu ul li a{ font-size:16px; display:block; color:#fff;}
.menu ul li a:hover{ color:#007eb5;}
.banner{ width:100%; height:912px;}
.qiehuan{ width:85px; float:right; margin-top:29px;}
.qiehuan_l{ width:40px; float:left; text-align:center; font-size:16px; height:60px; line-height:60px;}
.qiehuan_l a{ color:#fff; margin:0px 10px;}
.qiehuan_l a:hover{ color:#fff;}

.box{ width:100%;}
.about{ padding:80px 0;}
.about_t{ width:100%;}
.about_tz{ width:100%; text-align:center; font-size:36px; font-weight:bold; color:#333;}
.about_tk{ width:60px; margin:10px auto 0 auto; clear:both; background:#007eb5; height:3px;}
.about_ty{ width:100%; text-align:center; font-size:16px; color:#666; margin-top:10px;}
.about_k{ width:100%; margin-top:50px;}
.about_kl{ width:50%; float:left; margin-top:20px;}
.about_klt{ width:100%; font-size:24px; font-weight:bold;}
.about_klz{ width:100%; font-size:15px; margin-top:5px; color:#666;}
.about_kln{ width:100%; font-size:16px; line-height:1.8; margin-top:15px;}
.about_cl{ width:33%; float:left;}
.about_cl_t{ width:32px; margin:0px auto; clear:both; border:1px #007eb5 solid; padding:10px; border-radius:5px;}
.about_cl_z{ width:100%; text-align:center; font-size:48px; margin-top:15px;}
.about_cl_z span{ font-size:14px; margin-left:5px;}
.about_cl_d{ width:100%; text-align:center; margin-top:15px; color:#333; font-size:16px;}
.about_kr{ width:48%; float:right;}
.about_kr img{ width:100%;}
.about_n{ width:100%; margin-top:50px;}
.about_gd{ width:120px; height:45px; line-height:45px; margin-top:10px; text-align:center; background:#007eb5; font-size:14px;}
.about_gd a{ color:#fff; display:block;}
.about_gd a:hover{ color:#fff; background:#007eb5;}

.cpcp_gd{ width:120px; height:45px; line-height:45px; margin:0px auto; clear:both; text-align:center; background:#007eb5; font-size:14px;}
.cpcp_gd a{ color:#fff; display:block;}
.cpcp_gd a:hover{ color:#fff; background:#007eb5;}

.product{ width:100%; padding-bottom:40px;}
.product_fl{ width:100%; margin-top:60px;}
.tab-hd{ width:100%;}

.tab-hd ul { padding-top: 4px; margin-left: 7px; }
.tab-hd li{ width:12%; margin:1%; height:45px; line-height:45px; float:left; text-align:center; font-size:16px;}
.tab-hd li a{ display:block; color:#333;}
.tab-hd li a:hover{ color:#fff; border-radius:10px; background:#007eb5;}
.tab-hd li.on a{ color:#fff; border-radius:10px; background:#007eb5;}
.tab-bd {}
.tab-bd ul{ overflow:hidden; zoom:1; }
.tab-bd { width:100%; float:left; margin-top:30px; line-height:2.1;}
.tab-pal{ line-height:2.0; font-size:16px;}
.tab-pal span{ height:300px; width:100%; float:left;}
.product_k{ width:100%;}
.pro{ width:30%; margin:1.5%; float:left;}
.pro_t{ width:100%; border:1px #ccc solid;}
.pro_t img{ width:100%;}
.pro_z{ width:100%; text-align:center; font-size:20px; height:40px; line-height:40px;}
.pro a{ color:#333; display:block;}
.pro a:hover{ color:#007eb5}
.pro a:hover .pro_t{ border:1px #007eb5 solid;}
.zj1{ max-width:1440px; width:100%; margin:0px auto; clear:both;}
@media screen and (max-width: 1140px) {
  zj{ width:100%;}
}

.gongyi{ width:100%; padding:50px 0;}
.gongyi_k{ width:100%; margin-top:50px;}
.gongyi_k img{ width:100%;}
.gy{ width:46%; margin:2%;}
.gy_t{ width:100%;}
.gy_t img{ width:100%;}
.gy_z{ width:100%; height:45px; line-height:45px; text-align:center; font-size:16px;}

.rmcp{ width:100%; background:#fbfbfb;}
.rmcp_l{ width:48%; float:left; padding-left:60px; box-sizing:border-box;}
.rmcp_lt{ width:100%; margin-top:120px; font-size:32px; color:#333; padding-bottom:25px;}
.rmcp_ld{ width:100%; margin-top:30px; font-size:24px; color:#333;}
.rmcp_ln{ width:100%; margin-top:30px; font-size:16px; line-height:26px; color:#5c5c5c;}
.rmcp_lp{ width:50px; height:4px; background:#007eb5;}
.rmcp_gd{ width:220px; height:45px; text-align:center; line-height:45px; margin-top:60px; background:#002037; font-size:16px;}
.rmcp_gd a{ color:#f1f1f1;}
.rmcp_gd a:hover{}
.rmcp_r{ width:48%; margin-left:4%; float:right;}
.rmcp_r img{ width:100%;}

.youshi{ width:100%; background:#fff; padding:50px 0;}
.youshi_tz{ width:100%; text-align:center; font-size:36px; font-weight:bold; color:#fff;}
.youshi_tk{ width:60px; margin:10px auto 0 auto; clear:both; background:#fff; height:3px;}
.youshi_ty{ width:100%; text-align:center; font-size:16px; color:#fff; margin-top:10px; text-transform:uppercase;}
.youshi_k{ width:100%;}
.lingyu{ width:29%; float:left; margin:30px 2%; min-height:342px;}
.lingyu_p{ width:80px; height:80px; margin:0px auto; clear:both; padding:15px; background:#002037; border-radius:10px;}
.lingyu_t{ width:100%; text-align:center; margin-top:30px; font-size:20px; color:#333;}
.lingyu_n{ width:100%; color:#666; margin-top:22px; line-height:2; font-size:14px;}

.news{ width:100%; padding:80px 0; background:#f1f1f1;}
.news_k{ width:100%; margin-top:20px;}
.news_l{ width:440px; float:left; margin:20px;}
.news_lp{ width:100%;}
.news_lp img{ width:100%;}
.news_lt{ width:100%; font-size:20px; margin-top:30px;}
.news_ln{ width:100%; margin-top:30px;}
.news_ln li{ width:100%; text-align:right; line-height:35px; color:#666; font-size:14px;}
.news_ln li a{ float:left; color:#333; font-size:16px;}
.news_ln li a:hover{ color:#007eb5;}

.link{ width:100%; padding:50px 0;}
.link_n{ width:100%; margin-top:50px;}
.link_n li{ width:100%; line-height:35px; color:#666; font-size:14px;}
.link_n li a{ float:left; color:#333; font-size:16px;}
.link_n li a:hover{ color:#007eb5;}

.foot{ width:100%; background:#162028;}
.foot_t{ width:100%; border-bottom: 1px solid #1e2831; height:80px;}
.foot_tz{ width:100%;}
.foot_tz li{ width:173px; float:left; line-height:80px; text-align:center; font-size:18px;}
.foot_tz li a{ color:#fff;}
.foot_tz span{ float:left; line-height:80px; background:#6b6b6b; width:7px; height:7px; border-radius:50%; margin-top:36px;}
.foot_k{ padding:30px 0;}
.foot_l{ float:left; width:580px;}
.foot_lt{ color:#fff; font-weight:bold; font-size:24px; width:100%;}
.foot_ln{ color:#fff; font-size:14px; line-height:1.8; margin-top:15px;}
.foot_r{ float:right; width:160px;}
.foot_r img{ width:100%;}
.foot_n{ height:50px; line-height:50px; text-align:center; font-size:14px; color:#fff;border-top: 1px solid #50585e;}

.box_n{ width:100%; padding:80px 0;}
.left{ width:300px; float:left;}
.column{ width:100%;}
.column_t{ width:100%; height:80px; background:#007eb5; padding:5px 0;}
.column_tz{ width:100%; float:left; margin-top:10px; font-weight:bold; color:#fff; font-size:26px; text-indent:25px;}
.column_ty{ width:100%; margin-top:2px; float:left; color:#fff; font-size:14px; text-indent:25px;}
.column_n{ width:100%; background:#f1f1f1; padding:10px; box-sizing:border-box;}
.column_n li{ width:100%; background:#ccc; font-size:14px; margin:5px 0; line-height:40px;}
.column_n li a{ color:#333; display:block; text-indent:25px;}
.column_n li a:hover{ color:#fff; background:#007eb5;}
.column_n li.on a{ color:#fff; background:#007eb5;}
.contacter{ width:100%; margin-top:20px;}
.contacter_n{ width:100%; padding:10px; box-sizing:border-box; font-size:14px; line-height:1.9; background:#f1f1f1;}
.right{ width:1120px; float:right;}
.right_t{ width:100%; height:50px; border-bottom:1px #ccc solid;}
.right_tl{ float:left; line-height:45px; font-size:26px; font-weight:bold; color:#333;}
.right_weizhi{ float:right; line-height:45px; color:#666;}
.right_weizhi a{ color:#666;}
.right_weizhi a:hover{ color:#007eb5}
.abouter_n{ margin-top:10px; width:100%; color:#666; line-height:1.9; font-size:16px;}

.proer{ width:100%; margin-top:20px; padding-bottom:20px; border-bottom:3px #111 solid;}
.proer_l{ width:500px; float:left; border:1px #ccc solid;}
.proer_l img{ width:100%;}
.proer_r{ width:560px; float:right;}
.proer_rt{ width:100%; margin-top:30px; font-size:24px; font-weight:bold; color:#333;}
.proer_rn{ width:100%; margin-top:15px; font-size:16px; color:#555;}
.proer:nth-child(2n) .proer_l{ float:right;}
.proer:nth-child(2n) .proer_r{ float:left;}
.biaoti{ width:100%; text-align:center; color:#333;font-size:24px;}
.fabiao{ width:100%; text-align:center; border-bottom:1px #ccc dashed; padding-bottom:5px; margin-top:5px; color:#999;}
.newser li{ width:100%; text-align:right; line-height:40px; color:#666; font-size:14px; border-bottom:1px #ccc dashed;}
.newser li a{ float:left; color:#333; font-size:16px;}
.newser li a:hover{ color:#007eb5;}
.swiper-container {
        width: 100%;
        height: 100%;
        margin-left: auto;
        margin-right: auto;
        background:#fbfbfb;
    }
    .swiper-slide {
        background: #fbfbfb;

        /* Center slide text vertically */
        display: -webkit-box;
        display: -ms-flexbox;
        display: -webkit-flex;
        display: flex;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        -webkit-justify-content: center;
        justify-content: center;
        -webkit-box-align: center;
        -ms-flex-align: center;
        -webkit-align-items: center;
        align-items: center;
    }