<html><head><meta name="color-scheme" content="light dark"></head><body><pre style="word-wrap: break-word; white-space: pre-wrap;">@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: "Microsoft Yahei";  }
div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,blockquote,p,html,body,nav{padding:0;margin:0; color:#333}
h1,h2,h3,h4,h5,h6 {font-size:14px; font-weight:normal;}
img{border:0;}
ol,ul{list-style:none;}
i,em{ font-style:normal}
h1{font-size:18px;}
a{color:#333;text-decoration:none;font-size:15px;blr:expression(this.onFocus=this.blur());}
a:hover{color:#f00;text-decoration:none;}
.clean80{clear:both;height:80px;overflow:hidden;}
.clean40{clear:both;height:40px;overflow:hidden;}
.clean30{clear:both;height:30px;overflow:hidden;}
.clean20{clear:both;height:20px;overflow:hidden;}
.clean50{clear:both;height:50px;overflow:hidden;}
.left{ float:left;overflow:hidden;}
.right{float:right;overflow:hidden;}
.mar{ margin:0 auto}
.w1200{ width:1200px; clear:both;}
.i{font-style:normal}
.content{
    position: relative;
	width: 1200px;
	margin:auto;
	overflow: hidden;
}

/*返回顶部样式*/
.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*/
#headdiv{height:227px; position: fixed; top: 0px;left:0; width: 100%; z-index: 1000; }

.top{ height:40px; line-height:40px; color:#666; font-size:13px; background: #f4f4f4}
.top a{ color:#666; font-size:13px;}

.zh-en{ width:230px; float:right}
.zh-en a{ display:inline-block; float:left}
.zh-en img{ height:30px; margin-top:5px; float:left;}
.zh-en  p{ float:left; padding-left:10px; padding-right:10px;}

.header{ background:#fff; overflow:hidden; padding:15px 0;  width: 100%; float:left}
.header .logo{ height:85px; margin-top:6px;}
.shutiao{ float: left; border-left: 1px solid #d6d6d6; height: 80px; margin:10px 20px;}
.header span{ max-width: 300px; display: inline-block; margin-top: 20px;}
.header span strong{ font-size:20px; line-height:30px;}
.header span p{ color:#666; line-height:35px}
.header span i{ color:#1689cc; }

.yc{ float:right; padding-top:15px;}
.tel{ background:url(../images/dh.png) left center no-repeat; height:50px; line-height:50px; float:left; display:inline-block; font-family:"Impact"; font-size:30px; color:#272636; margin:15px 40px 0 0; padding-left:60px}



/*导航条*/
.dht1{ width:100%; float:left; height:56px; background-color:#1b8acc; border-bottom:3px solid #1689cc}
.menu{ width:100%; overflow:hidden; float:left}
.menu .menu_item{ display:inline-block;float:left;font-size: 18px;width:12.5%;text-align:center;font-family:"微软雅黑"; }
.menu .menu_item a{font-size: 16px; display: block;width: auto; color:#fff; line-height:56px;font-family:"微软雅黑";}
.menu .menu_item:hover,.cur{background:#c91d1e }

.menu:hover .cur{ background:none}

.menu .menu_item:hover .submenu{display:block; z-index:999999; position:absolute;}
.submenu{background:rgba(0, 0, 0, 0.55) none repeat scroll !important; /*实现FF背景透明，文字不透明*/
background:#000; filter:Alpha(opacity=55);/*实现IE背景透明*/ overflow: hidden;z-index:999999999; display:none;}
.submenu_item {padding:0 2px; min-width:130px; }
.submenu_item a{ color:#fff !important; font-weight:100 !important; line-height:3em !important;}
.submenu_item:hover{ background:#fff;filter:Alpha(opacity=55);background:rgba(255, 255, 255, 0.88) none repeat scroll !important; }
.submenu_item a:hover{ color:#c91d1e !important}







/*搜索*/
.search{ width:300px; height:32px; background:url(../images/ss.png) no-repeat; float: right; margin-top:20px;}
.kuan_sou{ width:220px; height:24px; line-height:24px; float:left;border:none; margin:4px 12px; border-right:1px solid #ccc; background:none; color:#fff}
.kuan_an{ width:50px; height:26px; background:url(../images/ss1.png) 0 1px no-repeat;cursor:pointer; float:left;  margin-top:3px; border:none;}
.kuan_an:hover{background:url(../images/ss2.png) 0 1px no-repeat;}





/*banner*/

.banner{ min-width:1200px;  position:relative;  height:600px; overflow:hidden;top:227px}
.banner .bd{ position:relative; z-index:0;  }
.banner .bd ul{ width:100% !important; }
.banner .bd li{ width:100% !important;  height:600px; }
.banner .bd li .siteWidth{ width:1200px; position:relative;  margin:0 auto;  height:690px;  }
.banner .bd li a{ height:600px; display:block;  }
.banner .bd .txt{ position:absolute; width:415px; top:100px; left:22px;   font:normal 18px/30px "Microsoft YaHei";    }
.banner .bd .btn{ display:block; zoom:1; margin-top:8px;  width:72px; padding-right:10px;  height:31px; line-height:31px; text-align:center; color:#fff; font-size:12px; background:url(../images/banner-btn.png) 0 0 no-repeat;
_background:url(../images/banner-btn-ie6.png) 0 0 no-repeat;
}
.banner .hd{ width:100%;  position:absolute; z-index:1; bottom:10px; left:0; height:30px; line-height:30px; text-align:center; }
.banner .hd ul li{ cursor:pointer; display:inline-block; *display:inline; zoom:1; width:11px; height:11px; margin:4px; background:url(../images/dot-black.png) 0 0; overflow:hidden; 
	line-height:9999px; filter:alpha(opacity=40);opacity:0.4; 
}
.banner .hd ul .on{ filter:alpha(opacity=100);opacity:1;  }

/*栏目推荐*/
/*应用领域*/
.y_ly{ width:110%; float:left}
.he_border{background:#1384ae;position:relative;box-sizing:border-box;-webkit-transition:all .4s ease-in-out;-moz-transition:all .4s ease-in-out;-o-transition:all .4s ease-in-out;-ms-transition:all .4s ease-in-out;transition:all .4s ease-in-out;overflow:hidden; width:277px; margin-right:30px; height:260px;float:left}


.he_border .he_border_img{display:block;width:100%;padding:0;margin:0;position:relative;-webkit-transition:all .4s ease-in-out;-moz-transition:all .4s ease-in-out;-o-transition:all .4s ease-in-out;-ms-transition:all .4s ease-in-out;transition:all .4s ease-in-out;opacity:1;overflow:hidden}

.he_border:hover .he_border_img{position:absolute;-webkit-transform:scale(1.1);-moz-transform:scale(1.1);-o-transform:scale(1.1);-ms-transform:scale(1.1);transform:scale(1.1);opacity:.3}

.he_border .he_border_caption{color:#fff;padding:0;margin:0;-moz-backface-visibility:hidden;-webkit-backface-visibility:hidden;backface-visibility:hidden;-webkit-transition:all .4s ease-in-out;-moz-transition:all .4s ease-in-out;-o-transition:all .4s ease-in-out;-ms-transition:all .4s ease-in-out;transition:all .4s ease-in-out;overflow:hidden}
.he_border .he_border_caption::before,.he_border .he_border_caption::after{position:absolute;content:'';opacity:0;-webkit-transition:opacity 0.4s,-webkit-transform .4s;-moz-transition:opacity 0.4s,-moz-transform .4s;-o-transition:opacity 0.4s,-o-transform .4s;transition:opacity 0.4s,transform .4s}
.he_border .he_border_caption::before{top:8%;right:10%;bottom:8%;left:10%;border-top:1px solid #fff;border-bottom:1px solid #fff;-webkit-transform:scale(0,1);-moz-transform:scale(0,1);-o-transform:scale(0,1);transform:scale(0,1);-webkit-transform-origin:0 0;-moz-transform-origin:0 0;-o-transform-origin:0 0;transform-origin:0 0}
.he_border .he_border_caption::after{top:8%;right:10%;bottom:8%;left:10%;border-right:1px solid #fff;border-left:1px solid #fff;-webkit-transform:scale(1,0);-moz-transform:scale(1,0);-o-transform:scale(1,0);transform:scale(1,0);-webkit-transform-origin:100% 0;-moz-transform-origin:100% 0;-o-transform-origin:100% 0;transform-origin:100% 0}

.he_border:hover .he_border_caption::before,.he_border:hover .he_border_caption::after{opacity:1;-webkit-transform:scale(1);-moz-transform:scale(1);-o-transform:scale(1);transform:scale(1)}

.he_border .he_border_caption,.he_border .he_border_caption &gt; a{position:absolute;top:0;left:0;width:100%;height:100%;-webkit-transition:all .4s ease-in-out;-moz-transition:all .4s ease-in-out;
-o-transition:all .4s ease-in-out;-ms-transition:all .4s ease-in-out;transition:all .4s ease-in-out;overflow:hidden; z-index:1000}

.he_border .he_border_caption_h{font-size:1.3em;font-weight:700;text-align:center;width:80%;position:absolute;top:45%;left:10%;-webkit-transition:all .5s ease-in-out;-moz-transition:all .5s ease-in-out;-o-transition:all .5s ease-in-out;-ms-transition:all .5s ease-in-out;transition:all .5s ease-in-out;overflow:hidden;opacity:0; }
.he_border:hover .he_border_caption_h{top:45%;opacity:1;color:#FFF}

.clean130{clear:both;height:300px;overflow:hidden;}
.bjs{width:100%; float:left;  background:#f7f7f7}
.bt{ width:100%; float:left; text-align:center;}
.bt span{width:750px; height:100px; background:url(../images/bt.png) center no-repeat ;margin:0 auto; text-align:center; display:inline-block}

.bt h1{ font-size:36px;letter-spacing:1px; line-height:100px;}
.bt p{ color:#c91d1e; font-size:18px;}
.bt i{ color:#1689cc}

/*产品分类*/
.cp_1{ width:540px; float:left; padding:30px; height:328px;  background:#fff;}
.cp_2{ width:540px; float:left; padding:30px; height:328px; background:url(../images/cp_line01.gif) #fff  repeat-y ;}
.cp_3{ width:339px; float:left; padding:30px; height:338px; background:url(../images/cp_line02.gif) #fff  repeat-x ; border-right:1px solid #eee}
.hot_prot h1{ width:100%; float:left; height:25px; background:url(../images/cp_ico01.png) 100px 0 no-repeat; line-height:25px;font-size: 16px;color: #333; font-weight:600; margin-bottom:10px;}
.hot_prot ul{ width:100%; float:left; margin-bottom:20px;}
.hot_prot ul li a{ float:left; padding-right:20px; padding-bottom:8px; line-height:20px;font-size: 14px;color: #333; display:inline-block }

.hot_prot img{ max-width:540px;}
.cp_3 img{max-width:339px;}

.cp_1:hover ,.cp_2:hover ,.cp_3:hover {background:#1689cc}

.cp_1:hover h1,.cp_2:hover h1,.cp_3:hover h1{background:url(../images/cp_ico02.png) 100px 0 no-repeat;color: #fff;}
.cp_1:hover ul li a,.cp_2:hover ul li a,.cp_3:hover ul li a{ color: #fff;}

.cp_1:hover .animation4,.cp_2:hover .animation4,.cp_3:hover .animation4 
   
   {
    -webkit-animation: tada 1s .2s ease both;
    -moz-animation: tada 1s .2s ease both;
   }
    
   @-webkit-keyframes tada {
    0% {
     -webkit-transform: scale(1)
    }
    10%,
    20% {
     -webkit-transform: scale(0.9) rotate(-3deg)
    }
    30%,
    50%,
    70%,
    90% {
     -webkit-transform: scale(1.1) rotate(3deg)
    }
    40%,
    60%,
    80% {
     -webkit-transform: scale(1.1) rotate(-3deg)
    }
    100% {
     -webkit-transform: scale(1) rotate(0)
    }
   }
    
   @-moz-keyframes tada {
    0% {
     -moz-transform: scale(1)
    }
    10%,
    20% {
     -moz-transform: scale(0.9) rotate(-3deg)
    }
    30%,
    50%,
    70%,
    90% {
     -moz-transform: scale(1.1) rotate(3deg)
    }
    40%,
    60%,
    80% {
     -moz-transform: scale(1.1) rotate(-3deg)
    }
    100% {
     -moz-transform: scale(1) rotate(0)
    }
   }



.scrollBox{ width:1200px;position:relative; }
.scrollBox .piclist{ overflow:hidden; zoom:1;}
.scrollBox .ohbox{overflow:hidden; position:relative;width:1086px;left:60px}
.scrollBox {position:relative;overflow:hidden;zoom:1;}
.scrollBox .piclist li{float:left; display:inline; width:250px;background:#fff;border:1px solid #dedede;margin-right:10px;padding:5px;}
.scrollBox .piclist li span{height:35px;line-height:35px;display:block;text-align:center;   }
.piclist img{ width:100%; height:150px;object-fit:cover;}
.scrollBox .pageBtn span{ background: url(../images/bntBg.png) no-repeat; display:block;width:37px;height:59px;position:absolute;top:72px;cursor:pointer;text-indent:-999em;overflow:hidden; }
.scrollBox .pageBtn .prev{left:0;}
.scrollBox .pageBtn .next{right:0;background-position:-44px 0px ;}
.scrollBox .piclist li:hover{border:1px solid #c91d1e;}


/*热门产品*/





/*关于我们*/
.gywm{ width:100%; float:left;overflow:hidden}
.gywm span{ width:512px; float:left;  color:#fff;}
.gywm span h1{font-size: 60px;color:#0071be;font-weight: bold; line-height:150%;font-family: Arial;}
.gywm span h2{font-size: 16px;color:#423f3b;padding-bottom: 20px; border-bottom:1px solid #ddd; display:block; margin-bottom:20px;}
.gywm span p{ line-height:30px;color:#555;}
.gywm span a{ display:inline-block; padding:8px 30px; margin-top:34px; color:#fff; margin-right:20px;border-radius:25px;-moz-border-radius:25px;-webkit-border-radius: 25px;-o-border-radius:25px; }
.gywm span a:hover{ background:#c91d1e !important}
.gywm img{ width:600px; float:right;}





/*我们的优势*/
/*优势*/
.edge{font-family:"Microsoft Yahei";font-size:16px;position: relative;line-height:36px;padding:22px 0;}
.edge h2{display: block;text-align: center;height: 182px;}
.edge-ge{background:url(../images/ge01.png) no-repeat center 0;}
.edge1,.edge3{background: #f3f4f6;height: 577px;}
.edge3{height:493px;}
.edge_c1{padding: 69px 0 0;height: 508px;}
.edge_c3{padding: 31px 0 0;height: 462px;}
.edge2{padding: 67px 0 0;height: 372px;}
.edge4{padding: 46px 0 0;height: 417px;}
.edge_w{width: 522px;padding: 50px 20px 0 0;}
.edge_w1{padding-top: 94px;}
.edge_w2{padding-top: 11px;}
.edge_w3{padding-top: 91px;}
.edge_w h3{height: 140px;font-size: 30px;font-weight: normal;color: #2f3030;line-height: 40px;white-space: nowrap;}
.edge_w h3 em{height:68px;font-size:48px;color: #fff;line-height:68px;width: 76px;float: left;background: #686868;border-top: solid 4px #1b8acc;text-align: center;margin:0 20px 0 0;font-family: Arial;}
.edge_w h3 p{width: 420px;float: left;}
.edge_w h3 p b{display: block;font-size:40px;line-height: 40px;color: #1b8acc;}
.edge_w li{background:url(../images/ico03.png) no-repeat 6px 13px;padding: 0 0 0 29px;}
/*领域*/

.yingy{ width:100%; float:left;background:url(../images/ly.jpg) no-repeat ; height:227px; overflow: hidden;}



/*客户见证*/
.jz_bg{background:url(../images/jz_bg.jpg) no-repeat center 0;padding: 100px 0 0;overflow: hidden;}
.yin_t { float: right; width:950px;
    font-size: 40px;
    color: #333;
    text-align: center;
    position: relative;
    height: 90px;
    line-height: 42px;
}
.yin_t:before {
    content: "";
    width: 18px;
    height: 1px;
    background: #000;
    position: absolute;
    top: 24px;
    left: 33%;
}
.yin_t:after {
    content: "";
    width: 18px;
    height: 1px;
    background: #000;
    position: absolute;
    top: 24px;
    right: 33%;
}
.yin_t span {
    display: block;
    font-size: 20px;
    font-weight: normal;
}
.yin_t b{color: #1689cc;}
.jz_t{display: block;font-size: 48px;color: #fff;font-family: "DINOT";width: 260px;height: 140px;background: #1b8acc;position: absolute;top: -1px;left: 18px;line-height: 64px;padding: 30px 0 0 40px;z-index: 20; float:left;}
.jz_t i{display: block;}
.jz_m{padding: 48px 0 0; margin-top:90px;}
.jz_m dl{width: 1164px;height: 225px;background: #fff;padding: 18px;}
.jz_m dl dt{width: 300px;height: 225px;float: left;overflow: hidden;line-height: 0;}
.jz_m dl dt img{width: 300px;height: 225px;
-webkit-transition: 1s;
-moz-transition: 1s;
transition: 1s;}
.jz_m dl dt img:hover
{-webkit-transform:scale(1.1);-moz-transform:scale(1.1);-ms-transform:scale(1.1);transform:scale(1.1);}
.jz_m dl dd{width: 740px;float: left;padding: 25px 0 0 70px;}
.jz_m .jz_desc{font-size: 14px;color: #666;line-height: 25px;overflow: hidden;padding: 10px 0 0;}
.jz_m dl dd span{display: block;padding: 20px 0 0;}
.jz_m dl dd span a{font-size: 14px;color: #333;text-transform: uppercase;}



/*合作客户*/
.hz{background:url(../images/hz_bg.jpg) no-repeat center 0;overflow: hidden; padding-bottom:50px; padding-top:20px;}
.hz ul{ width:110%; float:left}
.hz ul li{width: 210px;height: 118px;float: left;position: relative;margin-top: 30px; margin-right: 37px;overflow: hidden; display:inline-block}
.hz ul li img{width: 210px;height: 118px;object-fit:cover;}
.hz ul li a{width: 190px;height: 0;display: block;position: absolute;bottom: 0;left: 0;font-size: 14px;color: #fff;background: rgba(22,137,204,0.9);text-align: center;line-height: 118px;white-space:nowrap; overflow:hidden; text-overflow:ellipsis;padding: 0 10px;
transition:height .3s;
-moz-transition:height .3s; /* Firefox 4 */
-webkit-transition:height .3s; /* Safari and Chrome */
-o-transition:height .3s; /* Opera */}
.hz ul li:hover a{height: 118px;}


/*新闻*/
.news_l{ width:35%; float:left;}
.news_l a{ display:inline-block}
.news_l img{ width:100%; height:230px;object-fit:cover;}
.news_l h1{ font-size:16px; line-height:50px;}
.news_l p{line-height:26px; color:#767676}
.news_l i{ display:inline-block; float:left; border:1px solid #1689cc; text-align:center; width:160px; height:40px; line-height:40px; color:#1689cc; margin-top:15px;}
.news_l i:hover{ background:#1689cc; color:#fff}


.new_r{ width:58%;  float: right; }
.new_r li{ width:100%; float:left; border-bottom:1px solid #f4f4f4; padding-bottom:20px; margin-bottom:30px; overflow:hidden}
.new_r li span{ width:100px;float:left; padding-bottom:20px;}
.new_r li span b{ width:100%; float:left;line-height:46px;color:#1689cc;font-size:28px; font-weight:normal;}
.new_r li span i{color:#1689cc; font-size:14px; }
.new_r li h1{  font-size:20px;  line-height:40px; height:40px;overflow: hidden;/*超出部分隐藏*/ white-space: nowrap;/*不换行*/ text-overflow:ellipsis;/*超出部分省略号显示*/}
.new_r li p{ color:#767676;}
.new_r li:hover{border-bottom:1px solid #4169a6;}
.new_r li:hover h1{ color:#4169a6}
.new_r li:hover span b{ color:#4169a6}






/*合作伙伴*/
.friendLink{ width:100%; float:left;overflow:hidden; clear:both; height:240px;}
.friendLink ul{ overflow:hidden; zoom:1; }
.friendLink ul li{float:left;margin-right:25px; width:282px; text-align:center }
.friendLink ul li a{display:inline-block; }
.friendLink ul li span{display:table-cell; text-align: center; vertical-align: middle; width:280px; height:190px; overflow: hidden; border:2px solid #1689cc; }
.friendLink ul li span img{width:276px;height:186px;object-fit:cover;}
.friendLink ul li:hover{ transition: all .7s;}
.friendLink ul li h1{ line-height:40px;}
.friendLink ul li:hover span{border:2px solid #c91d1e;}
.friendLink ul li: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.3);transform:scale(1.3);}
/*底部*/
.bottom_main {
	background: #34373a;
	width: 100%; float:left
}
.bottom_main .bott_nav {
	border-bottom: 1px solid #5d5f61;
	line-height: 75px;
}
.bottom_main .bott_nav span {
	color: #fff;
	font-size: 20px;
	font-weight: bold;
	padding-left: 25px;
}
.bottom_main .bott_nav span i {
	width: 4px;
	height: 8px;
	background-position: -236px 0;
	margin-left: 10px;
}
.bottom_main .bott_nav a {
	color: #fff;
	padding-left:58px;
}
.bottom_main .foot-tel {
	padding-bottom: 56px;
}
.bottom_main .foot-tel .left {
	padding-top: 42px;
	padding-left: 25px;
}
.bottom_main .foot-tel .left ul {
	width: 413px;
	float: left;
}
.bottom_main .foot-tel .left p {
	color: #9a9b9d;
	line-height: 30px; 
}
.bottom_main .foot-tel .left p:first-child {
	color: #fff;
	font-size: 18px;
	padding-bottom: 19px;
}

.bottom_main .foot-tel .right {
	width:600px; margin-top:20px;
}
.bottom_main .foot-tel .right .fl {
	text-align: left; float:left;
	width: 220px;
	margin-top: 13px;
}
.bottom_main .foot-tel .right .fl span {
	background: #1f6eb1;
	color: #fff;
	border-radius: 15px;
	width: 102px;
	height: 29px;
	text-align: center;
	display: block;
	line-height: 29px;
	margin-bottom: 20px;
	cursor: pointer; float:left
}
.bottom_main .foot-tel .right .fl span i {
	width: 15px;
	height: 15px;
	background-position: -246px 0;
	margin-right: 5px;
}
.bottom_main .foot-tel .right .fl p {
	color: #fff; width:100%; float:left; line-height:30px;
}
.bottom_main .foot-tel .right .fl h3 {
	font-size: 30px;
	color: #fff;
	font-family: arial; width:100%; float:left
}
.bottom_main .foot-tel .right .fr {
	padding-right: 6px; float:right;
	margin-top: 39px;
}
.bottom_main .foot-tel .right .fr li {
	float: left;
	text-align: center;
	line-height: 40px;
	margin-left: 12px;
}
.bottom_main .foot-tel .right .fr h3 {
	color: #fff;
	font-weight: 100;
}
.bottom_main .foot-tel .right .fr img {
	display: block;
	width: 103px;
	height: 103px;
	border: 1px solid #5d5f61;
	padding: 3px;
}
.bottom_copy {
	border-top: 1px solid #5d5f61;
	line-height: 50px;
	background: #34373a;
	font-size: 14px;
	color: #ccc;  width:100%; float:left
}
.bottom_copy p,.bottom_copy a {
	color: #ccc;
}
.bottom_copy a:hover {
	color: #fff;
}

/*翻页*/
#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: #c91d1e; color: #fff; border: #DDD solid 1px; padding: 3px 8px; margin: 0 2px; float: none;}
#pages a:hover{border: #c91d1e solid 1px;}

.articlebook{ width:100%; float:left; overflow:hidden; padding-top:10px; padding-bottom:10px}
.articlebook a.zuo{ float:left}
.articlebook a.you{ float:right}
.articlebook a:hover{ color:#F00}

/* 左侧通用 */
.banner-subban{ min-width:1200px; max-height:400px; overflow:hidden; margin-top:227px}
.banner-subban img{ width:100%; float:left;}
.pro_list{width:210px; float:left}
.pro_left{ width:210px; padding:15px 0; text-align:center; background:url(../images/bkt1.jpg) no-repeat ; float:left}
.pro_left p{ color:#FFF}
.pro_left h1{ width:100%; float:left; line-height:37px;font-size:30px;color:#FFF}
.pro_l{ width:100%; float:left; background-color:#ececec; margin-top:1px;}
.pro_l li{ width:100%; height:51px; text-align:center; float:left; line-height:50px; border-bottom:2px solid #fff;}
.pro_l li a{ width:185px; float:left; margin-left:10px; font-size:17px; color:#1689cc }
.pro_l li:hover,.cug{ background-color:#1689cc !important}
.pro_l li:hover a,.cug a{ color:#fff !important;}

.lxwm{width:99.8%; float:left; margin-top:20px; border:1px solid #ececec}
.lxwm span{ float: left; line-height:56px; text-align:center; font-size:20px; font-weight:600; width:100%; background:#1689cc; margin-bottom:8px;}
.lxwm span a{ color:#fff;}
.lxwm p{ margin:0 auto;width:90%; padding-bottom:8px; line-height:26px; font-size:14px }
.lxwm strong{ font-size:17px; color:#c91d1e; line-height:45px;word-break:break-all;}


.w940{ width:940px; overflow:hidden; float:right}
.shouye{ width:100%; float:left; line-height:40px; border-bottom:1px dashed #dedede}
.shouye span{border-left: 10px solid #606060;font-weight: normal;padding-left: 8px;}
.shouye span,.shouye span a{ font-size:14px; color:#666}
.about p{ line-height:36px; font-size:15px;}
.about strong{color:#1689cc; font-size:18px}
.about img{ max-width:900px;}
.about{ width:100%; float:left;}
/*产品内容页*/
.chan_we{ min-height:600px;}
.chan_we img{  max-width:900px;}

.chan_we h1{ width:100%;font-size: 20px; font-weight:600; text-align:center;border-bottom: 1px dashed #eee;line-height: 43px;margin-bottom: 10px; float:left;}

.chan_we dl{ width:922px; float:left; border:1px solid #e5e5e5; background:#f5f5f5; padding:8px; color:#868686; line-height:23px; font-size:13px;}
.chan_we tbody,.chan_we tbody tr{ width:935px !important; float:left; overflow:hidden; background:#FFF;}
.chan_we tbody td{ width:300px; float:left; border:1px solid #f3f3f3}
.chan_we p{ line-height:36px;}
.chan_we strong{ font-size:18px; }

.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}

/*新闻列表页*/

.news-title li{
	width:100%; float:left; padding-bottom:15px; margin-bottom:15px;border-bottom: 1px dotted #e2e2e2;}
.news-title li .rq{ width:100px; height:80px; background-color:#1689cc; margin-left:10px; display:inline-block; text-align:center; float:left; margin-top:5px;}
.news-title li .rq b{ font-size:24px; color:#FFF; display:block; line-height:50px;}
.news-title span{ color:#FFF; font-size:12px;}
.news-title h1{ width:802px; float:right; line-height:36px;
	display: inline-block;
    font-family: Microsoft YaHei;
    font-size: 24px;
    color: #5A5A5A;
    text-decoration: none;
}
.news-title p{ width:802px; float:right; font-size: 13px; 
    padding-top: 5px;
    color: #888888;
    font-weight: normal;
	text-decoration: none;
	line-height:22px;
}
.news-title li:hover h1{color:#1689cc}
.news-title li:hover .rq{ background-color:#c91d1e;}
.news-title li:hover{border-bottom: 1px dotted #1689cc;}


/* 新闻内容页 */

.news_show h1{
	display: block;
	font-size: 20px;
    /* line-height: 140%; */
    color: #333333;
	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{ width:97.5%; float:left; font-size:13px;
	font-family: 'Microsoft YaHei';
    color: #868686;
    text-indent: 0;
    border-color: transparent;
    padding: 10px;
    background-color: #F5F5F5;
    border: #E5E5E5 1px solid;
    margin-bottom:40px; margin-top:20px; font-weight:normal;
}
.news_show strong{ font-size:16px; color:#ff9800}
.news_show p{ line-height:30px;}
.news_show img{ max-width:850px;width:auto; height:auto }

/*在线咨询*/
.table_form,.table_form tr{ width:500px; float:left}
.table_form th{ width:486px; float:left; text-align:left}
.table_form .input-text,.table_form textarea{ width:486px !important; height:46px; border:1px solid #2f353b; float:left} 
.table_form textarea{ width:478px !important; height:46px; border:1px solid #2f353b; float:left} 
.button{ background-color:#c91d1e; width:485px; height:56px; float:left}

.zxlx{ width:380px; float:right; text-align:center; padding-top:200px;}
.zxlx strong{font-size: 30px;line-height: 150%;}
.zxlx  p{ line-height:30px; font-size:13px;}
/* 联系我们 */
.lxwm_list ul{ width:110%; float:left;}
.lxwm_list ul li{ width:405px; float:left; padding-right:50px;}
.lxwm_list ul li span{ width:110px; height:110px; background-color:#c91d1e;word-wrap: break-word;  display:inline-block; text-align:center; margin-right:24px; float:left}
.lxwm_list ul li img{ width:54px; margin-top:20px;}
.lxwm_list ul li b{ width:263px; float:left; line-height:180%; padding-bottom:5px; font-size:15px;}
.lxwm_list ul li p{ line-height:27px; font-size:14px}



/*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))}




.prot ul,.ys ul,.new{ width:110%; float:left; overflow:hidden}
.prot ul li.protu{ width:380px; float:left; padding-right:30px; text-align:center; padding-bottom:30px;}
.prot ul li .cpimg{ width:378px; height:283px; overflow:hidden; display: table-cell; vertical-align:middle; text-align:center; border:1px solid #c6c6c6; *display: block; *font-size:247px;/*约为高度的0.873，200*0.873 约为175*/ *font-family:Arial; }
.prot ul li  .cpimg img{ max-width:378px; max-height:283px;vertical-align:middle;width:auto; height:auto;}

.prot ul li.prott{ width:290px; float:left; padding-right:30px; text-align:center; padding-bottom:30px;}
.prot ul li .ctimg{ width:288px; height:215px; overflow:hidden; display: table-cell; vertical-align:middle; text-align:center; border:1px solid #c6c6c6; *display: block; *font-size:187px;/*约为高度的0.873，200*0.873 约为175*/ *font-family:Arial; }
.prot ul li  .ctimg img{width:280px;height:207px;object-fit:cover;}
{border:1px solid #2087ed;}

.prot ul li:hover .cpimg img,.prot ul li:hover .ctimg 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); }
.prot ul li h1{ line-height:36px;}

.prot ul li b{ line-height:36px; color:#fff}

.prot ul li:hover b{ color:#2087ed}

.prot ul li:hover .cpimg,.prot ul li:hover .ctimg{border:1px solid #2087ed;}




</pre></body></html>