@charset "utf-8";
/* CSS Document */
html {overflow-y:scroll;}
*{margin:0;padding:0;list-style:none;border:0;}
body{font-size:15px;  margin:0; padding:0;font-family: "微软雅黑"; overflow:hidden; }
div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,blockquote,p,img,html,body,nav{padding:0;margin:0; color:#333}
h1,h2,h3,h4,h5,h6 {font-size:14px; font-weight:normal;}
img{border:0;vertical-align: middle}
ol,ul{list-style:none;}
i{ font-style:normal}
h1{font-size:18px;}
a{color:#333;text-decoration:none;font-size:15px;blr:expression(this.onFocus=this.blur());font-family: "微软雅黑"; }
a:hover{color:#f00;text-decoration:none;}
.clean70{clear:both;height:70px;overflow:hidden;}
.clean50{clear:both;height:50px;overflow:hidden;}
.clean30{clear:both;height:30px;overflow:hidden;}
.clean20{clear:both;height:20px;overflow:hidden;}
.clean10{clear:both;height:10px;overflow:hidden;}
.left{ float:left;overflow:hidden;}
.right{float:right;overflow:hidden;}
.mar{ margin:0 auto}
.w1200{ width:1200px; overflow:hidden;clear:both;}
.i{font-style:normal}


/*返回顶部样式*/
.totop{position:fixed;right:25px;bottom:25px;display:block;width:26px;height:62px;background:url(../images/rocket.png) no-repeat 0 0;-webkit-transition: all 0.2s ease-in-out;}
.totop:hover{background:url(../images/rocket.png) no-repeat 0 -62px;}


/*导航条1*/
.top{ width:100%; height:112px; float:left;}
.logo{float:left; }
.logo img{ height:90px; float:left; padding-top:10px; }
.logo p{ float:left;  padding-top:10px;color:#101c72; }

.zysb{float:right; padding-top:15px;}

.zysb img{ width:80px; float:left; padding-right:15px;}
.zysb span{ float:right;}
.zysb p{font-size:18px; font-weight:bold; line-height:160%; letter-spacing:1px; color:#5a5a5a}
.zysb b{ width:100%; float:left; font-weight:normal; font-size: 16px;color:#5a5a5a}
/*导航条*/

.hedr{ width:100%; height:60px; background-color:#2271b8 ;float:left; }
.dht{ float:left; text-align:center; height:60px; width:1200px; }
.menu{ width:100%; overflow:hidden; float:left}
.menu .menu_item{ display:inline-block;float:left;font-size: 18px;color: #fff;width:200px;text-align:center;font-family:"微软雅黑"; }
.menu .menu_item a{font-size: 16px;color: #fff; display: block;width: auto; line-height:60px;font-family:"微软雅黑";}
.menu .menu_item:hover{ background:#ff8820;}
.menu .menu_item:hover a{color:#fff;}
.cur{text-decoration:none;background:#ff8820;}
.cur a{color:#fff !important;}
.menu:hover .cur{background:none}
.menu:hover .cur a{color:#fff !important; }
.menu .menu_item:hover .submenu{display:block; z-index:999999; position:absolute;border-top:2px solid #fff;}
.submenu{ overflow: hidden;z-index:999999999; display:none;background-color:#2271b8}
.submenu_item {padding:0 2px; min-width:196px; }
.submenu_item a{ color:#fff!important; font-weight:100 !important; line-height:3em !important;}
.submenu_item:hover{ background:#ff8820}
.submenu_item a:hover{ color:#fff !important;}

/*搜索*/
.gdt{ width:100%; height:60px;  float:left; background: url(../images/bg01.jpg) center  no-repeat ;}
.rmg{ line-height:60px;  float:left}
.rmg p,.rmg p a{ font-size:15px; color:#fff}
.rmg p a{ margin-right:10px; display:inline-block}
.search{ width:368px; height:28px; line-height:28px; float:right; margin-top:17px; margin-right:55px; }
.kuan_sou{ width:318px; height:26px; float:left;border:1px solid #f4f4f4;background:#fff; color:#999;  }
.kuan_an{ width:48px; height:28px; color:#FFF;cursor:pointer;background: url(../images/bg.jpg) no-repeat; float:left; border:none;}




/*banner*/
#banner{ height:600px; width:100%; float:left}
.banner-subban{width:100%; float:left; height: auto}
.banner-subban img{ width:100%}
.bt{ width:100%; float:left; text-align:center; margin:20px 0;}
.bt b{ display:block; font-size:34px; line-height:130%;text-transform:uppercase;}
.bt h1{ font-size:24px; line-height:34px;}
.bt img{ max-width:100%; margin-top:8px;}

/*产品中心*/
.hide {display: none;}
.product-tab {position: relative;z-index: 1;width:100%; float:left;text-align: center;background:#434343;}
.product-tab:after {content: ".";display: block;height: 0;visibility: hidden;clear: both;}
.product-tab li a{float: left;width: 165px; height:60px; line-height:60px;   color:#FFF;text-align: center;cursor: pointer;box-sizing: content-box; font-size:15px;}

.product-tab li a:hover,.product-tab li.cur a{background:#ff8820; color:#FFF !important}
.product-tab:hover li.cur a{ background:#353431}

.icon-list {width:100%; float:left;overflow: hidden; min-height:568px; margin-top:10px;}
.icon-list ul{width:102%; float:left}
.icon-list ul li a{ width:229px; float:left; margin-right:14px; margin-bottom:10px; text-align:center; overflow:hidden}
.icon-list ul li  a span img{ width:229px;height:229px;object-fit:cover;}

.icon-list p,.ant-list ul li p{ width:100%; height:30px;font-size: 16px;color: #666; line-height:30px; float:left; overflow:hidden; padding-top:5px;}













.cp_list{ width:100%; float:left; padding-top:40px;}
.cp_left{ width:265px; float:left; overflow:hidden}
.cp_left span{ width:265px; height:140px; float:left; background: url(../images/cpbj.jpg) no-repeat; text-align:center;}
.cp_left span a b{ font-size:30px;color:#FFF; line-height:48px; font-weight:800 ;width:100%; float:left; padding-top:23px;}
.cp_left span a i{ color:#FFF;}
.cp_left span a dl{ width:90%; float:left; height:11px; background:url(../images/jt.png) center no-repeat; padding-top:25px;}
.cp_left ul{ width:251px;float:left; border:2px solid #147ac1; padding:5px; overflow:hidden}
.cp_left ul li{ width:100%; float:left; height:65px; line-height:65px;text-align:center }
.cp_left ul li a{font-size:15px;}
.cp_left ul li:hover,.cp_left ul li:first-child{ background-color:#ff7b00; color:#FFF !important}
.cp_left ul li:hover a,.cp_left ul li:first-child a{ color:#FFF}
.cp_left ul:hover li:first-child{background:none; }
.cp_left ul:hover li:first-child a{color:#333 !important}
.cp_right{ width:902px; float:right; overflow:hidden}
.cp_nr{ width:110%; float: left; overflow:hidden}
.cp_nr li a{ width:280px; float:left; padding-right:10px; overflow:hidden; padding-bottom:15px; }
.cp_jl li a{ padding-right:26px !important; padding-bottom:25px !important;}
.cp_nr li a span{ width:278px; height:278px; display:table-cell; text-align: center; vertical-align: middle;overflow:hidden; border:1px solid #f2f2f0}
.cp_nr li a span img{ max-width:278px; max-height:278px; width:auto; height:auto;overflow: hidden;vertical-align: middle;}
.cp_nr li a:hover span img{ -webkit-transition:-webkit-transform 2s cubic-bezier(.165,.84,.44,1),opacity .5s;transition:transform 2s cubic-bezier(.165,.84,.44,1),opacity .5s;-webkit-transform:scale(1.2);transform:scale(1.2);}
.cp_nr li a p{ width:100%; height:38px; line-height:38px; float:left; text-align:center; font-size:16px;  overflow:hidden}
.cp_nr li a:hover p{ background:#147ac1; color:#fff; }


/*关于我们*/
.gywm{ width:100%; float:left; background: url(../images/bg02.jpg)  center no-repeat; overflow:hidden; padding:40px 0; }
.gywm_l{width:100%; float:left; height:430px; background:url(../images/about_bj.png) no-repeat}
.gy_img{ float:right; width:602px;}
.gywm_r{ width:100%; height:79px; line-height:79px; overflow:hidden}
.gywm_r span{ float:left;line-height:79px;}
.gywm_r span b{ color:#fff; font-size:34px; margin:0 30px;text-transform:uppercase;}
.gywm_r span i{color:#fff; font-size:24px;}
.gywm_r dd{ float: right}
.gywm_r dl{ width:79px; height:79px; color:#fff; float:left; background:#ff8820; text-align:center; font-size:30px;font-family: SimSun;}
.gywm_r dl:hover{ background:#35aae0}
.gy_img img{ width:571px; height:351px; float:left;object-fit:cover;}

.gy_nr{ width:510px;  float:left; overflow:hidden; margin:30px 30px 0 56px; position: absolute; }

.gy_nr  p{ line-height:275%; width:100%; float:left; font-size:16px; text-indent:2em }
.gy_nr  a{ width:120px; height:53px; background:#ff8820; float:right; text-align:center; line-height:53px;  color:#FFF;border-radius:3px;-moz-border-radius:3px;-webkit-border-radius: 3px;-o-border-radius: 3px; }

.hot{ width:100%; float:left; height:300px; position:relative}
.hot:before {
    content: "";
    display: inline-block;
    width: 42px; height:42px; background: url(../images/zuo.png) no-repeat; position:absolute; left:0; top:40%;
    vertical-align: middle;
}
.hot:after {
    content: "";
    display: inline-block;
   width: 42px; height:42px; background:url(../images/you.png) no-repeat;
position:absolute; right:0; top:40%;
    vertical-align: middle;
}



.qi_ry {width:90%; height:300px;overflow: hidden;position: relative; margin:0 auto; }
.qi_ry ul{position: absolute;}
.qi_ry ul li{float: left;width:260px;cursor: pointer; margin-right:20px; text-align:center; margin-bottom:10px;}
.qi_ry ul li a{width:260px;float:left; display:block}

.qi_ry ul li img {width:260px;height:260px;object-fit:cover;}
.qi_ry ul li a .box {width:100%;height:40px;text-align:center; float:left; text-align:center;line-height:40px; overflow:hidden;white-space: nowrap; }
.qi_ry ul li a:hover{ transition: all .7s;}


.more{ width:100%; float:left; text-align:center}
.more a{ width:500px; height:30px; color:#fff; line-height:30px; display:inline-block; margin:0 30px; background:#ff8820; font-size:20px;font-family: SimSun;}
.more a:hover{ background:#35aae0}








.bjs{ width:100%; float:left; background:#e8e8e8}
.news{ width:95%; padding:2.5%; float:left; background:#fff; margin:30px 0}
.news .more a{ width:30px;  margin:0 5px;}
.news_left{ width:48%; float:left}
.news_left ul{ width:102%; float:left; overflow:hidden}
.news_left ul li{ width:48%; float:left; margin-right:2%; text-align:center;position:relative}
.news_left ul li span{ width:100%; height:296px; float:left; position:relative}
.news_left ul li .n1{ width:100%; height:296px; object-fit:cover; display:block}
.news_left ul li .n2{ width:100%; height:296px; object-fit:cover;display:none;transition: all .7s;}
.news_left ul li:hover .n1{ display:none}
.news_left ul li:hover .n2{ display: block;transition:transform 2s }
.news_left ul li h1{width:100%; line-height:50px;background-color: rgba(34,113,184,.8);position: absolute;  color:#fff; z-index:111; bottom:0;transition: border-color 0.4s ease 0s,background-color 0.4s ease 0s;}
.news_left ul li:nth-child(2n) h1 {background-color: rgba(0,0,0,.8);}
.news_right{ width:50%; float:right; overflow:hidden}

.news_list { width:100%; float:left;  overflow:hidden}
.news_list  li{ width:100%; float:left; border-bottom:1px dotted #dbd4cd; padding-top:9px; padding-bottom:5px;}
.news_list li span{ width:60px; height:59px; display:block; margin-left:30px; text-align:center; background:#2271b8; float:left}
.news_list li dl{ font-size:24px; color:#fff; display:block; line-height:140%}
.news_list li i{  color:#fff; font-size:13px; }

.news_list li b{ width:80%; float:right; height:30px; line-height:30px; overflow:hidden}

.news_list li p{ width:80%; float:right; line-height:26px;height:26px; overflow:hidden}





.foot{ width:100%; float:left; padding-top:40px;background:#252525; overflow:hidden; }
.footer{ width:100%; float:left; overflow:hidden;}
.footer ul{ width:104%; float:left; overflow:hidden;}
.footer ul li{ width:340px; float:left; margin-right:27px; padding:25px 20px; border:1px solid #666}
.footer ul li img{ max-width:56px; float:left; margin-right:25px;}
.footer ul li span{ float:left}
.footer ul li span b{ display:block; color:#fff; font-size:24px; line-height:120%; font-weight:normal}
.footer ul li span p{ font-size:20px; color:#8a8a8a}

.footer_1{ width:382px; float:left; margin-right:46px;}
.footer_1 strong{ width:100%; float:left; font-size:18px; color:#fff; font-weight:normal }
.footer_1 ul{ width:90%; float:left; margin-top:20px;}
.footer_1 ul li a{ line-height:45px; font-size:15px; color:#8a8a8a; float:left; display:inline-block; margin-right:20px;}
.footer_1 ul li i{ color:#ff8820; margin-right:12px;}

.footer1{ width:466px;}
.footer1 ul{ width:103%}
.footer1 ul li a{ margin-right:13px;}
.footer1 ul li i{ margin-right:5px;}

.footer_y{ width:254px; float:right}
.footer_y  p{ color:#8a8a8a;float:left; line-height:300%; margin-top:22px;}
.footer_y  img{width:127px; float:right; margin-top:8px; }



.foott{ width:100%; float:left;line-height:58px;height:58px; overflow:hidden; text-align:center; background:#151515}
.foott p,.foott p a{ color:rgb(90, 90, 90); font-size:14px; }


/*关于我们*/
.dh_dy{ width:100%; height:40px; background:#f5f5f5; line-height:40px; float:left}
.dh_dy span{ width:1200px; margin:0 auto; display:block}
.dh_dy a{ color:#888888}
.wznr{ width:100%; float:left;}
.wznr b{width:100%; float:left; text-align:center; font-size:20px; line-height:36px; padding-bottom:20px;}
.wznr p{ width:100%; overflow:hidden; float:left; line-height:28px; padding-bottom:5px; }
.wznr p strong{ font-size:16px; color:#1696c5}
.wznr img{ max-width:600px; max-height:!important;}

/*翻页*/
#pages,.cpage{ width: 100%; height: 50px; text-align: center; line-height: 22px; padding-top: 1px; clear:both;}
#pages a,.cpage a{ background: #f5f5f5; border: #ddd solid 1px; padding: 3px 8px; margin: 0 2px; float: none; color: #333; font-size: 14px;}
#pages span{ background: #eb1c24; color: #fff; border: #DDD solid 1px; padding: 3px 8px; margin: 0 2px; float: none;}
#pages a:hover{border: #eb1c24 solid 1px;}

.articlebook{ width:100%; float:left; overflow:hidden; padding-top:10px; padding-bottom:10px}
.articlebook a{ font-size:14px; color:#444}
.articlebook a:hover{ color:#F00}

/* 左侧通用 */

.pro_list{width:230px; float:left}
.pro_left{ width:200px; padding:15px ; background:#3d85c6 ; float:left}
.pro_left p{ color:#FFF; font-size:16px;text-transform:uppercase; line-height:180%;}
.pro_left h1{ width:100%; float:left; line-height:140%;font-size:24px;color:#FFF}


.pro_l{ width:99.5%; float:left; border:1px solid #d2d2d2;}
.pro_l li{ width:100%; height:51px; text-align:center; float:left; line-height:50px; }
.pro_l li a{ width:85%;margin-left:10px; font-size:15px; text-align:left; display:inline-block; border-bottom:1px solid #aaaaaa;}
.pro_l li:hover,.cug{ background-color:#434343 !important}
.pro_l li:hover a,.cug a{ color:#fff !important;}
.pro_l li:last-child a{ border-bottom: none}

.lxwm{width:94%; float:left; margin-top:20px; background:#3d85c6; padding:3%; padding-bottom:5%}
.lxwm span img{ width:100%; float: left; margin-bottom:8px;}

.lxwm p{ line-height:26px; color:#fff; font-size:13px; margin-left:3px; }
.lxwm strong{ font-size:17px; color:#eb1c24; line-height:45px;word-break:break-all;}


.w940{ width:940px; overflow:hidden; float:right}
.shouye{ width:100%; float:left; line-height:40px; padding-bottom:5px; border-bottom:1px  solid #d9d9d9; margin-bottom:15px;}
.shouye span{ float:left;font-weight: normal;padding-left: 8px;}
.shouye span img{ margin-right:5px;}
.shouye span,.shouye  a{ font-size:14px; color:#666}
.shouye dl{ float:right}


.about p{ line-height:300%; font-size:16px;}
.about strong{color:#2087ed; font-size:18px}
.about img{ max-width:900px;}
.about{ width:100%; float:left;}



.prot ul{ width:103%; float:left; overflow:hidden}
.prot ul li{ width:28%; padding:1%; float:left; margin-right:3%;text-align:center; margin-bottom:3%; border:1px solid #dbdbdb}

.prot ul li  img{ width:100%; height:250px;object-fit:cover;}

.prot ul li h1{ line-height:36px;height:36px; display:block; font-size:15px; overflow:hidden}


.prot ul li:hover {border:1px solid #ff8820;}

/*产品内容页*/
.chan_we img{  max-width:400px;}

.chan_we h1{ width:100%;font-size: 20px; font-weight:600; text-align:center; color:#426100;line-height: 30px;float:left;}

.chan_we dl{ width:100%; float:left; text-align:center;  color:#5a5a5a; font-size:13px;}


.chan_we p{ line-height:36px;}
.chan_we strong{ font-size:18px; color:#ff8820}

.about-title{ width:100%; float:left; background-color:#f4f4f4; height:50px; line-height:50px;} 
.about-title span{ color:#4ca47c}
.about-title a{ color:#434343; font-size:13px;}


.about_left{ width:100%; float:left; text-align:center; overflow:hidden; padding-bottom:30px}
.about_left a{ padding:6px 20px; font-size:16px; color:#fff; background-color:#a20001; display:inline-block}
.about_left a:hover{ background:#096f39}
.about_left .cuz{ background:#096f39}

/*新闻列表页*/

.new_lb{ width:100%; float:left; overflow:hidden;}
.new_lb ul{ width:100%; float:left; overflow:hidden; }
.new_lb ul li{ width:100%; float:left; border-bottom:1px dashed #c6c6c6; line-height:44px;}
.new_lb ul li dl{ color:#35aae0; float:left; padding-right:8px; font-size:14px;}
.new_lb ul li h2 { width:70%; float:left; font-size:14px; float:left; line-height:44px;height:44px;overflow: hidden;}
.new_lb ul li p{color:#acacac; font-size:12px;float: right;}
.new_lb ul li:hover h2{ color:#fc891f}
 
/* 新闻内容页 */

.news_show h1{
	display: block;
	font-size: 20px;
    /* line-height: 140%; */
    color: #fc891f;
	font-family: 'Microsoft YaHei';
	min-height: 42px;
    text-indent: 0px;
    font-weight: bold;
    line-height: 42px;
    width: 100%;
    overflow: hidden;
    text-align: center; 
}
.artdetail-time{
	display: block;
	font-size: 14px;
    line-height: 23px;
    color: #888888;
	font-family: 'Microsoft YaHei';
	/* padding-left: 8px; */
    min-height: 23px;
    text-align: center;
 }
.news_show b,.chan_we b{ width:928px; float:left; font-size:13px;
	font-family: 'Microsoft YaHei';
    color: #868686;
    text-indent: 0;
    border-color: transparent;
    padding: 5px;
    background-color: #F5F5F5;
    border: #E5E5E5 1px solid;
    margin-bottom:20px; margin-top:10px; font-weight:normal;
}
.news_show strong{ font-size:18px; color:#fc891f}
.news_show p{ line-height:38px;font-size:16px; }
.news_show img{ max-width:850px;width:auto; height:auto }

/*在线咨询*/
.table_form,.table_form tr,.table_form td{ width:100%; float:left}
.table_form th{ width:100%; float:left; font-size:14px; color:#777}

.table_form .input-text,.table_form textarea{ width:90% !important; line-height:34px !important; border:1px dashed #aaa; background:#eee !important; float:left} 

.button{ background-color:#ff8820 !important; width:88%; height:28px; float:left}

.zxlx{ width:100%; float:left; padding-top:10px; padding-left:20px;}
.zxlx strong{font-size: 30px;line-height: 150%;}
.zxlx  p{ line-height:30px; font-size:13px;}
/* 联系我们 */
.lxwm_list { width:40%; float:left;}
.lxwm_list h1{ color:rgb(53, 170, 224);font-family: Arial, 宋体, Helvetica, sans-serif, Verdana;font-size: 28px; margin-bottom:15px; margin-top:8px;}
.lxwm_list p{ width:100%; float:left; font-size:16px; line-height:35px; padding:10px 0; color:#5a5a5a;font-family: 宋体; border-bottom:1px solid #cccccc;}
.lxwm_list p img{ height:45px; margin-right:18px;}

.map{ width:55%; float:right}



.cp_tj{ width:100%; float:left;}
.cp_bt{ width:100%; float:left; background: url(../images/lmt2.jpg) bottom repeat-x; padding-bottom:20px; margin-bottom:20px;}
.cp_bt a{ display:inline-block;border-left: 8px groove #028BCF; font-size:20px; line-height:24px;}
.cp_bt i{ margin-left:15px;font-family: 宋体; }
.cp_tj .qi_ry{ width:100%}

/*QQ悬浮框*/
.suspend{width:40px;height:198px;position:fixed;top:200px;right:0;overflow:hidden;z-index:9999;}
.suspend dl{width:120px;height:198px;border-radius:25px 0 0 25px;padding-left:40px;box-shadow:0 0 5px #e4e8ec;}
.suspend dl dt{width:40px;height:198px;background:url(../images/suspend.png);position:absolute;top:0;left:0;cursor:pointer;}
.suspend dl dd.suspendQQ{width:120px;height:85px;background:#ffffff;}
.suspend dl dd.suspendQQ a{width:120px;height:85px;display:block;background:url(../images/suspend.png) -40px 0;overflow:hidden;}
.suspend dl dd.suspendTel{width:120px;height:112px;background:#ffffff;border-top:1px solid #e4e8ec;}
.suspend dl dd.suspendTel a{width:120px;height:112px;display:block;background:url(../images/suspend.png) -40px -86px;overflow:hidden;}
* html .suspend{position:absolute;left:expression(eval(document.documentElement.scrollRight));top:expression(eval(document.documentElement.scrollTop+200))}