﻿/* CSS Document */
@charset "utf-8";
@import url("public.css");
@import url("animate.css");	
.siyi{ width:100%; height:94px; background:#fff;  }
.siyi_1{ width:1400px; height:94px;  margin:0 auto;}
.siyi_2{ width:242px; height:94px; float:left; text-align:left;}
.siyi_2 img{ width:242px; height:54px; margin-top:20px;transition: all 0.5s ease;-webkit-transition: all 0.5s ease;}

.siyi_3{ width:848px; height:94px; float:left; margin-left:310px; }


.siyi_3 ul li{ width:106px;  height:94px; text-align:center; font-size:16px; float:left; line-height:94px;}

.siyi_3 ul li a{ color:#000; display:block;height:94px; }
.siyi_3 ul li a:hover{ color:#000; height:94px!important; line-height:94px!important;  display:block)}

.siyi_qh{ background: url(../images/xl.png); height:94px!important; line-height:94px!important; font-weight:bold;color:#000!important;}
/*下拉*/
.clearfix {display:block;}
.nav .sec{height:0;color:#333;overflow:hidden;z-index:9999;position:absolute;top:94px;width:auto;font-size:14px; text-align:left; text-indent:1.5em;}
.nav .sec a{background:#fff; color:#333!important;height:40px;line-height:40px;width:auto;display:block;border-top:0px solid #ddd;padding: 0px 28px 0px 0px;text-align:left;}
.nav .sec a:hover{background:#fff; color:#2b5cbb!important;height:40px!important;line-height:40px!important;width:auto;display:block;padding: 0px 28px 0px 0px!important;text-align:left!important;text-indent:1.5em;}


.bannerbox{height:auto;overflow:hidden;display:block}
.banner .hd {width:100%;position:absolute;z-index:1;bottom:0;left:0;height:30px;line-height:30px;}
.banner .hd ul {text-align:center;}
.banner .hd ul li {cursor:pointer;display:inline-block;*display:inline;zoom:1;width:90px;height:3px;margin:5px;overflow:hidden;background:#447BB1;filter:alpha(opacity=50);line-height:999px;}
.banner .hd ul .on {background:#fff;}
.banner .prev,.banner .next {display:block;position:absolute;z-index:1;top:50%;margin-top:-30px;left:5%;z-index:1;width:40px;height:60px;background:url(../images/slider-arrow.png) -126px -137px #000 no-repeat;cursor:pointer;filter:alpha(opacity=50);opacity:0.5;display:none;}

.banner .next {left:auto;right:5%;background-position:-6px -137px;}
.banner {width:100%;position:relative;height:556px;display:block}
.banner .bd {margin:0 auto;position:relative;z-index:0;height:556px;overflow:hidden;}
.banner .bd ul {width:100% !important;}
.banner .bd li {width:100% !important;height:556px;overflow:hidden;text-align:center;}
.banner .bd li a {display:block;height:556px;}


/*1*/
.guoch{ width:1400px; height:auto; overflow:hidden; margin:0 auto; margin-top:50px; border-bottom:1px solid #F2F2F2;}
.guoch_1{ width:1245px; height:auto; overflow:hidden; margin:0 auto;}
.guoch_2{ width:194px; height:auto; overflow:hidden; float:left; margin-bottom:10px;}
.guoch_2_1{ width:194px; height:149px; overflow:hidden; text-align:center;}
.guoch_2_1 img{ width:149px; height:149px;}
.guoch_2_2{ width:194px; height:42px; overflow:hidden; text-align:center; font-size:24px; text-transform:uppercase; color:#CCC; line-height:42px;font-weight:bold;}
.guoch_2_3{ width:194px; height:55px; overflow:hidden; text-align:center; font-size:24px;color:#000; font-weight:bold; line-height:55px;}
.guoch_2_4{ width:194px; height:auto; overflow:hidden; text-align:center; font-size:14px;color:#666;line-height:25px; margin-top:5px;}
.guoch_3{ width:148px; height:1px; overflow:hidden; float:left; background:#F2F2F2; margin-top:75px;}

/*2*/
.guoch1{ width:1400px; height:auto; overflow:hidden; margin:0 auto; margin-top:75px;}
.guoch1_1{ width:700px; height:340px; float:left;}
.guoch1_1_1{width:700px; height:61px; overflow:hidden;}
.guoch1_1_2{width:58px; height:52px; float:left;position: absolute;margin-left: -30px;}
.guoch1_1_3{width:338px; height:61px; float:left; line-height:80px; font-size:32px; color:#4C4A4F; font-weight:bold; }
.guoch1_1_4{width:700px; height:34px; font-size:16px; text-transform:uppercase; color:#CCC; line-height:34px;}
.guoch1_1_5{width:700px; height:auto; font-size:16px; color:#666; line-height:34px; margin-top:10px;}

.guoch1_2{ width:622px; height:340px; float:left; margin-left:78px;}
.guoch1_2 video{width:622px; height:340px;}
.guoch1_2 img{width:622px; height:340px;}

/*3*/
.guoch2{ width:1400px; height:auto; overflow:hidden; margin:0 auto; margin-top:75px;}
.guoch2_1{ width:1400px; height:30px; overflow:hidden; line-height:30px;}
.gc_2sp1{ font-size:22px; color:#000; padding-right:30px; font-weight:bold;}
.gc_2sp2{ font-size:16px; color:#333;}
.guoch2_1 a{color:#333;}
.guoch2_1 a:hover{color:#333; text-decoration:underline}
.guoch2_2{ width:1400px; height:auto; overflow:hidden; margin-top:25px;}
.guoch2_2 ul li{ width:450px; height:302px; float:left; margin-right:25px; margin-bottom:25px;}
.guoch2_2 ul li:nth-child(3n){margin-right:0;}
.guoch2_2_1{ width:450px; height:302px; overflow:hidden;}
.guoch2_2_1 img{ width:448px; height:302px;transition: all 0.6s;border:1px solid #E7E7E7}
.guoch2_2_1 img:hover{width:448px; height:302px;transform: scale(1.1);border:1px solid #E7E7E7}
.guoch2_2_2{ width:450px; height:45px; overflow:hidden; line-height:45px; text-align:center; font-size:16px;background: rgb(102 102 102 / 0.42);position:absolute; margin-top:-45px;}
.guoch2_2_2 a{ color:#fff!important;}
.guoch2_2_2 a:hover{ color:#fff!important; text-decoration:underline;}

.guoch2_3{ width:1400px; height:32px; overflow:hidden; margin-top:50px;}
.guoch2_3_1{ width:1110px; height:32px; overflow:hidden; float:left; font-size:16px; color:#666; line-height:32px;}
.guoch2_3_2{ width:200px; height:32px; overflow:hidden; float:right; }
.guoch2_3_2 .hd{ width:200px; height:32px; overflow:hidden; float:right; font-size:18px; }
.guoch2_3_2 .hd .prev,.sygd .hd .next{ display:block;  width:90px; height:30px; float:left; margin-left:5px;overflow:hidden;cursor:pointer; border:1px solid #d9d8dd; color:#666; line-height:30px;text-align:center; }
.guoch2_3_2 .hd .prev{ background:#02529f; color:#fff;width:92px; height:32px;display:block; text-align:center; float:left; line-height:32px; border:0px;  }

/* 首页产品滚动css */
.sygd{ width:1400px; height:auto; overflow:hidden; margin:0 auto; margin-top:25px;}

		
/*4*/
.guoch3{ width:100%; height:794px; overflow:hidden; margin:0 auto; margin-top:75px; background:url(../images/gc_7.jpg);}
.guoch3_1{ width:1400px; height:61px; margin:0 auto; margin-top:80px;}
.guoch3_1_1{width:700px; height:61px; overflow:hidden;}
.guoch3_1_2{width:58px; height:52px; float:left;position: absolute;margin-left: -30px;}
.guoch3_1_3{width:338px; height:61px; float:left; line-height:80px; font-size:32px; color:#4C4A4F; font-weight:bold; }
.guoch3_2{ width:1400px; height:auto; margin:0 auto; margin-top:30px; line-height:30px; font-size:18px;color:#4C4A4F;}
.guoch3_3{ width:1324px; height:404px; margin:0 auto; }
.guoch3_3 ul li{width:1324px; height:404px; float:left;}
.guoch3_3_1{ width:512px; height:404px; float:left; margin-right:58px;}
.guoch3_3_1_a{  height:30px; line-height:30px; font-size:24px; font-weight:bold; background:url(../images/gc_8.png);}
.guoch3_3_1_a{ color:#333}
.guoch3_3_1_a:hover{ color:#333}
.guoch3_3_1_b{ width:512px;height:270px; overflow:hidden; margin-top:53px; font-size:16px; line-height:32px; color:#333;}

.guoch3_3_2{ width:754px; height:390px; float:left; overflow:hidden;}
.guoch3_3_2 img{width:754px; height:390px;transition: all 0.6s;}
.guoch3_3_2 img:hover{width:754px; height:390px;transform: scale(1.1);}

.guoch3_4{ width:1216px; height:37px; margin:0 auto; margin-top:-51px; position:absolute;}
.guoch3_4 .hd2{ width:146px; height:37px; overflow:hidden;margin:0 auto;font-size:18px; }
.guoch3_4 .hd2 .prev,.guoch3_4 .hd2 .next{ display:block;  width:73px; height:37px; float:left;overflow:hidden;cursor:pointer;background:#02529f; color:#fff; line-height:37px;text-align:center; }
.guoch3_4 .hd2 .next{ background:#fff; color:#666;width:73px; height:37px;display:block; text-align:center; float:left; line-height:37px;cursor:pointer;}

/* 首页产品滚动2css */
.sygd2{ width:1400px; height:auto; overflow:hidden; margin:0 auto;margin-top:70px; }


/*5*/
.guoch4{ width:1400px; height:auto; overflow:hidden; margin:0 auto; margin-bottom:40px; }
.guoch4_1{ width:1400px; height:61px; margin:0 auto; margin-top:80px; }
.guoch4_1_1{width:300px; height:61px; overflow:hidden; float:left; }
.guoch4_1_2{width:58px; height:52px; float:left;position: absolute;margin-left: -30px;}
.guoch4_1_3{width:270px; height:61px; float:left; line-height:80px; font-size:32px; color:#4C4A4F; font-weight:bold; }
.guoch4_1_4{ width:900px; height:61px; line-height:90px; float:left;color:#333; font-size:18px;margin-left:80px;}
.guoch4_1_4 a{ color:#333; padding-left:44px; padding-right:44px;}
.guoch4_1_4 a:hover{ color:#03529F; font-weight:bold; padding-left:44px; padding-right:44px;}

.guoch4_2{ width:1400px; height:314px; overflow:hidden; margin:0 auto; margin-top:60px;}
.guoch4_2 ul li{ width:325px; height:314px; overflow:hidden; float:left; margin-right:33px;}

.guoch4_3{ width:325px; height:233px;overflow:hidden;}
.guoch4_3 img{width:325px; height:233px;transition: all 0.6s;}
.guoch4_3 img:hover{width:325px; height:233px;transform: scale(1.1);}
.guoch4_4{ width:325px; height:81px;overflow:hidden; background:#ECF6FF}
.guoch4_4_1{ width:325px; height:26px;overflow:hidden; line-height:26px; margin-top:15px; font-size:14px; text-align:center;}
.guoch4_4_1 a{ color:#000;}
.guoch4_4_1 a:hover{ color:#000; text-decoration:underline}
.guoch4_4_2{ width:325px; height:26px;overflow:hidden; line-height:26px; font-size:14px; text-align:center; color:#8D9296;}

.guoch4_5{ width:1400px; height:auto; overflow:hidden; margin:0 auto; margin-top:35px;}
.guoch4_5 .hd3{ width:200px; height:32px; overflow:hidden; float:left; font-size:18px; }
.guoch4_5 .hd3 .prev,.guoch4_5 .hd3 .next{ display:block;  width:90px; height:30px; float:left; margin-left:5px;overflow:hidden;cursor:pointer; border:1px solid #d9d8dd; color:#666; line-height:30px;text-align:center; }
.guoch4_5 .hd3 .prev{ background:#02529f; color:#fff;width:92px; height:32px;display:block; text-align:center; float:left; line-height:32px; border:0px;  }



/*6*/
.guoch5{ width:1400px; height:auto; overflow:hidden; margin:0 auto;margin-top:80px; }
.guoch5_1{ width:1400px; height:90px; margin:0 auto;  }
.guoch5_1_1{width:320px; height:61px; overflow:hidden; float:left; }
.guoch5_1_2{width:58px; height:52px; float:left;position: absolute;margin-left: -30px;}
.guoch5_1_3{width:320px; height:61px; float:left; line-height:80px; font-size:32px; color:#4C4A4F; font-weight:bold; }

.guoch5_1_4{ width:974px; height:70px; line-height:35px; float:left;color:#666; font-size:16px;margin-left:80px; margin-top:20px;}

.guoch5_2{ width:1400px; height:auto;  margin:0 auto; margin-top:36px; }
.guoch5_2 ul li{ width:225px; height:455px; float:left; margin-right:10px;transition: all 0.6s;}
.guoch5_2 ul li:nth-child(6n){margin-right:0;}
.guoch5_2 ul li:nth-child(1){ background:url(../images/gc_11.jpg)}
.guoch5_2 ul li:nth-child(2){ background:url(../images/gc_12.jpg)}
.guoch5_2 ul li:nth-child(3){ background:url(../images/gc_13.jpg)}
.guoch5_2 ul li:nth-child(4){ background:url(../images/gc_14.jpg)}
.guoch5_2 ul li:nth-child(5){ background:url(../images/gc_15.jpg)}
.guoch5_2 ul li:nth-child(6){ background:url(../images/gc_16.jpg)}
.guoch5_3{ width:25px; height:415px; line-height:35px;margin:0 auto; margin-top:35px;  text-align:center; font-size:24px; color:#fff;word-wrap: break-word;writing-mode: tb-lr;}

.guoch5_2 ul li:hover{ margin-top:-15px;transition: all 0.6s;}



/*7*/
.guoch6{ width:100%; height:auto; overflow:hidden; margin:0 auto;margin-top:80px; background:#ECF6FF; }
.guoch6_1{ width:1400px; height:61px; margin:0 auto; margin-top:80px; }
.guoch6_1_1{width:300px; height:61px; overflow:hidden; float:left; }
.guoch6_1_2{width:58px; height:52px; float:left;position: absolute;margin-left: -30px;}
.guoch6_1_3{width:242px; height:61px; float:left; line-height:80px; font-size:32px; color:#4C4A4F; font-weight:bold; }
.guoch6_1_4{ width:900px; height:61px; line-height:90px; float:left;color:#333; font-size:18px;margin-left:80px;}
.guoch6_1_4 a{ color:#333; padding-left:44px; padding-right:44px;}
.guoch6_1_4 a:hover{ color:#03529F; font-weight:bold; padding-left:44px; padding-right:44px;}

.guoch6_2{ width:1400px; height:468px; margin:0 auto; margin-top:55px; margin-bottom:70px;  }
.guoch6_3{ width:400px; height:468px; margin-right:33px; float:left; background:#fff;}
.guoch6_3_a{ width:400px; height:283px;overflow:hidden;}
.guoch6_3_a img{width:400px; height:283px;transition: all 0.6s;}
.guoch6_3_a img:hover{width:400px; height:283px;transform: scale(1.1);}
.guoch6_3_b{ width:370px; height:26px;overflow:hidden; margin:0 auto; margin-top:17px; font-size:14px; color:#666; line-height:26px;}
.guoch6_3_c{ width:370px; height:46px;overflow:hidden; margin:0 auto;font-size:14px; color:#666; line-height:46px;}
.guoch6_3_c a{ color:#000;}
.guoch6_3_c a:hover{ color:#000; text-decoration:underline}
.guoch6_3_d{ width:370px; height:auto;overflow:hidden; margin:0 auto;font-size:14px; color:#ADADAD; line-height:25px;}

.guoch6_4{ width:400px; height:468px; margin-right:77px; float:left;background:#fff;}
.guoch6_5{ width:490px; height:468px; float:left;}
.guoch6_5 ul li{ width:490px; height:94px; border-bottom:1px solid #DDE4EA; margin-bottom:29px; }
.guoch6_5 ul li:nth-child(4){margin-bottom:0;}
.guoch6_6{width:490px; height:20px; overflow:hidden;}
.guoch6_6_1{width:400px; height:20px; line-height:20px; font-size:16px; float:left;}
.guoch6_6_1 a{ color:#333;}
.guoch6_6_1 a:hover{ color:#333; text-decoration:underline}
.guoch6_6_2{width:90px; height:20px; line-height:20px; font-size:14px; float:left;font-size:14px; color:#5D646C; }
.guoch6_7{width:490px; height:44px; line-height:22px; font-size:14px;color:#ADADAD; overflow:hidden; margin-top:12px;}

/*8*/
.guoch7{ width:100%; height:266px; overflow:hidden; margin:0 auto;background:#03529F;}
.guoch7_1{ width:1400px; height:40px; overflow:hidden; margin:0 auto; margin-top:46px}
.guoch7_1_a{ width:680px; height:40px; line-height:40px; font-size:36px; font-weight:bold; color:#fff;float:left;}
.guoch7_1_b{ width:720px; height:40px; font-size:16px;float:left; }
.guoch7_1_b ul li{  width:120px; height:40px; float:left; line-height:40px; text-align:right}
.guoch7_1_b ul li a{ color:#BFBDC8;}
.guoch7_1_b ul li a:hover{ color:#BFBDC8; text-decoration:underline;}

.guoch7_2{ width:1400px; height:149px; overflow:hidden; margin:0 auto; margin-top:6px}
.guoch7_3{ width:1120px; height:149px; overflow:hidden; float:left;}
.guoch7_3_1{ width:1120px; height:48px; margin-top:20px; color:#BFBDC8; font-size:18px; line-height:24px;}
.guoch7_3_2{ width:1120px; height:50px; margin-top:33px; color:#BFBDC8; font-size:14px; line-height:25px;}
.guoch7_3_2 a{ color:#BFBDC8;}
.guoch7_3_2 a:hover{ color:#BFBDC8; text-decoration:underline}
.guoch7_4{ width:280px; height:149px; overflow:hidden; float:left; text-align:right}
.guoch7_4 img{ width:113px; height:auto; margin-left:25px;}


.wap_lind{ display:none;}
.guoch2_2w{ display:none;}
@media  screen and (max-width: 640px) {
.siyi{display:none;}
.bannerbox{ display:none}

.wap_lind{max-width:640px;height:auto;overflow:hidden;margin:0 auto;display:block;}
.wapw{width:100%;height:auto;overflow:hidden;margin:0 auto}
.wapzhan{ display:block;width:100%;height:auto;overflow:hidden;}
.wapdhx{ width:100px;height:51px;display:block}
.wapdh{ display:block}
.sp_header{max-width: 640px;height:50px;overflow:hidden;background:#fff;position:fixed;z-index:999;width:100%;box-shadow: darkgrey 0px 0px 6px 0px;}
.sp_logo{padding:4px;float:left;height:50px;margin-left: 2px;}
.sp_logo img{margin:auto;max-height:36px; margin-top:3px;}
.sp_logo1{ width:auto;height:40px;float:left}
.sp_logo2{ width:auto;height:40px;float:left;margin-left:5px;}
.logo_p1{ height:24px;font-size:16px;color:#333;font-weight: bold;line-height: 24px;margin-top: 2px;}
.logo_p2{height: 16px;font-size: 0.6rem;text-align: left;margin-left: -28px;line-height: 16px;font: 12%;-webkit-transform: scale(0,1.5);-moz-transform: scale(0,0.5);-o-transform: scale(0,0);transform: scale(0.8,0.5);color:#333;}

.sp_nav{width:50px;float:right;position:relative;cursor:pointer;height:30px;margin-top:15px;margin-right: 15px;}
.sp_nav span{display:block;background:#03529f;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:99999999;background:#eee;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 solid;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:#c9141e}
.sjj_nav ul li ul li>ul{margin-left:10px}

.wbaner{ display:block;width:100%;height:auto;overflow:hidden}
.focuss1{ width:100%;margin:0 auto;position:relative;overflow:hidden;}
.focuss1 .hds1{ width:40%;height:11px; position:absolute;z-index:9999;/* bottom:45px;*/ bottom:3%;left:30%;text-align:center; }
.focuss1 .hds1 ul{ display:inline-block;height:5px;padding:3px 5px;font-size:0;vertical-align:top;}
.focuss1 .hds1 ul li{ display:inline-block;width:15px;height:3px;-webkit-border-radius:5px;-moz-border-radius:5px;border-radius:5px;background:#8C8C8C;margin:0 5px; vertical-align:top;overflow:hidden;  }
.focuss1 .hds1 ul .on{ background:#024689; }
.focuss1 .bds1{ position:relative;z-index:0;}
.focuss1 .bds1 li{position:relative;overflow:hidden }
.focuss1 .bds1 li img{ width:100%;background:url(../images/wap/loading.gif) center center no-repeat; }
.focuss1 .bds1 li a{ -webkit-tap-highlight-color:rgba(0, 0, 0, 0);/* 取消链接高亮 */  }
.focuss1 .bds1 li p{ text-align:center;font-size:100%}


/*1*/
.guoch{ width:96%; height:auto; overflow:hidden; margin:0 auto; margin-top:30px; border-bottom:1px solid #F2F2F2;}
.guoch_1{ width:96%; height:auto; overflow:hidden; margin:0 auto;}
.guoch_2{ width:44%; height:auto; overflow:hidden; float:left; margin-bottom:15px;}
.guoch_2_1{ width:100%; height:auto; overflow:hidden; text-align:center;}
.guoch_2_1 img{ width:80%; height:auto;}
.guoch_2_2{ width:100%; height:30px; overflow:hidden; text-align:center; font-size:16px; text-transform:uppercase; color:#CCC; line-height:30px;font-weight:bold;}
.guoch_2_3{ width:100%; height:30px; overflow:hidden; text-align:center; font-size:16px;color:#000; font-weight:bold; line-height:30px;}
.guoch_2_4{ width:100%; height:auto; overflow:hidden; text-align:center; font-size:13px;color:#666;line-height:22px; margin-top:5px;}
.guoch_3{ width:8%; height:1px; overflow:hidden; float:left; background:#F2F2F2; margin-top:75px; margin-left:2%; margin-right:2%;}
#gid3{ display:none;}
/*2*/
.guoch1{ width:96%; height:auto; overflow:hidden; margin:0 auto; margin-top:25px;}
.guoch1_1{ width:100%; height:auto; float:none;}
.guoch1_1_1{width:100%; height:41px; overflow:hidden;}
.guoch1_1_2{width:96%; height:32px; float:left;position: absolute;margin-left:0px;}
.guoch1_1_2 img{ width:auto; height:32px;}
.guoch1_1_3{width:100%; height:41px; float:left; line-height:50px; font-size:20px; color:#4C4A4F; font-weight:bold;margin-left:20px; }
.guoch1_1_4{width:100%; height:28px; font-size:16px; text-transform:uppercase; color:#CCC; line-height:28px;}
.guoch1_1_5{width:100%; height:auto; font-size:14px; color:#666; line-height:28px; margin-top:0px;}

.guoch1_2{ width:100%; height:auto; float:none; margin-left:0px; background:#000; margin-top:15px;}
.guoch1_2 video{width:100%; height:240px;}
.guoch1_2 img{width:100%; height:auto;}



/*3*/
.guoch2{ width:96%; height:auto; overflow:hidden; margin:0 auto; margin-top:25px;}
.guoch2_1{ width:100%; height:30px; overflow:hidden; line-height:30px;}
.gc_2sp1{ font-size:20px; color:#000; padding-right:30px; font-weight:bold;}
.gc_2sp2{ font-size:14px; color:#333;}
.guoch2_1 a{color:#333;}
.guoch2_1 a:hover{color:#333; text-decoration:underline}
.guoch2_2{ width:100%; height:auto; overflow:hidden; margin-top:25px;}
.guoch2_2 ul li{ width:100%; height:292px; float:left; margin-right:25px; margin-bottom:25px;}
.guoch2_2 ul li:nth-child(3n){margin-right:0;}
.guoch2_2_1{ width:100%; height:292px; overflow:hidden;}
.guoch2_2_1 img{ width:100%; height:290px;transition: all 0.6s;border:1px solid #E7E7E7}
.guoch2_2_1 img:hover{width:100%; height:290px;transform: scale(1.1);border:1px solid #E7E7E7}
.guoch2_2_2{ width:100%; height:45px; overflow:hidden; line-height:45px; text-align:center; font-size:16px;background: rgb(102 102 102 / 0.42);position:absolute; margin-top:-45px;}
.guoch2_2_2 a{ color:#fff!important;}
.guoch2_2_2 a:hover{ color:#fff!important; text-decoration:underline;}

.guoch2_3{ width:100%; height:32px; overflow:hidden; margin-top:50px;}
.guoch2_3_1{ width:80%; height:32px; overflow:hidden; float:left; font-size:16px; color:#666; line-height:32px;}
.guoch2_3_2{ width:20%; height:32px; overflow:hidden; float:right; }
.guoch2_3_2 .hd{ width:100%; height:32px; overflow:hidden; float:right; font-size:18px; }
.guoch2_3_2 .hd .prev,.sygd .hd .next{ display:block;  width:90px; height:30px; float:left; margin-left:5px;overflow:hidden;cursor:pointer; border:1px solid #d9d8dd; color:#666; line-height:30px;text-align:center; }
.guoch2_3_2 .hd .prev{ background:#02529f; color:#fff;width:92px; height:32px;display:block; text-align:center; float:left; line-height:32px; border:0px;  }

/* 首页产品滚动css */
.sygd{ display:none;}


.guoch2_2w{ width:100%; height:auto; overflow:hidden; margin-top:25px; display:block;}
.guoch2_2w ul li{ width:48.5%; height:auto; float:left; margin-right:3%; margin-bottom:25px;}
.guoch2_2w ul li:nth-child(3n){margin-right:3%;}
.guoch2_2w ul li:nth-child(2n){margin-right:0;}
.guoch2_2w_1{ width:100%; height:auto; overflow:hidden;}
.guoch2_2w_1 img{ width:99%; height:120px;transition: all 0.6s;border:1px solid #E7E7E7}

.guoch2_2w_2{ width:46.5%; height:32px; overflow:hidden; line-height:32px; text-align:center; font-size:14px;background: rgb(102 102 102 / 0.42);position:absolute; margin-top:-32px;}
.guoch2_2w_2 a{ color:#fff!important;}
.guoch2_2w_2 a:hover{ color:#fff!important; text-decoration:underline;}

		
/*4*/
.guoch3{ width:100%; height:auto; overflow:hidden; margin:0 auto; margin-top:25px; background:url(../images/gc_7.jpg);}
.guoch3_1{ width:96%; height:41px; margin:0 auto; margin-top:20px;}
.guoch3_1_1{width:100%; height:41px; overflow:hidden;}
.guoch3_1_2{width:96%; height:32px; float:left;position: absolute;margin-left:0px;}
.guoch3_1_2 img{ width:auto; height:32px;}
.guoch3_1_3{width:100%; height:41px; float:none; line-height:50px; font-size:20px; color:#4C4A4F; font-weight:bold; margin-left:20px; }
.guoch3_2{ width:96%; height:auto; margin:0 auto; margin-top:10px; line-height:24px; font-size:14px;color:#4C4A4F;}
.guoch3_3{ width:96%; height:auto; margin:0 auto; overflow:hidden }
.guoch3_3 ul li{width:100%; height:auto; float:left;overflow:hidden}
.guoch3_3_1{ width:100%; height:auto; float:none; margin-right:0px;}
.guoch3_3_1_a{  height:30px; line-height:30px; font-size:24px; font-weight:bold; background:url(../images/gc_8.png);}
.guoch3_3_1_a{ color:#333}
.guoch3_3_1_a:hover{ color:#333}
.guoch3_3_1_b{ width:100%;height:auto; overflow:hidden; margin-top:13px; font-size:14px; line-height:28px; color:#333;}

.guoch3_3_2{ width:100%; height:190px; float:none; overflow:hidden; margin-top:15px;}
.guoch3_3_2 img{width:100%; height:190px;transition: all 0.6s;}
.guoch3_3_2 img:hover{width:100%; height:190px;transform: scale(1.1);}

.guoch3_4{ width:100%; height:30px; margin:0 auto; margin-top:15px; position:absolute;}
.guoch3_4 .hd2{ width:146px; height:30px; overflow:hidden;margin:0 auto;font-size:18px; }
.guoch3_4 .hd2 .prev,.guoch3_4 .hd2 .next{ display:block;  width:73px; height:30px; float:left;overflow:hidden;cursor:pointer;background:#02529f; color:#fff; line-height:30px;text-align:center; }
.guoch3_4 .hd2 .next{ background:#fff; color:#666;width:73px; height:30px;display:block; text-align:center; float:left; line-height:30px;cursor:pointer;}

/* 首页产品滚动2css */
.sygd2{ width:100%; height:auto; overflow:hidden; margin:0 auto;margin-top:30px; margin-bottom:75px; }





/*5*/
.guoch4{ width:96%; height:auto; overflow:hidden; margin:0 auto; margin-bottom:40px; }
.guoch4_1{ width:100%; height:auto; margin:0 auto; margin-top:20px; overflow:hidden }
.guoch4_1_1{width:100%; height:41px; overflow:hidden; float:none; }
.guoch4_1_2{width:96%; height:32px; float:left;position: absolute;margin-left: -0px;}
.guoch4_1_2 img{ width:auto; height:32px;}
.guoch4_1_3{width:100%; height:41px; float:left; line-height:50px; font-size:20px; color:#4C4A4F; font-weight:bold; margin-left:20px; }
.guoch4_1_4{ width:100%; height:41px; line-height:40px; float:none;color:#333; font-size:16px;margin-left:0px;margin-top:20px; }
.guoch4_1_4 a{ color:#333; padding-left:10px; padding-right:10px;}
.guoch4_1_4 a:hover{ color:#03529F; font-weight:bold; padding-left:10px; padding-right:10px;}

.guoch4_2{ width:100%; height:auto; overflow:hidden; margin:0 auto; margin-top:20px; display:none;}
.guoch4_2 ul li{ width:48.5%; height:auto; overflow:hidden; float:left; margin-right:3%;}
.guoch4_2 ul li:nth-child(2n){margin-right:0;}

.guoch4_3{ width:100%; height:133px;overflow:hidden;}
.guoch4_3 img{width:100%; height:133px;transition: all 0.6s;}
.guoch4_3 img:hover{width:100%; height:133px;transform: scale(1.1);}
.guoch4_4{ width:100%; height:81px;overflow:hidden; background:#ECF6FF}
.guoch4_4_1{ width:100%; height:26px;overflow:hidden; line-height:26px; margin-top:15px; font-size:14px; text-align:center;}
.guoch4_4_1 a{ color:#000;}
.guoch4_4_1 a:hover{ color:#000; text-decoration:underline}
.guoch4_4_2{ width:100%; height:26px;overflow:hidden; line-height:26px; font-size:14px; text-align:center; color:#8D9296;}

.guoch4w_2{ width:100%; height:auto; overflow:hidden; margin:0 auto; margin-top:20px;}
.guoch4w_2 ul li{ width:48.5%; height:auto; overflow:hidden; float:left; margin-right:3%;}
.guoch4w_2 ul li:nth-child(2n){margin-right:0;}

.guoch4w_3{ width:100%; height:auto;overflow:hidden;}
.guoch4w_3 img{width:100%; height:130px;transition: all 0.6s;}
.guoch4w_3 img:hover{width:100%; height:130px;transform: scale(1.1);}
.guoch4w_4{ width:100%; height:auto;overflow:hidden; background:#ECF6FF}
.guoch4w_4_1{ width:100%; height:22px;overflow:hidden; line-height:26px; margin-top:10px; font-size:14px; text-align:center;}
.guoch4w_4_1 a{ color:#000;}
.guoch4w_4_1 a:hover{ color:#000; text-decoration:underline}
.guoch4w_4_2{ width:100%; height:22px;overflow:hidden; line-height:22px; font-size:12px; text-align:center; color:#8D9296; margin-bottom:5px;}
.guoch4w_4_3{ width:35%; height:32px;overflow:hidden; line-height:32px; font-size:14px; text-align:center; color:#8D9296; margin:0 auto; margin-top:25px; margin-bottom:15px;background:#02529f;}
.guoch4w_4_3 a{ color:#fff;}
.guoch4w_4_3 a:hover{ color:#fff; text-decoration:underline}

.guoch4_5{ width:100%; height:auto; overflow:hidden; margin:0 auto; margin-top:35px; display:none;}
.guoch4_5 .hd3{ width:200px; height:32px; overflow:hidden; float:left; font-size:18px; }
.guoch4_5 .hd3 .prev,.guoch4_5 .hd3 .next{ display:block;  width:90px; height:30px; float:left; margin-left:5px;overflow:hidden;cursor:pointer; border:1px solid #d9d8dd; color:#666; line-height:30px;text-align:center; }
.guoch4_5 .hd3 .prev{ background:#02529f; color:#fff;width:92px; height:32px;display:block; text-align:center; float:left; line-height:32px; border:0px;  }



/*6*/
.guoch5{ width:96%; height:auto; overflow:hidden; margin:0 auto;margin-top:20px; }
.guoch5_1{ width:100%;  height:auto; overflow:hidden;margin:0 auto;  }
.guoch5_1_1{width:100%; height:41px; overflow:hidden; float:none; }
.guoch5_1_2{width:96%; height:32px; float:left;position: absolute;margin-left: 0px;}
.guoch5_1_2 img{ width:auto; height:32px;}
.guoch5_1_3{width:100%; height:61px; float:none; line-height:50px; font-size:20px; color:#4C4A4F; font-weight:bold;margin-left:20px; }

.guoch5_1_4{ width:100%; height:auto; line-height:25px; float:left;color:#666; font-size:14px;margin-left:0px; margin-top:20px;}

.guoch5_2{ width:100%; height:auto;  margin:0 auto; margin-top:36px; }
.guoch5_2 ul li{ width:32%; height:265px; float:left; margin-right:2%;transition: all 0.6s; margin-bottom:15px;}
.guoch5_2 ul li:nth-child(6n){margin-right:0;}
.guoch5_2 ul li:nth-child(1){ background:url(../images/gc_11.jpg) no-repeat 0 -190px;}
.guoch5_2 ul li:nth-child(2){ background:url(../images/gc_12.jpg) no-repeat 0 -190px;}
.guoch5_2 ul li:nth-child(3){ background:url(../images/gc_13.jpg) no-repeat 0 -190px;}
.guoch5_2 ul li:nth-child(3n){margin-right:0px;}
.guoch5_2 ul li:nth-child(4){ background:url(../images/gc_14.jpg) no-repeat 0 -190px;}
.guoch5_2 ul li:nth-child(5){ background:url(../images/gc_15.jpg) no-repeat 0 -190px;}
.guoch5_2 ul li:nth-child(6){ background:url(../images/gc_16.jpg) no-repeat 0 -190px;}
.guoch5_3{ width:25px; height:auto; line-height:30px;margin:0 auto; margin-top:35px;  text-align:center; font-size:16px; color:#fff;word-wrap: break-word;writing-mode: tb-lr;}

.guoch5_2 ul li:hover{ margin-top:-15px;transition: all 0.6s;}



/*7*/
.guoch6{ width:100%; height:auto; overflow:hidden; margin:0 auto;margin-top:30px; background:#ECF6FF; }
.guoch6_1{ width:96%; height:auto; overflow:hidden; margin:0 auto; margin-top:20px; }
.guoch6_1_1{width:100%; height:41px; overflow:hidden; float:none; }
.guoch6_1_2{width:96%; height:32px; float:left;position: absolute;margin-left: 0px;}
.guoch6_1_2 img{ width:auto; height:32px;}
.guoch6_1_3{width:100%; height:41px; float:left; line-height:50px; font-size:20px; color:#4C4A4F; font-weight:bold;margin-left:20px;  }
.guoch6_1_4{ width:100%; height:41px; line-height:40px; float:left;color:#333; font-size:16px;margin-left:0px; margin-top:10px;}
.guoch6_1_4 a{ color:#333; padding-left:10px; padding-right:10px;}
.guoch6_1_4 a:hover{ color:#03529F; font-weight:bold; padding-left:10px; padding-right:10px;}

.guoch6_2{ width:96%; height:auto;overflow:hidden; margin:0 auto; margin-top:20px;  }
.guoch6_3{ width:48.5%; height:auto;overflow:hidden;  margin-right:3%; float:left; background:#fff;margin-bottom:20px;}
.guoch6_3_a{ width:100%; height:auto;overflow:hidden;}
.guoch6_3_a img{width:100%; height:126px;transition: all 0.6s;}
.guoch6_3_a img:hover{width:100%; height:126px;transform: scale(1.1);}
.guoch6_3_b{ width:90%; height:16px;overflow:hidden; margin:0 auto; margin-top:3px; font-size:12px; color:#666; line-height:16px;}
.guoch6_3_c{ width:90%; height:26px;overflow:hidden; margin:0 auto;font-size:14px; color:#666; line-height:26px;}
.guoch6_3_c a{ color:#000;}
.guoch6_3_c a:hover{ color:#000; text-decoration:underline}
.guoch6_3_d{ width:90%; height:50px;overflow:hidden; margin:0 auto;font-size:14px; color:#ADADAD; line-height:25px; margin-bottom:10px;}

.guoch6_4{ width:48.5%; height:auto;overflow:hidden; margin-right:0px; float:left;background:#fff;margin-bottom:20px;}
.guoch6_5{ width:100%; height:auto;overflow:hidden; float:left;}
.guoch6_5 ul li{ width:100%; height:94px; border-bottom:1px solid #DDE4EA; margin-bottom:15px; }
.guoch6_5 ul li:nth-child(4){margin-bottom:0;}
.guoch6_6{width:100%; height:20px; overflow:hidden;}
.guoch6_6_1{width:70%; height:20px; line-height:20px; font-size:16px; float:left;}
.guoch6_6_1 a{ color:#333;}
.guoch6_6_1 a:hover{ color:#333; text-decoration:underline}
.guoch6_6_2{width:30%; height:20px; line-height:20px; font-size:14px; float:left;font-size:14px; color:#5D646C; }
.guoch6_7{width:100%; height:44px; line-height:22px; font-size:14px;color:#ADADAD; overflow:hidden; margin-top:12px;}

/*8*/
.guoch7{ width:100%; height:auto; overflow:hidden; margin:0 auto;background:#03529F;}
.guoch7_1{ width:96%; height:40px; overflow:hidden; margin:0 auto; margin-top:6px}
.guoch7_1_a{ width:100%; height:40px; line-height:40px; font-size:18px; font-weight:bold; color:#fff;float:left; text-align:center}
.guoch7_1_b{ width:720px; height:40px; font-size:16px;float:left; display:none }
.guoch7_1_b ul li{  width:120px; height:40px; float:left; line-height:40px; text-align:right}
.guoch7_1_b ul li a{ color:#BFBDC8;}
.guoch7_1_b ul li a:hover{ color:#BFBDC8; text-decoration:underline;}

.guoch7_2{ width:96%; height:auto; overflow:hidden; margin:0 auto; margin-top:6px}
.guoch7_3{ width:100%; height:auto; overflow:hidden; float:left;}
.guoch7_3_1{ width:100%; height:48px; margin-top:5px; color:#BFBDC8; font-size:14px; line-height:24px;}
.guoch7_3_2{ width:100%; height:auto; margin-top:5px; color:#BFBDC8; font-size:14px; line-height:25px; margin-bottom:20px;}
.guoch7_3_2 a{ color:#BFBDC8;}
.guoch7_3_2 a:hover{ color:#BFBDC8; text-decoration:underline}
.guoch7_4{ width:280px; height:149px; overflow:hidden; float:left; text-align:right; display:none;}
.guoch7_4 img{ width:113px; height:auto; margin-left:25px;}

/* 工具栏 */
#toolbar{position:fixed;bottom:0;width:100%;z-index: 888;height:50px;left: 0;}
#toolbar .list{width:100%;max-width:640px;min-width: 320px;margin: 0 auto;background:#024689;}
#toolbar .list li{float:left; width:25%; text-align:center;}
#toolbar .list a{display:block;height:50px;line-height:0.24rem;font-size: 0.22rem;color:#fff;padding-top: 0.15rem;}
#toolbar .list a.hover{background:#84CBFF;}
#toolbar .list a s{margin-left:auto;margin-right:auto;width:100%;height:auto; overflow:hidden;display:block;background-size: 5rem auto; margin-top:5px;}
#toolbar .list a s img{width:auto; height:18px;}
#toolbar .list a span{text-align: center;line-height:24px; height:auto; overflow:hidden;display: block; font-size:14px;}
#toolbar .list a .too-home{background-position: 0.03rem 0;}
#toolbar .list a .too-qiao{background-position: -1.6rem 0;}
#toolbar .list a .too-map{background-position: -.79rem 0;}
#toolbar .list a .too-tel{background-position: -2.36rem 0;}
.xbg{width:100%; display:block;position: fixed;height:1.05rem;left: 0;bottom: 0;background: #fff;z-index: 880;}
#toolbar .list a s span{color: #fff;padding-top:.9rem;text-transform: initial;font-style:normal;}
/*微信弹窗*/
#wxnr{width:100%;height: 100%;position:fixed;top: 0;z-index:1000;display:none;background: rgba(0,0,0,.6);}
#wxnr .nrdf{margin: auto;position: absolute;top: 50%;left: 0;right: 0;width: 60%;height:240px;padding: 0.3rem;padding-top: 0.6rem;margin-top: -2.5rem;text-align:center;background-color: rgba(255, 255, 255, 0.8);box-shadow: 0px 2px 6px #777;-webkit-box-shadow: 0px 2px 6px #777;-moz-box-shadow: 0px 2px 6px #777;border-radius:10px;}
#wxnr img{width:143px;height:auto;display: block;margin: 0 auto; overflow:hidden}
#wxnr p{font-size: 12px;line-height:20px;text-align:center;}
#wxnr i{position: absolute;top: 0.2rem;right: 0.2rem;width:18px;height:18px;font-size: 12px;line-height:18px;text-align:center;color: #fff;font-weight: bold;font-style: normal;background: #333;border-radius: 1rem;cursor: pointer;}
#wxnr span{display:inline-block;padding: 0.03rem 0.1rem;line-height: 1.2rem;background-color: #03529f;color:#fff;border-radius: 0.05rem;cursor:pointer;}
#wxnr span.wx{padding-left: 0.4rem;background-image: url(../images/wx.png);background-size: 0.28rem;background-position: 0.1rem center;background-repeat: no-repeat;}
/*复制提示*/
#weixin{position: fixed;top: 50%;margin-top: -0.4rem;z-index: 9999999;font-size: 0.26rem;color: #fff;width: 90%;right: 5%;line-height: 0.8rem;text-align: center;background: rgba(0, 0, 0, 0.8);border: 2px solid #333;border-radius: 0.1rem;display: none;}

























