body{font-weight: normal;background: #fff;color: #333;}
p{margin: 0;font-weight: normal;}
h1, h2, h3, h4, h5, h6, figure{color: #444;}
::-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;}
.float_bg{background: url(../images/qq_3.gif) repeat-y}
a{color: #333;text-decoration: none}
a:focus, a:hover{color: #1A3B73;}
.bg-main{background: #1A3B73;border: 1px solid #1A3B73 !important}
.bg-main:hover, .bg-main:focus{border: 1px solid #026d9a !important;background: #0ae !important}
.button.bg-main{border-color: #1A3B73 !important}
.button.bg-main:hover{border-color: #0ae !important;}
.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;}
.detail h2, .detail h3{line-height: 180%}
.detail h3, .detail h1{font-size: 18px;color: #5a5a5a;;font-weight: bold}
.layout{overflow: hidden;width: 100%;}
header .layout{overflow: visible;width: 100%;}{overflow:visible;width: 100%;}
.not-animated{opacity: 0}
.clear{clear: both}
img{max-width: 100%}
ul, li{padding: 0;margin: 0;list-style: none}
#fh5co-wrapper{overflow-x: hidden;}
#fh5co-page{position: relative;z-index: 2;background: #fff;overflow-x: hidden;}
.fh5co-heading{position: relative;z-index: 1;}
.fh5co-heading h2{display: block;font-size: 36px;line-height: 36px;color: #555;font-weight: bold}
.fh5co-heading p.desc{font-size: 14px;margin-top: 15px;color: #868686}
.fh5co-heading p{font-size: 18px;
    color: #999999;
    margin-bottom: 10px;}
.fh5co-heading .line {
    width: 27px;
    height: 3px;
    background: #0ae;
    margin: 0 auto; margin-bottom: 10px;
}
.vertical-middle{width: 100%;height: 100%;display: table;}
.vertical-middle > div{display: table-cell;vertical-align: middle;}
.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: contain;background-color: #FFF;}
.piczoomimgs{padding-bottom: 100%;}
.artzoomimgs{padding-bottom: 61%;}
.chazoomimgs{padding-bottom: 75%;}
.frizoomimgs{padding-bottom: 47%;}
.noinfo{text-align: center;padding: 25px 0}
/*header begin*/#fh5co-header .header-box{background: #fff;}
.header-box.fixed.fixed-top{box-shadow: 0 0 10px rgba(0, 0, 0, 0.15);width: 100%;z-index: 6;background: #fff;}

.form-control{height: 32px;padding: 6px 12px;font-size: 14px;line-height: 1.42857143;color: #555;background-color: #fff;background-image: none;border: 1px solid #D5D5D5;border-radius: 5px;-webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);-webkit-transition: border-color ease-in-out .15s, -webkit-box-shadow ease-in-out .15s;-o-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;}
#fh5co-header .header-box .top-search{position: relative;/*margin-top: 24px;*/}
#fh5co-header .header-box .top-search input.inputkey{float: left;display: block;width: 250px;}
#fh5co-header .header-box .top-search input.go{background: #0ae url(../images/search-icon-n.png) center center no-repeat;width: 40px;height: 32px;float: left;position: absolute;right: 0;border: none;border-bottom-right-radius: 5px;border-top-right-radius: 5px;}
/*header end*//*mobile header begin*/#fh5co-offcanvas, .fh5co-nav-toggle, #fh5co-page{}
#fh5co-offcanvas, .fh5co-nav-toggle, #fh5co-page{position: relative;}
#fh5co-page{z-index: 2;}
#fh5co-offcanvas{display: none;right: 0;overflow-y: hidden;position: fixed;z-index: 8;top: 10px;width: 220px;background: #fff;padding: 0px 0px 10px 30px;border: 0;}
.offcanvas-visible #fh5co-offcanvas{display: block;}
#fh5co-offcanvas ul{padding: 0;margin: 0;overflow-x: hidden;border-radius: 0}
#fh5co-offcanvas ul li{list-style: none;position: static;width: 100%;margin: 0;padding: 0;}
#fh5co-offcanvas ul li:hover, #fh5co-offcanvas ul li.current{}
#fh5co-offcanvas ul li a{font-size: 12px;color: #333;text-decoration: none !important;display: block;position: relative;line-height: 34px;margin: 0;padding: 0px 0 0 2px;}
#fh5co-offcanvas ul li a:hover, #fh5co-offcanvas ul li.current a{color: #0ae;}
#fh5co-offcanvas ul li a::after{background: #eee;position: absolute;content: '';left: 0px;bottom: 0;right: 0;height: 1px;}
#fh5co-offcanvas ul li ul{margin: 0;padding: 0;z-index: 6;position: relative;width: 100%;border: 0;box-shadow: 0}
#fh5co-offcanvas ul li ul li{margin: 0;padding: 0;display: block;border: none;line-height: 28px;}
#fh5co-offcanvas ul li ul li a, #fh5co-offcanvas ul li.current ul li a{background: #fff;color: #666;display: block;padding: 0px 20px 0px 20px;margin: 0;text-align: left;width: 100%;font-size: 12px;line-height: 28px;transition: none}
#fh5co-offcanvas ul li ul li a:hover{background: #1A3B73;color: #fff;transition: none}
#fh5co-offcanvas ul li ul li a::before, #fh5co-offcanvas ul li ul li a::after{background: none;height: 0;padding: 0}
#fh5co-offcanvas ul li ul li ul{top: 0}

.scroll_horizontal{
	position: relative;
	width: 100%;
}
.scroll_horizontal .box{
	width: 100%;
	margin-top: 50px;
	overflow: hidden;
	position: relative;
}
.scroll_horizontal .list{
	overflow: hidden;
	width: 9999px;
	padding-bottom: 30px;
}
.scroll_horizontal .list li{
	float: left;
	width: 280px;
	display: block;
	padding-right: 10px; padding-left: 10px;
	margin-top: 8px;
}
.scroll_horizontal .list a li dd{
	width: 100%;
	/* border: 1px solid #D9D9D9;
	background-color: #0088ce; */
	display: block;
}
.scroll_horizontal .list a:hover li dd{
	width: 100%;
	/* border: 1px solid #D9D9D9;
	background-color: #f68100; */
}
.scroll_horizontal .list li .img{
	height: 200px;
	width: 100%;
	overflow: hidden; display: table-cell; vertical-align:middle; text-align:center;
}
.scroll_horizontal .list li .img img{/*height:240px;;*/cursor: pointer;
  transition: all 0.6s;}
.scroll_horizontal .list li .img img:hover{transform: scale(1.3);}
.scroll_horizontal .list li .title{
	width: 100%;
	overflow: hidden;
	padding: 10px;
	height: 50px;
	text-align:center;
}

.scroll_horizontal .list a:hover li .title h1,.scroll_horizontal .list a:hover li .title h2{color: #ffffff}
.scroll_horizontal .list li .title h1{
	font-size: 17px;
	line-height: 25px;
	font-weight: normal;
	color: #777;
}
.scroll_horizontal .list li .title h1 a{
	color: #777;
	font-weight: bold;
}
.scroll_horizontal .list li .title h1 a:hover{color: #0ae;}
.scroll_horizontal .list li .title h2{
	font-size: 16px;
	line-height: 25px;
	color: #333;
}
.scroll_horizontal .list li .js{
	font-size: 14px;
	line-height: 25px;
	padding: 10px;
	height: 70px;
	width: 314px;
	background-color: #F6F6F6;
	overflow: hidden;
	color: #666;
}
.scroll_horizontal .list li .more{
	font-size: 12px;
	line-height: 30px;
	color: #666;
	background-color: #F7F7F7;
	height: 30px;
	width: 80px;
	margin-top: 15px;
	margin-left: 15px;
	border: 1px solid #CCC;
	text-align: center;
}
.scroll_horizontal .list a:hover li .more{
	font-size: 12px;
	line-height: 30px;
	color: #666;
	background-color: #FFFFFF;
	height: 30px;
	width: 80px;
	margin-top: 15px;
	margin-left: 15px;
	border: 1px solid #fff;
	text-align: center;
	border-radius:5px;
}
.scroll_horizontal .prev,
.scroll_horizontal .next{
	position: absolute;
	font: 0/0 Arial;
	cursor: pointer;
	margin-top: -280px;
}
.scroll_horizontal .prev{
	left: -50px;
	background-image: url(../images/left_03.png);
	background-repeat: no-repeat;
	height: 41px;
	width: 22px;
}
.scroll_horizontal .next{
	right: -55px;
	background-image: url(../images/left_05.png);
	background-repeat: no-repeat;
	height: 41px;
	width: 22px;
}
.scroll_horizontal .prev:hover{
	background-image: url(../images/left1_03.png);
	background-repeat: no-repeat;
}
.scroll_horizontal .next:hover{
	background-image: url(../images/left1_05.png);
	background-repeat: no-repeat;
}
.floor_4_2{width: 1200px; margin: 0 auto;}


.about{position:relative; padding:70px 0 40px 0;}
.about .yezi{ width:611px; height:242px; position:absolute; left:50%; margin-left:-305px; top:0; background:url(../images/jian_title_bg.png) no-repeat center top; z-index:3}
.about h2{  padding:20px 0 40px 0; background:url(../images/jian_line.png) no-repeat center 40px; position:relative; z-index:4}
.about h2 a{ font-size:40px; display:block; color:#161616; background:url(../images/jian_title.png) no-repeat right 11px; width:345px; margin:0 auto }
.about h2 p{ font-weight:normal; font-size:16px; color:#363636; line-height:35px; text-align:center;}

.about .container{ padding:0 0 0 0; overflow:hidden; position:relative;}
.about_l{ width:724px; height:366px; position:relative; float: right; background:url(../images/about_picbg.jpg) no-repeat left bottom}
.about_l .about_pic_a{ width:233px; height:186px; position:absolute; right:0; top:0}
.about_l .about_pic_b{ width:233px; height:190px; position:absolute; right:0; bottom:-6px}
.about_l .about_pic_c{ width:476px; height:397px; position:absolute; left:7px; top:0}



.about_r{ width:416px; margin:20px 0 0 0; float: left;  }
.about_r .about_jingji{ padding:0 0; color:#1f2230; font-size:30px; font-weight:bold; border-bottom:1px solid #CCC; height:65px;}
.about_r p{ font-size:15px; color:#555555; line-height:30px; padding:30px 0;}
.about_r .about_more{  margin: 0 0 25px 0; width:123px; height:40px; border:1px solid #555; transition:all 0.3s ease 0s; -webkit-transition:all 0.3s ease 0s; padding:0 10px;}
.about_r .about_more:hover{ width:143px; }
.about_r .about_more a{ line-height:40px; display:block; color:#777a7b; font-size:15px; text-transform:uppercase;  background:url(../images/jian_more.png) no-repeat right center}
.about_r .about_more a:hover{  color:#0ae; }


.adv2{ background:url(../images/adv2.jpg) no-repeat center top; height:220px;}
.adv2 strong{ display:block; font-size:35px; color:#ffffff; line-height:85px; border-bottom:1px solid #48c0f1; width:600px; padding:30px 0 0 0}
.adv2 p{ background:url(../images/gou.png) no-repeat left center; font-size:18px; color:#dfeaff; line-height:55px; padding:0 0 0 45px;}

.index_news_box{
    margin-top: 3%;
    width: 100%;
    height: 380px;
    position: relative;
}
.index_news_left{
    float: left;
    width: 48.5%;
    height: 100%;
    border-radius: 30px 0 30px 0;
    overflow: hidden;
}
.index_news_left .swiper-container{
    width: 100%;
    height: 100%;
}
.index_news_left .imgbox{
    width: 100%;
    height: 100%;
    position: relative;
}
.index_news_left .imgbox img{
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.index_news_left  .title{
    position: absolute;
    width: 100%;
    line-height: 50px;
    background: rgba(0,0,0,0.5);
    padding: 0 45% 0 5%;
    font-size:16px;
    color:#fff;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    left:0;
    bottom:0;
    -webkit-transition: all 0.5s;
    -moz-transition: all 0.5s;
    -ms-transition: all 0.5s;
    -o-transition: all 0.5s;
    transition: all 0.5s;
}
.index_news_left:hover  .title{
    background: rgba(0,160,233,0.6);
}
.news-jiaodian{
    position: absolute;
    width: 126px;
    height: 50px;
    background: #0ae;
    border-radius: 30px 0 30px 0;
    overflow: hidden;
    bottom:0;
    right:0;
    z-index: 1;
}
.news-jiaodian .swiper-pagination{
    width: 100%;
    top:50%;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%);
}
.news-jiaodian .swiper-pagination .swiper-pagination-bullet{
    background: #fff;
    opacity: 1;
    width: 10px;
    height: 10px;
    border-radius: 10px;
    margin:0 4%;
}
.news-jiaodian .swiper-pagination .swiper-pagination-bullet-active{
    background: #83dcff;
    opacity: 1;
}
.index_news_right{
    float: right;
    width: 48.5%;
    height: 100%;
    background: #fff;
}
.index_news_right_list{
    height: 33.33%;
    width: 100%;
    display: flex;
    align-items: center;
}
.index_news_right_list_inner{
    width: 100%;
    padding:0 4% 0 4%;
}
.index_news_right_list .time{
    float: left;
    width: 80px;
    text-align:center;
    color:#333;
}
.index_news_right_list .time .fir{
    font-size:50px;
    /* font-family: cll1; */
    line-height: 50px;
}
.index_news_right_list .time .sec{
    font-size:16px;
    font-weight: lighter;
}
.index_news_right_list .text{
    float: right;
    width: -webkit-calc(100% - 95px);
    width: -moz-calc(100% - 95px);
    width: calc(100% - 95px);
    margin-top: 1%;
}
.index_news_right_list .text .fir{
    font-size:18px;
    color:#333333;
    font-weight: 700;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    -webkit-transition: all 0.5s;
    -moz-transition: all 0.5s;
    -ms-transition: all 0.5s;
    -o-transition: all 0.5s;
    transition: all 0.5s;

}
.index_news_right_list:hover .text .fir{
    color:#0ae;
}
.index_news_right_list .text .sec{
    font-size: 14px;
        color: #737373;
        font-weight: lighter;
        overflow: hidden;
        text-overflow: ellipsis;
        /* white-space: nowrap; */
        margin-top: 2%;
        /* text-overflow: ellipsis; */
        display: -webkit-box;
        -webkit-line-clamp: 2;
        -webkit-box-orient: vertical;
    
}
.index_news_right_list .text .sec p{
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}


footer{font-size: 12px;}
footer .footer-top{background-color: #272727;padding: 35px 0 0px;color: #aeaeae;}
footer .footer-top .f_social li{width: 100%;padding-left: 30px;line-height: 25px;background: url(../images/icon2.png) no-repeat left -17px;}
footer .footer-top .f_social li:nth-of-type(2){background-position: left -41px;}
footer .footer-top .f_social li:nth-of-type(3){background-position: left -65px;}
footer .footer-top .f_social li:nth-of-type(4){background-position: left -89px;}
footer .footer-top .f_social li:nth-of-type(5){background-position: left -116px;}
footer .footer-top a{color: #aeaeae;}
footer .footer-top a:hover{color: #f9c01b;}
footer .footer-top .plist{margin-right: 30px;}
footer .footer-top .plist ul li{list-style: none;height: 34px;line-height: 34px;border-bottom: 1px solid #373737;overflow: hidden;white-space: nowrap}




footer .footer-top h2{color: #fff;font-size: 14px;padding-bottom: 10px;margin-bottom: 15px;background: url(../images/line.png) no-repeat left bottom}
footer .footer-top .item .inner{color: #aeaeae;line-height: 26px;}
footer .footer-top .item .inner p{line-height: 26px;}
footer .footer-top .about-foot .inner{padding-right: 8px;}
footer .footer-top .about-foot .inner p{line-height: 2}
footer .footer-top .about-foot .inner .footm{padding-right: 19px;background: url(../images/foot_pic.png) right center no-repeat;font-size: 14px;font-weight: bold;color: #fff;line-height: 50px;}
footer .footer-bot{padding: 11px 0 6px;font-size: 12px;line-height: 24px;background: #1E1E1E;color: #bdbdbd;}
footer .footer-bot a{color: #bdbdbd;line-height: 100%;padding: 0 7px;}
footer .footer-bot a:hover{color: #f9c01b;}
footer .footer-bot .foot-nav a:first-child{padding-left: 0}
footer .footer-bot .Copyright{color: #bdbdbd;text-align: right}
footer .footer-bot .Copyright a{padding: 0}
/* footer end*//*picture 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 > li{-webkit-backface-visibility: hidden;height: 600px;}
.flexslider .slides li .overlay{position: absolute;top: 35%;left: 0;right: 0;bottom: 0;}
.flexslider .slides li a{display: block;height: 100%;}
.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 > 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: 12px;height: 12px;margin: 0 4px;*display:inline;zoom: 1;}
.flex-control-nav a{display: inline-block;cursor: pointer;width: 12px;height: 12px;float: left;text-indent: -2000px;background: #6CB72E;border-radius: 50%;}
.flex-control-nav .flex-active{background: #283182;}
.flex-direction-nav{position: absolute;z-index: 3;width: 100%;top: 50%;}
.flex-direction-nav li a{display: none;cursor: pointer;text-indent: -999em;position: absolute;top: 50%;margin-top: -30px;width: 40px;height: 50px;line-height: 50px;font-size: 0px;padding: 0;margin: 0;opacity: 1;text-align: left;border-radius: 0;color: #ddd;cursor: pointer;background: rgba(0, 0, 0, 0.1);}
.flex-direction-nav li a:hover{background: #1A3B73;color: #fff}
.flex-direction-nav li a:before{display: inline-block;font-family: "FontAwesome";font-weight: normal;font-style: normal;vertical-align: baseline;line-height: 50px;-webkit-font-smoothing: antialiased;-moz-osx-font-smoothing: grayscale;font-size: 36px;cursor: pointer}
.flex-direction-nav li a.flex-prev{left: 70px;text-indent: 6px;}
.flex-direction-nav li a.flex-prev:before{content: "\f104";}
.flex-direction-nav li a.flex-next{right: 70px;text-indent: 7px;}
.flex-direction-nav li a.flex-next:before{content: "\f105"}
/*picture end*//* products begin*/#fh5co-product-list .bg-product{background: #fff;padding: 0;}
#fh5co-product-list .show-list{padding-top: 70px;}
#fh5co-product-list .show-list{position: relative;margin: 0 -10px}
#fh5co-product-list .show-list .owl-carousel-carousel{}
#fh5co-product-list .show-list .item{margin: 0 10px;overflow: hidden;}
#fh5co-product-list .show-list .item:hover{}
#fh5co-product-list .show-list .item .media-img{position: relative;overflow: hidden}
;#fh5co-product-list .show-list .item .media-img .zoomimgs{transition: transform 1s ease 0s;transform: scale(1);}
#fh5co-product-list .show-list .item .media-img .zoomimgs:hover{transition: transform 1s ease 0s;transform: scale(1.1);}
#fh5co-product-list .show-list .item a{display: block;padding: 0px;}
#fh5co-product-list .show-list .item h3{font-size: 14px;white-space: nowrap;margin: 16px 0;color: #333;}
#fh5co-product-list .show-list .item:hover h3{color: #d78e2c}
#fh5co-product-list .show-list .owl-controls .owl-buttons div{position: absolute;top: 40%;width: 49px;height: 49px;font-size: 0px;padding: 0;margin: 0;opacity: 1;border-radius: 0;}
#fh5co-product-list .show-list .owl-controls div.owl-prev{left: 10px;background: url(../images/ll1.png) no-repeat left top}
#fh5co-product-list .show-list .owl-controls div.owl-prev:hover{background: url(../images/ll1_2.png) no-repeat left top}
#fh5co-product-list .show-list .owl-controls div.owl-next{right: 10px;background: url(../images/lr1.png) no-repeat left top}
#fh5co-product-list .show-list .owl-controls div.owl-next:hover{background: url(../images/lr1_2.png) no-repeat left top}
/* news begin*/#fh5co-news-list .bg-news{padding: 70px 0 45px;background: #F5F5F5}
#fh5co-news-list .show-list{padding: 60px 0 0;}
#fh5co-news-list .show-list .item{}
#fh5co-news-list .show-list .item{overflow: hidden;position: relative}
#fh5co-news-list .show-list .item .artzoomimgs{-webkit-transition: all 0.8s ease-out;-ms-transition: all 0.8s ease-out;-moz-transition: all 0.8s ease-out;-o-transition: all 0.8s ease-out;transition: all 0.8s ease-out;}
#fh5co-news-list .show-list a:hover .artzoomimgs{-webkit-transform: scale(1.1);-moz-transform: scale(1.1);-o-transform: scale(1.1);transform: scale(1.1);}
#fh5co-news-list .show-list .item .list-mark{position: absolute;width: 100%;height: 25%;background: url(../images/i_bg1.png) repeat;color: #fff;font-size: 14px;left: 0;top: 196px;transition: all 0.3s;}
#fh5co-news-list .show-list .item .list-mark h3{padding-left: 10px;height: 40px;font-size: 14px;overflow: hidden;padding-right: 10px;font-weight: normal;margin-top: 8px;transition: all 0.3s;color: #fff;line-height: 1.4}
#fh5co-news-list .show-list .item .list-mark em{display: block;margin-top: 13px;padding-left: 10px;}
#fh5co-news-list .show-list .item .list-mark .more{text-align: center;display: block;font-size: 12px;text-transform: uppercase;margin-top: 100px;}
#fh5co-news-list .show-list a:hover .list-mark{top: 0;}
#fh5co-news-list .show-list a:hover .list-mark h3{margin-top: 20px;}
/* about begin*/#fh5co-about-us .fh5co-heading h2{color: #fff}
#fh5co-about-us .bg-about{background: #fff url(../images/index_about.jpg) no-repeat center top;padding: 50px 0 20px}
#fh5co-about-us .show-list{padding: 32px 0 0;}
#fh5co-about-us .show-list .intro{font-size: 16px;padding: 15px 30px;line-height: 1.5;color: #362c20;background: #fff;font-family: "Times New Roman", Times, serif}
#fh5co-about-us .show-list .intro p{margin-bottom: 10px;line-height: 1.5;}
/* about end*//* inner begin*//* products begin*/.show-product .item{color: #666;display: block;padding: 6px;
    background: #0ae;
    border-radius: 6px;}
.show-product .item:hover{}
.show-product .item .media-img{position: relative;overflow: hidden}
;.show-product .item .media-img .zoomimgs{transition: transform 1s ease 0s;transform: scale(1);}
.show-product .item:hover .media-img .zoomimgs{transition: transform 1s ease 0s;transform: scale(1.1);}
.show-product .item .media-img .list-mask{position: absolute;top: 0;left: 0;width: 100%;background: url(../images/list_mark.png) center center no-repeat;height: 100%;filter: Alpha(Opacity=0);opacity: 0;transition: all 0.3s;}
.show-product .item:hover .media-img .list-mask{filter: Alpha(Opacity=100);opacity: 1.0;}
.show-product .item h3{font-size: 14px;padding: 10px 0 13px;white-space: nowrap;overflow: hidden}
.show-product .item a h3{color: #fff}
.show-product .item:hover h3{color: #fff}
.show-product .item .desc{color: #999;line-height: 1.8;padding: 0 3px;}
/* products end*/#fh5co-content_show{padding: 15px 0px 30px;}
#channel-box-id #fh5co-content_show{padding: 0px;}
#fh5co-content_show .inner-title{padding: 90px 0 50px;}
#fh5co-content_show .show_body{font-size: 12px;}
#fh5co-content_show .nav{padding: 40px 0}
#fh5co-content_show .nav li{margin: 0;padding: 0;display: inline}
#fh5co-content_show .nav li a{font-size: 18px;display: inline-block;padding: 11px 20px;margin: 0 5px 20px;color: #666;font-weight: normal;border: 1px solid #d9d9d9}
#fh5co-content_show .nav li a:hover, #fh5co-content_show .nav li.active a{text-decoration: none;background-color: #0ae;border: 1px solid #0ae;color: #fff;}
#fh5co-content_show .detail{font-size: 14px;padding: 0px 0;line-height: 2;color: #000}
#fh5co-content_show .content_detail .detail{}
#fh5co-content_show .detail a{color: #333;}
#fh5co-content_show .detail a:hover{color: #1A3B73}
#fh5co-content_show .detail h1{font-size: 22px;text-align: left;font-weight: bold;text-align: center;margin-bottom: 5px;}
#fh5co-content_show .detail .content-img img{}
#fh5co-content_show .detail p{text-indent: 0;font-size: 14px;line-height: 2;color: #000}
#fh5co-content_show .detail .description{padding: 0px;font-size: 14px;}
#fh5co-content_show .qhd-title{text-align: center;border-bottom: 1px dashed #ccc;}
#fh5co-content_show .qhd-title span{margin: 0 5px;font-size: 12px;color: #a3afb7}
#fh5co-content_show .qhd-title{margin-bottom: 25px;padding-top: 6px;}
#fh5co-content_show .qhd-title strong{font-weight: normal}
#fh5co-content_show .leftbar{min-height: 400px;padding-right: 10px;}
#fh5co-content_show .leftbar h3{background: #1A3B73;color: #fff;height: 60px;line-height: 60px;text-indent: 13px;font-weight: bold}
#fh5co-content_show .leftbar h3 a{color: #fff;}
#fh5co-content_show .leftbar .menu-bot img{max-width: 100%}
#fh5co-content_show .submenu{background: #f8f8f8;}
#fh5co-content_show .submenu li{font-size: 14px;padding: 0;margin: 0}
#fh5co-content_show .submenu li:last-child{border-bottom: none}
#fh5co-content_show .submenu li a{height: 40px;line-height: 40px;display: block;color: #6f6f6f;background: #F1F1F1 url(../images/add1.jpg) no-repeat 10px center;padding: 0 0 0 35px;margin-top: 5px;font-weight: bold;}
#fh5co-content_show .submenu li.active a{background: #EF1B24 url(../images/add2.jpg) no-repeat 10px center;color: #fff;}
#fh5co-content_show .contact-boxss p{margin-bottom: 6px}
#fh5co-content_show .contact-boxss em{color: #8cc53e;font-size: 16px;}
#fh5co-content_show .solution-boxs .item{border-bottom: 1px solid #ddd;padding-bottom: 15px;margin-bottom: 15px;}
#fh5co-content_show .product-detail{padding: 0px 0 30px;background: #fff}
#fh5co-content_show .product-detail img{max-width: 100%;overflow: hidden;vertical-align: middle;margin: 11px 0;}
#fh5co-content_show .product-detail .content-img img{margin: 0px 0 11px;}
#fh5co-content_show .product-detail .content-img{overflow: hidden;width: 96%}
#fh5co-content_show .product-detail .content-img img{width: 100%;overflow: hidden;vertical-align: middle;}
#fh5co-content_show .product-detail h1{border-bottom: 1px solid #ddd;color: #000;font-size: 18px;line-height: 33px;padding-bottom: 6px;}
#fh5co-content_show .product-detail .p_desc{color: #999;line-height: 24px;padding: 15px 0 0px;font-size: 12px;}
#fh5co-content_show .product-detail .kefu_bnts{background: #279a54;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: #1A3B73;}
#fh5co-content_show .product-detail .description{line-height: 28px;font-size: 14px;}
#fh5co-content_show .product-detail .description p{line-height: 28px;}
#fh5co-content_show .product-detail .detail-title{border-bottom: 1px solid #ddd;position: relative;height: 39px;}
#fh5co-content_show .product-detail .detail-title h2{background: #fff;color: #555;cursor: pointer;display: inline-block;font-size: 16px;height: 38px;line-height: 38px;text-align: center;width: 156px;border-left: 1px solid #ddd;border-right: 1px solid #ddd;border-top: 1px solid #ddd;border-bottom: 1px solid #fff;position: absolute;left: 0;top: 1px;font-weight: bold}
#fh5co-content_show .product-detail table td{text-align: center}
#fh5co-content_show .product-detail #quirydialog{display: none;}
#quirydialog .qdialog-head{font-size: 16px;border-bottom: 1px solid #ddd;padding-bottom: 7px;margin-bottom: 20px;width: 900px;padding-right: 10px;}
#quirydialog .field{padding-right: 10px;}
#fh5co-content_show .abouxboxs img{float: right;margin: 10px 0 0 22px;max-width: 1200px;}
#fh5co-content_show .contactboxs h2{color: #333;font-weight: bold;font-family: Georgia;font-size: 34px;padding: 15px 0;line-height: 1.1}
#fh5co-content_show .contactboxs p{font-size: 16px;font-family: Georgia;}
/*Rec Products*/#fh5co-content_show .Related-products h3{font-size: 20px;color: #444;margin-bottom: 20px;}
#fh5co-content_show .Related-products .show-list a{border: 1px solid #e6e6e6;display: block}
#fh5co-content_show .Related-products .show-list a h3{font-size: 12px;margin-top: 10px;}
#fh5co-content_show .Related-products .show-list a:hover h3{color: #1A3B73;}
/*pager*/.table span{margin-right: 10px;}
.content_detail .pager{font-size: 14px;}
.content_detail .pager a{border: none;color: #666;}
.content_detail .pager a:focus, .content_detail .pager a:hover{color: #1A3B73;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: #00aaee;color: #fff; border-radius: 0;}
#fh5co-content_show .pagination .active a{color: #fff}
#fh5co-content_show video{max-width: 100%}
#fh5co-content_show .pagination li.thisclass{width: 33px;height: 36px;line-height: 36px;background: #1a3b73;color: #fff;}
/*article*/#fh5co-content_show .article-media li{border-bottom: 1px dashed #E0E0E0;padding: 5px 5% 15px 0;
    width: 45%;
    float: left;}
#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: 230px;margin-right: 20px;}
.article-media .media .media_img img{width: 230px;}
.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: #aaa;font-size: 12px;display: inline-block;margin-top: 3px;}
.article-media .media-body h3{font-size: 16px;margin-bottom: 5px;font-weight: bold}
.article-media .media-body h3 a{color: #333;font-size: 16px;line-height: 100%;}
.article-media .media-body h3 a:hover{color: #0ae;}
.article-media .media-body p.desc{color: #666;line-height: 20px;}
.article-media .media-body p.more{margin-top: 12px;}
.article-media .media-body p.more a{font-size: 12px;display: inline-block;padding: 0 13px;height: 34px;line-height: 34px;background: #e1e1e1;border-radius: 6px;color: #666}
.article-media .media-body p.more a:hover{background: #0ae;color: #fff}
/*inner banner*/.slideimg img{width: 100%}
.slideshow{height: 170px;overflow: hidden;background-repeat: no-repeat;background-position: center center;background-size: cover;}
.slideshow .container{position: relative;height: 100%}
.slideshow h3{position: absolute;top: 53%;color: #fff;font-size: 30px;height: 30px;left: 0;right: 148px;}
.slideshow h3 a{color: #fff;}
/*service*/.SonlineBox{width: 139px;font-size: 12px;overflow: hidden;z-index: 6;}
.SonlineBox .openTrigger{width: 31px;height: 130px;position: absolute;top: 0px;z-index: 1;cursor: pointer;background: #1A3B73 url(../images/greenopen.jpg) no-repeat;}
.SonlineBox .titleBox{width: 135px;height: 35px;line-height: 35px;background: #1A3B73;border-bottom: 2px solid #1A3B73;}
.SonlineBox .titleBox span{margin-left: 5px;color: #fff;font-size: 12px;}
.SonlineBox .contentBoxC{width: 135px;/*height:335px;*/border: 2px solid #1A3B73;background: #ffffff
/* url(../images/greenbg.jpg) no-repeat*/;position: absolute;z-index: 2;}
.SonlineBox .contentBoxC .closeTrigger{width: 25px;height: 25px;display: block;cursor: pointer;position: absolute;top: 5px;right: 5px;-webkit-transition: all 0.8s ease-out;}
.SonlineBox .contentBoxC .closeTrigger:hover{-webkit-transform: scale(1) rotate(360deg);}
.SonlineBox .contentBoxC .listBox{overflow: hidden;margin-bottom: 10px;}
.SonlineBox .contentBoxC .listBox .Tlist{display: block;width: 86%;height: 22px;margin: 10px auto 0px auto;text-align: center;}
.SonlineBox .contentBoxC .listBox .Tlist span{float: left;line-height: 22px;}
.SonlineBox .contentBoxC .listBox .Tlist a{/*float:left;*/}
.SonlineBox .contentBoxC .listBox .WWList{line-height: 18px;height: 18px;}
.SonlineBox .contentBoxC .listBox .SkypeList{line-height: 23px;height: 23px;}
.SonlineBox .contentBoxC .otherBox{clear: both;height: 115px;text-align: center;}
.SonlineBox .contentBoxC .otherBox img{width: 105px;height: 105px;}
.SonlineBox .contentBoxC .telBox{display: block;padding: 36px 0 10px 0;color: #333;font-size: 12px;line-height: 26px;background: url(../images/telbg.jpg) 0 0 no-repeat;text-align: center;font-weight: bold;}
/*service end*//*bottom*/#toolbar{display: none;}
@media screen and (max-width:1199px){.flexslider .slides > li{height: 400px;}
.slideshow{height: 320px;}

#fh5co-news-list .show-list .item .list-mark .more{margin-top: 60px;}
#fh5co-news-list .show-list .item .list-mark{top: 130px;}
#fh5co-about-us .show-list .intro{max-height: 320px;overflow: hidden}
footer .footer-top{background: #272727}} @media screen and (max-width:1000px){#quirydialog .qdialog-head{width: 600px}

.flexslider .slides > li{height: 350px;}
.slideshow{height: 280px;}
.article-media .media-body h3{line-height: 1.3}
#fh5co-news-list .show-list .item .list-mark .more{margin-top: 13px;}
#fh5co-news-list .show-list .item .list-mark{top: 150px;}
#fh5co-about-us .show-list .intro{max-height: 240px;}
footer .footer-bot{text-align: center;}
footer .footer-bot .Copyright{line-height: 1.6;padding-top: 7px 0 3px;text-align: center;}} @media screen and (max-width:760px){.fh5co-heading span, #fh5co-middle-list .fh5co-heading span{}
#quirydialog .qdialog-head{width: 360px}
#fh5co-offcanvas .nav{display: block;borer: none}
.fh5co-nav-toggle{display: block;}
#fh5co-header .header-box .logo{padding: 8px 0}
#fh5co-header .header-box .logo img{width: 200px;}
#fh5co-header .header-box{border: none;}
#fh5co-header .icon-navicon{position: absolute;top: 50%;right: 0px;margin-top: -10px;background: none;color: #fff;font-size: 22px;border: none;transition: none;padding: 0;}
#article-box-id #fh5co-content_show .show_content{margin-left: 0px;}
#fh5co-content_show .inner-title{padding: 30px 0 20px;}
.flex-direction-nav{display: none}
.slideshow{height: 170px;}
.flexslider .slides > li{height: 250px;}
.margin-large-bottom{margin-bottom: 20px;}
.article-media .media .media_img{width: 150px;margin-right: 12px;}
.article-media .media .media_img img{width: 150px;}
.article-media .media .time, .article-media .media .desc{display: none}
#fh5co-product-list .bg-product{padding: 35px 0 10px;}
#fh5co-product-list .show-list{padding-top: 25px;}
#fh5co-about-us .show-list .intro{max-height: 1220px;overflow: hidden}
#fh5co-news-list .show-list .item .list-mark{top: 82%;}
#fh5co-news-list .show-list .item .list-mark em{margin-top: 35px;}
#fh5co-news-list .show-list .item .list-mark .more{margin-top: 23px;}
#fh5co-news-list .bg-news{padding: 40px 0 15px;}
#fh5co-news-list .show-list{padding: 30px 0 0;}
#fh5co-content_show .abouxboxs img{float: none !important;text-align: center;max-width: 700px;width: 100%;margin: 0}
#fh5co-content_show{padding: 30px 0}
/*mobile bottom*/.blank55{height: 55px;line-height: 1px;clear: both;}
#toolbar{color: #fff;width: 100%;height: 54px;position: fixed;bottom: 0;left: 0;z-index: 8;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){#quirydialog .qdialog-head{width: auto !important}
#fh5co-header .header-box .logo{padding: 6px 0}
#fh5co-header .header-box .logo img{width: 150px;}
#fh5co-product-list .tab .tab-nav li a{padding: 0 10px;margin: 0 3px;}
.fh5co-nav-toggle{top: 13px;}
#fh5co-content_show .detail h1{font-size: 16px;font-weight: bold;margin: 0}
#fh5co-content_show .qhd-title span{font-size: 12px;}
.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}
.slideshow{height: 120px;}
.flex-control-nav{display: none}
.flexslider .slides > li{height: 170px;}
#fh5co-news-list .show-list .item .list-mark{top: 75%;}
#fh5co-news-list .show-list .item .list-mark .more{margin-top: 15px;}} @media screen and (max-width:420px){.show-product .xl6{width: 100% !important}}
/* inner end*//* ======go to top ======*/
.backToTop{display: none;width: 35px;height: 35px;position: fixed;_position: absolute;right: 5px;bottom: 60px;_bottom: "auto";cursor: pointer;z-index: 9;background: #666 url(../images/icon-gotop-fixed.png) no-repeat center center;}
.backToTop:hover{background-color: #000;}