@charset "utf-8";
/* CSS Document */

 a{  text-decoration:none;outline:none;blr:expression(this.onFocus=this.blur());color:#666666; font-family:"微软雅黑"}
 a:visited{text-decoration:none ;}
 a:active{text-decoration:none;}
 a:hover{ color:#0f3b70;outline:none;text-decoration:none;}
 
body, div, p, span, ul, li, dl, dd, h1, h2, h3, a, input, img {
    margin: 0;
    padding: 0;
}

@media (min-width: 1200px) {
    .container{
        width: 1200px;
    }
}


html {font-size:62.5%;}
body{ background:#FFF; font-family:"微软雅黑"; font-size:14px; font-size:1.4em;}

/*top*/
.top_nav{ background:#eeeeee; color:#333333; line-height:30px;}
.top_nav .wz1{ color:#333333; font-size:12px; position:relative}

.wz{ text-align:left}

/*top*/
.top{z-index:9999;width:100%;padding:10px 0 0px;}
.top .logo{width:710px;float:left;}
.top .logo img{width:100%; padding:18px 0 30px;} 
.top .line{width:1px;height:55px;background:#D8D8D8;display:block;float:left;margin-left:12px;margin-top:24px;}
.top .top_ewm{padding:0 0 0 55px;line-height:32px;float:left;font-size:18px;}
.top .top_right{padding:0px 1px;float:right;}
.top .top_right .top_phone{margin:25px 0 10px;float:left;background:url(../images/phone.png) no-repeat 0px 2px; padding-left:65px; }
.top .top_right .top_phone p:first-child{ font-size:14px; color:#666666;}
.top .top_right .top_phone p{margin:0; font-size:24px; color:#d81e25;  line-height:25px; font-weight:bold}

.topfix{ position:fixed; top:0; left:0; z-index:100000}
/*nav*/
#navbg{width:100%; transition:0.4s;  background:#0d62a6;}
#navbg .nav{}
#navbg .nav ul{margin-bottom:0;}
#navbg .nav .firstfloor>li{display:inline-block;float:left;width:12.5%;height:55px;line-height:55px;font-size:16px;text-align:center;position:relative;color:#FFF;cursor:pointer;position:relative;}
#navbg .nav .firstfloor>li:before{content:'';width:1px;height:55px;background:#2571ae;position:absolute;right:0;top:50%;transform:translateY(-50%);}
#navbg .nav .firstfloor>li:last-child:before{content:none;}
#navbg .nav .firstfloor>li>a{display:block;height:55px;width:100%;color:#ffffff;}
#navbg .nav .firstfloor>li:hover{ background:none}
#navbg .nav .firstfloor>li:hover:before{background:#2571ae;}
#navbg .nav .firstfloor>li:hover>a{color:#ffffff;}
#navbg .nav .secondfloor{position:absolute;left:0;top:55px;z-index:9999;display:none;background:#FFF;width:100%;border-top:none;box-sizing:border-box;}
#navbg .nav .secondfloor>li{border-bottom:1px solid #E4EAEC;width:100%;line-height:50px;height:50px;font-size:13px;margin-left:0;}
#navbg .nav .secondfloor>li>a{width:100%;height:100%;display:block;color:#76838F;}
#navbg .nav .secondfloor li a:hover{background:#175db3;color:#FFF;}

@media (max-width: 1200px) {
.top .logo{width:600px;float:left;}
.top .top_right .top_phone{background:url(topphone.jpg) no-repeat left center;margin:0px 0 10px;padding:6px 0px 8px 60px;float:left;}
.top .top_right .top_phone p:first-child{ font-size:14px; color:#393939;}
.top .top_right .top_phone p{margin:0; font-size:26px; color:#ff9f38; line-height:30px; font-weight:bold}
}



/*mobilehead*/
#mobilehead{height:70px;width:100%;background:url(../images/mlogo.jpg) no-repeat 10px center #FFF;display:none;background-size:auto 50px;}
#mobilehead .logo{width:calc(100% - 120px);height:70px;display:block;float:left;}
#mobilehead .nav{float:right;}
#mobilehead .nav_bg{display:none;position:fixed;top:105px;left:0;z-index:989;width:100%;height:calc(100% - 70px);background:rgba(0, 0, 0, 0.6);animation:fade-in .43s ease 0s;-webkit-animation:fade-in .43s ease 0s;}
#mobilehead .nav .nav_box{display:none;position:absolute;top:70px;left:0;z-index:991;width:100%;overflow:auto;border-top:1px solid #eee;background:#fff;box-sizing:border-box;}
#mobilehead .nav .nav_one>li{border-bottom:1px solid #eee;padding:0 10px;}
#mobilehead .nav .nav_one>li>span>a{display:block;position:relative;width:calc(100% - 150px);height:42px;box-sizing:border-box;font-size:15px;color:#666;line-height:42px;float:left;}
#mobilehead .nav .nav_one>li>span>i{float:right;display:block;width:150px;height:42px;}
#mobilehead .nav .nav_one>li>span>i>em{float:right;width:42px;height:42px;background:url(+.png) no-repeat center center;-webkit-transition:-webkit-transform .3s ease-out;transition:transform .3s ease-out;display:block;}
#mobilehead .nav .nav_one>li>span>i>em.on{-ms-transform:rotate(45deg);-webkit-transform:rotate(45deg);transform:rotate(45deg);}
#mobilehead .nav .nav_one>li>ul{display:none;}
#mobilehead .nav .nav_one>li>ul>li{height:36px;line-height:36px;text-indent:20px;}
#mobilehead .nav .nav_one>li>ul>li>a{font-size:15px;color:#666;width:100%;height:100%;display:block;}
#mobilehead .nav .push-nav{display:block;position:relative;z-index:998;width:54px;height:50px;font-size:0;margin-right:8px;background:rgba(138,138,138,.5);margin-top:10px;border-radius:5px;}
#mobilehead .nav .push-nav .nav-toggle{display:block;position:absolute;left:50%;top:50%;border:0;border-radius:4px;cursor:pointer;-webkit-transform:translate(-50%, -50%);transform:translate(-50%, -50%);}
#mobilehead .nav .push-nav.on .nav-toggle{margin-left:-4px;}
#mobilehead .nav .push-nav .nav-toggle span{display:block;position:relative;z-index:1;width:37px;height:2px;margin:0 0 10px auto;background:#8a8a93;border-radius:3px;-webkit-transform-origin:35px;transform-origin:35px;-webkit-transition:all .5s;transition:all .5s;}
#mobilehead .nav .push-nav .nav-toggle span.two{width:30px;}
#mobilehead .nav .push-nav .nav-toggle span:last-child{margin-bottom:0;}
#mobilehead .nav .push-nav.on .nav-toggle span{ opacity:1;}
#mobilehead .nav .push-nav.on .nav-toggle span:nth-child(3){-webkit-transform:rotate(45deg);transform:rotate(45deg);}
#mobilehead .nav .push-nav.on .nav-toggle span:nth-child(2){-webkit-transform:scale(0);transform:scale(0);}
#mobilehead .nav .push-nav.on .nav-toggle span:nth-child(1){-webkit-transform:rotate(-45deg);transform: rotate(-45deg);}
#mobilehead .nav .nav_contact{position:relative;border-top:1px solid #eee;color:#666;}
#mobilehead .nav .nav_contact .nav_txt{width:100%;}
#mobilehead .nav .nav_contact .nav_txt span{height:42px;line-height:42px;display:block;float:left;position:relative;text-indent:15px;margin-left:10px;font-size:15px;}
#mobilehead .nav .nav_contact .nav_txt span a{color:#666;}
#mobilehead .nav .nav_contact .nav_txt span.sitemapicon{background:url(mobilesitemap.png) no-repeat left center;background-size:auto 15px;}
#mobilehead .nav .nav_contact .nav_txt span.topphoneicon{background:url(mobilephone.png) no-repeat left center;background-size:auto 15px;}
#mobilehead .nav .nav_contact .nav_txt span.topemailicon{background:url(mobileemail.png) no-repeat left center;background-size:auto 15px;text-indent:25px;}
/* 响应式样式结束 */


/*搜索*/
.sousuo{ background:#f9f9f9; padding:20px 0; overflow:hidden}
.ss{ line-height:1.8; color:#666666; background:url(../images/hoticon.png) no-repeat 0px 2px; }

/*公用标题*/
.cpzs{  padding-bottom:30px;  overflow:hidden}
.cpzs .cpzs_bt{ padding:40px 0 25px; text-align:center}
.cpzs .cpzs_bt .fwxm_bt1{ font-size:40px; color:#0d62a6; }
.cpzs .cpzs_bt .fwxm_bt2{  color:#eaeaea;   padding:10px 0;}
.cpzs .cpzs_bt .fwxm_bt2 span{ font-size:14px; color:#555555}
.cpzs .cpzs_bt .fwxm_bt3{ font-size:16px; color:#999999; width:70%; margin:0 auto; line-height:1.8}

@media (max-width : 1200px) {
.cpzs .cpzs_bt .fwxm_bt2{ background:none}
}


@media (max-width : 768px) {
.cpzs .cpzs_bt .fwxm_bt1{ font-size:24px; color:#0d62a6; }
.cpzs .cpzs_bt .fwxm_bt2{  color:#eaeaea;   padding:10px 0;}
.cpzs .cpzs_bt .fwxm_bt2 span{ font-size:14px; color:#555555}
.cpzs .cpzs_bt .fwxm_bt3{ font-size:13px; color:#999999; width:100% }
}



/*产品展示*/


 .center .slid_img1{ margin:0 7px;}
 .center .slid_img1 img{ max-width:100%; height:230px;}
 .center .slid_img1 p{ width:100%; height:55px; line-height:55px;  color:#dbdada; background:#0d62a6; padding:0 15px }
 .center .slid_img1 p a{ color:#ffffff; font-size:14px; float:left}
 .center .slid_img1 p a:hover{ color:#ffffff}
  .center .slid_img1 p i{ float:right; line-height:55px;}
 
.lc_ly { text-align:center; margin-top:50px; margin-bottom:20px;}
.lc_ly a{ background:#ffffff; padding:8px 60px; color:#666666; font-size:18px; border-radius:2px; margin-left:20px; transition:0.3s;  border:1px solid #878787}
.lc_ly a:first-child{ margin-left:0}
.lc_ly i{ margin-left:10px;}


.cpfl{ width:100%; margin:0 auto; overflow:hidden}
.cpfl a{ width:13.5%; display:block; float:left; margin-left:0.5%; background:#ebebeb; margin-top:0.6%; font-size:14px; padding:12px 0; text-align:center; transition:0.2s}
.cpfl a:hover{ background:#0d62a6; color:#FFF;}
.cpfl a.on{ background:#0d62a6; color:#FFF;}


 .product_left{width:100%; margin-top:5px;}
 .product_left .pl_top{width:130px;height:50px;background:#2066b1;float:left}
 .product_left .pl_top p{color:#FFF;font-size:15px;line-height:50px;text-align:center;}
 .product_left .pl_ul{width:calc(100% - 180px);float:left;height:50px;position:relative;}
 .product_left .pl_ul .first_li{width:100%;height:50px;line-height:50px;display:block;text-indent:20px;color:#333;background:#e6e6e6;font-size:13px;}
 .product_left .pl_ul .ul_li{width:calc(100% + 50px);position:absolute;top:50px;left:0;background:#F00;display:none;z-index:20;border-top:1px solid #D0D0D0;}
 .product_left .pl_ul .ul_li a{width:100%;height:35px;line-height:35px;display:block;text-indent:20px;color:#333;background:#e6e6e6;border-bottom:1px solid #D0D0D0;font-size:13px;}
 .product_left .pl_right{width:50px;height:50px;background:#e6e6e6;background-size:auto 50%;float:right;}
 .product_left .pl_right i{display:block;width:100%;height:100%;background:url(../images/cli.png) no-repeat center center;transform:rotate(90deg);transition:transform .3s ease-out;}
 .product_left .pl_right i.on{transform:rotate(-90deg);}
 .product_right{width:96%;padding:0rem 2% 1rem;}
 .product_right .pr_ul{width:100%;overflow:hidden;}
 .product_right .pr_ul .swiper-slide{margin-top:20px!important;width:49%;}
 .product_right .pr_ul .swiper-slide .s_img{width:100%;height:0;padding-bottom:66.67%;border:1px solid #DDD;box-sizing:border-box;position:relative;}
 .product_right .pr_ul .swiper-slide .s_img img{display:block;width:100%;height:100%;position:absolute;left:0;top:0;}
 .product_right .pr_ul .swiper-slide p{background:#DEDEDE;height:2rem;line-height:2rem;text-align:center;padding:0 0.2rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:13px}
 .product_right .pr_ul .swiper-slide p a{color:#333;}
 


@media (max-width : 1200px) {
.cpfl a{ width:16%; display:block; float:left; margin-left:0.66%; background:#e3e3e3; margin-top:0.6%; padding:7px 0; text-align:center; transition:0.2s}
}

@media (max-width : 992px) {
.cpfl a{ width:24%; display:block; float:left; margin-left:1%; background:#e3e3e3; margin-top:0.6%; padding:7px 0; text-align:center; transition:0.2s}
}

@media (max-width : 768px) {
.lc_ly a{ background:#ffffff; padding:8px 30px; color:#666666; font-size:13px; border-radius:2px; margin-left:10px; transition:0.3s;  border:1px solid #878787}
}

@media (max-width : 375px) {
.lc_ly a{ background:#ffffff; padding:5px 20px; color:#666666; font-size:13px; border-radius:2px; margin-left:10px; transition:0.3s;  border:1px solid #878787}
}
.center .slick-prev{ display:none !important}
.center .slick-next{ display:none !important}


/*横条*/

.ht{ width:100%; height:224px; background:url(../images/ht.jpg) center center;}
.ht .ht1{ font-size:48px; font-weight:bold; color:#FFF; padding-top:15px;}
.ht .ht2{ font-size:32px; color:#FFF; padding-top:0px;}
.ht .ht3{ width:435px; height:45px; background:#FFF; border-radius:30px; margin-top:15px; padding:0 0px 0 20px; line-height:45px;}
.ht .ht3 .ht3_1{ color:#005aa1; font-size:16px;}
.ht .ht3 .ht3_1 span{ font-weight:bold; font-size:18px;}
.ht .ht3 .ht3_2 a{ background:#d81e25; border-radius:30px; height:45px; display:block; width:150px; text-align:center; color:#FFF; font-size:16px;}


@media (max-width : 768px) {
.ht .ht1{ font-size:38px; }
.ht .ht2{ font-size:22px; }
.ht .ht3{ width:375px}
}

@media (max-width : 375px) {
.ht .ht3{ width:300px}
}

/*youshi*/

#youshi{background:#f4f4f4;padding-top:30px; padding-bottom:30px;}
#youshi .ys_bt_1{ float:left; position:relative}
#youshi .ys_bt_1 .ys1{ position:relative; font-size:62px; font-weight:bold; color:#dfdfdf}
#youshi .ys_bt_1 .ys2{ position:absolute; top:30px; z-index:1; font-size:47px; color:#2f2f2f; font-weight:bold}
#youshi .ys_bt_1 .ys3{ position:relative; color:#2f2f2f; font-size:18px; padding-top:20px;}

#youshi .ys_bt_2{ float:right; margin-top:70px;}
#youshi .ys_bt_2 .ys4{ background:url(../images/24.png) no-repeat; padding-left:55px; float:right}  
#youshi .ys_bt_2 .ys4 p{ font-size:22px; font-family:Impact;}
#youshi .ys_bt_2 .ys4 p:first-child{ font-size:12px; color:#666666}

#youshi .ys_bt_2 .ys5{ float:right; margin-left:10px; margin-top:15px;}
#youshi .ys_bt_2 .ys5 a{ background:#d81e25; color:#FFF; padding:8px 22px;}

.center1 { margin-top:50px;}
.center1 .slid_img1{ padding-bottom:100px;}
.center1 .slid_img1 p{ width:195px; padding:40px 0; background:#005aa1; margin:0 auto}
.center1 .slid_img1 p a{ color:#FFF; font-size:16px; font-weight:bold; display:block; line-height:1.8}
.center1 .slid_img1 p:after{
	content: "";
	border-top: 46px solid #005aa1;
	border-bottom: 0px solid pink;
	border-right: 98px solid transparent;
	border-left: 97px solid transparent;
	position:relative;
	bottom: -106px;
}


@media (max-width : 768px) {
#youshi .ys_bt_1 .ys1{ position:relative; font-size:30px; font-weight:bold; color:#dfdfdf}
#youshi .ys_bt_1 .ys2{ position:absolute; top:18px; z-index:1; font-size:24px; color:#2f2f2f; font-weight:bold}
#youshi .ys_bt_1 .ys3{ position:relative; color:#2f2f2f; font-size:14px; padding-top:10px;}
}

.center1 .slick-prev{ display:none !important}
.center1 .slick-next{ display:none !important}

/*案例*/

.anli{ background:#ffffff;}
.anli .anli_nr{ margin-top:20px;}
.anli .anli_nr .anli_tu img{ max-width:100%;}
.anli .anli_nr .anli_zi{ background:#014f97; height:50px; line-height:50px; text-align:center;overflow:hidden;text-overflow:ellipsis; white-space:nowrap; color:#ffffff; font-size:16px; padding:0 10px; }

/**/

.ys{ height:100%; margin:0px auto}
.ys .row{ background:#f9f9f9}
.ys img{width:100%;}
.ys .col-md-6{ padding:0;} 
.ys .ys_zi{ width:90%; margin:20px auto}
.ys .ys_zi .ys_zi2{ font-size:24px; color:#2058a3; font-weight:bold; padding-top:5px;}
.ys .ys_zi .ys_zi4{ color:#666666; line-height:1.8; font-size:14px; padding-top:15px;}

.ys .ys_zi .ys4{ background:url(../images/24.png) no-repeat 0px 12px; padding-left:55px; float:right; margin-top:10px;}  
.ys .ys_zi .ys4 p{ font-size:22px; font-family:Impact; color:#005aa1}
.ys .ys_zi .ys4 p span{ font-size:12px; color:#666666}

@media (max-width : 768px) {
.ys .ys_zi .ys_zi2{ font-size:16px;}
}



/*关于我们*/
.about{ margin-top:40px;}
.about img{ max-width:100%; float:right;}
.about .col-md-6{ padding:0}
.about .col-sm-6{ padding:0}
.about .col-xs-12{ padding:0}
.about .about_wz{ position:absolute; top:60px; left:70px;}
.about .about_wz .a1{ font-size:62px; color:#dfdfdf; font-weight:bold}
.about .about_wz .a2{ font-weight:bold; color:#2f2f2f; font-size:47px; margin-top:-60px;}
.about .about_wz .a3{ font-size:28px; color:#555555;}
.about .about_wz .a4{ padding:30px 0; font-size:22px; color:#2f2f2f;}
.about .about_wz .a5{ width:60%; line-height:2; color:#666666;}
.about .about_wz .a6{ margin-top:20px;} 
.about .about_wz .a6 a{ padding:5px 15px; background:#005aa1; margin-left:10px; color:#FFF}
.about .about_wz .a6 a:first-child{ margin-left:0; background:#d81e25}

@media (max-width : 1440px) {
.about .about_wz{  top:30px;left:50px;}
.about .about_wz .a1{ font-size:50px;}
.about .about_wz .a2{ font-size:40px; margin-top:-60px;}
.about .about_wz .a5{ width:90%;}
}

@media (max-width : 1200px) {
.about .about_wz{  top:30px;left:30px;}
.about .about_wz .a1{ font-size:40px;}
.about .about_wz .a2{ font-size:30px; margin-top:-60px;}
.about .about_wz .a3{ font-size:20px;}
.about .about_wz .a4{ padding:15px 0; font-size:16px;}
.about .about_wz .a5{ width:95%;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:4;}
}

@media (max-width : 768px) {
.about .row{ padding-bottom:90px;}
}


/*news*/
#news{padding:0px 0 30px;}
#news .news_content{margin-top:18px;}
#news .news_content .news_title{text-align:center;font-size:0;-webkit-text-size-adjust:none;}
#news .news_content .news_title span{display:inline-block;font-size:14px;position:relative;text-align:center;padding:0 50px;line-height:40px;height:40px;cursor:pointer;color:#3f3f3f;margin-left:19px;border:1px solid #e5e5e5; border-radius:3px}
#news .news_content .news_title span:first-child{margin-left:0;}
#news .news_content .news_title span.hover{color:#FFF;background:#0b3c74;border:1px solid #0a80d8;}
#news .news_content .news_li{margin-top:36px;position:relative;}
#news .news_content .news_li .news_left{width:51%;float:left;}
#news .news_content .news_li .news_left .news_img{width:100%;height:auto;}
#news .news_content .news_li .news_left .news_img img{width:100%;height:100%;display:block;}
#news .news_content .news_li .news_left .news_txt{margin-top:14px;}
#news .news_content .news_li .news_left .news_txt .news_h2{height:44px;line-height:44px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-weight:bold;font-size:18px;}
#news .news_content .news_li .news_left .news_txt .news_h2 a{color:#333;}
#news .news_content .news_li .news_left .news_txt p{color:#888;line-height:24px;margin-bottom:0;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;}
#news .news_content .news_li .news_right{width:47%;float:right;}
#news .news_content .news_li .news_right a{padding:11px 0;display:block;height:108px;border-bottom:1px solid #E3E3E3;}
#news .news_content .news_li .news_right a:first-child{padding-top:0;height:97px;}
#news .news_content .news_li .news_right a .time{width:71px;height:81px;background:#E3E3E3;border-radius:1px;float:left;}
#news .news_content .news_li .news_right a .time .day{font-size:34px;display:block;line-height:58px;height:58px;text-align:center;color:#343434;margin-top:2px;}
#news .news_content .news_li .news_right a .time .year{height:23px;padding-bottom:7px;background:#FFF;line-height:21px;display:block;text-align:center;color:#343434;font-size:12px;padding-bottom:2px;}
#news .news_content .news_li .news_right a .txt{width:calc(100% - 81px);float:right;}
#news .news_content .news_li .news_right a .txt p{color:#888;line-height:24px;font-size:12px;margin-bottom:0;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;}
#news .news_content .news_li .news_right a .txt p:first-child{font-weight:bold;font-size:15px;color:#333;line-height:33px;height:33px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
#news .news_content .news_li .question_list{}
#news .news_content .news_li .question_list a{width:48%;padding:11px 0;display:block;height:108px;border-bottom:1px solid #E3E3E3;margin-left:4%;float:left;}
#news .news_content .news_li .question_list a:nth-child(odd){margin-left:0;}
#news .news_content .news_li .question_list a .time{width:71px;height:81px;background:#E3E3E3;border-radius:1px;float:left;}
#news .news_content .news_li .question_list a .time .day{font-size:34px;display:block;line-height:58px;height:58px;text-align:center;color:#343434;margin-top:2px;}
#news .news_content .news_li .question_list a .time .year{height:23px;padding-bottom:7px;background:#FFF;line-height:21px;display:block;text-align:center;color:#343434;font-size:12px;padding-bottom:2px;}
#news .news_content .news_li .question_list a .txt{width:calc(100% - 81px);float:right;}
#news .news_content .news_li .question_list a .txt p{color:#888;line-height:24px;font-size:12px;margin-bottom:0;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;}
#news .news_content .news_li .question_list a .txt p:first-child{font-weight:bold;font-size:15px;color:#333;line-height:33px;height:33px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}


/*常见问题*/

 .questions{padding-top:0px; overflow:hidden;}
 .questions .questions_title{height:62px;line-height:62px;color:#000;font-size:24px; position:relative}
 .questions .questions_title .more{position:absolute;top:0px;right:0;font-size:14px;color:#666;}
 .questions .questions_ul{margin-top:8px;}
 .questions .questions_ul .q{width:36px;float:left;margin-top:8px;}
 .questions .questions_ul .q .btn1{width:36px;height:18px;color:#FFF;line-height:20px;text-align:center;background:#b8905a;display:block;margin-bottom:8px;font-size:12px;}
 .questions .questions_ul .q .btn1.a{background:#23419b;}
 .questions .questions_ul .txt{width: calc(100% - 50px);float:right;}
 .questions .questions_ul .txt a p{ color:#333333}
 .questions .questions_ul .txt p{color:#999999;line-height:24px;}
 .questions .questions_ul .txt p:first-child{line-height:33px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
 .questions .questions_ul .txt a p{line-height:29px;font-size:16px;}

@media (max-width : 768px) {
 .questions .questions_ul{margin-top:8px; padding:15px }	
}



 /*友情链接*/
  .yqlj{ background:#FFF; margin:1vh auto}
 .f_left{position:relative; padding:2.5vh 0}
 .yqlj .f_left:after{content:'';position:absolute;right:-4px;top:29px;width:1px;height:40px;background:#dcdcdc;}
 .yqlj .f_left p{color:#a5a6aa; margin-bottom:0; text-align:left}
 .yqlj .f_left p span{font-size:16px;font-weight:bold;color:#000407;}
 .yqlj .f_left i{width:29px;height:3px;background:#1c7ac0;border-left:1px solid #1c7ac0;display:block;margin-top:27px;}
 .yqlj .f_right{ padding:1.5vh 0}
 .yqlj .f_right a{display:inline-block;height:28px;line-height:28px;padding:0 15px;white-space:nowrap; color:#333}


/*底部*/

#footer{ background:#015ba1; background-size:cover; padding:0px 0 0px} 
#footer .f1{ text-align:left; font-size:21px; font-weight:bold; color:#ffffff; padding-top:15px; padding-bottom:5px;}
#footer .f2{ text-align:left; font-size:17px; color:#a4caf6;}
#footer .f3{ text-align:right; font-size:14px; color:#a4caf6;}


		.f_k{ overflow:hidden; margin:0 auto; margin-top:20px; }

		input::-webkit-input-placeholder, textarea::-webkit-input-placeholder { color: #ffffff; font-size:14px; text-indent:0.3cm } 
		input:-moz-placeholder, textarea:-moz-placeholder {  color: #ffffff; font-size:14px; text-indent:0.3cm } 
		input::-moz-placeholder, textarea::-moz-placeholder {  color: #ffffff; font-size:14px; text-indent:0.3cm } 
		input:-ms-input-placeholder, textarea:-ms-input-placeholder {  color: #ffffff; font-size:14px; text-indent:0.3cm } 
	
	 .f_k input{background:#1e71b3; width:100%; border:1px solid #4b7799; color:#ffffff}
	 .f_k input::-webkit-input-placeholder {color: #ffffff;}
	 .f_k .form-control{ border-radius:0; padding:2.5vh 0; text-indent:0.2cm}
	 .f_k .btn{background:#0b3c74;display:block;color:#FFF;text-align:center;padding:1.4vh 0; border-radius:0; border:none}

.lxfs{ color:#ffffff; margin-top:25px; padding-bottom:30px;}
.lxfs i{ border:2px solid #98c5e9; color:#98c5e9; width:50px; height:50px; line-height:47px; border-radius:50%; font-size:24px; text-align:center}
.f4{ line-height:1.8; width:calc(100% - 60px)}

.footer{ color:#8ebee4; padding-top:30px; border-top:1px solid #196aaa; padding-bottom:25px;}
.footer a{ color:#8ebee4;}
.footer a:hover{ color:#ffffff}

/*1350屏幕*/
@media screen and (max-width:1249px){

	.p_left{width:240px;}
	.p_left h2{height:100px;line-height:100px;}
	.p_left .p_ul>a{line-height:50px;font-size:15px;background-position:15px 24px;}
	.p_left .p_ul>a.on,.p_left .p_ul>a:hover{background-position:15px 24px}
	.p_left .p_ul ul{padding:12px 10px;}
	.p_left .p_ul ul li{line-height:30px;font-size:14px;}
	.p_left .p_bottom{padding:18px 5px 16px;}
	.p_left .p_bottom .p_txt p:last-child{font-size:27px;}
	.product .p_right{width:calc(100% - 260px);}
	#news .news_content .news_li .news_left .news_txt p{overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:4;}
}


@media screen and (max-width:1200px){
	.info{min-height:320px;}
	.info .i_left{width:450px;left:30px;}
	.info .i_left img{width:450px;height:320px;}
	.info .i_right{width:calc(100% - 480px);padding:20px 30px 0;}
}




/*992屏幕*/
@media screen and (max-width:992px){
	#mobilehead{display:block;}
	.top{display:none;}
	#navbg{display:none;}
	#mobilehead.mhead{position:fixed;z-index:9999;-webkit-box-shadow: 0 1px 3px 0 rgba(0,0,0,0.2);box-shadow: 0 1px 3px 0 rgba(0,0,0,0.2);top:0;}
	#mobilehead .nav_bg.nav_bg1{top:70px;height:calc(100% - 70px);}
	#mobilehead .nav .nav_box.nav_box1{top:70px;}
	
     .p_left{display:none;}
	.p_class{display:block;}
	.product .p_right{width:calc(100% - 30px); margin:0 auto; float:none;}
	.product .p_right h2{margin:20px 0;}
	.product{padding:15px 0;}
	.product .p_li{width:32%;margin-left:2%;}
	.product .p_li:nth-child(4n+1){margin-left:2%;}
	.product .p_li:nth-child(3n+1){margin-left:0;}
	
	#infobg{padding:30px 0;}
	.info{min-height:0;margin-top:25px;}
	.info .i_left{width:100%;padding-bottom:71.09%;position:relative;top:0;left:0;}
	.info .i_left img{width:100%;height:100%;display:block;position:absolute;left:0;top:0;object-fit:cover;}
	.info .i_right{width:100%;padding:20px 20px 50px;}
	.info .i_right p:first-child{margin-bottom:15px;}

	#news .news_content .news_li .news_left .news_txt p{overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:4;}

	
	
}

@media screen and (max-width:768px){
	#mobilehead{background:url(../images/mlogo.jpg) no-repeat 10px center #FFF;background-size:auto 50px;}
	.p_class h2{display:none;}
	.p_class .p_class_li{width:calc(100% - 30px); margin:0 auto;float:none;}
	.product .p_content .p_li{width:48%;margin-left:4%;}
	.product .p_content .p_li:nth-child(3n+1){margin-left:4%;}
	.product .p_content .p_li:nth-child(odd){margin-left:0;}
	
	
    #news{padding:0px;}
	#news .news_content .news_title span{display:inline-block;font-size:14px;position:relative;text-align:center;padding:0 25px;line-height:30px;height:30px;cursor:pointer;color:#3f3f3f;margin-left:5px;border:1px solid #e5e5e5;}
	#news .news_content .news_li .news_left{width:100%;}
	#news .news_content .news_li .news_left .news_txt p{overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;}
	#news .news_content .news_li .news_right{width:100%;margin-top:20px;}
	#news .news_content .news_li .question_list a{width:100%;margin-left:0;}
	
	}

@media screen and (max-width:668px){
	.news .news_left .news_ul .news_li .nl_right{padding-left:15px;}
	.news .news_left .news_ul .news_li .nl_right .nl_txt{width:100%;float:none;}
	.news .news_left .news_ul .news_li .nl_right .nl_data{display:none;}
	.news .news_right .nr_ul a{width:100%;float:none;margin-left:0;}
}

/*500屏幕*/
@media screen and (max-width:499px){
	#mobilehead{background:url(../images/mlogo.jpg) no-repeat 10px center #FFF;background-size:auto 41px;}
	#mobilehead .nav_bg{top:70px;height:calc(100% - 70px);}
	#mobilehead .nav .nav_box{top:70px;}
	#mobilehead{z-index:9999;-webkit-box-shadow: 0 1px 3px 0 rgba(0,0,0,0.2);box-shadow: 0 1px 3px 0 rgba(0,0,0,0.2);top:0;}
	.pb_title .sub_title{font-size:13px;line-height:22px;}
	.product .p_class{text-align:left;}
	.product .p_class a{width:48%;height:42px;line-height:42px;font-size:15px;text-align:center;margin-left:4%;margin-top:7px;}
	.product .p_class a:nth-child(2n+1){margin-left:0;}
	.product .p_content{margin-top:20px;}
	.product .p_content .p_li{width:100%;}
	.product .p_btn a{width:48%;margin-left:4%;}
	#solutionbg{padding:25px 0 30px;}
	#solutionbg .solution_c .solution_c_left1 li{width:50%;}
	#solutionbg .solution_c .solution_c_left1 li:first-child{width:50%}
	#solutionbg .solution_c .solution_c_right{width:100%;float:none;padding:5px 10px 0 10px;}
	#solutionbg .solution_c .solution_c_right .r_ul{margin-top:0px;}
	#solutionbg .solution_c .solution_c_right .r_li{width:100%;float:none;margin-left:0;margin-top:20px;}
	#solutionbg .solution_c .solution_c_right .r_btn{ margin:10px auto;float:none;}
	#solutionbg .solution_c .solution_c_right .r_btn a{width:48%;margin-left:4%;}
	
	.info_title h2{font-size:22px;height:36px;line-height:36px;}
	.info_title i{margin:10px 0;}
	.info .info_btn a{width:130px;margin-left:10px;}
	.info .info_ul .info_li .info_p p:last-child{font-size:12px;letter-spacing:-1px;}
	#infobg{padding:20px 0;}
	.info{margin-top:15px;}
	.info .i_right{padding:15px 10px 40px;}
	.info .i_right p{font-size:13px;}
	.info .i_right p:first-child{font-size:18px;height:26px;line-height:26px;}
	#news .news_content .news_title span{width:32%;margin-left:2%;padding:0 0;font-size:14px;}
	#news .news_content .news_title span:first-child{margin-left:0;}
}

@media screen and (max-width:374px){
	#mobilehead{background:url(../images/mlogo.jpg) no-repeat 10px center #FFF;background-size:auto 32px;}
}

@media screen and (min-width:768px) and (max-width:991px){

	#solutionbg .solution_c .solution_c_left{width:200px;}
	#solutionbg .solution_c .solution_c_right{width:calc(100% - 200px);}

}


@media screen and (min-width:668px) and (max-width:767px){

	#solutionbg .solution_c .solution_c_right{width:100%;float:none;padding:40px 0 0 0;}

}
@media screen and (min-width:500px) and (max-width:667px){
	.pb_title .sub_title{font-size:14px;}
	.product .p_class{text-align:left;}
	.product .p_class a{width:32%;height:42px;line-height:42px;font-size:15px;text-align:center;margin-left:2%;margin-top:7px;}
	.product .p_class a:nth-child(3n+1){margin-left:0;}
	.product .p_content{margin-top:20px;}
	.product .p_content .p_li{width:50%;}
	.product .p_content .p_li .p_txt p:first-child{font-size:16px;}
	#solutionbg{padding:25px 0 30px;}
	#solutionbg .solution_c .solution_c_left1 li{width:33%;}
	#solutionbg .solution_c .solution_c_left1 li:nth-child(3n+1){width:34%}
	#solutionbg .solution_c .solution_c_right{width:100%;float:none;padding:20px 0 0 0;}
}

@media screen and (max-width:667px){
	.pb_title .pb_cn{font-size:24px;line-height:42px;height:42px;}
}


@media screen and (max-width:991px){
	#navbg .nav .firstfloor>li{height:55px;line-height:55px;font-size:14px;}
	#navbg .nav .secondfloor{top:55px;}
	.index_banner{padding-bottom:40%;}
	#stylepbulic{height:200px;}
	#footbottombg{padding-bottom:55px;}
}

/*鐢佃剳娴姩*/
.izl-rmenu{position:fixed;right:0;bottom:10px;padding-bottom:10px;background:url(../images/r_b.png) 0px bottom no-repeat;z-index:999;width:72px;}
.izl-rmenu .btn{width:72px;height:73px;margin-bottom:1px;cursor:pointer;position:relative;}
.izl-rmenu .btn-qq{background:url(../images/r_qq.png) 0px 0px no-repeat;background-color:#FF9C00;}
.izl-rmenu a.btn-qq,.izl-rmenu a.btn-qq:visited{background:url(../images/r_qq.png) 0px 0px no-repeat;background-color:#FF9C00;text-decoration:none;display:block;}
.izl-rmenu .btn-wx{background:url(../images/r_wx.png) 0px 0px no-repeat;background-color:#FF9C00;}
.izl-rmenu .btn-wx .pic{position:absolute;left:-160px;top:0px;display:none;width:160px;height:160px;}
.izl-rmenu .btn-phone{background:url(../images/r_phone.png) 0px 0px no-repeat;background-color:#FF9C00;}
.izl-rmenu .btn-phone .phone{background-color:#FF9C00;position:absolute;width:160px;left:-160px;top:0px;line-height:73px;color:#FFF;font-size:18px;text-align:center;display:none;}
.izl-rmenu .btn-top{background:url(../images/r_top.png) 0px 0px no-repeat;background-color:#666666;display:none;}
.izl-rmenu .btn-top:hover{background-color:#444;}

/*鎵嬫満娴姩*/
#floatBottom{width:100%;height:53px;background:#8a8a8a;position:fixed;left:0;bottom:0;z-index:999999;}
#floatBottom a{width:25%;height:53px;line-height:53px;display:block;float:left;position:relative;}
#floatBottom a.kf1{background:url(kf1.png) no-repeat center center;}
#floatBottom a.kf2{background:url(kf2.png) no-repeat center center;}
#floatBottom a.kf3{background:url(kf3.png) no-repeat center center;}
#floatBottom a.kf4{background:url(kf4.png) no-repeat center center;}
#floatBottom .ewm{width:90px;height:90px;position:absolute;bottom:55px;left:50%;margin-left:-45px;display:none;}
#floatBottom .ewm img{width:100%;height:100%;display:block;}


.page {margin-top: 20px;}
.page a{padding:4px 10px;border:1px solid hsl(240, 7%, 74%);margin-left: 10px;}
.page .current{padding:4px 10px;border:1px solid hsl(240, 7%, 74%);background: #ccc;margin-left: 10px;}
.page-num-current {background: #696667;color: #fff!important;margin: 0 5px;}





















#toolbar {
  position: fixed;
  z-index: 9999;
  right: 17px;
  bottom: 10%;
}
#toolbar li {
  margin-bottom: 3px;
  font-size: 0;
  width: 57px;
  height: 57px;
  right: 0;
  position: relative;
}
#toolbar li a {
  display: block;
  position: absolute;
  z-index: 9;
  right: 0;
  top: 0;
  width: 57px;
  height: 57px;
  overflow: hidden;
  background: #324587;
  -webkit-transition: all .5s ease;
  transition: all .5s ease;
  white-space: nowrap;
  font-size: 0;
}
#toolbar li .icon-font {
  display: inline-block;
  vertical-align: middle;
  width: 57px;
  height: 57px;
  background-color: #d9d9d9;
}
#toolbar li .icon-qq:after {
  background-position: 0 -150px;
}
#toolbar li .icon-phone:after {
  background-position: 0 -90px;
}
#toolbar li .icon-ewm:after {
  background-position: 0 -30px;
}
#toolbar li .icon-message:after {
  background-position: 0 -120px;
}
#toolbar li .icon-top:after {
  background-position: 0 -60px;
}
#toolbar li .icon-wangwang:after {
  background-position: 0 0;
}
#toolbar li .wz {
  display: inline-block;
  line-height: 57px;
  font-size: 14px;
  color: #fff;
  vertical-align: middle;
  padding-left: 10px;
}
#toolbar li.ewm .ewm-box {
  position: absolute;
  z-index: 1;
  padding: 5px;
  background: #324587;
  width: 110px;
  right: 120%;
  bottom: 0;
  opacity: 0;
  visibility: hidden;
  -webkit-transform: translateX(100%);
          transform: translateX(100%);
  -webkit-transition: all .7s;
  transition: all .7s;
}
#toolbar li.ewm .ewm-box p {
  margin-bottom: 0;
}
#toolbar li.ewm .ewm-box img {
  max-width: 100%;
}
#toolbar li.ewm .ewm-box:after {
  content: '';
  position: absolute;
  right: -5px;
  bottom: 20px;
  width: 0;
  height: 0;
  line-height: 0;
  font-size: 0;
  overflow: hidden;
  border-width: 5px;
  cursor: pointer;
  border-style: dashed dashed dashed solid;
  border-color: transparent transparent transparent #324587;
  border-right: none;
}
#toolbar li.ewm:hover .icon {
  background-position: -57px -180px;
}
#toolbar li.ewm:hover .ewm-box {
  opacity: 1;
  visibility: visible;
  -webkit-transform: translateY(0);
          transform: translateY(0);
}
#toolbar li.backtop {
  cursor: pointer;
}
#toolbar li.backtop .iconfont {
  color: #fff;
  background-color: #324587;
}
#toolbar li:hover a {
  width: 200px;
}
#toolbar li:hover .icon-font {
  background-color: #324587;
}
#toolbar li:hover .icon-qq:after {
  background-position: -30px -150px;
}
#toolbar li:hover .icon-phone:after {
  background-position: -30px -90px;
}
#toolbar li:hover .icon-ewm:after {
  background-position: -30px -30px;
}
#toolbar li:hover .icon-message:after {
  background-position: -30px -120px;
}
#toolbar li:hover .icon-wangwang:after {
  background-position: -30px 0;
}
#toolbar li:hover .icon-top:after {
  background-position: -30px -60px;
}


.icon-font {
  position: relative;
}
.icon-font:after {
  content: "";
  width: 30px;
  height: 30px;
  background-image: url(../images/icon_spirit.png);
  background-repeat: no-repeat;
  position: absolute;
  left: calc(50% - 15px);
  top: calc(50% - 15px);
}







.ipro{  width: 100%;overflow: hidden;position: relative;   margin-top: 0px; } 
.w {width: 1200px;margin: 0 auto;}
.iheadx{position: relative;  line-height: 1.6;   text-align: center;
background:url(../images/itit.png) no-repeat center 70px;}
.iheadx h1{font-size: 40px;color: #222; font-weight: bold;} 
.iheadx p{display: block;width: 100%;font-size: 16px;color: #3d3939; text-transform: uppercase; 
line-height: 1.6; margin-top: 50px;}
.iheadx a.mo{ position: absolute;right: 0;top: 10px;font-size: 14px;color: #b2b4b5;display: block; }
.iheadx a.mo:hover{color: #0773ce;}
.listpro{width: 1200px;text-align: center;margin: 40px auto;  }
.listpro a{color: #fff; height: 54px;line-height: 54px;display: inline-block;background: #115aa2;
width: 184px;margin: 4px 6px;font-size: 16px;  }
.listpro a:hover,.ipro .tod2 .listpro .hover{  background: #2f81d2; color: #fff;
-webkit-transform: translateX(-4px);
    transform: translateX(-4px);}
	
	
.ipro .tod{ overflow: hidden;width: 100%; }
.ipro .list{width: 120%;}
.ipro .tod li{float: left;margin: 0 14px 20px 0;position: relative;width: 288px;height: 320px;overflow: hidden;
box-shadow: 5px 5px 5px #eee;}
.ipro .tod li img{width: 288px;height: 256px;display: block;}
.ipro .tod li .cover{position: absolute;top: -256px;left: 0;background: url(../images/coverx.png) repeat center;width: 288px;
  height: 258px;color: #fff;}
.ipro .tod li .cover a{ display: block;width: 72px;height: 72px;background: url(../images/glass.png) no-repeat center;
margin: 0 auto;margin-top: 90px;}
.ipro .tod .wd{ height: 70px; padding-left: 10px; background:#006acb ; }
.ipro .tod span{ }
.ipro .tod span a{ color: #f2f8ff;font-size: 16px;display: block;line-height: 3.5;}
.ipro .tod p{ font-size: 14px;color: #3e3e3e;line-height: 1.6;width: 224px;
text-overflow:ellipsis;overflow:hidden;white-space:nowrap;}
.ipro .tod a.detail{display: block;position: absolute;right: 10px;bottom: 20px;width: 32px;height: 32px;
background: url(../images/san.png) no-repeat center;}
.ipro .tod li:hover {background: #115aa2;}
.ipro .tod li:hover span a,.ipro .tod li:hover p{color: #fff; }
.ipro .tod li:hover .cover{top: 0; }

.ipro .list img:hover { transform:scale(1.02,1.02); }
.ipro .list li:hover{    -webkit-transform: translateY(-8px);
    transform: translateY(-8px);} 
.ipro .list li:hover  h3 a{ font-weight: bold;  } 

.ipro .img li:hover{ -webkit-transform:scale(1.1,1.1); -moz-transform:scale(1.1,1.1); -ms-transform:scale(1.1,1.1); transform:scale(1.1,1.1);}




.fw {
	width: 100%;
	margin-bottom: 40px;
}
.fw .fwTit {
	height: 89px;
	margin: 0 auto;
	background: url(../images/fwtit.png) no-repeat center -9px;
	border-top: 9px solid #114aba;
	text-align: center;
}
.fw .fwTit a {
	font-size: 30px;
	font-weight: bold;
	line-height: 60px;
	color: #fff;
	display: inline-block;
}