<html><head><meta name="color-scheme" content="light dark"></head><body><pre style="word-wrap: break-word; white-space: pre-wrap;">body{ font-family:Arial, Helvetica, sans-serif;font-size: 14px;font-weight:normal;line-height: 1.7;color: #333;background: #fff;position: relative;}
p{margin:0;font-weight:normal;}
h1, h2, h3, h4, h5, h6, figure{color: #444;font-weight: 400;}
::-webkit-selection{color: #fff;background: #323232;}
::-moz-selection{color: #fff;background: #323232;}
::selection{color: #fff;background: #323232;}
.text-lowercase{text-transform: lowercase;}
.text-uppercase, .initialism{text-transform: uppercase;}
.text-capitalize{text-transform: capitalize;}
a{color:#333;text-decoration:none; transition:none}
a:focus,a:hover{color:#015daa;transition:none}
.bg-main{ background:#00a0ea;border:1px solid #00a0ea !important}
.bg-main:hover,.bg-main:focus{border:1px solid #666 !important; background:#666 !important}
.border-main:hover{color:#fff;background:#65C2B8;border-color:#65C2B8;}
.passcode{border-left: 1px solid #ddd;border-radius: 0 4px 4px 0;height: 32px;line-height: 32px;margin: 1px;position: absolute;right: 0;text-align: center;top: 0;}
.form-group{ padding-bottom:15px;}
ul,li{ padding:0; margin:0; list-style:none}
.not-animated{ opacity:0}
header .layout{overflow:visible;width: 100%;}
.red{ color:#f00}
.blank30{ height:30px; line-height:30px; clear:both}
.label label{ font-weight:normal}
select{border-radius:0px; height:36px; line-height:36px;border: solid 1px #5b5b5b;appearance:none;-moz-appearance:none; -webkit-appearance:none; background:#5b5b5b url(../images/sellect-arrow.png) no-repeat 96% center; color:#fff ; width:100%; padding:0 5px 0 4px; color:#fff}
.zoomimgs{display:block; width:100%;height:0; overflow:hidden; background-position: center center; background-repeat: no-repeat; -webkit-background-size:cover; -moz-background-size:cover; background-size:cover;/*å›¾ç‰‡ä¸è£åˆ‡éœ€è¦å…¨éƒ¨æ˜¾ç¤ºæ”¹ç”¨background-size:containï¼Œæ”¹å˜å›¾ç‰‡ç¼©æ”¾æ¯”ä¾‹æ”¹paddding-bottomçš„ç™¾åˆ†æ¯”,å¦‚å›¾ç‰‡å®½é«˜1:1 100%ï¼Œ4:3 75%ï¼Œ3:4 133.33%*/}
.piczoomimgs{ padding-bottom: 75%; }
.artzoomimgs{ padding-bottom: 60%;}
.chazoomimgs{ padding-bottom: 75%; }
.kyzoomimgs{ padding-bottom: 137%; }
.ygzoomimgs{ padding-bottom: 75%;}
.parzoomimgs{padding-bottom: 100%;}
.linkzoomimgs{ padding-bottom: 50%;}
.linkszoomimgs{ padding-bottom: 63%;}
.fencaizoomimgs{ padding-bottom: 80%; background-position: center center;}
.line-big{margin-left:-13px;margin-right:-13px}
.line-big .x1,.line-big .x2,.line-big .x3,.line-big .x4,.line-big .x5,.line-big .x6,.line-big .x7,.line-big .x8,.line-big .x9,.line-big .x10,.line-big .x11,.line-big .x12,.line-big .xl1,.line-big .xl2,.line-big .xl3,.line-big .xl4,.line-big .xl5,.line-big .xl6,.line-big .xl7,.line-big .xl8,.line-big .xl9,.line-big .xl10,.line-big .xl11,.line-big .xl12,.line-big .xs1,.line-big .xs2,.line-big .xs3,.line-big .xs4,.line-big .xs5,.line-big .xs6,.line-big .xs7,.line-big .xs8,.line-big .xs9,.line-big .xs10,.line-big .xs11,.line-big .xs12,.line-big .xm1,.line-big .xm2,.line-big .xm3,.line-big .xm4,.line-big .xm5,.line-big .xm6,.line-big .xm7,.line-big .xm8,.line-big .xm9,.line-big .xm10,.line-big .xm11,.line-big .xm12,.line-big .xb1,.line-big .xb2,.line-big .xb3,.line-big .xb4,.line-big .xb5,.line-big .xb6,.line-big .xb7,.line-big .xb8,.line-big .xb9,.line-big .xb10,.line-big .xb11,.line-big .xb12{position:relative;min-height:1px;padding-right:13px;padding-left:13px}
img{ max-width:100%}
#fh5co-wrapper{overflow-x: hidden;}
#fh5co-page{position: relative;z-index: 2;background:#fff;overflow-x: hidden;}
.blank{ clear:both; height:10px; line-height:10px;}
.vertical-middle{width: 100%;height: 100%;display: table;}
.vertical-middle &gt; div{display: table-cell;vertical-align: middle;}
.clear{ clear:both}

.fh5co-heading{ padding-bottom:18px;}
.fh5co-heading h2{display:block; font-size: 30px; color:#333; line-height:1; padding-top:10px;  font-weight:bold; position:relative;z-index:1; padding-top:14px; min-height:76px;} 
.fh5co-heading h2 span{ z-index:-1; position:absolute;  left:0; top:-14px; right:0; text-align:center; color:#e5e5e5; font-size:90px; height:90px; font-weight:normal; font-style:italic; font-family:Arial, Helvetica, sans-serif}
.fh5co-heading h2:after{ content:"";position:absolute; background:#e5e5e5; width:198px; left:0; right:0; height:1px; bottom:11px; z-index:2;margin:0 auto}
.fh5co-heading h2:before{ content:""; position:absolute;background:#015daa; width:52px; left:0; right:0; height:1px; bottom:11px; z-index:3; margin:0 auto}
.fh5co-heading p.desc{ font-size:18px;color: #a6a6a6;}


.pborder{ border:1px solid #e4e4e4; overflow:hidden; margin-bottom:8px;}
.page-list p{ height:50px;  overflow:hidden}

#china-map {width:100%; height:1000px;margin: auto;}
#fh5co-content_show .detail.map-boxs p.tel{ font-size:24px;}

/*é¡¶éƒ¨å¯¼èˆª begin*/
.top-head{}
#fh5co-header  .header-box{ position:relative;z-index:1}
#fh5co-header .header-box .tnav-bg{ position:absolute; top:0; width:100%; height:69px; line-height:69px; z-index:2;background:#fff;filter:alpha(opacity=70);-moz-opacity:0.7;-khtml-opacity: 0.7; opacity: 0.7;}
.header-box.fixed.fixed-top{box-shadow: 0 0 10px rgba(0, 0, 0, 0.15);width: 100%;z-index: 3; background:#fff}
#fh5co-header .topinfo-bg{ background:#f7f7f7; height:33px; line-height:33px;}
.lan .cn{ color:#1c80c0}
#fh5co-header .navbar{ boder:none}
#fh5co-header .logo{padding:16px 0px;}
#fh5co-header .logo img{ }
#fh5co-header .tel{background:url(../images/tel.png) no-repeat 180px top; min-height:78px;font-size:16px; padding-top:10px; margin-top:10px;}
#fh5co-header .tel span{ font-size:22px; color:#f79700}

.top-nav li{ display:inline-block; line-height:69px;}
.top-nav li a{ display:inline-block;color:#333;font-size: 18px; margin-right:60px;position:relative; z-index:1}
.top-nav li a:hover,.top-nav li.current a.first-level,.top-nav li:hover a.first-level{color: #015daa; }
.top-nav li a.first-level:after,.top-nav li.current a.first-level:after{ background:#1f6195; height:3px; left: 50%;right: 50%;opacity: 0;position:absolute; content:""; top:0;-webkit-transition: all .5s;-o-transition: all .5s;-ms-transition: all .5s;transition: all .5s;}
.top-nav li.current a.first-level:after{opacity: 1; display:block;left: 1%;right: 1%;}
.top-nav li a.first-level:hover:after{left: 1%;right: 1%;opacity: 1;-webkit-transition: all .5s;-o-transition: all .5s;-ms-transition: all .5s;transition: all .5s;}
.top-nav li.lan{ float:right}
.top-nav li.lan a{ margin-right:0; color:#7a7a7a; padding:0 8px; font-size:16px;}
.top-nav li.lan a:hover{color: #015daa;}
/*é¡¶éƒ¨å¯¼èˆª end*/


/* åº•éƒ¨ begin*/
footer{color:#fff}
footer .footer-top{background:#252525; padding:50px 0 25px;}
footer a{ color:#fff}
footer a:hover{color:#f79700;}
footer .footer-top {font-size:16px;}
footer .footer-top h3{ font-size:24px; color:#fff; font-weight:bold}
footer .footer-top .foot-contact p{ line-height:30px;}
footer .footer-top .item1{ margin-right:70px;border-right:1px solid #3b3b3b; padding-bottom:10px;}
footer .footer-top .foot-nav li{ line-height:30px; float:left; width:50%;}
footer .footer-top .form-box{ max-width:335px; margin-top:11px;}
footer .footer-top .input{ background:#5b5b5b; height:37px; line-height:36px; border-radius:0; border:1px solid #5b5b5b; color:#fff}
footer .footer-top .form-group{ padding-bottom:10px;}
footer .footer-top .brode-img{ margin:12px 0 8px;}
footer .footer-top .button{ width:95px; height:36px; background:#ffa200; border:1px solid #ffa200; color:#fff; margin-top:5px;border-radius:0;}
footer .footer-top .Copyright{ clear:both}
footer .footer-bottom{background:#0b0b0b; padding:25px 0}
footer .bot-nav li{ display:inline-block}
footer .footer-top .item3 .media{ margin-top:58px;}
footer .footer-top .item3 .media-left{ margin-right:16px;}
footer .footer-top .item3 .media-body{ margin-top:25px; line-height:2}
/* åº•éƒ¨ end*/

/*é¦–é¡µè½®æ¢å›¾ç‰‡ begin*/

.flex-container a:active,
.flexslider a:active,
.flex-container a:focus,
.flexslider a:focus{outline: none;}
.slides,
.flex-control-nav,
.flex-direction-nav{margin: 0;padding: 0;list-style: none;}
.flexslider{margin: 0;padding: 0;position:relative;z-index:1}
.flexslider .slides &gt; li{display: none;-webkit-backface-visibility: hidden;}
.flexslider .slides img{width: 100%;display: block;}
.flex-pauseplay span{text-transform: capitalize;}
.slides:after{content: "\0020";display: block;clear: both;visibility: hidden;line-height: 0;height: 0;}
html[xmlns] .slides{display: block;}
* html .slides{height: 1%;}
.no-js .slides &gt; li:first-child{display: block;}
.flex-control-nav{position:absolute;bottom:20px;z-index:2;width:100%;text-align:center;}
.flex-control-nav li{display:inline-block;width:14px;height:14px;margin:0 4px;*display:inline;zoom:1;}
.flex-control-nav a{display:inline-block;cursor:pointer;width:14px;height:14px;float:left;text-indent:-2000px;background: url("../images/loop.png") no-repeat left top;}
.flex-control-nav .flex-active{background: url("../images/loop.png") no-repeat right top;}
.flex-direction-nav{position:absolute;z-index:3;width:100%;top:50%; display:none}
.flex-direction-nav li a{display:block;width:21px;height:46px;cursor:pointer;text-indent:-999em;position:absolute;top: 50%; margin-top:-23px;}
.flex-direction-nav li a.flex-prev{left:285px;background: url("../images/icon-loop.png") no-repeat left 50%;opacity: 1;}
.flex-direction-nav li a.flex-next{right:285px;background: url("../images/icon-loop.png") no-repeat right 50%;opacity: 1;}
.flex-direction-nav li a.flex-next:hover{background:url("../images/icon-loop.png") no-repeat right 50%;opacity: 0.75;}
.flex-direction-nav li a.flex-prev:hover{background: url("../images/icon-loop.png") no-repeat left 50%;opacity: 0.75;}

/* äº§å“å±•ç¤º begin*/
.show-product .item .media-img{overflow:hidden;border: 1px solid #ddd; }
.show-product .item .media-img:hover{border:1px solid #e99612;}
.show-product .item .media-img img{width:100%;}
.show-product .item .media-img img:hover{ opacity:0.8}
.show-product .item{}
.show-product .item h3{ margin:10px 0 5px; white-space:nowrap; overflow:hidden; font-size:14px; color:#333}
.show-product .item a:hover h3 {font-size:14px;color:#13428a}
.show-product .item p.desc{ font-size:14px; color:#888; max-width:80%; margin:0 auto 20px; height:46px; overflow:hidden}
.show-product .item p.more{height: 32px; font-size:14px; line-height:32px; margin: 10px auto 0 auto; text-align: center; color: #FFF; border: 0; display: block; width: 110px; outline: none; cursor: pointer; overflow: hidden; background: #13428a; -moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px; background-image: -moz-linear-gradient(bottom, #13428a, #1551a0); background-image: -webkit-linear-gradient(bottom, #13428a, #1551a0); background-image: linear-gradient(to top, #13428a, #1551a0);}
/* äº§å“å±•ç¤º end*/

/*æœåŠ¡é¡¹ç›®*/
.project-box{ background:url(../images/service_bg.jpg) no-repeat center;background-size:cover;padding:40px 0 45px; }
.project-box .fh5co-heading h2 span{ color:#fff; }
.project-box .fh5co-heading h2:after{ background:#fff;}
.project-box .slick-slide{transition:0.3s ease-in-out; position:relative; padding:0 15px 30px;}
.project-box .slick-slide:aftersss{ position:absolute; content:""; width:1px; height:100%; background:#fff; opacity:0.4; top:0; right:0; z-index:99;}
.project-box .slick-slide figure{ margin:0; padding:0}
.project-box .slick-slide figure img{ max-width:57px; margin:26px auto 8px;transition: all .5s ease-in-out;}
.project-box .slick-slide h2{ display:block;margin:0;  font-size:18px; font-weight:bold; color:#333;}
.project-box .slick-slide h3{font-size: 18px; z-index: 3; font-weight:normal; text-transform:uppercase; color: #a6a6a6; margin:0 0 10px 0; line-height: 1.2; transition: all .5s ease-in-out;}
.project-box .slick-slide p{text-align:justify; line-height:24px; height:120px; overflow:hidden; margin-bottom: 20px;display: -webkit-box;display: box;text-overflow: ellipsis;word-break: break-all;-webkit-box-orient: vertical;-webkit-line-clamp: 3; color:#666}
.project-box .slick-slide .more{color:#fff; font-size:14px; line-height:14px;margin:0 ; color: #015daa;display:block; border:1px solid #015daa; border-radius:30px;  text-align: center; width: 108px; height:37px;transition: all .5s ease-in-out; line-height:37px;}
.project-box .slick-slide:hover{background:rgba(255,255,255,0.7);}
.project-box .slick-slide:hover figure img{ transform:rotateY(180deg);}
.project-box .slick-slide p,
.project-box .slick-slide .more{ opacity:0; transition:0.3s ease-in-out; }
.project-box .slick-slide:hover p,
.project-box .slick-slide:hover .more{ opacity:1;  }
.project-box .owl-controls .owl-buttons div{ background:#015daa; width:10px; height:10px; border-radius:50%; padding:0; margin:0 3px; }
.project-box .owl-theme .owl-controls .owl-page span{ background:#015daa;margin:0 4px;}

/*é¦–é¡µäº§å“*/
.product-box{ padding:40px 0 45px; overflow:hidden }
.product-box .inner{ margin-left:-3px;margin-right:-3px;}
.product-box .cat-nav li{ display:inline-block; }
.product-box .cat-nav li a{ font-size:18px; padding:0 12px}
.product-box .item{ margin:0px 3px 6px;}
.product-box .item .p-inner{ overflow:hidden;}
.product-box .item { position:relative;}
.product-box .item .overlay{ opacity:0;position:absolute; left:0; top:0; right:0; left:0; right:0; height:100%; width:100%;transition: transform 1s ease 0s;}
.product-box .item:hover .overlay{ opacity:1; background:#3179b8;transition: all .5s ease-out;filter:alpha(opacity=80);-moz-opacity:0.8;-khtml-opacity: 0.8; opacity: 0.8;}
.product-box .item:hover .zoomimgs{transition: transform 1s ease 0s; -moz-transform: scale(1.2, 1.2);-ms-transform: scale(1.2, 1.2);-o-transform: scale(1.2, 1.2);-webkit-transform: scale(1.2, 1.2);transform: scale(1.2, 1.2);}
.product-box .item h3{ font-size:18px; }
.product-box .item:hover h3{color:#fff;  }

.product-list-box{}
.product-list-box .item .p-inner{ overflow:hidden;}
.product-list-box .item h3{ font-size:16px; margin-top:10px; overflow: hidden;white-space: nowrap;text-overflow: ellipsis; }
.product-list-box .item:hover h3{ color:#015daa}

.slides-txt{ background:#015daa;  color:#fff; font-size:24px; padding:19px 0 22px}
.slides-txt span{ display:inline-block;font-size:16px; margin-left:25px;}
.slides-txt a{ text-align:center; color:#fff; width:125px; height:40px; line-height:40px; font-size:16px; border:1px solid #fff; border-radius:25px; display:inline-block; float:right; margin-top:4px;}
.slides-txt a:hover{ text-decoration:underline}

/*é¦–é¡µå®¢æˆ·æ¡ˆä¾‹*/
.case-box{ padding-bottom:40px;}
.case-box .show-list{ padding-top:15px; position:relative; margin:0 -15px; }
.case-box .show-list .item{margin:0 15px; overflow:hidden; padding-bottom:8px;}
.case-box .show-list .item .portfolio-img{ overflow:hidden; width:100%;}
.case-box .show-list .item .inner{ overflow:hidden}
.case-box .show-list .item .portfolio-img img { width:100%; display: block;}
.case-box .show-list .item h3{ font-size:16px; font-weight:bold; white-space:nowrap; margin:12px 0 5px;}
.case-box .show-list .item h3 a{ color:#015daa;}
.case-box .show-list .item:hover h3 a{color: #f60;}
.case-box .show-list .item .desc{ color:#666;text-overflow: ellipsis; overflow:hidden; white-space:nowrap; margin-bottom:10px;text-overflow: ellipsis;}
a.small-more{ display:block; background:none;color:#666; font-size:14px; width:100px; height:30px; line-height:30px; text-align:center; margin:0 ;border-radius:15px; border:1px solid #666}
a.small-more:hover{ background:#015daa; color:#fff}
.case-box .show-list .item:hover .btn-more a{ background:#360}
.case-box .show-list .owl-controls .owl-buttons div{position:absolute;top:30%; margin-top:0px; width:17px; height:46px; padding:0; margin:0;opacity:1; text-align:left;border-radius:0 }
.case-box .show-list .owl-controls .owl-buttons div:hover{opacity:0.8}
.case-box .show-list .owl-controls .owl-prev{ left:-30px;  background: url(../images/loops.png) no-repeat left top; }
.case-box .show-list .owl-controls .owl-next{ right:-30px; background: url(../images/loops.png) no-repeat right top; }

/*æ–°é—»*/
.list-news-box {  padding:40px 0 45px;background:#eff3f5 url(../images/news_bg.jpg) no-repeat center top; background-size:cover}
.list-news-box .fh5co-heading h2 span{ color:#fff; }
.list-news-box .fh5co-heading h2:after{ background:#fff;}
.list-news-box .show-list{ padding:15px 0 20px;}
.list-news-box .item .media{border:2px solid #fff; background:#fff; padding:4px 12px 8px 12px;box-shadow:-1px 1px 3px rgba(0, 0, 0, 0.1);}
.list-news-box .item .media:hover{border:2px solid #f79700; }
.list-news-box .item .media .media-left{width: 60px;background:#fff;margin-right:18px;padding-top:14px; padding-bottom:2px;margin-top:8px;border:2px solid #c4c4c4}
.list-news-box .item .media:hover .media-left{ background:#f79700; color:#fff;border:2px solid #fff}
.list-news-box .item .media-left p{ text-align:center; margin:0; line-height:18px;color:#989898; }
.list-news-box .item .media:hover .media-left p{ color:#fff}
.list-news-box .item .media .media-left .f-month{font-size:12px;}
.list-news-box .item .media .media-left .f-day{font-size:30px; font-weight:bold; padding-bottom:3px;}
.list-news-box .item .media .media-left .f-year{font-size:12px; padding-top:5px; padding-bottom:4px;}
.list-news-box .item .media .media-body h3{ height:26px; overflow:hidden}
.list-news-box .item .media .media-body h3 a{ display:block;font-size:16px; color:#333; font-weight:bold; overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}
.list-news-box .item .media .media-body h3 a:hover{color:#f79700}
.list-news-box .item .media .media-body p{color:#666;font-size:14px; line-height:22px; height:42px; overflow:hidden}

.c-more a{ display:block; background:none;color:#015daa; font-size:14px; width:118px; height:40px; line-height:40px; text-align:center; margin:0 ;border-radius:25px; border:1px solid #015daa; margin:0 auto}
.c-more a:hover{ background:#015daa; color:#fff}

/*å…³äºŽ*/
.about-box{padding:40px 0 45px;}
.about-box .content{ line-height:2; font-size:16px;}
.about-box .content span{ display:block}

/* å†…é¡µ begin*/
#fh5co-content_show{ padding:40px 0 50px; position:relative;}
#fh5co-content_show .right-con{ margin:20px 0 0 30px;}
#fh5co-content_show .show_body{font-size:14px;}
#fh5co-content_show .detail img{height: auto !important;max-width: 100%;vertical-align: middle;}
#fh5co-content_show .detail img{opacity: 0.9;}
#fh5co-content_show .content_detail h1{ line-height:1.3}
#fh5co-content_show .detail p{text-indent:0; line-height:2; font-size:16px;}
#fh5co-content_show .qhd-title span{margin:0 5px;color:#999}
#fh5co-content_show .title{border-bottom: 1px solid #dedede;height: 33px;margin-bottom: 30px;text-align: left;}
#fh5co-content_show .title h2{border-bottom: 2px solid #203e93;color: #555;display: inline-block;font-size: 16px;font-weight: normal;line-height: 33px;margin: 0;overflow: hidden;padding: 0;word-break: break-all; margin-top:-1px}
#fh5co-content_show .detail{font-size:16px;padding-bottom:10px;line-height:2;color: #555;}
#fh5co-content_show .qhd-title{ border-bottom:1px solid #eee; margin-bottom:25px; padding-top:6px;font-size:14px;}
#fh5co-content_show .qhd-title strong{ font-weight:normal}
.mid-nav{ border-bottom:1px solid #e5e5e5; }
.mid-nav .xb3{ float:right}
.mid-nav .leftbar{  position:relative;z-index:2; padding-bottom:7px;}
.mid-nav .leftbar h3{ color: #fff;height: 80px;line-height: 80px;  font-size:24px;background: url(../images/left-top.jpg) no-repeat right top; overflow:hidden; padding-left:20px;}
.mid-nav .leftbar h3 a{color:#fff;} 
.mid-nav .leftbar h3 img{ vertical-align:middle; margin:0 12px 3px 0; padding:0}
.mid-nav .leftbar h4{ display:none;}
.mid-nav .leftbar .menu-bot img{max-width:100%}
.mid-nav .submenu{ }
.mid-nav .submenu li{line-height:1.5; color: #fff;padding:0px 10px; float:left;}
.mid-nav .submenu li:last-child{ border-bottom:none}
.mid-nav .submenu li a{ display: block; margin:0; font-size:16px; padding:12px 5px; border-bottom:1px solid #e5e5e5; position:relative;top:1px}
.mid-nav .submenu li a.current,.mid-nav .submenu li a:hover{ transtion:none; border-bottom:1px solid #015daa}
.mid-nav .ur-here{ padding:15px 0px 0;  text-align:right }

#fh5co-content_show .leftcon{width:250px;text-align:left;margin-right:-250px ; float:left; position:relative;z-index:2}
#fh5co-content_show .rightcon{width:100%; float:left;position:relative;z-index:1}
#fh5co-content_show .rightcon .con{margin-left:300px; position:relative}
#fh5co-content_show .rightcon.no-mar .con{ margin-left:0}

.zoomimgs{transition: transform 1s ease 0s;transform: scale(1); }
.zoomimgs:hover{transition: transform 1s ease 0s;transform: scale(1.1);}

.page-img-list{ position:relative}
.page-img-list .overlay{ position:absolute; height:45px; line-height:45px; width:100%; text-align:center; bottom:0; background:#000;opacity:0.6}
#fh5co-content_show .detail .overlay p{ position:relative; line-height:45px;}
#fh5co-content_show .detail a .overlay p { color:#fff}

.keyan-box .overlay{ overflow:hidden}
.keyan-box  p{ margin-top:5px;}

.stitle{ text-align:center; font-size:18px; margin:20px 0; position:relative}
.stitle:afterss{ position:absolute; background:#0d78bc; height:3px; width:50px; left:0; right:0; content:''; margin:0 auto;}
.padright .xb3{ float:right}
.solution-inner{ border-bottom:1px solid #eee; padding:10px 0}
.no-bor{border-bottom:none;}
.bg-solution{ background:#2b76c7}
.solution-inner a.more { color:#e99612}


.hot-pro-list{ border:1px solid #ddd; padding:0 8px 5px; border-top:2px solid #e99612;}
.hot-pro-list h3{font-size: 16px;margin-bottom: 10px;height: 43px;border-bottom: #ddd 1px solid;color: #333;line-height: 43px;}
.hot-pro-list .item{border-bottom: #ddd 1px solid; position:relative;z-index:1; margin-bottom:10px;}
.hot-pro-list .item .media_img{ overflow:hidden}
.hot-pro-list .item .media_img img{width: 200px;transform: scale(1);transition: transform 1s ease 0s;}
.hot-pro-list .item .media_img:hover img{transform: scale(1.1);transition: transform 1s ease 0s;}
.hot-pro-list .item span{ position:absolute;background:#e99612; width:16px; height:16px; line-height:16px; color:#fff; text-align:center; font-size:12px; left:0; top:0;z-index:2;}
.hot-pro-list .item:last-child{ border-bottom:none}
.hot-pro-list .item .pro_title{ margin:10px 0; font-size:12px;}

.hot-art-list{ border:1px solid #ddd; padding:0 8px 5px}
.hot-art-list h3{font-size: 16px;margin-bottom: 10px;height: 43px;border-bottom: #ddd 1px solid;color: #333;line-height: 43px;}
.hot-art-list li{overflow: hidden;height: 20px; line-height:20px; margin-bottom:12px; font-size:12px;}
.hot-art-list li span{ display:inline-block; background:#e99612; margin-right:8px; height:20px; width:20px; line-height:20px; color:#fff; text-align:center}

.linn-boxs{ max-width:116px; text-align:center; overflow:hidden; text-align:center; margin:0 auto}
.linn-boxs .zoomimgs:hover{transition: transform 1s ease 0s;transform: scale(1);}
.linn-boxss{max-width:150px;}

.fencai-box .overlay{ overflow:hidden}
/*åˆ†é¡µ*/
.table span{margin-right:10px;}
.content_detail .pager{ padding:0; margin:0; font-size:14px;}
.content_detail .pager a{border:none;}
.content_detail .pager a:focus,.content_detail .pager a:hover{color:#f60;background:none}
.content_detail .pager li{display:block;text-align:left; line-height:200%}
#fh5co-content_show .pagination .active,#fh5co-content_show .pagination a:hover{background: #0d78bc;color:#fff;}
#fh5co-content_show .pagination .active a{color:#fff}
#fh5co-content_show .pagination li{ margin:0 3px;}
#fh5co-content_show video{max-width:100%}

#fh5co-content_show .product-detail{ padding:0px 0;}
#fh5co-content_show .product-detail img{ /*max-width:100%;*/width:600px; height:auto;overflow:hidden;vertical-align:middle;}
#fh5co-content_show .product-detail .content-img{overflow:hidden; max-width:500px; margin:0 auto}
#fh5co-content_show .product-detail .content-img img{overflow:hidden;vertical-align:middle; text-align:center}
#fh5co-content_show .product-detail h1{color: #015daa;font-size: 24px;line-height: 33px;}
#fh5co-content_show .product-detail .p_desc{color: #4d4a4a;line-height: 24px;padding:20px 0 30px;}
#fh5co-content_show .product-detail .p_desc p{ font-size:18px;margin-bottom: 18px;line-height: 40px;}
#fh5co-content_show .product-detail .p_desc a.protb{height: 40px;width: 40px;background: #797979;float: left;text-align: center;display: block; line-height:38px;margin-right: 8px;border-radius: 3px;}
#fh5co-content_show .product-detail .p_desc a.protb img{ vertical-align:middle}
#fh5co-content_show .product-detail .p_desc a.protb:hover{background:#e6212a}
#fh5co-content_show .product-detail .p_desc span.ptel{font-size: 22px;font-weight: bold;color: #e6212a;}
#fh5co-content_show .product-detail .kefu_bnts{background:#FC4300;color:#FFF;width:120px;height:40px;line-height:40px;text-decoration:none;font-size:16px;display:block;text-align:center}
#fh5co-content_show .product-detail .kefu_bnts:hover{background:#FF5417;}
#fh5co-content_show .product-detail .description{line-height:28px;margin-bottom:20px;}
#fh5co-content_show .product-detail .description p{line-height:28px;}
#fh5co-content_show .product-detail .detail-title{border-bottom:1px solid #999;position:relative;height:37px;}
#fh5co-content_show .product-detail .detail-title h2{background: #fff;color: #666;cursor: pointer;display: inline-block;font-size: 16px;height: 36px;line-height: 36px;text-align: center;width: 126px;border-left:1px solid #999;border-right:1px solid #999;border-top:1px solid #999;border-bottom:1px solid #fff;position:absolute;left:0;top:1px;}

/*article*/
#fh5co-content_show .article-media li{border-bottom:1px dashed #E0E0E0;padding:5px 0 15px}
#fh5co-content_show .article-media li:first-child{ padding-top:0}

.article-media .media .caldata .content{ padding: 6px 10px; background:#284987; text-align:center;margin-right:8px; color:#fff}
.article-media .media .caldata .content p{ text-align:center}
.article-media .media .caldata .content p.day{ font-size:24px;color:#fff; font-weight:bold; padding-bottom:10px;border-bottom:2px solid #fff;}
.article-media .media .caldata .content p.mon-year{ font-size:13px;}
.article-media .media .media_img{width: 200px;margin-right:20px;border:1px solid #ddd; overflow:hidden;transition: transform 1s ease 0s;}
.article-media .media .media_img:hover{border:1px solid #e99612;transition: transform 1s ease 0s;}
.article-media .media .media_img img{width: 200px;transform: scale(1);transition: transform 1s ease 0s;}
.article-media .media .media_img:hover img{transform: scale(1.1);transition: transform 1s ease 0s;}
.article-media .media .media_img a{border-color: -moz-use-text-color;border-style: none;border-width: medium;padding: 0;}
.article-media .media .media_img a:hover{border-color: -moz-use-text-color;border-style: none;border-width: medium;background: #fff4ce none repeat scroll 0 0;}
.article-media .media .time{color:#777; font-size:14px; display:inline-block; margin-top:3px;}
.article-media .media .time span{ display:inline-block; margin-right:20px;}
.article-media .media .time a{color:#777;}
.article-media .media-body h3{font-size: 16px; margin-bottom:2px;}
.article-media .media-body h3 a{color: #333;font-size: 16px;line-height:100%; font-weight:bold}
.article-media .media-body h3 a:hover{ color:#e99612;}
.article-media .media-body p.desc{color: #666;line-height: 20px; font-size:14px;}
.article-media .media-body p.cmore{ margin:12px 0 6px;}


/*å†…é¡µbanner
.slideshow{ height:230px; position:relative; background-repeat:no-repeat; background-position: center top; background-size:cover}*/

.slideshow img{ width:100%}
.slideshow .overlay {position:absolute;left:0;top:0;width:100%;height:100%}
.slideshow .overlay .container{height:100%;display:table;text-align:center}
.slideshow .overlay .container .line{display:table-cell;vertical-align:middle}
.slideshow .overlay .container .line .title{text-align:center}
.slideshow .overlay .container .line .title h2{text-align:center;display:inline-block;margin:auto;color:#fff;text-transform:uppercase;font-size:14px;line-height:30px;font-weight:700;position:relative;margin-top:30px}

.slideshow .overlay .container .line .title h2 a{ color:#fff; font-size:14px; font-weight:normal}

#fh5co-hero1{ display:none}

/*æ‚¬æµ®é“¾æŽ¥*/
.suspension .red{ color:#208cbc}
.suspension{position:fixed;z-index:55;right:0;top:50%; margin-top:-120px;width:70px;height:240px;}
.suspension-box{position:relative;float:right;}
.suspension .a{display:block;width:44px;height:44px;background-color:#015daa;margin-bottom:4px;cursor:pointer;outline:none;}
.suspension .a.active,
.suspension .a:hover{background:#efa210;}
.suspension .a .i{float:left;width:44px;height:44px;background-image:url(../images/side_icon.png);background-repeat:no-repeat;}
.suspension .a-service .i{width:20px;height:20px;margin-top:12px;margin-left:12px;background-image:url(../images/suspension-bg.png);background-repeat:no-repeat;background-position:0 0;}
.suspension .a-service-phone .i{width:20px;height:20px;margin-top:12px;margin-left:12px;background-image:url(../images/suspension-bg.png);background-repeat:no-repeat;background-position:-27px 0;}
.suspension .a-qrcode .i{background:url(../images/weixin_icon.png) no-repeat center center;}
.suspension .a-top .i{background-position:-132px 0;}
.suspension .a-top{background:#D2D3D6;display:none;}
.suspension .a-top:hover{background:#c0c1c3;}
.suspension .d{display:none;width:223px;background:#fff;position:absolute;right:67px;min-height:90px;border:1px solid #E0E1E5;border-radius:3px;box-shadow:0px 2px 5px 0px rgba(161, 163, 175, 0.11);}
.suspension .d .arrows{position:absolute;width:8px;height:12px;background:url(../images/side_bg_arrow.png) no-repeat;right:-8px;top:31px;}
.suspension .d-service{top:0;}
.suspension .d-service-phone{top:-24px;}
.suspension .d-qrcode{top:-20px;}
.suspension .d .inner-box{padding:8px 22px 12px;}
.suspension .d-service-item{padding:14px 0;}
.suspension .d-service .d-service-item{border-bottom:none;}
.suspension .d-service-item .circle{width:44px;height:44px;border-radius:50%;overflow:hidden;background:#F1F1F3;display:block;float:left;}
.suspension .d-service-item .i-qq{width:44px;height:44px;background:url(../images/side_con_icon03.png) no-repeat center 15px;display:block;transition:all .2s;border-radius:50%;overflow:hidden;}
.suspension .d-service-item:hover .i-qq{background-position:center 3px;}
.suspension .d-service-item .i-tel{width:44px;height:44px;background:url(../images/side_con_icon02.png) no-repeat center center;display:block;}
.suspension .d-service-item h3{float:left;width:102px;line-height:44px;font-size:15px;margin-left:12px;}
.suspension .d-service-item .text{float:left;width:102px;line-height:22px;font-size:15px;margin-left:12px;}
.suspension .d-service-item .text .number{}
.suspension .d-service-intro{padding-top:10px;}
.suspension .d-service-intro p{float:left;line-height:27px;font-size:12px;width:50%;white-space:nowrap;color:#888;}
.suspension .d-service-intro i{background:url(../images/side_con_icon01.png) no-repeat center center;height:27px;width:14px;margin-right:5px;vertical-align:top;display:inline-block;}
.suspension .d-qrcode{text-align:center;}
.suspension .d-qrcode .inner-box{padding:20px 0;}
.suspension .d-qrcode p{font-size:16px;color:#93959c;}
/*åœ¨çº¿å®¢æœ end*/

/*æ‰‹æœºåº•éƒ¨å¯¼èˆª*/
#toolbar{ display:none;}

@media screen and (min-width:1201px){
.container{ padding:0}
.col-5-1{float:left;width: 20% !important; display: table-cell;}
}

@media screen and (max-width:1300px){
.case-box .show-list{ overflow:hidden}
.case-box .show-list{margin:0px; padding:25px;}
.case-box .show-list .owl-controls .owl-prev{ left:-25px;  }
.case-box .show-list .owl-controls .owl-next{ right:-25px;}
}

@media screen and (max-width:1199px){
.mid-nav .xb3{ float:left; text-align:left}
.mid-nav .ur-here{ text-align:left}
.mid-nav .submenu li:first-child{ padding-left:0}
.mid-nav .submenu li:first-child a{ padding-left:0}
.top-nav li a{ margin-right:52px;}
footer .footer-top h3{ font-size:16px; }
.adv-box .rcontent{ padding-left:20px}
.adv-box .rcontent .media-img{ margin-right:15px;}
.about-box .content span{ display:inline}
.slides-txt a{ float:none; margin:13px auto 0; text-align:center; display:block}
#fh5co-header .tel{background-position: 80px top;}
}

@media screen and (max-width:1000px){
.line-big{margin-left:-10px;margin-right:-10px}
.line-big .x1,.line-big .x2,.line-big .x3,.line-big .x4,.line-big .x5,.line-big .x6,.line-big .x7,.line-big .x8,.line-big .x9,.line-big .x10,.line-big .x11,.line-big .x12,.line-big .xl1,.line-big .xl2,.line-big .xl3,.line-big .xl4,.line-big .xl5,.line-big .xl6,.line-big .xl7,.line-big .xl8,.line-big .xl9,.line-big .xl10,.line-big .xl11,.line-big .xl12,.line-big .xs1,.line-big .xs2,.line-big .xs3,.line-big .xs4,.line-big .xs5,.line-big .xs6,.line-big .xs7,.line-big .xs8,.line-big .xs9,.line-big .xs10,.line-big .xs11,.line-big .xs12,.line-big .xm1,.line-big .xm2,.line-big .xm3,.line-big .xm4,.line-big .xm5,.line-big .xm6,.line-big .xm7,.line-big .xm8,.line-big .xm9,.line-big .xm10,.line-big .xm11,.line-big .xm12,.line-big .xb1,.line-big .xb2,.line-big .xb3,.line-big .xb4,.line-big .xb5,.line-big .xb6,.line-big .xb7,.line-big .xb8,.line-big .xb9,.line-big .xb10,.line-big .xb11,.line-big .xb12{position:relative;min-height:1px;padding-right:10px;padding-left:10px}
.mid-nav .leftbar h3{ text-align:left; text-indent:20px;}
#fh5co-content_show .leftcon{width:185px;margin-right:-185px ;}
#fh5co-content_show .rightcon .con{margin-left:205px;}
.mid-nav .submenu li a{ background-position:10px center;display: block; padding:12px 22px; }
.mid-nav .submenu li a.current,.mid-nav .submenu li a:hover{background-position:159px center;}
.show-product .item .media-img{ max-width:220px; }
.padright .margin-big-top{ margin-top:0}
.tab-con li a{  width:70%}
.mid-nav .leftbar h3{ padding-left:0}
.mid-nav .leftbar h3 img{ display:none}

.slides-txt span{ margin:0}
.slides-txt a{ margin:15px 0 0}
footer .footer-top .item1{ margin-right:0px;border-right:none}
footer .footer-top .foot-nav li{ width:33.3333333%}
.top-nav li a{ margin-right:20px;}
#fh5co-header .tel span{ display:block}
#fh5co-header .tel{background-position: 50px top; line-height:1.2}
}

@media screen and (max-width:760px){
#quirydialog .qdialog-head{width:360px }
#fh5co-offcanvas .nav{display: block;borer:none}
.fh5co-nav-toggle{display: block;}
#fh5co-header .logo{padding:10px;}
.article-media .media .media_img{width:150px; margin-right:12px;}
.article-media .media .media_img img{width:150px;}
.article-media .media .time{ display:none}
#fh5co-content_show{ padding:0 0 30px;}
#fh5co-content_show .leftcon{width:100%;margin-right:0px ;}
#fh5co-content_show .rightcon .con{margin-left:0px; padding:0 10px; margin-top:30px;}
.ur-here{ display:none}
.mid-nav{ border-bottom:none}
.mid-nav .container{ padding:0}
.mid-nav .leftbar{ background:none; margin-bottom:30px; height:50px;}
.mid-nav .leftbar ul.submenu{ clear:both; border:none;}
.leftbar{background:#000; }
.mid-nav .leftbar h3{ display:none}
.mid-nav .leftbar h4{ display:block; float:right; width:50%; background:#015daa; height:50px; line-height:50px; text-align:center; color:#fff; font-size:16px;}
.mid-nav .leftbar button{z-index:9999999;float:left; width:50%; height:50px; line-height:50px; padding:0; margin:0;border:none;border-radius:0; background:#000; color:#fff; font-size:16px; text-align:left; text-indent:12px;}
.mid-nav .leftbar button span{ display:inline-block; margin-left:0px;}
.mid-nav .submenu li{float:none; background:#fff; padding:0;}
.mid-nav .submenu li a,.mid-nav .submenu li:first-child a{ background-position:25px center;padding:12px 18px; }
.mid-nav .submenu li a.current,.mid-nav .submenu li a:hover{background:#015daa; color:#fff}
.mid-nav .submenu li:last-child{ border-bottom:1px solid #e2e2e2; }
#fh5co-hero,.SonlineBox,.flex-direction-nav{ display:none}
#fh5co-hero1{ display:block}

#fh5co-content_show .product-detail img{width:100%;}

#china-map {height:500px;}

.flex-control-nav{bottom:10px;}

.index-box .about .desc{ padding-right:0px;}
.tab-nav li{ width:33.333333%; text-align:center}
.tab-nav li a{ padding:8px 0}
.index-box .tab-more{ display:none}

.show-product .item .media-img{border: 1px solid #ddd;max-width:100%; }
.footer-top .item1 .addr{ margin:0}

#fh5co-header .header-box .tnav-bg{ position:static;height:auto; line-height:auto; margin-bottom:10px;}
.top-nav li a.first-level:after,.top-nav li.current a.first-level:after{ display:none}
.top-nav li.lan{ float:none}
.top-nav li{ display:block; line-height:32px; margin:0; padding:0; float:left !important}
.top-nav li a{ font-size: 16px;margin-right:18px;}


.solution-inner .media-img{ text-align:center}
.tab-con li a{  width:78%}
.con-boxs .ur-here{ margin-top:30px;}
.product-box .cat-nav li a{ font-size:15px; padding:0 7px}

/*æ‰‹æœºåº•éƒ¨å¯¼èˆª*/
.blank55{height:55px; line-height:1px; clear:both;}
#toolbar{color:#fff;width:100%;height:54px;position:fixed;bottom:0;left:0;z-index:6;background:#000; display:block;}
#toolbar a{width:100%;color:#fff;display:block;padding:5px 0 0 0;line-height:23px;font-size:14px;}
#toolbar a span{ font-size:22px; display:block;}
}

@media screen and (max-width:480px){
.article-media .media .caldata .content{ padding: 5px;}
.article-media .media .media_img{width:82px;margin-right:10px;}
.article-media .media .media_img img{width:80px;padding:1px;}
.article-media img{width:80px;}
#fh5co-content_show .article-media li{ padding:10px 0px;}
.article-media .media-body h3{line-height:100%;font-size:14px;}
.article-media .media-body h3 a { font-size:14px; line-height:150%}
.article-media .media-body p.more{ display:none}
.article-media .media .desc,.welcometxt span{ display:none}
.mid-nav .leftbar h4{ display:none;}
.mid-nav .leftbar button{ width:100%;}
#fh5co-header .header-box  .xl4{ width:100% !important}
.tab-con li a{  width:100%}
.tab-con li span{ display:none}
.fh5co-nav-toggle{top:6px; }
.slides-txt{ font-size:18px;}
.product-box .item h3{font-size:16px;}
.slides-txt span,.slides-txt a{font-size:14px; display:block}
.project-box .slick-slide h3{ font-size:14px;}
.about-box .content,.list-news-box .item .media .media-body h3 a{font-size:14px;}
.top-nav li a{ font-size: 15px;margin-right:12px;}
.top-nav li{line-height:26px;}
}
/* å†…é¡µ end*/

/* ======ç½®é¡¶ ======*/
.backToTop{display: none;width:35px;height:35px;position: fixed;_position: absolute;right: 5px;bottom: 60px;_bottom: "auto";cursor:pointer;z-index:7;background:#666 url(../images/icon-gotop-fixed.png) no-repeat center center;border-radius:50%}
.backToTop:hover{background-color:#333;}

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