/* CSS Document */



        html,body,div,ul,li,h1,h2,h3,h4,h5,h6,p,dl,dt,dd,ol,form,input,textarea,th,td,select{margin:0;padding:0}



        *{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}



        html,body{min-height:100%}



        body{font-family:Helvetica,Pingfang SC,Microsoft YaHei,STHeiti,Verdana,Arial,Tahoma,sans-serif;font-size:14px;color:#333;background:#fff;}



        h1,h2,h3,h4,h5,h6{font-weight:normal}



        ul,ol{list-style:none}



        img{border:none;vertical-align:middle;}



        a{color:#666;text-decoration:none;}



        a:visited{color:#666666;text-decoration:none}



        a:hover{color:#050505;text-decoration:none transition:0.5s;}



        a:active{color:#08034e;text-decoration:none transition:0.5s;}



        table{border-collapse:collapse;table-layout:fixed}



        input,textarea{outline:none;border:none}



        textarea{resize:none;overflow:auto}



        .clearfix{zoom:1}



        .clearfix:after{content:".";width:0;height:0;visibility:hidden;display:block;clear:both;overflow:hidden}



/* 公共部分 */



.pubcon{ width: 100%;   margin: 0 auto;}



.pubcon h1{font-size: 2.5rem;



    color: #489ecd;



    font-family: NotoSans-Bold, Arial, Helvetica, sans-serif;



    text-transform: uppercase;}



.pubcon h2{



     color: #005396;



    font-optical-sizing: auto; 



    font-weight: 800;



    font-style: normal;



    text-transform: uppercase;



    margin-bottom: 40px;



    font-size: 5.1rem;



    



}



.pubcon h4{ padding-bottom:5px;font-size: 35px; font-weight: bold; text-align: center; color: #1a8c34;}

.clear{clear:both;}





/* 头部 */



.head{position: relative;width:100%;border-bottom:1px solid #ddd;height:100px;z-index: 9999}

.head .navbox{padding:0  1.5rem;margin: 0 auto;display: flex;justify-content: space-between; flex-wrap: wrap;}

.head .navbox .logo{ width:30%; max-width:480px;}

.head .navbox .tle{ width:20%;  max-width:260px;  display: flex;justify-content: space-between; flex-wrap: wrap; }

.head .navbox .tle .th{ width:100%; background:url(../imgs/tel.jpg) left center no-repeat; padding-left:45px; }

.head .navbox .tle .th h1{ color:#0035a8; font-size:25px; font-weight:bold;}

.head .navbox .tle .th h2{ padding-top:10%;font-size:18px; }

.head .nav{display: block;width:calc(60% - 180px)}

.head .nav .nav_pc{ width: 100%;}

.head .nav ul li{float:left;position: relative;box-sizing: border-box;z-index: 999;}

.head .nav ul li:first-child{}

.head .nav ul li .f_a{line-height:100px;display:block;text-align:center;font-size:18px;color:#000000; font-weight:bold;}

.head .nav ul li:hover .f_a{background-color:#103380;color: #ffffff; transition:all .3s}

.m_nav{display:none}

.headlf .m_logo{display: none}

.headrg .m_menuimg{display: none}

.active{background-color: #cf1322}

.activ2{background-color: #cf1322}







/* 轮播图 */

.slider {position: relative;overflow: hidden;width: 100%;}

.slideBox .hd {height: 10px;z-index:1; overflow: hidden;position: absolute;left: 50%;bottom: 120px;transform: translateX(-50%);z-index: 1;}

.slideBox .hd ul{ text-align:center;  padding-top:5px;  }

.slideBox .hd ul li {cursor:pointer;float: left;margin-right: 5px;width: 30px;height: 10px;line-height: 14px;text-align: center;background: #fff;}

.slideBox .hd ul .on {background: #103380;color: #fff;}

.slideBox .bd{ position:relative; z-index:0; }

.slideBox .bd li img{width:100%; vertical-align:top;  }

.slider .menupro{ width:100%;} 

.slider .menupro ul{ width:100%;display: flex;justify-content: space-between; flex-wrap: wrap;}

.slider .menupro ul li{ border-left: #CCCCCC 1px solid;border-bottom: #CCCCCC 1px solid; width:25%; padding:20px;transition:all .3s}

.slider .menupro ul li:hover{ background-color:#103380; transition:all .3s}

.slider .menupro ul li:hover a{  color:#FFFFFF;transition:all .3s; text-align:center;}

.slider .menupro ul li .logo1{ background:url(../images/pro-tu-1.png) 30% center no-repeat; margin:0 auto; width:100%; padding-left:75px;text-align:center;}

.slider .menupro ul li .logo1:hover{ background:url(../images/pro-tu-1-1.png) 30% center no-repeat; margin:0 auto; width:100%; padding-left:75px;}

.slider .menupro ul li .logo2{ background:url(../images/pro-tu-2.png) 30% center no-repeat; margin:0 auto; width:100%; padding-left:95px;text-align:center;}

.slider .menupro ul li .logo2:hover{ background:url(../images/pro-tu-2-2.png) 30% center no-repeat; margin:0 auto; width:100%; padding-left:95px;}

.slider .menupro ul li .logo3{ background:url(../images/pro-tu-3.png) 30% center no-repeat; margin:0 auto; width:100%; padding-left:75px;text-align:center;}

.slider .menupro ul li .logo3:hover{ background:url(../images/pro-tu-3-3.png) 30% center no-repeat; margin:0 auto; width:100%; padding-left:75px;}

.slider .menupro ul li .logo4{ background:url(../images/pro-tu-4.png) 30% center no-repeat; margin:0 auto; width:100%; padding-left:75px;text-align:center;}

.slider .menupro ul li .logo4:hover{ background:url(../images/pro-tu-4-4.png) 30% center no-repeat; margin:0 auto; width:100%; padding-left:75px;}



/* 首页内容-产品 */

.index-pro{ padding:0; margin: 0 auto;   }

.index-procon{  padding: 0.25rem 1.5rem 0.5rem; position: relative; }

.index-procon .box{ width:100%; padding:0; display: flex;justify-content: space-between; flex-wrap: wrap; margin:5% auto; padding:0 3%; }

.index-procon .box .left{ width:24%;}

.index-procon .box .left h1{color:#103380; font-weight:bold;letter-spacing: -3px; font-size: 3.0rem;}

.index-procon .box .left h2{ color:#000000; font-size:28px; font-weight:bold;}

.index-procon .box .left p{ font-size:16px; line-height:1.5rem;}

.index-procon .box .left .more{ background-color:#103380;border:#103380 1px solid; text-align:center; width:50%; padding:3% 5%; margin-top:10%; display:block; color:#FFFFFF;transition:all .3s}

.index-procon .box .left .more:hover{ background-color: #FFFFFF; color:#000066; box-shadow: 0 0 0 5px rgba(255, 0, 0, 0.5); border:#000066 1px solid;transition:all .3s}

.index-procon .box .right{ width:70%;}

.index-procon .box .right ul{display: flex;justify-content: space-between; flex-wrap: wrap;}

.index-procon .box .right ul li{ width:33.3%;}



/* 首页内容-关于我们*/

.index-about{ padding:0; margin: 0 auto; background:url(../images/about-bj.jpg) top center no-repeat;   }

.index-aboutcon{  padding: 0.25rem 1.5rem 0.5rem; position: relative; }

.index-aboutcon .box{ width:100%; padding:0; display: flex;justify-content: space-between; flex-wrap: wrap; margin:5% auto; padding:0 3%; }

.index-aboutcon .box .left{ width:50%;}

.index-aboutcon .box .left h1{color: #FFFFFF; font-weight:bold;letter-spacing: -3px; font-size: 3.0rem;}

.index-aboutcon .box .left h2{ color:#FFFFFF; font-size:28px; font-weight:bold;}

.index-aboutcon .box .left p{ font-size:14px; line-height:1.5rem; color:#CCCCCC}

.index-aboutcon .box .right{ width:35%; }

.index-aboutcon .box .right .box{background:url(../images/sp_03.jpg) center no-repeat; padding:10px; text-align:center; margin:0 auto;}











/* 首页内容-优势*/

.index-ys{ padding:0; margin: 0 auto; background-color:#f5f5f5;   }

.index-yscon{  padding: 0.5rem 0; position: relative; width: 1100px; overflow: hidden;}

.index-yscon .box-1{  padding:0; display: flex;justify-content: space-between; flex-wrap: wrap; margin:2% auto; padding:0 3%; }

.index-yscon .box-1 .biaoti{ width:80%; margin:0 auto;}

.index-yscon .box-1 .biaoti h1{color: #000000; font-weight:bold;letter-spacing: -3px; font-size: 3.0rem; text-align:center;}

.index-yscon .box-1 .biaoti span{ color:#002189;}

.index-yscon .box-1 .biaoti h2{ color:#999999; font-size:16px; line-height:1.5rem;text-align:center; font-weight:normal; margin-bottom:15px;}

.index-yscon .box-1 .biaoti .i{ border-bottom:#000066 5px solid; width:5%;  display:block; margin:0 auto;}

.index-yscon .box1{ width:1100px; margin:0 auto;overflow:hidden; }

.container1{

            width:1100px;

			margin:1% 0;

            

			overflow:hidden;

        }

        .container1 .nav{width:100%;border:1px solid #ccc; display: flex;justify-content: space-between; flex-wrap: wrap;}

        .container1 .nav span{display: block; width:23%;  text-align:center; line-height:40px; color:#666;  cursor:pointer; margin:10px; background: #dfdfdf; font-size:18px; font-weight:bold;}

        .container1 .nav span.active{background:#103380; color:#fff;}



        .container1 .nav span:first-child{border:0px}



        .content1{ margin-top:20px; width:1100px;position:relative; overflow:hidden;height:343px;} /*定位一般设置为relative，overflow设置为hidden来隐藏外面的内容*/

        .content1 .box1{position:absolute;width:1100px;height:343px;} /*这个定位设置为absolute, 因为要操作这个的位置来切换内容*/

        .content1 ul{float:left; width:1100px;}

        .content1 ul li{display: block; height:343px; width:50%;  float:left; }

		.content1 ul li img{ width:100%;}

        .content1 ul li+li{margin-left:-1px;}

		.content1 ul li h2{ font-size: 2.3rem;margin: 90px 0 10px 50px; background:url(../images/ys2-1.png) left center no-repeat; padding-left:65px;color:#000033;font-weight:bold; }
		.content1 ul li h3{ font-size: 2.3rem;margin: 90px 0 10px 50px; background:url(../images/ys1-1.png) left center no-repeat; padding-left:65px;color:#000033;font-weight:bold;  }
		.content1 ul li h4{ font-size: 2.3rem;margin: 90px 0 10px 50px; background:url(../images/ys3-1.png) left center no-repeat; padding-left:65px;color:#000033;font-weight:bold;text-align:left;}
		.content1 ul li h5{ font-size: 2.3rem;margin: 90px 0 10px 50px; background:url(../images/ys4-1.png) left center no-repeat; padding-left:65px;color:#000033;font-weight:bold; }
		.content1 ul li p{ line-height:24px; font-size:14px;margin: 0 20px 10px 50px;}







/* 首页内容-新闻中心 */

.index-news{ padding:0; margin: 0 auto;   }

.index-newscon{  padding: 0.25rem 1.5rem 0.5rem; position: relative; }

.index-newscon .box{ width:100%; padding:0; display: flex;justify-content: space-between; flex-wrap: wrap; margin:5% auto; padding:0 3%; }

.index-newscon .box .left{ width:24%;}

.index-newscon .box .left h1{color:#103380; font-weight:bold;letter-spacing: -3px; font-size: 3.0rem;}

.index-newscon .box .left h2{ color:#000000; font-size:28px; font-weight:bold;}

.index-newscon .box .left ul{ width:50%;}

.index-newscon .box .left ul li{ border:#ababab 1px solid; text-align:center; line-height:2.8rem; margin:10px 0; transition:all .3s}

.index-newscon .box .left ul li a{ font-size:18px;}

.index-newscon .box .left ul li:hover{ background-color:#103380; transition:all .3s}

.index-newscon .box .left ul li:hover a{ color:#FFFFFF;}

.index-newscon .box .right{ width:70%;}

.index-newscon .box .right ul{display: flex;justify-content: space-between; flex-wrap: wrap;}

.index-newscon .box .right ul li{ width:33.3%; max-width:392px; border:#ababab 1px solid;transition:all .3s}

.index-newscon .box .right ul li:hover{ background-color:#7f7f7f;

  box-shadow: 0 0 0 5px rgba(255, 0, 0, 0.5);

transition:all .3s}

.index-newscon .box .right ul li:hover h1{ color:#FFFFFF; font-size:18px; font-weight:normal;}

.index-newscon .box .right ul li:hover p{ color:#FFFFFF;}

.index-newscon .box .right ul li p{ color:#ababab;padding:5%; }

.index-newscon .box .right ul li h1{ color: #333333; font-size:18px; font-weight:normal; padding:5% 0 0 5%;}

.index-newscon .box .right ul li .more{ font-size:12px; color:#ababab;padding:5%; display:block; text-align:right;}



/* 首页内容-在线留言 */

.index-message{ padding:0; margin: 0 auto; background:url(../images/message-bj.jpg) center no-repeat; background-color:#132959;  }

.index-messagecon{  padding: 0.25rem 1.5rem 0.5rem; position: relative; }

.index-messagecon .box{ width:100%; padding:0;  margin:5% auto; padding:0 3%; }

.index-messagecon .box h1{color:#b2b9cb; font-weight:bold;letter-spacing: -3px; font-size: 3.0rem; text-align:center;}

.index-messagecon .box h2{ color:#ffffff; font-size:28px; font-weight:bold; text-align:center;}

.index-messagecon .box .liuyan{ width:100%; display: flex;justify-content: space-between; flex-wrap:wrap;}

.index-messagecon .box .liuyan .left{ width:49%;}

.index-messagecon .box .liuyan .left .kuang{ width:100%; border:#CCCCCC 1px solid;opacity: 0.5; line-height:2.8rem; margin:2% auto; padding-left:2%;}

.index-messagecon .box .liuyan .right{ width:49%;}

.index-messagecon .box .liuyan .right .kuang{ width:100%; border:#CCCCCC 1px solid; opacity: 0.5; line-height:2.8rem; margin:2% auto; padding-left:2%;}

.index-messagecon .box .liuyan .nr{ width:100%; }

.index-messagecon .box .liuyan .nr .neirong{ width:100%; border:#CCCCCC 1px solid; opacity: 0.5; line-height:2.8rem; margin:1% auto; padding-left:1%;}

.index-messagecon .box .liuyan .tj{ width:100%; }

.index-messagecon .box .liuyan .tj .wz{ width:100%; line-height:3.3rem; margin:1% auto; background-color:#324a98; color:#FFFFFF; display:block; }



/* 首页内容-底部 */

.index-foot{ padding:0; margin: 0 auto;  background-color:#000d13;  }



.index-footcon{  padding: 0.25rem 1.5rem 0.5rem; position: relative; }



.index-footcon .box{ width:90%; padding:4%; display: flex;justify-content: space-between; flex-wrap: wrap; margin:0 auto; }



.index-footcon .box .left{ width:50% ;}

.index-footcon .box .left ul{ display: flex;justify-content: space-between; flex-wrap: wrap;}



.index-footcon .box .left ul li{ line-height:5rem; width:25%; text-align:center;}

.index-footcon .box .left ul li h2{ font-size:20px; color:#FFFFFF; font-weight:bold; margin-bottom:10px;}



.index-footcon .box .left ul li a{ font-size:16px; color: #CCCCCC; }

.index-footcon .box .left ul li a:hover{ color:#0033CC; text-decoration:underline;}

.index-footcon .box .left ul li .dh{ width:100%; line-height:2.0rem; display:block;}





.index-footcon .box .right{ width:45%;display: flex;justify-content: space-between; flex-wrap: wrap;}

.index-footcon .box .right .left{ width:60%; color:#CCCCCC;}

.index-footcon .box .right .left h2{ font-size:20px; color:#FFFFFF; font-weight:bold; margin-bottom:10px; margin-top:26px;}

.index-footcon .box .right .left p{ margin-top:40px;}

.index-footcon .box .right .right{ width:30%; color:#666666; text-align:center;}

.index-footcon .box .right .right h2{ font-size:20px; color:#FFFFFF; font-weight:bold; margin-bottom:10px; margin-top:26px;}







.banquan{ width:100%; border-top:#606060 1px solid; line-height:3.8rem;text-align:center; background-color:#000000; color:#7a7a7a; }

.banquan a{  color: #7a7a7a; text-align:center;}

.banquan a:hover{ color: #efefef;}









/* 内页-关于我们banner */



.about-banner{ width:100%;}

.about-banner img{ max-height:480px; background-position:center; width:100%;}



/* 内页-关于我们 */

.about{ padding:0; margin: 0 auto; background-color:#fafafa;   }

.aboutcon{  padding: 0.25rem 1.5rem 0.5rem; position: relative; }

.aboutcon .box{ width:100%; padding:0;  margin:5% auto; padding:0 3%; }

.aboutcon .box .left{ width:100%;display: flex;justify-content: space-between; flex-wrap: wrap;}

.aboutcon .box .left .left-left{ width:40%;}

.aboutcon .box .left .left-left img{ width:100%; max-width:608px;}

.aboutcon .box .left .left-right{ width:60%;}



.aboutcon .box .left .left-right p{ font-size:16px; line-height:1.5rem;}



.aboutcon .box .right{ width:100%;}

.aboutcon .box .right ul{display: flex;justify-content: space-between; flex-wrap: wrap;}

.aboutcon .box .right ul li{ width:33.3%;}





/* 内页-企业文化 */



.qywh{ padding:0; margin: 0 auto;   }

.qywhcon{  padding: 0.25rem 1.5rem 0.5rem; position: relative; }

.qywhcon .box{ width:100%; padding:0;  margin:3% auto; padding:0 3%; }

.qywhcon .box .bt{ width:50%; margin:0 auto;}

.qywhcon .box .bt h1{color:#103380; font-weight:bold;letter-spacing: -3px; font-size: 3.0rem; text-align:center;}

.qywhcon .box .bt h2{ color:#000000; font-size:28px; font-weight:bold; text-align:center;}

.qywhcon .box .nr{display: flex;justify-content: space-between; flex-wrap: wrap; }

.qywhcon .box .nr .neirong{ margin:30% 10%;}

.qywhcon .box .nr .neirong h2{ font-size:28px; font-weight:bold; color:#FFFFFF;}

.qywhcon .box .nr .neirong h3{ font-size:18px; font-weight:normal; color:#CCCCCC;}

.qywhcon .box .nr .neirong-1{ margin:15% 10%;}

.qywhcon .box .nr .neirong-1 h2{ font-size:28px; font-weight:bold; color:#FFFFFF;}

.qywhcon .box .nr .neirong-1 h3{ font-size:18px; font-weight:normal; color:#CCCCCC;}

.qywhcon .box .nr .left{ width:50%;display: flex;justify-content: space-between; flex-wrap: wrap; padding:0; margin:0;}

.qywhcon .box .nr .left .left{ width:50%; background:url(../images/qywh-bj1.jpg) center no-repeat;  display:block;padding:0; margin:0;background-size: cover;}

.qywhcon .box .nr .left .right{ width:50%; background:url(../images/qywh-bj2.jpg) center no-repeat;  display:block;padding:0; margin:0;background-size: cover; border:#FFFFFF 1px solid; border-width:0 1px;}

.qywhcon .box .nr .right{ width:50%;background:url(../images/qywh-bj3.jpg) center no-repeat;padding:0; margin:0;background-size: cover; }





/* 内页-证书 */



.honor{ padding:0; margin: 0 auto; background:#fafafa;   }

.honorcon{  padding: 0.25rem 1.5rem 0.5rem; position: relative; }

.honorcon .box{ width:100%; padding:0;  margin:3% auto; padding:0 3%; }

.honorcon .box .bt{ width:50%; margin:0 auto;}

.honorcon .box .bt h1{color:#103380; font-weight:bold;letter-spacing: -3px; font-size: 3.0rem; text-align:center;}

.honorcon .box .bt h2{ color:#000000; font-size:28px; font-weight:bold; text-align:center;}





/* 内页-服务网络 */



.fwwl{ padding:0; margin: 0 auto; background:#fafafa;   }

.fwwlcon{  padding: 0.25rem 1.5rem 0.5rem; position: relative; }

.fwwlcon .box{ width:100%; padding:0;  margin:3% auto; padding:0 3%; }

.fwwlcon .box .bt{ width:50%; margin:0 auto;}

.fwwlcon .box .bt h1{color:#103380; font-weight:bold;letter-spacing: -3px; font-size: 3.0rem; text-align:center;}

.fwwlcon .box .bt h2{ color:#000000; font-size:28px; font-weight:bold; text-align:center;}

.fwwlcon .box .neirong{  text-align:center;}

.fwwlcon .box .neirong img{ max-width:1100px;width:100%;  }





/* 内页-新闻资讯banner */



.news-banner{ width:100%; position:relative}

.news-banner .contact{ width:100%;}

.news-banner .contact img{ max-height:480px; background-position:center; width:100%;}

.news-banner .bt{ width:100%; margin:0 auto; position: absolute; z-index:2; top:40%;}

.news-banner .bt h1{color:#103380; font-weight:bold;letter-spacing: -3px; font-size: 3.0rem; text-align:center; border-bottom:#103380 5px solid; width:10%; display:block; margin:0 auto;}

.news-banner .bt h2{ color:#383232; font-size:20px; font-weight:bold; text-align:center;}



/* 内页-新闻资讯 */

.news{ padding:0; margin: 0 auto; background-color:#fafafa;   }

.newscon{  padding: 0.25rem 1.5rem 0.5rem; position: relative; }

.newscon .box{ width:100%; padding:0;  margin:2% auto; padding:0 3%; }

.newscon .box .daohang{ width:100%;  padding:0; margin:0;}

.newscon .box .daohang ul{display: flex;justify-content: space-between; flex-wrap: wrap;}

.newscon .box .daohang ul li{ width:33.3%; background-color:#a5a5a5; line-height:2.8rem; text-align:center;transition:all .3s}

.newscon .box .daohang ul li:hover{ background-color:#20336f;transition:all .3s}

.newscon .box .daohang ul li a{ font-size:18px; color: #FFFFFF;transition:all .3s}

.newscon .box .daohang ul li:hover a{ color:#FFFFFF;transition:all .3s}

.newscon .box .nr{ width:100%;  padding:0; margin:0;}

.newscon .box .nr ul{display: }

.newscon .box .nr ul li{ width:100%;display: flex;justify-content: space-between; flex-wrap: wrap; padding:1.5% 0; border-bottom:#CCCCCC 1px solid; line-height:2.8rem; text-align:left;transition:all .3s}

.newscon .box .nr ul li:hover{ background-color: #ebebeb;transition:all .3s}

.newscon .box .nr ul li a{ font-size:18px; color: #FFFFFF;transition:all .3s}

.newscon .box .nr ul li:hover a{ color:#FFFFFF;transition:all .3s}

.newscon .box .nr ul li .left{ width:23%; max-height:390px; }

.newscon .box .nr ul li .left img{ width:390px; }

.newscon .box .nr ul li .right{ width:75%;}

.newscon .box .nr ul li .right h1{ width:100%; font-size:1.8rem; color:#000000; margin-bottom:1%;}

.newscon .box .nr ul li .right p{ width:100%; font-size:1rem; line-height:24px; padding-right:2%;}

.newscon .box .nr ul li .right .more{ color: #666666; font-size:14px; text-decoration:underline;}

.newscon .box .nr ul li .right .more:hover{ color: #000000; text-decoration:underline; }

.newscon .box .xq{}

.newscon .box .xq h1{ font-size:1.5rem; color:#000000; margin-top:2%; text-align:center; margin-bottom:2%;}

.newscon .box .xq h2{ font-size:0.5rem; color:#999999; border:#CCCCCC 1px solid; line-height:1.8rem; border-width:1px 0; font-weight:normal;text-align:center;}









/* 内页-联系我们banner */



.contact-banner{ width:100%; position:relative}

.contact-banner .contact{ width:100%;}

.contact-banner .contact img{ max-height:480px; background-position:center; width:100%;}

.contact-banner .bt{ width:100%; margin:0 auto; position: absolute; z-index:2; top:40%;}

.contact-banner .bt h1{color:#ffffff; font-weight:bold;letter-spacing: -3px; font-size: 3.0rem; text-align:center; border-bottom:#f4f4f4 5px solid; width:10%; display:block; margin:0 auto;}

.contact-banner .bt h2{ color:#f4f4f4; font-size:20px; font-weight:bold; text-align:center;}









/* 内页-联系我们 */

.contact{ padding:0; margin: 0 auto; background-color:#fafafa;   }

.contactcon{  padding: 0.25rem 1.5rem 0.5rem; position: relative; }

.contactcon .box{ width:100%;   margin:2% auto; padding:1.5%; background-color:#f3f3f3 }



/*contactcon .box .nr{ width:100%;}*/





/* 内页-质保查询banner */



.zbcx-banner{ width:100%; position:relative}

.zbcx-banner .contact{ width:100%;}

.zbcx-banner .contact img{ max-height:480px; background-position:center; width:100%;}

.zbcx-banner .bt{ width:100%; margin:0 auto; position: absolute; z-index:2; top:30%;}

.zbcx-banner .bt h1{color:#ffffff; font-weight:bold;letter-spacing: -3px; font-size: 3.0rem; text-align:center; border-bottom:#f4f4f4 5px solid; width:10%; display:block; margin:0 auto;}

.zbcx-banner .bt h2{ color:#f4f4f4; font-size:20px;  text-align:center;}

.zbcx-banner .bt .cx{ width:90%; margin:20px auto;}

.zbcx-banner .bt .cx form{display: flex;justify-content: space-between; flex-wrap: wrap;}

.zbcx-banner .bt .cx select{ width:24%; border:#CCCCCC 1px solid; opacity: 0.8; line-height:2.8rem; margin:0 auto; padding-left:2%;}

.zbcx-banner .bt .cx .stext{ width:24%; border:#CCCCCC 1px solid; opacity: 0.8; line-height:2.8rem; margin:0 auto; padding-left:2%;}

.zbcx-banner .bt .cx .sbut{ width:24%; line-height:2.8rem; margin:0 auto; background-color:#324a98; color:#FFFFFF; display:block; }









.warranty table{

	font-size: 14px;

	line-height: 40px;

	border-left: 1px solid #ccc;

	border-top: 1px solid #ccc;

}

.warranty table td{

	border-right: 1px solid #ccc;

	border-bottom: 1px solid #ccc;

	text-align: left;

	padding: 0 10px;

}

.warranty table tr:nth-child(even){

	background: #efefef;

}

















/* 内页-产品banner */



.pro-banner{ width:100%; position:relative}

.pro-banner .contact{ width:100%;}

.pro-banner .contact img{ max-height:480px; background-position:center; width:100%;}



/* 内页-产品 */

.pro{ padding:0; margin: 0 auto;   }

.procon{  padding: 0.25rem 1.5rem 0.5rem; position: relative; }

.procon .box{ width:100%;   margin:2% auto; padding:1.5%;  }

.procon .box .nr{ width:100%;display: flex;justify-content: space-between; flex-wrap: wrap;}

.procon .box .nr .left{ width:20%;}

.procon .box .nr .left .bt{ line-height:3.5rem; background-color:#103380; color:#FFFFFF; text-align:center; font-size:1.8rem; font-weight:bold;}

.procon .box .nr .left ul{}

.procon .box .nr .left ul li{padding-left:3.5%; line-height:2.8rem; border-bottom:#666666 1px solid;  background:url(../images/jt.png) right center no-repeat; background-color:#f1f1f1;transition:all .3s}

.procon .box .nr .left ul li:hover{ background-color:#999999;transition:all .3s}

.procon .box .nr .left ul li:hover a{ padding-left:2.5%;}

.procon .box .nr .left ul li:hover a{ width:100%; display:block;transition:all .3s}

.procon .box .nr .right{ width:79%;}

.procon .box .nr .right ul{display: flex;justify-content: space-between; flex-wrap: wrap;}

.procon .box .nr .right ul li{ width:24%; background-color:#103380; margin:0 0 2% 0;}

.procon .box .nr .right ul li .tu{ width:100%; max-width:320px; margin: 10px auto;}

.procon .box .nr .right ul li h2{margin-top: 10px;

    font-size: 18px;

    text-align: center;

    margin-bottom: 20px;

	color:#FFFFFF;

	font-weight:normal;}

.procon .box .nr .right ul li:hover{ background-color:#FFFFFF; box-shadow: 5px 5px 10px rgba(0, 0, 0, 0.3);transition:all .3s;}

.procon .box .nr .right ul li:hover h2{ color:#333333;}

.procon .box .nr .right1{ width:79%;}

.procon .box .nr .right1 .top{display: flex;justify-content: space-between; flex-wrap: wrap;}

.procon .box .nr .right1 .top .left{ width:35%;}
.procon .box .nr .right1 .top .left img{ width:100%;}

.procon .box .nr .right1 .top .right{ width:60%;}

.procon .box .nr .right1 .top .right h2{ font-size:2.0rem; color:#333333; margin-bottom:1.5%;}

.procon .box .nr .right1 .top .right h3{ font-size:1.2rem; font-weight:bold; color:#666666; margin-bottom:1.5%;}

.procon .box .nr .right1 .top .right .tel{ background:url(../images/proshow_06.jpg) left center no-repeat; line-height:2.8rem; padding-left:65px; margin-top:20px; border-bottom:#CCCCCC 1px solid;border-top:#CCCCCC 1px solid;}

.procon .box .nr .right1 .top .right .tel h2{ margin-bottom:-15px; font-size:1.2rem;}

.procon .box .nr .right1 .top .right .tel h3{ font-weight:bold; font-size:2.0rem; color:#103380;}

.procon .box .nr .right1 .bottom{ width:100%; margin:2% auto;}

.procon .box .nr .right1 .bottom .bt{ line-height:2.2rem; background-color:#f1f1f1; font-size:1.1rem; font-weight:bold; padding:5px 10px;}

.procon .box .nr .right1 .bottom .nr{ border:#f1f1f1 1px solid; padding:10px;}











/* 公共样式表css */





button {

    outline: 0;

}



img {

    border: 0;

}



button,input,optgroup,select,textarea {

    margin: 0;

    font: inherit;

    color: inherit;

    outline: none;

}



li {

    list-style: none;

}



.clearfix::after {

    clear: both;

    content: ".";

    display: block;

    height: 0;

    visibility: hidden;

}



.clearfix {

}



/* 必要布局样式css */

.ato-content {

    width: 100%;

    margin: 0 auto;

    padding-top: 50px;

}



.ato-list ul {

    height: 470px;

}



.ato-list ul li {

	

    width: 270px !important;

    height: auto;

    float: left;

    margin-left: 26px;

    margin-right: 0;

    text-align: center;

    background-color: #fff;

    -webkit-transition: height 300ms;

    -moz-transition: height 300ms;

    -ms-transition: height 300ms;

    -o-transition: height 300ms;

    transition: height 300ms;

    position: relative;

    box-shadow: 1px 0px 8px rgba(0,0,0,0.12);

    top: 10px;

    left: -10px;

}



.ato-list ul li:before {

    content: '';

    display: block;

    width: 100%;

    height: 100%;

    position: absolute;

    top: 0;

    left: 0;

    box-shadow: 0 0px 2px rgba(0,0,0,0.24);

}



.ato-list ul li div {

    width: 270px;

    margin: 0;

    text-align: center;

}



.ato-list ul li div img {

    width: 100%;

    height: auto;

    border: none;

    display: block;

    margin: 0 auto;

}



.ato-list ul li h3 {

    font-size: 16px;

    color: #000000;

    font-weight: 600;

	margin-top:10px;

    

}



.ato-list ul li p {

    margin: 0;

    text-align: center;

    font-size: 13px;

    color: #8e8e8e;

    line-height: 25px;

    padding: 0 22px 20px 22px;

}



.ato-more {

    width: 157px;

    height: 36px;

    text-align: center;

    display: none;

    display: inline-block;

    border: 1px solid #7D7D7D;

    line-height: 34px;

    color: #666;

    font-size: 13px;

    text-decoration: none;

    position: absolute;

    bottom: 30px;

    left: 55px;

}



.ato-more:hover {

    background-color: #108cee;

    border-color: #108CEE;

    -webkit-transition: all 0.3s;

    -moz-transition: all 0.3s;

    -ms-transition: all 0.3s;

    -o-transition: all 0.3s;

    transition: all 0.3s;

    color: #FFF;

}



.ato-list-fl {

margin:0 auto; width:200px;

}



.ato-title {

    width: 266px;

    margin-top: 130px;

    padding-right: 20px;

}



.ato-title h2 {

    font-size: 24px;

    line-height: 33px;

    color: #333;

    padding: 0;

    margin: 0;

    font-weight: inherit;

}



.ato-title p {

    margin-top: 10px;

    font-size: 14px;

    color: #666;

    line-height: 26px;

}



.ato-list-fl a {

    width: 50px;

    height: 50px;

    position: relative;

    

    margin-right: 10px;

    float: left;

    border: 1px solid #FF0000;

    display: block;

    background: #FF0000;

	border-radius: 30px;

    overflow: hidden;

}



.ato-list-fl a img {

    width: 22px;

    height: 22px;

    display: block;

    border: none;

    margin: 0 auto;

    margin-top: 12px;

}



.ato-list {

    

    width: 100%;

    height: 500px;

}



.ato-list ul li:hover {

    top: -5px;

    box-shadow: 0 10px 12px rgba(0,0,0,0.12);

    -webkit-transition: all 0.2s;

    -moz-transition: all 0.2s;

    -ms-transition: all 0.2s;

    -o-transition: all 0.2s;

    transition: all 0.2s

}



.prev:hover .ato-ope {

    opacity: 0;

}



.ato-ope1 {

    opacity: 0;

}



.prev:hover .ato-ope1 {

    opacity: 1;

    position: absolute;

    top: 0;

    left: 11px;

}



.prev:hover .ato-ope {

    opacity: 0;

}



.ato-ope1 {

    opacity: 0;

}



.prev:hover .ato-ope1 {

    opacity: 1;

    position: absolute;

    top: 0;

    left: 11px;

}



.next:hover .ato-ope {

    opacity: 0;

}



.ato-ope1 {

    opacity: 0;

}



.next:hover .ato-ope1 {

    opacity: 1;

    position: absolute;

    top: 0;

    left: 11px;

}



.next:hover .ato-ope {

    opacity: 0;

}



.ato-ope1 {

    opacity: 0;

}



.next:hover .ato-ope1 {

    opacity: 1;

    position: absolute;

    top: 0;

    right: 11px;

}



.ato-list-fl a:hover {

    background: #005397;

    border: 1px solid #005397;

}





.tempWrap{ padding:0; margin:0 auto;  }











/* 必要布局样式1css */

.ato-content1 {

    width: 100%;

    margin: 0 auto;

    padding-top: 50px;

}



.ato-list1 ul {

    height: 230px;

}



.ato-list1 ul li {

	

    width: 270px !important;

    height: 218px;

    float: left;

    margin-left: 26px;

    margin-right: 0;

    text-align: center;

    background-color: #fff;

    -webkit-transition: height 300ms;

    -moz-transition: height 300ms;

    -ms-transition: height 300ms;

    -o-transition: height 300ms;

    transition: height 300ms;

    position: relative;

    box-shadow: 1px 0px 8px rgba(0,0,0,0.12);

    top: 10px;

    left: -10px;

}



.ato-list1 ul li:before {

    content: '';

    display: block;

    width: 100%;

    height: 218px;

    position: absolute;

    top: 0;

    left: 0;

    box-shadow: 0 0px 2px rgba(0,0,0,0.24);

}



.ato-list1 ul li div {

    width: 270px;

    margin: 0;

    text-align: center;

}



.ato-list1 ul li div img {

    width: 100%;

    height: auto;

    border: none;

    display: block;

    margin: 0 auto;

}



.ato-list1 ul li h3 {

    font-size: 16px;

    color: #000000;

    font-weight: 600;

	margin-top:10px;

    

}



.ato-list1 ul li p {

    margin: 0;

    text-align: center;

    font-size: 13px;

    color: #8e8e8e;

    line-height: 25px;

    padding: 0 22px 20px 22px;

}



.ato-more {

    width: 157px;

    height: 36px;

    text-align: center;

    display: none;

    display: inline-block;

    border: 1px solid #7D7D7D;

    line-height: 34px;

    color: #666;

    font-size: 13px;

    text-decoration: none;

    position: absolute;

    bottom: 30px;

    left: 55px;

}



.ato-more:hover {

    background-color: #108cee;

    border-color: #108CEE;

    -webkit-transition: all 0.3s;

    -moz-transition: all 0.3s;

    -ms-transition: all 0.3s;

    -o-transition: all 0.3s;

    transition: all 0.3s;

    color: #FFF;

}



.ato-list-fl1 {

margin:0 auto; width:200px;

}



.ato-title {

    width: 266px;

    margin-top: 130px;

    padding-right: 20px;

}



.ato-title h2 {

    font-size: 24px;

    line-height: 33px;

    color: #333;

    padding: 0;

    margin: 0;

    font-weight: inherit;

}



.ato-title p {

    margin-top: 10px;

    font-size: 14px;

    color: #666;

    line-height: 26px;

}



.ato-list-fl1 a {

    width: 50px;

    height: 50px;

    position: relative;

    

    margin-right: 10px;

    float: left;

    border: 1px solid #FF0000;

    display: block;

    background: #FF0000;

	border-radius: 30px;

    overflow: hidden;

}



.ato-list-fl1 a img {

    width: 22px;

    height: 22px;

    display: block;

    border: none;

    margin: 0 auto;

    margin-top: 12px;

}



.ato-list1 {

    

    width: 100%;

    height:265px;

}



.ato-list1 ul li:hover {

    top: -5px;

    box-shadow: 0 10px 12px rgba(0,0,0,0.12);

    -webkit-transition: all 0.2s;

    -moz-transition: all 0.2s;

    -ms-transition: all 0.2s;

    -o-transition: all 0.2s;

    transition: all 0.2s

}



.prev:hover .ato-ope {

    opacity: 0;

}



.ato-ope1 {

    opacity: 0;

}



.prev:hover .ato-ope1 {

    opacity: 1;

    position: absolute;

    top: 0;

    left: 11px;

}



.prev:hover .ato-ope {

    opacity: 0;

}



.ato-ope1 {

    opacity: 0;

}



.prev:hover .ato-ope1 {

    opacity: 1;

    position: absolute;

    top: 0;

    left: 11px;

}



.next:hover .ato-ope {

    opacity: 0;

}



.ato-ope1 {

    opacity: 0;

}



.next:hover .ato-ope1 {

    opacity: 1;

    position: absolute;

    top: 0;

    left: 11px;

}



.next:hover .ato-ope {

    opacity: 0;

}



.ato-ope1 {

    opacity: 0;

}



.next:hover .ato-ope1 {

    opacity: 1;

    position: absolute;

    top: 0;

    right: 11px;

}



.ato-list-fl1 a:hover {

    background: #005397;

    border: 1px solid #005397;

}





.tempWrap{ padding:0; margin:0 auto;  }










.npropicslide{
    position: relative;
}
.npropicslide .swiper-slide img{
    height: 340px;
}
#npropicslidebtn_left{
    position: absolute;
    width: 40px;
    line-height: 40px;
    text-align: center;
    color: #fff;
    background-color: rgba(0,0,0,.5);
    font-size: 20px;
    left: 2px;
    top: 50%;
    margin-top: -20px;
    border-radius: 2px;
    z-index: 2;
    font-family: Arial;
    user-select: none;
    cursor: pointer;
}
#npropicslidebtn_right{
    position: absolute;
    width: 40px;
    line-height: 40px;
    text-align: center;
    color: #fff;
    background-color: rgba(0,0,0,.5);
    font-size: 20px;
    right: 2px;
    top: 50%;
    margin-top: -20px;
    border-radius: 2px;
    z-index: 2;
    font-family: Arial;
    user-select: none;
    cursor: pointer;
}










.page{margin-top:20px;text-align:center;width:100%;}



.page a{border:1px solid #103380;padding:4px 6px;font-size:12px; color:#000;}



.page .thispage{padding:4px 6px;background:#103380;font-size:12px;color:#fff;}













/*小于1600大于1200稍微调整下字体*/

@media screen and (max-width: 1600px) and (min-width:1200px) {

   .nav ul li .f_a{font-size:14px}

   .nav ul li .s_navbox .s_a a{font-size:12px}

   .foot_top ul{margin-left:60px}

   .nav ul li .s_navbox .s_a{width:100%}

}





/*移动端导航*/

@media screen and (max-width: 1024px) and (min-width: 0px){

   .msgNum{display: none;}

   .slider{margin-top: 44px;}

   .head{display:none}

   .m_img{display:block;height:44px;background:#fff;position:fixed;top:0px;left:0px;width:100%;z-index:9999;border-bottom:1px solid #ddd;overflow: hidden;}

   .m_img .headlf{padding-top:2px;padding-left:5px;float: left;}

   .m_img .headlf .m_logo{height:40px;display: block}

   .m_img .headrg{padding-right:5%;padding-top:14px;float: right;}

   .m_img .headrg a .m_menuimg{height:16px;vertical-align:top;display: block}

   .m_nav {display:block;position:fixed;top:0px;left:0px;width:0px;height:0px;overflow:hidden;z-index:10000}

   .m_nav .closecover{position:absolute;width:100%;height:100%;background:#0b0d19;filter:alpha(opacity=0);opacity:0;left:0px;top:0px;z-index:1}

   .m_nav .closeicon{position:absolute;width:20%;left:30px;top:5%;z-index:100;text-align:center;filter:alpha(opacity=0);opacity:0}

   .m_nav .m_navList{position:absolute;width:80%;right:0px;top:0px;background:#0b0d19;height:100%;z-index:100;right:-80%;overflow-y: scroll;}

   .m_nav .m_navList ul{padding-left:5%;padding-right:5%}

   .m_nav .m_navList ul li{border-bottom:1px solid #54555c}

   .m_nav .m_navList ul li a{display:block;height:45px;color:#fff;line-height:45px;padding-left:5%;font-size:16px}

   .m_nav .m_navList ul li .m_f_a{display: flex;align-items: center;justify-content: space-between; width: 100%}

   .m_nav .m_navList ul li .m_f_a a{flex: 1;}

   .m_nav .m_navList ul li .m_f_a i{width: 40px;height:35px;box-sizing: border-box; padding:0 5px; display: block;}

   .icon{ background:url(../images/plus.png) 100% no-repeat;background-position: 50% 50%; -webkit-transition:all 0s;-moz-transition:all 0s;transition:all 0s}

   .icon_on{background:url(../images/reduce.jpg) 50% no-repeat!important;background-position: 50% 50%;-webkit-transition:all 0s;-moz-transition:all 0s;transition:all 0s}

   

}



@media only screen and (max-width: 1440px){









	



}



@media only screen and (max-width: 1366px){









}



@media only screen and (max-width: 1300px){











}











@media only screen and (max-width: 1199px){



	













}















@media only screen and (max-width: 992px){











		



		



		



		



}











 @media (max-width: 768px) {

 

 

 

 

 

 

 

 

 





 



}











@media only screen and (max-width: 340px){



 



}



@media only screen and (max-width: 320px){



	



}