*{padding:0; margin:0;}
body{font-size:14px; font-family:'Microsoft YaHei';}
a{color:#4a4a4a;text-decoration:none;}
a:hover{color:#015ca6;}
li{list-style:none;}img{display:block;}em{font-style:normal;}
h1,h2,h3,h4{font-weight:normal; font-size:14px;}
.fl{float:left}.fr{float:right}.clear{clear:both; }
.container{width:1200px; margin:auto; overflow:hidden;}

.pc{display:initial;}
.mobile{display:none;}

.header{width:100%; overflow:hidden; border-top:8px solid #015ca6; height:90px;}
.header .logo{float:left; margin-left:2%; width:500px;}
.header .logo img{height:80px; float:left; margin-top:4px; }
.header .logo span { line-height: 90px; display: block; float: left; width: 370px;  z-index: 99999999; font-size: 26px; font-weight: bold; color:#333; margin-left: 5px;}
.header .navagation{float:right; transition: all .4s;}
.header .navagation a{display:inline-block;*display:inline;*zoom:1;vertical-align:middle; font-size:16px; padding:0px 25px; height:90px; font-weight:bold;  line-height:90px;  transition: all .4s; position:relative;}
.header .navagation a.on,.header .navagation a:hover{background-color:#015ca6; color:#fff; font-size:16px; line-height:80px;}
.header .navagation a::after{content:""; position:absolute; width:20px; height:2px; bottom:10px; background-color:#fff; left:50%; margin-left:-10px;}

/*.footer{overflow:hidden; background-color:#eaeaea;}
.footer .foot{overflow:hidden; padding:30px 0;}
.footer .foot .item{width:110px; float:left}
.footer .foot .item h2{font-size:16px; color:#333; padding-bottom:10px;}
.footer .foot .item a{color:#999999; display:block; line-height:32px;}
.footer .foot .fr{float:right; width:auto;}
.footer .foot .fr b{color:#015ca6; font-size:20px;}
.footer .foot .fr p{margin-bottom:10px;}
.footer .bottom{overflow:hidden; padding:20px 0; background-color:#262626;}
.footer .bottom p{font-size:14px; color:#ddd; text-align:center; line-height:30px;}*/


.mobile_footer{display: none;}
.footer{width: 100%;background: #003c7e;background: url(/upload/images/2020/9/7c4e9b7a2b8d0136.jpg) no-repeat center; background-size:cover;}
.footer .wxbox{width: 185px; height:270px;}
.footer .wxbox .wxbox_logo{margin-top: 20px; text-align: center;}
.footer .wxbox .wxIMG{width: 119px; height: 119px; overflow: hidden; text-align: center; margin: 0 auto; margin-top: 30px;}
.footer .wxbox .wxIMG img{width:100%}
.footer .wxbox h2{color: #FFF; text-align: center; padding-top: 10px; font-size: 14px; font-weight: normal;}
.footer .butright{width: 980px; height: auto; float: right;}
.footer .butright .butmenu{width: 100%; border-bottom: 1px solid #ffffff; padding: 5px 0;}
.footer .butright .butmenu ul{overflow: hidden;}
.footer .butright .butmenu ul li{line-height: 30px; color: #FFF; float: left; width: 15%;}
.footer .butright .butmenu ul li.lip{width:30%;}
.footer .butright .butmenu ul li a{color: #e0e0e0; /* padding-right: 70px; */ font-size: 14px; display: block;}
.footer .butright .butmenu ul li a.aa{font-size: 16px; line-height: 60px; color: #fff;}
.linhref{font-size: 14px; color: #e0e0e0; padding-top: 10px; border-top: 1px solid #9d9d9d;}
.butmidd{padding-top: 5px;}
.butmidd p{color: #e1e1e1; font-size: 13px;line-height:40px;}
.butmidd p a{color: #fff;}



.subnav{width:100%; background-color:#f3f3f3; height:57px;}
.subnav a{display:block; float:left; line-height:55px; padding:0px 30px; border-top:2px solid #f3f3f3; margin-left:5px;}
.subnav a:hover,.subnav a.on{border-top:2px solid #015ca6; background-color:#fff;}
.banner{width:100%; overflow:hidden; clear:both;}
.banner img{width:100%;}

.index{overflow:hidden;}
.index h2{color:rgb(127, 127, 127); font-size:40px; text-align:center; font-weight:700; letter-spacing:2px;}
.index h3{color:#000; font-size:28px; text-align:center; font-weight:700; margin:5px auto 40px; position:relative;}
.index .bannerbox{overflow:hidden; width:100%; position: relative;}
.index .bannerbox .swiper-slide{overflow:hidden; width:100%;}
.index .bannerbox .swiper-slide img{width:100%;}
.index .swiper-button-next,.index .swiper-button-prev{background-color:rgba(0,0,0,0.2); padding:20px; color:#fff;}
.index .swiper-button-next:hover,.index .swiper-button-prev:hover{background-color:rgba(0,0,0,0.6); }
.index .swiper-pagination-bullet{width:10px; height:10px; background-color:rgba(255,255,255,0.8);}
.index .gsjj{overflow:hidden;background-color:#f7f8f8; height:530px;}
.index .gsjj .bg1{ background:url(/upload/images/2020/9/e8d945e4f7b81f7e.jpg) no-repeat center center;width:100%; height:376px; }
.index .gsjj .bg2{ background:url(../images/index_bg2.png) no-repeat center center;width:100%; height:200px;}
.index .gsjj .bg1 .text{ width:780px; margin:auto; padding-left:420px; padding-top:155px; overflow:hidden;}
.index .gsjj .bg1 .text p{margin-bottom:20px; line-height:24px;}
.index .gsjj .bg2 .item{width:200px; float:left;}
.index .gsjj .bg2 .item1{margin-left:0;}
.index .gsjj .bg2 .item2{margin-left:110px;}
.index .gsjj .bg2 .item3{margin-left:10px; margin-left: 130px; width: 130px;}
.index .gsjj .bg2 .text{ width:780px; margin:auto; padding-left:420px; padding-top:15px; overflow:hidden;}
.index .gsjj .bg2 .text b{margin-bottom:20px; display:block;}
.index .gsjj .text b{font-size:18px;}
.index .advantage{overflow:hidden;  background:url(../images/index_bg3.png) no-repeat top center;width:100%; padding:50px 0px 50px; }
.index .advantage .flbox{float:left; width:600px;}
.index .advantage .frbox{float:right; width:498px; height:343px; border:1px solid #ddd; background-color:#fff;  padding:50px}
.index .advantage .frbox .p1{font-size:18px; color:#666; margin-top:30px; font-weight:bold;}
.index .advantage .frbox .p2{font-size:15px; margin-top:10px;  color:#999; line-height:24px;}
.index .advantage .items{overflow:hidden; padding:30px 0; margin-top:30px;}
.index .advantage .item{width:25%; float:left;text-align:center;}
.index .advantage .item b{display:block; font-weight:bold; font-size:38px;font-family: impact, chicago;color: rgb(63, 63, 63) }
.index .advantage .item p{color:#015ca6; line-height:30px; font-size:20px;}
.index .chanpin{overflow:hidden;  background:url(../images/index_bg4.jpg) no-repeat top center,url(../images/index_bg5.jpg) top center;width:100%; padding:50px 0px 50px; }
.index .chanpin .flbox{float:left; width:120px; display:none}
.index .chanpin .flbox a{display:block; width:100%; text-align:center; color:#fff; border-bottom:1px solid #fff; height:50px; background-color:#f51205; line-height:50px;}
.index .chanpin .flbox a:hover{background-color:#fff; color:#666;}
.index .chanpin .frbox{float:right; width:1200px;}
.index .chanpin .frbox .item{float:left; width:22%;margin:1.5%; background-color:#fff; margin-bottom:1.5%; display:block;}
.index .chanpin .frbox .item:hover{background-color:#015ca6; transition: all .4s; color:#fff}
.index .chanpin .frbox .item img{width:90%; margin:auto;     margin-top: 5%;}
.index .chanpin .frbox .item p{font-size:16px; text-indent:10px; line-height:30px; padding:10px 0px 15px; text-align:center;}
.index .xinwen{overflow:hidden;  width:100%; padding:50px 0px 50px; margin-bottom:50px; }
.index .xinwen .item{float:left; width:384px; padding:2px; background-color:#fff; border:1px solid #ddd; text-align:center; display:block;}
.index .xinwen .item:nth-child(2){margin:0px 15px;}
.index .xinwen .item:hover{border-color:#e8e8e8; transition: all .4s; }
.index .xinwen .item img{width:100%; }
.index .xinwen .item .info{padding:10% 5%;}
.index .xinwen .item .info p{padding:0; }
.index .xinwen .item .time{ color:#999; font-size:15px;}
.index .xinwen .item .title{ color:#333; font-size:18px; overflow:hidden; width:100%; text-overflow:ellipsis; white-space:nowrap; line-height:34px;}
.index .xinwen .item .summary{ color:#999; font-size:15px; line-height:22px; margin-top:20px; height:66px;}
.index .xinwen .item .view{ color:#333; width:100%; background-color:#ddd; height:38px; line-height:38px; margin:30px auto 5px; font-size:14px; color:#666}
.index .xinwen .item:hover .view{background-color:#015ca6; color:#fff; transition: all .4s; }
.index .chanpin h3::after,.index .xinwen h3::after{ content:""; position:absolute; width:60px; height:2px; background-color:#015ca6; left:50%; bottom:-20px; margin-left:-30px;}


.about{overflow:hidden; padding-bottom:80px;}
.about .content{overflow:hidden; padding:3% 2%;}
.about .content p{font-size:15px; margin-bottom:30px;}

.news{overflow:hidden; padding-bottom:80px;}
.news .content{margin-top:50px;}
.news .list{overflow:hidden; margin-top:30px; }
.news .list .item{display:block; overflow:hidden; cursor:pointer; padding:40px 5px 30px; border-bottom:1px solid #ddd;}
.news .list .item .date{overflow:hidden; width:10%;}
.news .list .item .date .b{font-size:26px; font-weight:400; color:#999; position:relative; height:30px; line-height:30px;}
.news .list .item .date .b::after{content:""; position:absolute; width:30px; height:1px; background-color:#ddd; top:15px;}
.news .list .item .date .icon{width: 40px; height: 30px; background: url(../images/icon.png) no-repeat center; margin-top:10px;}
.news .list .item .info{overflow:hidden; width:55%; padding-right:5%}
.news .list .item .info h2{font-size:18px;}
.news .list .item .info p{color:#999999; margin-top:20px; line-height:26px;  font-size:14px;}
.news .list .item .imgbox{overflow:hidden; width:21%; padding-left:9%;}
.news .list .item .imgbox img{width:100%;}
.news .list .item:hover .icon{background: url(../images/icon_hover.png) no-repeat center; background-color:#015ca6; transition: all .4s;}
.news .recommend{overflow:hidden; }
.news .sliderbox{overflow:hidden; width:48%; float:left; }
.news .sliderbox .slider img{width:100%;}
.news .listbox{overflow:hidden; width:48%; float:right; }
.news .listbox .item{display:block; overflow:hidden; cursor:pointer; border-bottom:1px dashed #ddd; padding:25px 0px 20px;}
.news .listbox .item .date{overflow:hidden; width:22%; text-align:center; padding-top:20px;}
.news .listbox .item .date .b{font-size:26px; font-weight:400; color:#999; position:relative; height:30px; line-height:30px;}
.news .listbox .item .date .icon{text-align:center; color:#999; margin-top:5px;}
.news .listbox .item .info{overflow:hidden; width:78%;}
.news .listbox .item .info h2{font-size:18px;}
.news .listbox .item .info p{color:#999999; line-height:26px; height:52px; overflow:hidden; margin:10px 0 0; font-size:14px;}
.newsinfo{overflow:hidden}
.newsinfo .title{font-size:18px; border-left:4px solid #015ca6; font-weight:bold; padding-left:10px; height:22px; line-height:22px; color:#333;}
.newsinfo .into{font-size:12px; color:#999999; padding:15px 0px;}
.newsinfo .con{margin-top:20px; padding-bottom:50px;}
.newsinfo .con p{font-size:15px; line-height:24px;margin-bottom:20px; color:#666;}
.newsinfo .con img{max-width:100%;}
.newsinfo .newlist{overflow:hidden; margin-top:50px;}
.newsinfo .newlist a{line-height:38px; display:block; font-size:16px; color:#999999}

.products{overflow:hidden; padding:35px 0px 100px;}
.products .cates {overflow:hidden; clear:both; border:1px solid #eee; padding:10px 0; background-color:#fff;}
.products .cates a{display:block; float:left; padding:0px 20px;height:40px; line-height:40px; width:20%; text-overflow:ellipsis; white-space:nowrap; font-weight:bold; overflow:hidden}
.products .cates a.on,.products a:hover{color:#fff; background-color:#015ca6}
.products .productlist{overflow:hidden; margin-top:35px;}
.products .productlist .item{display:block; width:283px; margin-left:20px; float:left; border:1px solid #ddd; background-color: #f8f8f8;  -webkit-transition:all 0.3s ease-out 0s;  -moz-transition: all 0.3s ease-out 0s;  -ms-transition: all 0.3s ease-out 0s;  -o-transition: all 0.3s ease-out 0s;  transition: all 0.3s ease-out 0s; margin-bottom:30px; color:#333;}
.products .productlist .item:hover{box-shadow: 0px 15px 30px rgba(0, 0, 0, 0.1);}
.products .productlist .item:nth-child(4n+1){margin-left:0;}
.products .productlist .item img{width:100%;}
.products .productlist .item p{padding:20px 30px; font-size:16px; max-width:100%; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; text-align:center}
.products .loadmore{ display:none;  height:42px; line-height:42px; text-align:center; width:300px; margin:30px auto; border:2px solid #ddd; font-size:16px; -webkit-transition:all 0.3s ease-out 0s;  -moz-transition: all 0.3s ease-out 0s;  -ms-transition: all 0.3s ease-out 0s;  -o-transition: all 0.3s ease-out 0s;  transition: all 0.3s ease-out 0s; }
.products .loadmore:hover{background-color:#015ca6; color:#fff; border:2px solid #015ca6; cursor:pointer}
.products .catetitle{font-size: 22px; color: #333; text-align: center;margin-top: 50px;padding: 10px 0; border-bottom: 1px solid #eee; line-height:30px; position:relative;}
.products .catetitle::after{content:""; position:absolute; width: 30px; height: 3px; background-color: #f00;bottom: -5px; left: 50%; margin-left: -15px;}
.productinfo{overflow:hidden;padding:35px 0px 100px; margin-top:35px}
.productinfo .topbox{overflow:hidden}
.productinfo .topbox .imgbox{width:300px; float:left; border:1px solid #ddd;}
.productinfo .topbox .imgbox img{width:100%;}
.productinfo .topbox .infobox{width:850px; float:right; }
.productinfo .topbox .infobox h2{color:#333; font-size:20px; height:40px; line-height:40px; margin-bottom:10px; display:none;}
.productinfo .topbox .infobox p{color:#999;  height:30px; line-height:30px; }
.productinfo .topbox .infobox .buynow{ width:160px; height:42px; line-height:42px; text-align:center; font-size:16px;  color:#fff; background-color:#015ca6; display:none; margin-top:30px;}
.productinfo .bottombox{overflow:hidden; margin-top:0;    width: 850px;    float: right;border: 1px solid #eee;}
.productinfo .bottombox .con{padding:30px 20px;}
.productinfo .bottombox .con p{margin-bottom:20px;}
.productinfo .bottombox .con img{max-width:100%;}
.productinfo .subnav{ height:42px;}
.productinfo .subnav a{line-height:40px;margin-left:5px;}

.contact{overflow:hidden}
.contact .title{width:600px; margin: 0 auto; height: 28px; text-align: center; margin-top:70px; margin-bottom:40px; font-size: 0;}
.contact .title .leftline{width: 140px; height: 1px; display: inline-block; background-color: #999; float: left; margin-top: 12.5px;}
.contact .title .rightline{width: 140px; height: 1px; display: inline-block; background-color: #999; float: right; margin-top: 12.5px;}
.contact .title h3{line-height: 28px; font-size: 25px; color: #3b3b3c; display: inline-block; font-weight: bold;}
.contact .contact-info{float: none;width: 600px; margin:auto; }
.contact .contact-info h2{font-size: 28px;color: #014896;height: 42px;line-height: 42px;margin-bottom: 15px; text-align:center; font-weight:bold; }
.contact .contact-info .contact-item{width: 50%;float: left;margin-top: 24px;}
.contact .contact-info .contact-item img{width: 32px;float: left;}
.contact .contact-info .contact-item span{float: left;line-height: 32px;margin-left: 10px;}
.contact .contact-img{float: right;width:200px}
.contact .contact-img {padding-top: 20px;}
.contact .contact-img img{width:200px;}
.contact .contact-img p{text-align: center;font-weight: 600;color: #003c7e;}

/*手机*/
@media (max-width: 960px)
{
    .pc{display:none;}
    .mobile{display:initial;}
    .container{width:100%;}

    .header{ border-top:2px solid #015ca6; height:50px; overflow:initial}
    .header .logo{float:left; margin-left:2%; width:85%;}
    .header .logo img{height:40px; float:left; margin-top:4px; }
    .header .logo span { line-height: 45px; width: 70%; overflow:hidden;  z-index: 99999999; font-size: 16px; font-weight: bold; color:#333; margin-left: 5px;}
    .header .menu{float:right; width:10%; margin-top:10px; margin-right:3%;}
    .header .menu span{display:block; width:80%; height:5px; background-color:#015ca6; margin:5px auto 0;}
    .header .menu::after{clear:both; content:"";}
    .header .navagation{display:none; padding-top:30px; position:absolute; top:50px; left:0; right:0; bottom:0; float:none; transition: all .4s; background-color:#fff; clear:both; z-index:99999;}
    .header .navagation a{display:block;*display:block;*zoom:1;vertical-align:middle; font-size:16px;  height:50px; line-height:50px;  transition: all .4s; position:relative; padding:0; text-indent:30px;}
    .header .navagation a.on,.header .navagation a:hover{background-color:#015ca6; color:#fff; font-size:16px; line-height:50px;}
    .header .navagation a::after{display:none;}
    /*.footer .foot{overflow:hidden; padding:5%; width:90%;}
    .footer .foot .item{display:none;}
    .footer .foot .fr{display:block; width:100%}
    .footer .bottom{overflow:hidden; padding:2% 5%; background-color:#262626;}
    .footer .bottom p{font-size:12px; line-height:160%;}*/
    .footer,.bottom{display: none;}
    .mobile_footer{display:block}
    .mobile_footer{background-color: #015ca6; width: 100%; border-top: none; padding: 15px 0; text-align: center; font-size: 14px;}
    .mobile_footer p,.mobile_footer p a{color: #fff;}
    .subnav{width:100%; background-color:#f3f3f3; height:47px;}
    .subnav a{display:block; float:left; line-height:45px; padding:0px 30px; border-top:2px solid #f3f3f3; margin-left:0;}
    .subnav a:hover,.subnav a.on{border-top:2px solid #015ca6; background-color:#fff;}



    .index{overflow:hidden;}
    .index .swiper-button-next,.index .swiper-button-prev{display:none;}
    .index h2{color:rgb(127, 127, 127); font-size:24px; text-align:center; font-weight:700; letter-spacing:2px;}
    .index h3{color:#000; font-size:18px; text-align:center; font-weight:700; margin:5px auto 20px; position:relative;}
    .index .gsjj{ height:auto; padding-bottom:5%;}
    .index .gsjj .bg1{ background:none;width:100%; height:auto; }
    .index .gsjj .bg1 .text{ width:90%; margin:auto; padding:5%; overflow:hidden;}
    .index .gsjj .bg1 .text p{margin-bottom:10px; line-height:180%;}
    .index .gsjj .bg2{ background:none;width:100%; height:auto;}
    .index .gsjj .mobile.title {color:rgb(127, 127, 127); text-align:center; display:block; font-size:26px; padding:20px 0;}
    .index .gsjj .text b{font-size:18px;}
    .index .gsjj .bg2 .text{ width:90%; margin:auto; padding-left:0; padding:0 5% 5%; overflow:hidden;}
    .index .gsjj .bg2 .text b{margin-bottom:10px; display:block;}
    .index .gsjj .bg2 .item{width:33.33%; float:left; margin-bottom:15px; text-align:center;}
    .index .gsjj .bg2 .item1{margin-left:0;}
    .index .gsjj .bg2 .item2{margin-left:0;}
    .index .gsjj .bg2 .item3{margin-left:0; width: 33.33%;}
    .index .advantage{overflow:hidden;  background:none;width:100%; padding:30px 0px 30px; }
    .index .advantage .flbox{float:left; width:100%;}
    .index .advantage .flbox img{width:100%}
    .index .advantage .frbox{float:right; width:90%; height:auto; border:none; background-color:#fff;  padding:5%;     text-align: center;}
    .index .advantage .frbox .p1{font-size:16px; color:#666; margin-top:0; }
    .index .advantage .frbox .p2{font-size:14px; margin-top:5px; margin-bottom:15px;  color:#999; line-height:160%;}
    .index .advantage .items{overflow:hidden; padding:0%; margin-top:0;}
    .index .advantage .item b{display:block; font-weight:bold; font-size:24px; }
    .index .advantage .item p{color:#015ca6; line-height:180%; font-size:14px;}
    .index .chanpin{overflow:hidden;  background:url(../images/index_bg4.jpg) no-repeat top center,url(../images/index_bg5.jpg) top center;width:100%; padding:30px 0px 30px; }
    .index .chanpin .flbox{float:none; width:100%; overflow:hidden}
    .index .chanpin .flbox a{display:block; width:32%; float:left; margin-left:1%; border-bottom:1px solid #fff;   border-right:1px solid #fff; height:40px; background-color:#f51205; line-height:40px;}
    .index .chanpin .frbox{float:none; width:100%; margin-top:10px; overflow:hidden;}
    .index .chanpin .frbox .item{float:left; width:42%;padding:2%; margin:2%; background-color:#fff; }
    .index .chanpin .frbox .item p{font-size:14px; text-indent:10px; line-height:20px; padding:5px;}
    .index .xinwen{overflow:hidden;  width:90%; padding:5%; margin-bottom:0; }
    .index .xinwen .item{float:left; width:100%; padding:0; background-color:#fff; border:none; text-align:center; display:block; margin-bottom:5%;}
    .index .xinwen .item:nth-child(2){margin:0 0 5% 0;}
    .index .xinwen .item img{width:36%;  float:left}
    .index .xinwen .item .info{width:60%; padding:0; float:right}
    .index .xinwen .item .info p{padding:0; }
    .index .xinwen .item .time{ display:none}
    .index .xinwen .item .title{ color:#333; font-size:16px; overflow:hidden; width:100%; text-overflow:ellipsis; white-space:nowrap; line-height:180%; text-align: left;    font-weight: bold;}
    .index .xinwen .item .summary{ color:#999; font-size:13px; line-height:160%; margin-top:10px; height:auto; text-align:left}
    .index .xinwen .item .view{ display:none}
    .index .chanpin h3::after,.index .xinwen h3::after{display:none;  content:""; position:absolute; width:60px; height:2px; background-color:#015ca6; left:50%; bottom:-20px; margin-left:-30px;}
    
    .about{overflow:hidden; padding-bottom:20px;}
    .about .content{overflow:hidden; padding:5%;}
    .about .content p{font-size:14px; margin-bottom:10px;}
    
    .news{overflow:hidden; padding-bottom:20px;}
    .news .subnav{display:none}
    .news .content{margin-top:0; padding:5% 3%;}
    .news .recommend{overflow:hidden; width:100%;}
    .news .sliderbox{overflow:hidden; width:100%; float:left; }
    .news .sliderbox .slider img{width:100%;}
    .news .swiper-button-next,.news .swiper-button-prev{display:none;}
    .news .listbox{overflow:hidden; width:100%; float:none; }
    .news .listbox .item .date .b{font-size:22px; font-weight:bold; height:auto; line-height:200%;}
    .news .listbox .item .info h2{font-size:15px;}
    .news .listbox .item .info p{color:#999999; line-height:160%; height:auto; overflow:hidden; margin:10px 0 0; font-size:12px;}
    .news .listbox .item{display:block; overflow:hidden; cursor:pointer; border-bottom:1px dashed #ddd; padding:15px 0px 10px;}
    .news .listbox .item .date{overflow:hidden; width:22%; text-align:center; padding-top:5px;}
    .news .listbox .item .date .icon{text-align:center; color:#999; margin-top:5px;}
    .news .listbox .item .info{overflow:hidden; width:78%;}
    .news .list{overflow:hidden; margin-top:0; }
    .news .list .item{display:block; overflow:hidden; cursor:pointer; padding:20px 5px 15px; border-bottom:1px solid #ddd;}
    .news .list .item .date{overflow:hidden; width:10%; display:none;}
    .news .list .item .date .b{font-size:26px; font-weight:400; color:#999; position:relative; height:30px; line-height:30px;}
    .news .list .item .date .b::after{content:""; position:absolute; width:30px; height:1px; background-color:#ddd; top:15px;}
    .news .list .item .date .icon{width: 40px; height: 30px; background: url(../images/icon.png) no-repeat center; margin-top:10px;}
    .news .list .item .info{overflow:hidden; width:65%; padding-right:5%}
    .news .list .item .info h2{font-size:15px;}
    .news .list .item .info p{color:#999999; margin-top:5px; line-height:160%;  font-size:12px; width:100%; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
    .news .list .item .imgbox{overflow:hidden; width:30%; padding-left:0}
    .news .list .item .imgbox img{width:100%;}
    .news .list .item:hover .icon{background: url(../images/icon_hover.png) no-repeat center; background-color:#015ca6; transition: all .4s;}
    .newsinfo{overflow:hidden}
    .newsinfo .content{padding:5%;}
    .newsinfo .title{font-size:18px; border-left:4px solid #015ca6; font-weight:bold; padding-left:10px; height:22px; line-height:22px; color:#333;}
    .newsinfo .into{font-size:12px; color:#999999; padding:10px 0px;}
    .newsinfo .con{margin-top:20px; padding-bottom:30px;}
    .newsinfo .con p{font-size:14px; line-height:160%;margin-bottom:10px; color:#666;}
    .newsinfo .newlist{overflow:hidden; margin-top:10px; padding:5%;}
    .newsinfo .newlist a{line-height:180%; display:block; font-size:14px; color:#999999}

    .products{overflow:hidden; padding:35px 0px 100px;}
    .products .catetitle{margin-top:20px; padding:0 5%}
    .products .cates {overflow:hidden; clear:both; padding:3% 5%; border:none}
    .products .cates a{display:block; float:left; padding:0; height:35px; line-height:35px; width:45%; padding-right:5%;}
    .products .cates a.on,.products a:hover{color:#fff; background-color:#015ca6}
    .products .productlist{overflow:hidden; margin-top:15px; padding:2% 3% 0;}
    .products .productlist .item{display:block; width:48%; margin-left:1%; margin-right:1%; float:left; border:none; background-color: #f8f8f8;  -webkit-transition:all 0.3s ease-out 0s;  -moz-transition: all 0.3s ease-out 0s;  -ms-transition: all 0.3s ease-out 0s;  -o-transition: all 0.3s ease-out 0s;  transition: all 0.3s ease-out 0s; margin-bottom:30px; color:#333;}
    .products .productlist .item:hover{box-shadow: 0px 15px 30px rgba(0, 0, 0, 0.1);}
    .products .productlist .item:nth-child(4n+1){margin-left:1%;}
    .products .productlist .item img{width:100%;}
    .products .productlist .item p{padding:20px 30px; font-size:16px; max-width:100%; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; text-align:center}
    .products .loadmore{height:42px; line-height:42px; text-align:center; width:300px; margin:30px auto; border:2px solid #ddd; font-size:16px; -webkit-transition:all 0.3s ease-out 0s;  -moz-transition: all 0.3s ease-out 0s;  -ms-transition: all 0.3s ease-out 0s;  -o-transition: all 0.3s ease-out 0s;  transition: all 0.3s ease-out 0s; }
    .products .loadmore:hover{background-color:#015ca6; color:#fff; border:2px solid #015ca6; cursor:pointer}
    .productinfo{overflow:hidden;padding:5%; margin-top:0; width:90%;}
    .productinfo .topbox{overflow:hidden}
    .productinfo .topbox .imgbox{width:auto; float:none; border:1px solid #ddd;}
    .productinfo .topbox .imgbox img{width:100%;}
    .productinfo .topbox .infobox{ float:none; margin-top:10px; overflow:hidden;  width:auto;}
    .productinfo .topbox .infobox h2{color:#333; font-size:20px; height:40px; line-height:40px; margin-bottom:10px; display:block;}
    .productinfo .topbox .infobox p{color:#999;  height:30px; line-height:30px; }
    .productinfo .topbox .infobox .buynow{width:100%; height:42px; line-height:42px; text-align:center; font-size:16px;  color:#fff; background-color:#015ca6; display:block; margin-top:20px;}
    .productinfo .bottombox{overflow:hidden; margin-top:30px; width:auto; float:none; }
    .productinfo .bottombox .con{padding:5% 1%;}
    .productinfo .bottombox .con p{margin-bottom:20px;}
    .productinfo .subnav{ height:42px;}
    .productinfo .subnav a{line-height:40px;margin-left:5px;}


    .contact{overflow:hidden; width:90%; padding:5%;}
    .contact .title{width:100%; margin: 0 auto; height: 28px; text-align: center; margin-top:20px; margin-bottom:20px; font-size: 0;}
    .contact .title .leftline{width: 20%; height: 1px; display: inline-block; background-color: #999; float: left; margin-top: 12.5px;}
    .contact .title .rightline{width: 20%; height: 1px; display: inline-block; background-color: #999; float: right; margin-top: 12.5px;}
    .contact .title h3{line-height: 28px; font-size: 25px; color: #3b3b3c; display: inline-block; font-weight: bold;}
    .contact .contact-info{float: none;width: 100%;}
    .contact .contact-info h2{font-size: 20px;color: #014896;height: 42px;line-height: 42px;margin-bottom: 5px;}
    .contact .contact-info .contact-item{width: 100%;float: none;margin-top: 15px;    overflow: hidden;}
    .contact .contact-info .contact-item img{width: 32px;float: left;}
    .contact .contact-info .contact-item span{float: left;line-height: 32px;margin-left: 10px;}
    .contact .contact-img{float: none;width:100%}
    .contact .contact-img {padding-top: 20px;}
    .contact .contact-img img{width:50%;}
    .contact .contact-img p{text-align: left;font-weight: 600;color: #003c7e;}

    .iframe, iframe{display:none}

}









​