@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:620px;clear:both;overflow:hidden; margin-top:0px; max-height:70vh; 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:620px; max-height:70vh;}
.slideBox .banner li a{ display:block; width:100%; height:620px;}
/* 下面是前/后按钮代码，如果不需要删除即可 */
.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; text-transform:uppercase;}
.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; text-transform:uppercase;}
.daoh ul li{ float:left; font-size:16px; width:177px; text-align:center;}
.daoh ul li a{ padding: 0; 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;text-transform:uppercase;}
.tit h3 b{ color:#004da0; text-transform:uppercase;}
.tit p{ font-size:18px; line-height:38px; height:38px; /*background:url(../tit_x.png) no-repeat center;*/ color:#999999; margin-top:0px;}

/*产品中心*/
.chanp_noa{ width:1280px; margin:0 auto; margin-top:50px;}
.cpnr_noa{ width:100%; height:550px; background:#f6f6f6; border-radius:15px; margin-top:40px;}
.box {width:1200px;float:left;margin:50px 40px; position:relative;}
.top {width:1200px;height:30px;line-height:30px;font-size:12px;box-sizing:border-box; position:absolute; top:200px;}
.pre,.next {cursor:pointer;}
.bottom {width:100%;height:460px;border-top:none;position:relative;overflow:hidden; box-sizing:border-box;}
.bottom_move {width:5500px;position:absolute;top:0px;left:0px;}
.bottom_move ul {list-style-type:none;float:left;}
.bottom_move ul li {float:left; width:360px; height: auto;margin:10px 20px 0;display:inline;}
.bottom_move ul li a { display:block;}
.bottom_move ul li .tu {width:100%;height:360px; box-sizing:border-box; border-radius:10px; overflow:hidden;}
.bottom_move ul li .tu img{ width:100%; height:100%;}
.bottom_move ul li p{ width:100%; text-align:center; line-height:70px; margin:0px 0 0; font-size:16px;}
.bottom_move ul li:hover { box-sizing:border-box; border:1px solid #004da0;border-radius:10px;}
.cpnr_noa .pre{ float:left; margin-left:-30px;}
.cpnr_noa .next{ float:right; margin-right:-30px;}

/*优势-----------------------------------------------------------*/
.yous{ width:100%; height:700px; background:url(../yous_bg.jpg) no-repeat center; margin-top:60px; box-sizing:border-box; padding-top:60px;}
.yous .tit{ width:100%; border-bottom:1px solid #FFFFFF; color:#FFFFFF; padding-bottom:31px;}
.yous .tit h3{ color:#FFFFFF;}
.yous .tit h3 b{ color:#FFFFFF;}
.yous .tit p{ color:#FFFFFF;}
.yous .nr_fl{ width:230px; float:left; height:520px; background-color:rgb(255 255 255 / 30%);}
.yous .nr_fr{ width:970px; float:right; height:520px; position:relative; box-sizing:border-box;}
.yous .nr_fr .ms{ width:100%; height:120px; font-size:16px; box-sizing:border-box; padding-top:25px; color:#FFFFFF; line-height:30px;}
.yous .nr_fr .ys_nr{ width:100%; height:380px; position:absolute; bottom:0;}
.yous .nr_fr .ys_nr li{ width:230px; height:100%; padding:20px 10px; text-align:center; box-sizing:border-box; border:1px solid #FFFFFF; border-bottom:none; float:left; margin-right:16px; color:#FFFFFF; transition:all ease 0.5s;}
.yous .nr_fr .ys_nr li:nth-child(4n){ margin-right:0;}
.yous .nr_fr .ys_nr li .tu{}
.yous .nr_fr .ys_nr li h3{ margin:10px 0; font-size:22px;}
.yous .nr_fr .ys_nr li p{ font-size:16px; line-height:24px;}
.yous .nr_fr .ys_nr li:hover { background:rgb(0 77 160 / 80%);}

/*关于我们---------------------------------------------------------------------------------------------------------------------------------------------*/
.gy_noa{ height: auto;}
.gy_noa .gy_nr{ height:500px; box-sizing:border-box; background:url(../ab_bg.png) no-repeat bottom; padding-top:90px; margin-bottom:60px;}
.gy_noa .gy_nr .nr_fr{ width:610px; float:right; padding-right:25px;}
.gy_noa .gy_nr .nr_fr h3{ font-size:46px; color:#efefef; overflow:hidden; margin-bottom:15px;}
.gy_noa .gy_nr .nr_fr h3 b{ margin-right:20px; float:left; font-size:38px; color:#004da0;}
.gy_noa .gy_nr .nr_fr h3 span{ display:block; float:left; line-height:50px;}
.gy_noa .gy_nr .nr_fr h4{ font-size:18px; color:#333333; letter-spacing:0px; text-transform:uppercase; font-weight:normal; background:url(../ab_x.png) no-repeat left bottom; padding-bottom:30px;}
.gy_noa .gy_nr .nr_fr p{ font-size:14px; line-height:26px; text-indent:2em; color:#666666; margin-top:25px; text-align:justify;}
.gy_noa .gy_nr .nr_fr .gy_tb{ width:100%; height:120px; margin-top:25px;}
.gy_noa .gy_nr .nr_fr .gy_tb li{ width:110px; height:110px; text-align:center; border:1px solid #dfdfdf; box-sizing:border-box; float:left; margin-right:35px;}
.gy_noa .gy_nr .nr_fr .gy_tb li:hover{ background:#004da0; border:1px solid #004da0;}
.gy_noa .gy_nr .nr_fr .gy_tb li .tu{ width:100%; height:66px; box-sizing:border-box; background:url(../gy_tb01.png) no-repeat center bottom;}
.gy_noa .gy_nr .nr_fr .gy_tb li:hover .tu{ background-image:url(../gy_tb01_b.png);}
.gy_noa .gy_nr .nr_fr .gy_tb li .zi{ width:100%; margin-top:5px;}
.gy_noa .gy_nr .nr_fr .gy_tb li a{ display:block; width:100%; height:100%; color:#666666;}
.gy_noa .gy_nr .nr_fr .gy_tb li:hover a{ color:#FFFFFF;}
.gy_noa .gy_nr .nr_fr .gy_tb li:nth-child(2) .tu{ background-image:url(../gy_tb02.png);}
.gy_noa .gy_nr .nr_fr .gy_tb li:hover:nth-child(2) .tu{ background-image:url(../gy_tb02_b.png);}
.gy_noa .gy_nr .nr_fr .gy_tb li:nth-child(3) .tu{ background-image:url(../gy_tb03.png);}
.gy_noa .gy_nr .nr_fr .gy_tb li:hover:nth-child(3) .tu{ background-image:url(../gy_tb03_b.png);}
.gy_noa .gy_nr .nr_fr .gy_tb li:nth-child(4) .tu{ background-image:url(../gy_tb04.png);}
.gy_noa .gy_nr .nr_fr .gy_tb li:hover:nth-child(4) .tu{ background-image:url(../gy_tb04_b.png);}
.gy_noa .gdsz{ width:100%; background:#004da0; height:170px; padding:5px 0; box-sizing:border-box;}
.gy_noa .gdsz .ysj{ background:#FFFFFF; height:160px;}
.gy_noa .gdsz .ysj li{ width:300px; height:160px; box-sizing:border-box; background:url(../ab_gdx.png) no-repeat right center; float:left; text-align:center; padding:30px 0; color:#555555;}
.gy_noa .gdsz .ysj li:nth-child(4){ background:none;}
.gy_noa .gdsz .ysj li h3{ font-size:54px;}
.gy_noa .gdsz .ysj li h3 span{ font-size:14px;}
/*关于我们结束----------------------------------------------------------------------------------------------------------------------*/

/*厂区展示*/
.cpzs_noa{ width:100%; height:700px; box-sizing:border-box; padding-top:65px;}
.cpzs_noa .neir{}
.cq_gd{ width:240px; height:46px; line-height:46px; text-align:center; display:block; margin:0 auto; border:1px solid #004da0; color:#004da0; box-sizing:border-box; transition:all ease 0.3s;}
.cq_gd:hover { background:#004da0; color:#FFFFFF;}
/*厂区展示结束*/

/*新闻咨询*/


/*新闻咨询*/
.xinw{ width:100%; height:540px; background:#f3f3f3; box-sizing:border-box; padding:50px 0; margin-top:30px;}
.xinw .tit p{/* background-image:url(../tit_x3.png);*/}
.xinw .neir{ overflow:hidden; margin-top:50px;}
.xinw .neir .fl{ width:474px;}
.xinw .neir .fl h3{ font-size:16px; color:#333333; margin:20px 0; font-weight:normal;}
.xinw .neir .fl p{ font-size:14px; color:#666666; line-height:28px;}
.xinw .neir .fl:hover h3{ color:#004da0;}
.xinw .neir .fr{ width:660px;}
.xinw .neir .fr li{ width:100%; border-bottom:1px solid #dedede; height:90px; box-sizing:border-box; padding-bottom:25px; margin-bottom:25px;}
.xinw .neir .fr li .rq{ width:65px; height:65px; float:left; background:#333333; color:#FFFFFF; text-align:center;}
.xinw .neir .fr li .rq h3{ font-size:26px; margin:7px 0 0;}
.xinw .neir .fr li .rq p{ font-size:12px;}
.xinw .neir .fr li .zi{ float:right; width:570px;}
.xinw .neir .fr li .zi h3{ font-size:16px; color:#333333; margin:8px 0 10px; font-weight:normal;}
.xinw .neir .fr li .zi p{ font-size:14px; color:#666666;}
.xinw .neir .fr li:hover .rq{ background:#004da0;}
.xinw .neir .fr li:hover .zi h3{ color:#004da0; font-weight:bold;}
.xinw .neir .fr li:hover a{ display:block;}
/*新闻咨询结束*/

/*底部*/
.footer_noa{ width:100%; height:390px; background:#333333; margin-top:50px; clear:both;}
.footer_noa ul{ padding-top:60px;}
.footer_noa ul li{ float:left;}
.footer_noa .db_ewm{ width:150px; margin-right:100px;}
/*.footer_noa .db_ewm .tu{ width:150px; height:150px; background:url(../ewm_bk.png) no-repeat;}*/
.footer_noa .db_ewm .tu{ width:110px; height:110px; background:url(../ewm_bk.png) no-repeat; margin:auto;}
.footer_noa .db_ewm .tu img{ width:100%;}
.footer_noa .db_ewm p{ font-size:14px; text-align:center; line-height:50px; color:#FFFFFF;}
.footer_noa .db_lx{ width:370px; float:left; margin-right:60px;}
.footer_noa .db_lx h3{ background:url(../db_lx_x.png) no-repeat left bottom; height:60px; margin-bottom:25px; font-size:26px; text-transform:uppercase; color:#FFFFFF;}
.footer_noa .db_lx h5{ font-size:18px; color:#FFFFFF; margin-bottom:15px; letter-spacing:1px;}
.footer_noa .db_lx p{ font-size:16px; line-height:36px; color:#FFFFFF; background:url(../db_lx01.png) no-repeat left center; padding-left:26px;}
.footer_noa .db_lx p:nth-child(4){ background-image:url(../db_lx02.png);}
.footer_noa .db_lx p:nth-child(5){ background-image:url(../db_lx03.png);}
.footer_noa .db_lx p:nth-child(6){ background-image:url(../db_lx04.png);}
.footer_noa ul li h3{ background:url(../db_lx_x.png) no-repeat left bottom; height:60px; margin-bottom:25px; font-size:26px; text-transform:uppercase; color:#FFFFFF;}
.footer_noa .db_dh{ width:200px; float:left; margin-right:0px;}
.footer_noa .db_dh a{ width:50%; float:left; text-align: left; color:#FFFFFF; margin-bottom:20px; text-transform:uppercase;}
.footer_noa .db_dh a:hover{ color:#004da0;}
.footer_noa .db_dianh{ width:240px; height:250px; float:right; color:#FFFFFF; background:url(../db_dianh.png) no-repeat left; background-position:0 95px;}
.footer_noa .db_dianh h5{ margin-left:36px; font-size:14px; letter-spacing:5px; font-weight:normal; margin-bottom:5px;}
.footer_noa .db_dianh p{ margin-left:36px; font-size:22px;}
.footer_noa .db_dianh .zx{ background:url(../db_zx.png) no-repeat; width:130px; height:36px; line-height:32px; display:block; border:2px solid #FFFFFF; margin-top:15px; background-position:20px center; color:#FFFFFF; transition:0.3s all ease; text-align:center; padding-left:20px; font-size:14px; box-sizing:border-box; }
.footer_noa .db_dianh .zx:hover{background-color:#004da0;}
.bq_noa{ width:100%; height:66px; line-height:66px; background:#333333; border-top:1px solid #FFFFFF; color:#FFFFFF;}
.bq_noa a{ color:#FFFFFF;}
/*底部结束*/


/*内页-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: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;}
