﻿@charset "utf-8";
/* CSS Document */

*{ margin:0px; padding:0px;}
body{ font-size:14px;}
a{ color:#333; font-family:"微软雅黑"; text-decoration: none;}
ul{list-style-type:none;}
.ysj{width:1240px; margin:0 auto;}
.fl{float:left;}
.fr{float:right;}

/* bannercss */
.slideBox{ width:100%; height:640px;clear:both;overflow:hidden; margin-top:0px; max-height:69vh; position:relative;}
.slideBox .hd{ height:12px; overflow:hidden; position:absolute; left:48%;margin-left: -90px; z-index:1; bottom:50px;}
.slideBox .hd ul{ overflow:hidden; zoom:1; float:left;  }
.slideBox .hd ul span li{ width:11px;}
.slideBox .hd ul li{ float:left; margin:0 6px; width:70px; height:10px;filter: Alpha(Opacity=70);opacity: 0.7; background:rgb(255 255 255 / 50%);  font-size:0; cursor:pointer;}
.slideBox .hd ul li.on{background:#004da0; filter: Alpha(Opacity=100);opacity: 1;}
.slideBox .banner{ position:relative; height:100%; z-index:0;}
.slideBox .banner li{ zoom:1; vertical-align:middle; height:640px; max-height:69vh; background-size:100% auto!important;}
.slideBox .banner li a{ display:block; width:100%; height:730px;}
/* 下面是前/后按钮代码，如果不需要删除即可 */
.absolute{ position:absolute;}
.web_widht{ width:1260px; margin:0 auto; position:absolute; padding-top:20px; text-align:center; left:0; right:0;}
.fast_nav{ height:85px; position:relative; margin-top:-85px; z-index:9;}
.fast_nav .back_hei{ width:100%; height:100%; left:0; top:0; background:#000;}
.fast_nav .web_widht{ z-index:10;}
/*banner结束*/

/*header-dingb*/
.dingb{ width:100%; height:35px; line-height:35px; background:#f4f4f4; border-bottom:1px solid #e7e7e7; color:#666666;}
.logo_top{ padding:15px 0 14px; overflow:hidden;}
.logo_top .logo{ line-height:0; padding-top:5px;}
.logo_top .logo img{ height:80px; max-width:800px;}
.logo_top .dianh{ text-align:right; padding-right:75px; background:url(../top_dianh.png) no-repeat center right; height:88px; padding-top:20px; box-sizing:border-box;}
.logo_top .dianh p{ font-size:16px;}
.logo_top .dianh h3{ font-size:24px; color:#004da0;}
.logo_top .ewm{ overflow:hidden; height:88px; margin-right:30px;}
.logo_top .ewm p{ height:88px;writing-mode: vertical-rl; float: left; padding-top:3px; margin-right:5px; color:#999999; box-sizing:border-box;}
.logo_top .ewm .tu{ width:88px; height:88px; background:#004da0; float: right;}
.logo_top .ewm .tu img{ width:100%; height:100%;}
.daoh{ background:#004da0; overflow:hidden; height:60px; line-height:60px;}
.daoh ul li{ float:left; font-size:16px;}
.daoh ul li a{ padding: 0 68px; display:block; color:#FFFFFF;}
.daoh ul li a:hover{ background:#02356c;}
.daoh ul li a.on{ background:#02356c;}

/*内容开始 搜索*/
.ss{/*background:#f0f0f0;*/line-height:75px; overflow:hidden; border-bottom:1px solid #e6e6e6;}
.search{width:1240px;margin:0 auto;}
#formsearch{float:right;width:326px;line-height:38px; overflow:hidden;margin-top:20px;border:1px solid #EEEEEE;border-radius:30px; height:38px; box-sizing:border-box;}
.hotSearch{float:left;font-weight:normal;color:#333;}
#formsearch1{float:right;line-height:27px;margin-top:5px;}
.ssk{ width:280px; height:36px; line-height:37px; color:#666; box-sizing:border-box; padding-left:10px; float:left; outline:none; border:none;}
.ssan{ float:right; width:36px; height:36px; border: none;color:#FFF;background: url("../ssk.png") no-repeat center; background-color:#004da0; border-radius:50px; margin:0px 1px; cursor:pointer;}

/*标题*/
.tit{ text-align:center;}
.tit h3{ font-size:38px; color:#333;}
.tit h3 b{ color:#004da0;}
.tit p{ font-size:18px; line-height:38px; height:38px; background:url(../tit_x.png) no-repeat center; color:#999999; margin-top:0px;}
/*产品中心*/
.fanl_sycp{ text-align:center; margin:25px auto 5px;}
.fanl_sycp a{ width:130px; height:40px; display:inline-block; line-height:40px; border:1px solid #b5b5b5; margin:0 10px;}
.fanl_sycp a:hover{ color:#FFFFFF; border:1px solid #2b47aa; background:#2b47aa;}
.chanp{ height: auto; margin-top:40px;}
.chanp .cp_nr{ overflow:hidden; margin-top:30px;}
.chanp .cp_nr li{ width:400px; height: auto; float:left; margin-right:20px; box-sizing:border-box; border:solid #b5b5b5 1px; margin-bottom:30px;}
.chanp .cp_nr li:nth-child(3n){ margin-right:0;}
.chanp .cp_nr li .tu{ width:100%; line-height:0;/* height:331px; */overflow:hidden;}
.chanp .cp_nr li .tu img{ width:100%;/* height:100%;*/ transition:ease all 0.5s;}
.chanp .cp_nr li:hover .tu img{ transform:scale(1.15);}
.chanp .cp_nr li p{ width:100%; height:50px; line-height:50px; text-align:center; background:#ebebeb;border-top:solid #b5b5b5 1px; color:#666666; font-size:16px;}

/*优势*/
.tit_b{ text-align:center;}
.tit_b h3{ font-size:38px; color:#FFFFFF;}
.tit_b h3 b{ color:#FFFFFF;}
.tit_b p{ font-size:18px; line-height:38px; height:38px; background:url(../tit_x2.png) no-repeat center; color:#FFFFFF; margin-top:0px;}
.yous{ width:100%; height:660px; background:url(../yous_bg.jpg); box-sizing:border-box; margin-top:30px; padding-top:60px;}
.yous .ys_nr{ overflow:hidden;}
.yous .ys_nr li{ width:310px; height:310px; box-sizing:border-box; float:left; margin-top:50px; border-right:1px solid rgb(229 229 229 / 50%); text-align:center; color:#FFFFFF; padding:10px 30px 0; transition:all ease 0.5s;}
.yous .ys_nr li:nth-child(4) { border:none;}
.yous .ys_nr li .tu{ width:150px; height:150px; text-align:center; margin:auto; background:url(../ys_01.png) no-repeat center; border:1px solid #FFFFFF; margin-bottom:20px; border-radius:150px; transition:all ease 0.5s;}
.yous .ys_nr li:hover .tu{ margin-top:0px; transition:all ease 0.5s;}
.yous .ys_nr li h3{ font-size:18px; font-weight:bold; margin-bottom:10px;}
.yous .ys_nr li p{ font-size:16px; line-height:30px;}
.yous .ys_gd{ width:370px; height:50px; line-height:50px; background:#e5e5e5; border-radius:50px; margin: 50px auto 0; box-shadow:2px 2px 3px 0px rgb(0 0 0 / 30%);}
.yous .ys_gd b{ width:160px; height:100%; text-align:center; display:block; float:left; background:#2b47aa; color:#FFFFFF; border-radius:50px; margin-left:-5px; font-size:24px; font-weight:normal; }
.yous .ys_gd span{ margin-left:10px; color:#2b47aa; font-size:24px;}


/*案例展示*/
.anl{ margin-top:60px; height:520px;}
.anl .tit{ margin-bottom:40px;}
.anl .scroll {width:1240px; position:relative;}
.anl .scroll_left,.scroll_right {	width:60px;height:60px;color:#fff;float:left;line-height:60px;text-align:center; margin-top:140px; position:absolute; cursor:pointer; font-family:"宋体"; font-size:34px; color:#b5b5b5; border:1px solid #bfbfbf; box-sizing:border-box;}
.anl .scroll_left{ left:-100px;}
.anl .scroll_right { right:-100px;}
.anl .scroll_left:hover{ background:#004da0; border:1px solid #004da0; color:#FFFFFF;}
.anl .scroll_right:hover{ background:#004da0; border:1px solid #004da0; color:#FFFFFF;}
.anl .pic {width:1240px;height: auto;float:left; margin:0 0px;}
.anl .pic ul {display:block;}
.anl .pic li {	float:left;	display:inline;	width:400px;text-align:center; margin-right:20px;}
.anl .pic li a{ display:block;}
.anl .pic li img{ width:400px!important; height: 333px; line-height:0; border:1px solid #dbdbdb; transition:all ease 0.3s;}
.anl .pic li:hover img{ border: solid 1px #004da0;}
.anl .pic li p{ font-size:16px; color:#333; line-height:40px;}
.anl .pic li:hover p{ color:#004da0;}

/*实力说话*/


/*关于我们*/
.jianj{ width:100%; height:900px; background:url(../ab_bg.jpg) no-repeat bottom; margin-top:30px; background-color:#f3f3f3; box-sizing:border-box; padding-top:50px;}
.jianj .jj_nr{ width:100%; height: auto; background:#FFFFFF; margin-top:40px; box-shadow:0px 0px 20px 5px rgb(0 0 0 / 10%); box-sizing:border-box; padding:20px; overflow:hidden;}
.jianj .jj_nr .tu{ width:583px; float:left; line-height:0;}
.jianj .jj_nr .tu img{ width:100%;}
.jianj .jj_nr .zi{ width:580px; height:100%; float:right; box-sizing:border-box; padding-top:40px; color:#666666;}
.jianj .jj_nr .zi p{ font-size:16px; line-height:30px; margin-bottom:10px;}
.jianj .jj_nr .zi .jj_gd{ margin-top:35px; font-weight:normal; font-size:18px;}
.jianj .jj_nr .zi .jj_gd a{ width:150px; line-height:50px; height:50px; display:block; float:left; text-align:center;}
.jianj .jj_nr .zi .jj_gd .jj_01{ background:#03479c; color:#FFFFFF;}
.jianj .jj_nr .zi .jj_gd .jj_02{ background:#d7d7d7; color:#03479c;}
.jianj .jj_nr .zi .jj_gd a:hover{ background:#02356c; color:#FFFFFF;}
.jianj .jj_sz{ width:100%; overflow:hidden; padding-top:45px; box-sizing:border-box;}
.jianj .jj_sz li{ float:left; width:25%; text-align:center;}
.jianj .jj_sz li p { font-size:18px; color:#FFFFFF; position:relative;}
.jianj .jj_sz li p b{ font-size:66px;}
.jianj .jj_sz li p span{ width:30px; height:30px; line-height:30px; margin-top:-40px; background:#FFFFFF; color:#004da0; display:inline-block; position:absolute; margin-left:5px; margin-top:0; border-radius:30px;}
.jianj .jj_sz li:nth-child(3n) p span{ line-height:28px;}

/*新闻咨询*/
.xinw{ overflow:hidden; margin-top:70px;}
.xinw .neir{ margin-top:30px; width:100%; overflow:hidden;}
.xinw .neir .fl{ width:600px;}
.xinw .neir .fr { width:600px;}
.xinw .neir .xw_tit { font-size:22px; border-bottom:1px solid #EEEEEE; padding-bottom:15px; color:#333333;}
.xinw .neir .xw_tit span{ font-size:14px; text-transform:uppercase; color:#999999; margin-left:5px;}
.xinw .neir .xw_tit .gd{ font-size:22px; width:30px; line-height:30px; height:30px; text-align:center; float:right; display:block; border:1px solid #999999; color:#999999; border-radius:50px;}
.xinw .neir .xw01{ width:100%; height:170px; margin:30px 0;}
.xinw .neir .xw01 .tu{ width:284px; height:170px; float:left;}
.xinw .neir .xw01 .tu img{ width:100%; height:100%;}
.xinw .neir .xw01 .zi{ width:300px; height:170px; padding-left:10px; box-sizing:border-box; float:right;}
.xinw .neir .xw01 .zi h3{ font-size:16px; margin:15px 0 5px; color:#333333;}
.xinw .neir .xw01 .zi p{ font-size:14px; text-align:justify; line-height:24px; color:#999999;}
.xinw .neir .xw01 .zi a{ font-size:16px; width:30px; height:30px; box-sizing:border-box; border:1px solid #004da0; display:block; text-align:center; line-height:28px; font-family:"宋体"; color:#004da0; margin-top:10px;}
.xinw .neir .xw01 .zi a:hover{ background:#004da0; color:#FFFFFF;}
.xinw .neir  .fl ul{ border:1px solid #EEEEEE; box-sizing:border-box; padding:15px 20px;}
.xinw .neir  .fl li{ line-height:32px; overflow:hidden; width:100%;}
.xinw .neir  .fl li b{ width:7px; height:7px; display:block; border:1px solid #004da0; box-sizing:border-box; float:left; margin-top:13px;}
.xinw .neir  .fl li:hover b{ background:#004da0;}
.xinw .neir  .fl li span{ font-size:14px; float:left; margin-left:10px; color:#666666;}
.xinw .neir  .fl li:hover span{ color:#004da0;}
.xinw .neir  .fl li i{ float:right; font-style:unset; color:#999999;}
.xinw .neir  .fr ul { margin-top:30px; overflow:hidden;}
.xinw .neir  .fr li{ width:100%; height:100px; border-bottom:1px dashed #dcdcdc; margin-bottom:20px; padding-bottom:20px;}
.xinw .neir  .fr li:nth-child(3n){ border:none;}
.xinw .neir  .fr li .tu{ width:160px; height:100px; float:left; overflow:hidden;}
.xinw .neir  .fr li .tu img{ width:100%; height:100%; transition:all ease 0.3s;}
.xinw .neir  .fr li:hover .tu img {transform:scale(1.1);}
.xinw .neir  .fr li .zi{ width:440px; height:100px; box-sizing:border-box; padding-left:15px; float:left;}
.xinw .neir  .fr li .zi h3{ margin-top:10px; margin-bottom:10px; color:#333333;}
.xinw .neir  .fr li:hover .zi h3{ color:#004da0;}
.xinw .neir  .fr li .zi p{ line-height:24px; color:#999999;}


/*友情链接*/
.yqlj{ line-height:32px; font-size:16px; border-top:solid #EEEEEE 1px; padding:20px 0 20px 10px;}
.yqlj b{ color:#014ea0;}
.yqlj a{ margin-right:15px;}

/*底部*/
.footer{ width:100%; height:385px; background-color:#292929; background-size:auto 100%;}
.footer a{ color:#FFFFFF;}
.footer .dib{ height:320px; padding-top:50px; box-sizing:border-box;}
.footer .dib ul{ float:left; margin-right:120px; color:#FFFFFF;}
.footer .dib ul h3{ font-weight:normal; margin-bottom:20px; border-left:3px solid #014ea0; line-height:16px; padding-left:10px;}
.footer .dib ul li{ line-height:28px; color:#c5c5c5;}
.footer .dib ul li a{ color:#c5c5c5;}
.footer .dib .d05{ margin-right:0; float:right;}
.footer .dib .d05 .tu{ width:120px; height:120px; background-color:#FFFFFF;}
.footer .dib .d05 p{ color:#c5c5c5; text-align:center; margin-top:20px;}
.footer .banq{ padding:20px 0; overflow:hidden; width:100%; border-top:1px solid rgb(255 255 255 / 20%); color:#c5c5c5;}


/*内页-ban-左侧内容*/
.nyban{ width:100%; height:350px; background:url(../ban_ny.jpg) no-repeat center;}
.neiy{ min-height:350px; overflow:hidden; padding:50px 0;}
.neiy .ny_fl{ width:260px; float:left;}
.neiy .ny_fl ul { width:100%;margin-bottom:30px; padding:0; box-sizing:border-box;}
.neiy .ny_fl ul .tit{ width:100%; height:70px; line-height:70px; font-size:18px; background:#004da0;}
.neiy .ny_fl ul .tit a{ display:block; color:#FFFFFF;}
.neiy .ny_fl ul li{ width:100%; text-align:center; line-height:50px; background:#EEE; margin-top:1px;}
.neiy .ny_fl ul li:nth-child(){ border:none;}
.neiy .ny_fl ul li a{ display:block;}
.neiy .ny_fl ul li a:hover{ background:#004da0; color:#FFFFFF;}
.neiy .ny_fr{ float:right; width:900px; min-height:300px;}
.sub-tit {border-bottom: 1px solid #ddd;font-size: 18px;color: #004da0;font-weight: bold;padding-bottom: 15px;margin-top:27px;margin-bottom: 20px;}
.curmbs {float: right;font-weight: normal;font-size: 12px;color: #999;line-height: 25px;background: url(../images/hom1.jpg) no-repeat 0 center;padding-left: 20px;}
.curmbs em {font-style: normal;padding: 0 5px;}
.curmbs a{ color:#666;}

/*关于我们-内页*/
.neiy .ny_ab{ font-size:16px; line-height:28px; color:#666666;}

/*产品列表页*/
.ny_fr{}
.ny_fr .ny_cp li {float:left;display:inline; line-height:0;	width:270px;text-align:center; margin-right:45px; background:#f3f3f3; margin-bottom:10px;}
.ny_fr .ny_cp li:nth-child(3n) { margin-right:0;}
.ny_fr .ny_cp li a{ display:block;}
.ny_fr .ny_cp li img{ width:270px!important; /*height: 300px;*/ line-height:0; transition:all ease 0.3s;}
.ny_fr .ny_cp li:hover{background:#004da0;}
.ny_fr .ny_cp li p{ font-size:16px; color:#333; line-height:50px;}
.ny_fr .ny_cp li:hover p{ color:#FFF;}

/*产品分页*/
.dede_pages{clear:both;padding:50px 0 0 0;font-size:14px;text-align:center; overflow:hidden}
.dede_pages ul{display:inline-block;margin:0 auto;padding:0}
.dede_pages ul li{float:left;font-family:'microsoft yahei';margin:0 2px;line-height:25px;background:#fff;border:1px solid #d8dadf}
.dede_pages ul li:nth-child(1){ padding:0 10px}
.dede_pages ul li:nth-child(1) a{ padding:0}
.dede_pages ul li a{color:#555;display:block;padding: 0 10px;}
.dede_pages ul li:hover{text-decoration:none;color:#fff;border:1px #333 solid;background-color:#333}
.dede_pages ul li:hover a{color:#fff}
.dede_pages ul li:hover a:hover{color:#fff;text-decoration:none}
.dede_pages ul li.thisclass{background-color:#333;color:#fff;border:1px #333 solid; padding:0 10px}
.dede_pages ul li:last-child{ padding:0 10px}
.dede_pages ul li:last-child a{ padding:0}
.dede_pages ul li.thisclass a{color:#fff; padding:0}
.dede_pages .pageinfo{line-height:30px;padding-left:5px}
.dede_pages strong{font-weight:400}
.neiy .ny_sxp{ margin:30px 0; overflow:hidden;}

/*产品详情页*/
.neiy .ny_cp_xq{ font-size:16px; line-height:28px; color:#666666;}
.neiy .ny_cp_xq .tu{ width:100%; max-height:300px; margin:30px 0 25px; text-align:center;}
.neiy .ny_cp_xq .tu img{ max-height:100%; height:300px;}
.neiy .ny_cp_xq h1{ font-size:30px; text-align:center; color:#222222; margin-top:40px; font-weight:600px;}
.neiy .ny_cp_xq h3{font-size:30px; text-align:center; color:#222222; margin-top:40px; font-weight:600px;}
.ny_fr .ny_cp2{ width:100%;}
.ny_fr .ny_cp2 li {float:left;display:inline; line-height:0;width:210px;text-align:center; margin-right:20px; background:#f3f3f3; margin-bottom:10px;}
.ny_fr .ny_cp2 li:nth-child(4n) { margin-right:0;}
.ny_fr .ny_cp2 li a{ display:block;}
.ny_fr .ny_cp2 li img{ width:100%!important; height: auto; line-height:0; transition:all ease 0.3s;}
.ny_fr .ny_cp2 li:hover{background:#004da0;}
.ny_fr .ny_cp2 li p{ font-size:16px; color:#333; line-height:50px;}
.ny_fr .ny_cp2 li:hover p{ color:#FFF;}
.neiy .xw2 h1{ margin-bottom:30px;}

/*案例-内页*/
.ny_fr .ny_al{ margin:40px auto 0px; overflow:hidden;}
.ny_fr .ny_al .neir{ margin-top:30px; overflow:hidden;}
.ny_fr .ny_al li{ width:286px; height:200px; float:left; margin-right:20px; margin-bottom:20px; position: relative;}
.ny_fr .ny_al li .tu{ width:100%; height:100%;}
.ny_fr .ny_al li .tu img{ width:100%; height:100%;}
.ny_fr .ny_al li:nth-child(3n) { margin-right:0;}
.ny_fr .ny_al li p{ position:absolute; bottom:0; line-height:40px; text-align:center; background-color:rgb(35 124 200 / 80%); width:100%; color:#FFFFFF; overflow:hidden; height:0; transition:all ease 0.5s;}
.ny_fr .ny_al li:hover p{ height:40px;}

/*新闻咨询*/
.neiy .ny_xw li{ width:100%; border-bottom:1px solid #dedede; height:125px; box-sizing:border-box; padding-bottom:25px; margin-bottom:25px;}
.neiy .ny_xw li .rq{ width:150px; height:100px; float:left; background:#EEEEEE; color:#333333; text-align:center;}
.neiy .ny_xw li .rq h3{ font-size:36px; margin:15px 0 2px;}
.neiy .ny_xw li .rq p{ font-size:14px;}
.neiy .ny_xw li .zi{ float:right; width:720px;}
.neiy .ny_xw li .zi h3{ font-size:16px; color:#333333; margin:8px 0 10px; font-weight:normal;}
.neiy .ny_xw li .zi p{ font-size:14px; color:#666666; line-height:28px;}
.neiy .ny_xw li:hover .rq{ background:#004da0; color:#FFFFFF;}
.neiy .ny_xw li:hover .zi h3{ color:#004da0; font-weight:bold;}
.neiy .ny_xw li:hover a{ display:block;}
