body{font-size:12px;line-height: 1.7;color: #666;background: #fff;height: 100%;position: relative; }
p{ margin:0}
h1, h2, h3, h4, h5, h6, figure{color: #333;font-weight: 400;}
::-webkit-selection{color: #fff;background: #3d69b2;}
::-moz-selection{color: #fff;background: #3d69b2;}
::selection{color: #fff;background: #3d69b2;}
.margin-big-middle-top{ margin-top:70px;}
.text-lowercase {text-transform: lowercase;}
.text-uppercase, .initialism {text-transform: uppercase;}
.text-capitalize {text-transform: capitalize;}
a{color:#666;text-decoration:none}
a:focus,a:hover{color:#00A639;transition:none}
h2,h3{ font-size:30px; line-height:100%}
ul,li{ margin:0; padding:0; list-style:none}
/* .container{ max-width:1180px;} */
.container-layout{ max-width:520px;}
.container-banner{margin:0 auto;max-width:900px;}

.line-large{margin-left:-20px;margin-right:-20px}
.line-large .x1,.line-large .x2,.line-large .x3,.line-large .x4,.line-large .x5,.line-large .x6,.line-large .x7,.line-large .x8,.line-large .x9,.line-large .x10,.line-large .x11,.line-large .x12,.line-large .xl1,.line-large .xl2,.line-large .xl3,.line-large .xl4,.line-large .xl5,.line-large .xl6,.line-large .xl7,.line-large .xl8,.line-large .xl9,.line-large .xl10,.line-large .xl11,.line-large .xl12,.line-large .xs1,.line-large .xs2,.line-large .xs3,.line-large .xs4,.line-large .xs5,.line-large .xs6,.line-large .xs7,.line-large .xs8,.line-large .xs9,.line-large .xs10,.line-large .xs11,.line-large .xs12,.line-large .xm1,.line-large .xm2,.line-large .xm3,.line-large .xm4,.line-large .xm5,.line-large .xm6,.line-large .xm7,.line-large .xm8,.line-large .xm9,.line-large .xm10,.line-large .xm11,.line-large .xm12,.line-large .xb1,.line-large .xb2,.line-large .xb3,.line-large .xb4,.line-large .xb5,.line-large .xb6,.line-large .xb7,.line-large .xb8,.line-large .xb9,.line-large .xb10,.line-large .xb11,.line-large .xb12{position:relative;min-height:1px;padding-right:20px;padding-left:20px}

.none{ display:none}
.bg-gray{background:#f4f4f4}
.bg-main{background:#025EC8}
.bg-hr{background:#e2e2e2}
.bg-red{background:#FD212B}
.bg-case{background: url("/media/img/firefox/home/whats-new-tail.a56d54a30f98.png") top -300px center no-repeat,linear-gradient(to right,#00feff 0,#10fcb2 65%,#00D94B 100%);}

/* 项目 */
.project hr{height:2px;width:30px}
.project .content{padding:40px 60px 40px 40px;}
.project .content h2{font-size:24px;color:#333;margin-bottom:20px;line-height:30px}
.project .content .text-big{font-size:14px;line-height:30px}

.bg-project{background:url(../images/bg-project.jpg) repeat-x top}

.button.border-red:hover,.button.border-red:focus,.button.bg-red:hover,.button.bg-red:focus {color:#fff;border-color:#FD535B;background-color:#FD535B}
.text-gray{color:#ccc}
.overflow-x{overflow-x:auto}

/*  
.table td {
	border-top:1px solid #EEE;
	padding:8px 0;
	vertical-align:top
}
.border-top{border-top:1px solid #EBEBEB}
.border-bottom{border-bottom:1px solid #EBEBEB}
*/

.border-top{border-top:1px solid #F2F2F2}
.border-bottom{border-bottom:1px solid #F2F2F2}
.text-main{color:#33cc66}
.text-black{color:#333}
.text-gray{color:#999}

.blank{height:10px; line-height:10px; clear:both; font-size:0;}
.blank-small{height:20px; line-height:20px; clear:both; font-size:0;}
.blank-middle{ height:40px; line-height:40px; clear:both; font-size:0;}
.blank-big{ height:80px; line-height:80px; clear:both; font-size:0;}
.blank-large{ height:100px; line-height:100px; clear:both; font-size:0;}

.heading hr{margin:20px auto 15px auto;width:50px;height:3px}
.heading h2{font-size:30px;font-weight:700}
.heading p{font-size:14px;line-height:28px;}

#fh5co-page{position: relative;z-index: 2;background:#fff;overflow-x: hidden;}

/* 图片高度不一解决办法 */
.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:65%;}

/*PC导航 begin*/
.header-box.fixed.fixed-top {background: #fff;width: 100%;z-index: 119999;box-shadow: 0 0 10px rgba(0, 0, 0, 0.15);}
#fh5co-header{ position:relative;z-index: 119998;background: #FFF;box-shadow: 0 0 10px rgba(0, 0, 0, 0.15); }
#fh5co-header .header-box .logo{ padding:10px 0 10px 20px}
#fh5co-header .header-box .logo img{ max-width:100%}
#fh5co-header .nav li{}
#fh5co-header .nav li a{color:#3e3e3e;font-size:16px;line-height:90px;position:relative;padding:0 10px; font-weight:normal;letter-spacing:normal;}
#fh5co-header .nav li.active a,#fh5co-header .nav li a:hover,#fh5co-header .nav li:hover a.first-level{color:#00A639;background:#fff}
#fh5co-header .nav li.last a{}

#fh5co-header .nav li a .downward{ display:none}
#fh5co-header .nav li ul{left:-30px;border-radius:0;margin:0;padding:0;z-index:4;top:90px;border:0;}
#fh5co-header .nav li ul:before{position: absolute;top: -7px;left:69px;display:inline-block;border-right: 7px solid transparent;border-bottom: 7px solid #00A639;border-left: 7px solid transparent;border-bottom-color: rgba(0,0,0,0.2);content: '';}
#fh5co-header .nav li ul:after{position: absolute;top: -6px;left: 70px;display:inline-block;border-right: 6px solid transparent;border-bottom: 6px solid #00A639;border-left: 6px solid transparent;content: ''; }

#fh5co-header .nav li ul li{margin:0;padding:0;height:auto;display:block;height:auto;}
#fh5co-header .nav li ul li a{background:#00A639;font-size:14px;color:#fff;display:block;width:100%;line-height:48px;margin:0;text-align: left;text-indent:0;transition:.5s;-moz-transition:.5s;-webkit-transition:.5s;-o-transition:.5s;white-space: nowrap;border-bottom:1px solid #00AD3D}
#fh5co-header .nav li ul li:last-child a{border-bottom:0px solid #3AAEE1}
#fh5co-header .nav li.active ul li a{color:#fff;}
#fh5co-header .navbar-body .nav li.current ul li a{border-top:0}
#fh5co-header .nav li ul li a:hover{background:#00BF42;color:#fff;text-indent:10px;transition:.5s;-moz-transition:.5s;-webkit-transition:.5s;-o-transition:.5s; }
#fh5co-header .nav li ul li ul{top:0}

#fh5co-header .ico-search{margin:29px 10px 0 40px;}
#fh5co-header .ico-search a{ display:inline-block;}
/*PC导航 end*/

/*手机版顶部导航 begin */
#fh5co-offcanvas, .fh5co-nav-toggle, #fh5co-page{}
#fh5co-offcanvas, .fh5co-nav-toggle, #fh5co-page{position: relative;}
#fh5co-page{z-index: 2;}
.offcanvas-visible #fh5co-page{-moz-transform: translateX(-275px);-webkit-transform: translateX(-275px);-ms-transform: translateX(-275px);-o-transform: translateX(-275px);transform: translateX(-275px);}
#fh5co-offcanvas{display: none;height: 100%;right: 0;overflow-y: auto;position: fixed;z-index: 1;top: 0;width: 275px;background:#333 ;padding: 0px 0px 0px 0px; border:0;}
#fh5co-offcanvas ul{padding: 0;margin: 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{background: #383838 }
#fh5co-offcanvas ul li a{font-size: 16px;color: #E9F4FF;text-decoration: none !important; display:block;position:relative; line-height:42px; margin:0; padding:0px 0 0 20px; }
#fh5co-offcanvas ul li a:hover,#fh5co-offcanvas ul li.current a{color: #E9F4FF;}
#fh5co-offcanvas ul li a::after{ background:#383838; position:absolute;content:''; left:0px;bottom:0;right:0; height:1px;}
#fh5co-offcanvas ul li ul{margin:0;padding:0;z-index: 1999; 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:36px;}
#fh5co-offcanvas ul li ul li a,#fh5co-offcanvas ul li.current ul li a{background:#fff;color:#333;display:block;padding:5px 20px;margin:0;text-align: left; width:100%; font-size:14px; line-height:30px;}
#fh5co-offcanvas ul li ul li a:hover{background:#333;color:#E9F4FF;}
#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}
.fh5co-nav-toggle{cursor: pointer;text-decoration: none;}
.fh5co-nav-toggle.active i::before, .fh5co-nav-toggle.active i::after{background: #333;}
.fh5co-nav-toggle:hover, .fh5co-nav-toggle:focus, .fh5co-nav-toggle:active{outline: none;border-bottom: none !important;}
.fh5co-nav-toggle i{position: relative;display: -moz-inline-stack;display: inline-block;zoom: 1;*display: inline;width: 24px;height: 3px;color: #fff;font: bold 14px/.4 Helvetica;text-transform: uppercase;text-indent: -55px;background: #333;transition: all .2s ease-out;}
.fh5co-nav-toggle i::before, .fh5co-nav-toggle i::after{content: '';width: 24px;height: 3px;background: #333;position: absolute;left: 0;-webkit-transition: 0.2s;-o-transition: 0.2s;transition: 0.2s;}
.fh5co-nav-toggle i::before{top: -9px;}
.fh5co-nav-toggle i::after{bottom: -9px;}
.fh5co-nav-toggle:hover i::before{top: -9px;}
.fh5co-nav-toggle:hover i::after{bottom: -9px;}
.fh5co-nav-toggle.active i{background: transparent;}
.fh5co-nav-toggle.active i::before{top: 0;-webkit-transform: rotateZ(45deg);-moz-transform: rotateZ(45deg);-ms-transform: rotateZ(45deg);-o-transform: rotateZ(45deg);transform: rotateZ(45deg);}
.fh5co-nav-toggle.active i::after{bottom: 0;-webkit-transform: rotateZ(-45deg);-moz-transform: rotateZ(-45deg);-ms-transform: rotateZ(-45deg);-o-transform: rotateZ(-45deg);transform: rotateZ(-45deg);}
.fh5co-nav-toggle{position:absolute;top: 50%; right: 10px;z-index: 9999999;display: block;margin: -13px auto 0;display: none;cursor: pointer;}
/*手机版顶部导航 end */

/* 搜索框 begin */
.search_boxs{display:none;width:100%;height: 100%;position: fixed;top:0px;z-index:1000000; text-align:center}
.search_boxs .mask{ position:absolute; left:0;right:0; width:100%; height:100%;background:#000;opacity:0.8;}
.search_boxs a{display:block; font-size:60px; position:absolute;right:6%;width: 70px; height:70px; line-height:66px;z-index:10000001; color:#fff;top:0px;}
.search_boxs a:hover{ background:#33cc66}
.search_boxs .form-group{width:70%;max-width:720px; position:absolute;left:50%;top:40%;box-shadow:0 0px 19px 2px rgba(0, 0, 0, 0.1);transform:translate(-50%, -200%);}
.search_boxs .input{width:80%; color:#333;height:60px; line-height:60px;text-indent:15px;float:left;}
.search_boxs .button{width:20%;height:60px;line-height:60px; display:block; float:left;background:#33cc66 url(../images/ico-search-button.png) no-repeat center 50%;text-indent:-2000px}
.search_boxs .button:hover{ background:#7EC045 url(../images/ico-search-button.png) no-repeat center 50%;}
/* 搜索框 end */

/* 底部  begin*/
footer{background: #2F2F2F;}
footer a{ color:#fff;font-size:14px;}
footer a:hover{color:#fff;}
footer .foot-top { padding:60px 0 80px; }
footer .foot-top .foot-main-nav li.block-item{ float:left;}
footer .foot-top .foot-main-nav li.block-item1{ width:23%}
footer .foot-top .foot-main-nav li.block-item2{ width:25%}
footer .foot-top .foot-main-nav li.block-item3{ width:17%}
footer .foot-top .foot-main-nav li.block-item4{ width:35%;border-left:1px solid #3A3A3A}

footer .foot-top .foot-contact-info p.info{ font-size:18px; }
footer .foot-top .foot-contact-info p.foot-tel{ font-size:24px;margin:32px 0 35px;}
footer .foot-top .foot-contact-info p.online-qq{ width:160px; height:40px; line-height:40px;border-radius:25px; background:#00A639; font-size:14px; margin:12px auto 0}
footer .foot-top .foot-contact-info p.online-qq:hover{background:#7EC045}
footer .foot-top .foot-contact-info p.online-qq a{font-size:14px; display:block}

footer .foot-top .foot-brode {max-width:150px; margin-left:20px}
footer .foot-top .foot-brode p.imgs{ overflow:hidden; margin-top:3px;}
footer .foot-top .foot-brode p.imgs img{ max-width:100%}
footer .foot-top .foot-brode p.last{margin-bottom:0}

footer .foot-top h3{font-size:18px;color:#fff; height:35px; line-height:24px;}
footer .foot-top .foot-nav{ margin-top:5px;}
footer .foot-top .foot-nav li a{ line-height:28px; font-size:14px; color:#888888 }
footer .foot-top .foot-nav li a:hover{color:#FFF}
footer .foot-bot{ padding:20px 0; color:#888888;border-top:1px solid #3A3A3A}
footer .foot-bot .copyright{ padding-top:5px;}
footer .foot-bot .foot-link a{ margin:0 3px;}

/* 友情链接*/
#fh5co-friend-link{position:relative;background: url(../images/link.png) no-repeat left top;z-index:1001;width:180px;height:32px;}
#fh5co-friend-link a.golink{display:block;text-indent:-999em;width:180px;height:32px;bottom:0px;left:0;}
#fh5co-friend-link ul{border:1px solid #3a3a3a;background:#2F2F2F;border-top-left-radius:10px;border-top-right-radius:10px;border-bottom:0;bottom:10px;display: none;left: 0;overflow: hidden;padding:10px 0px 5px 0;position: absolute;min-width: 180px;}
#fh5co-friend-link ul li a{color: #888;display: block;text-align: left;padding:0 0 0 15px;font-size:12px;}
#fh5co-friend-link ul li a:hover{color: #FFF;text-decoration: none;}
/* 友情链接 end*/

/* 底部  end*/

.slides-li{width: 100%;float: left;margin-right:-100%; position: relative; display: block; z-index: 1}
.slides-text{text-indent: -2000px;font-size: 0}

.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:550px;}
.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:70px;z-index:2;width:100%;text-align:center;}
.flex-control-nav li{display:inline-block;width:10px;height:10px;margin:0 3px;*display:inline;zoom:1;}
.flex-control-nav a{display:inline-block;cursor:pointer; width:10px;height:10px;border-radius:10px;float:left;text-indent:-2000px;background:none;border:1px solid #f1f7e9}
.flex-control-nav .flex-active{background:#fff;border:1px solid transparent;}
.flex-direction-nav{position:absolute;z-index:3;width:100%;top:50%; display:none}
.flex-direction-nav li a{display:block;width:50px;height:96px;overflow:hidden;cursor:pointer;position:absolute;margin-top:-48px;text-indent:-999em}
.flex-direction-nav li a.flex-prev{left:3%;background:url(../images/left.png) 0 0 no-repeat;}
.flex-direction-nav li a.flex-next{right:3%;background:url(../images/right.png) 0 0 no-repeat;}
.flex-direction-nav li a.flex-next:hover{background:url(../images/right.png) 0 -96px no-repeat;}
.flex-direction-nav li a.flex-prev:hover{background:url(../images/left.png) 0 -96px no-repeat;}
/*首页轮换图片 end*/
#index-box-id img{ max-width:100%}

/*首页产品推荐*/
#fh5co-product-list{position:relative;}
#fh5co-product-list .bg-product{}
#fh5co-product-list .container{ padding:0 !important;}
#fh5co-product-list .show-list{ position:relative; margin:0 -10px;}
#fh5co-product-list .show-list .item{margin:0 20px; overflow:hidden;}
#fh5co-product-list .show-list .item .portfolio-img{ overflow:hidden; width:100%;}
#fh5co-product-list .show-list .item .portfolio-img img { width:100%; display: block;}
#fh5co-product-list .show-list .item h2{ font-size:14px; font-weight:normal; white-space:nowrap; margin:20px 0 5px; text-align:center;padding:0 10px}
#fh5co-product-list .show-list .item h2 a{ color:#FFF;}
#fh5co-product-list .show-list .item:hover h2 a{color: #FFF; }
#fh5co-product-list .show-list .owl-controls .owl-buttons div{position:absolute;top:25%; margin-top:0px; width:32px; height:32px; line-height:32px; font-size:0px; padding:0; margin:0; background:none; opacity:1; text-align:left; }
#fh5co-product-list .show-list .owl-controls .owl-buttons div:before{display:inline-block;font-family:"FontAwesome";font-weight:normal;font-style:normal;vertical-align:baseline;line-height:48px;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale; font-size:48px; color:#F2F2F2}
#fh5co-product-list .show-list .owl-controls .owl-buttons div:hover:before{ color:#33cc66}
#fh5co-product-list .show-list .owl-controls div.owl-prev{left:-5px; text-indent:0px; margin-right:15px; }
#fh5co-product-list .show-list .owl-controls div.owl-prev:before{content:"\f104"; }
#fh5co-product-list .show-list .owl-controls div.owl-next{right:10px;text-indent:15px; }
#fh5co-product-list .show-list .owl-controls div.owl-next:before{content:"\f105"}
#fh5co-product-list .show-list .owl-controls .owl-pagination .owl-page span{ background:#fff;border:1px solid #999; margin:30px 5px 0;display:none}
#fh5co-product-list .show-list .owl-controls .owl-pagination .owl-page.active span{ background:#999}

.data .num{ padding:0px;font-size:50px; color:#00A639; font-family:Impact;}
.data .media:hover .num{ color:#7EC045;}
.data .media-body{ font-size:16px; color:#999;}

/*首页解决方案*/

#fh5co-photo-list .bg-photo{margin-top:-80px;}
#fh5co-photo-list .show-list .media-img{ position:relative;z-index:1}
#fh5co-photo-list .show-list .media-img .overlay{ position:absolute; left:0;right:0;bottom:0; top:0; width:100%; height:100%;z-index:-1}
#fh5co-photo-list .show-list .item-block1 .media-img .overlay{ background:#66a3e0;}
#fh5co-photo-list .show-list .item-block2 .media-img .overlay{ background:#8a82fe}
#fh5co-photo-list .show-list .item-block3 .media-img .overlay{ background:#d37266}
#fh5co-photo-list .show-list .media-img:hover .overlay{opacity:0.7}

/*首页解决方案*/

#service-list {position:relative;z-index:9;}
.service {padding:0;margin-top:-50px;}
.service li{position: relative; overflow: hidden; display: block; z-index: 110;margin-bottom:10px;transition: all 220ms;}
.service li .overlay{position: absolute;width:100%; right: 0; left: 0; bottom: 0; top: 0; z-index: 10; vertical-align: middle; visibility: hidden; opacity: 0; -webkit-transition: 0.5s; -o-transition: 0.5s; transition: 0.5s;}
.service li .mask{position: absolute; right: 0; left: 0; bottom: 0; top: 0; z-index: 11; background:url(../images/title-mask-bg.png) repeat-x bottom;}
.service li .title{position: absolute; bottom:20px; left:25px; z-index: 12; display: block;}
.service li p{color:#FFF;font-size:14px;filter:alpha(opacity=80); -moz-opacity:0.8; -khtml-opacity: 0.8; opacity: 0.8;}
.service li h2{color:#FFF;font-size:24px}
.service li hr{margin:10px 0 15px 0;width:30px;height:3px}
.service li:hover{ transform: translateY(-3px);transition: all 220ms;}
.service li:hover .overlay{visibility: visible; opacity: 1;}
.service li:hover .overlay:before{content: ''; position: absolute; z-index: 1; top: 0; left: 0; bottom: 0; right: 0; background:#000;filter:alpha(opacity=60); -moz-opacity:0.6; -khtml-opacity: 0.6; opacity: 0.6;}
/*首页解决方案*/


/* 案例展示*/
.gallery {padding:0;}
.gallery li{position: relative; overflow: hidden; display: block; z-index: 110;}
.gallery li .overlay{position: absolute;width:100%;  right: 0; left: 0; bottom: 0; top: 0; z-index: 10; vertical-align: middle; visibility: hidden; opacity: 0; -webkit-transition: 0.5s; -o-transition: 0.5s; transition: 0.5s;}
.gallery li .title{position: absolute; right: 0; left: 0; bottom: 0; top: 0; z-index: 11; background:url(../images/title-mask-bg.png) repeat-x bottom;}
.gallery li .title p{position: absolute; bottom:15px; left:20px; z-index: 12; display: block;color:#fff;filter:alpha(opacity=80); -moz-opacity:0.8; -khtml-opacity: 0.8; opacity: 0.8;}
.gallery li .title .text-big{font-size:14px}
.gallery li:hover p{color:#FFF;filter:alpha(opacity=90); -moz-opacity:0.9; -khtml-opacity:0.9; opacity:0.9; -webkit-transition: 0.5s; -o-transition: 0.5s; transition: 0.5s;}
.gallery li:hover .overlay{visibility: visible; opacity: 1;}
.gallery li:hover .overlay:before{content: ''; position: absolute; z-index: 1; top: 0; left: 0; bottom: 0; right: 0; background:#000;filter:alpha(opacity=60); -moz-opacity:0.6; -khtml-opacity: 0.6; opacity: 0.6;}
.gallery .margin-large-bottom{margin-bottom:30px}
/* 案例展示 end*/

/*公司介绍*/
.about-bg{background:url(../images/wel2.jpg) center top no-repeat;height:654px;position:relative;z-index:9;}
.about-bg .radius-big-right{border-top-right-radius:2em;}
.about-info{margin-top:-30px;height:500px;padding:40px;background:#F8F8F8}
.about-info h2{font-size:18px;font-weight:700;margin:30px 0 10px 0}
.about-research{margin-top:20px}
.about-top{padding:20px 40px 30px 60px;}
.about-top p{font-size:16px;line-height:30px}
.about-top h2{font-size:24px;font-weight:700;padding:10px 0}
.about-top hr{width:40px;height:2px;margin-bottom:20px}
.about-list li{margin-bottom:40px;background:#FFF}
.about-list li .content{padding:40px 60px 40px 40px;}
.about-list li .content h2{font-size:24px;color:#333;margin-bottom:20px;line-height:30px}
.about-list li .content .text-big p{font-size:16px;line-height:30px}

.research{}
.research h2{font-size:60px}
.research h3{font-size:48px;font-family:Impact;margin:50px 0 10px 0}
.research .text-big p{font-size:16px;line-height:30px}

/* 文化  begin*/
.wenhua{padding:40px 40px 40px 60px}
.wenhua p{font-size:14px;line-height:30px}

.wenhua-photo .media-img{ position:relative;}
.wenhua-photo .media-img .title{text-align:center; z-index:99;position:absolute; top:20%; left:30px;right:30px;}
.wenhua-photo .media-img .title .ico_s{margin:0 auto 10px auto}
.wenhua-photo .media-img .title h2{font-size:20px;color:#fff;margin-bottom:10px}
.wenhua-photo .media-img .title p{font-size:16px;color:#fff}
.wenhua-photo .photo-mask-absolute{ -webkit-transition: 0.5s; -o-transition: 0.5s; transition: 0.5s; position:absolute; bottom: 0; top: 0;left:0;right:0;background:#000;z-index:9;opacity:0.05;filter(alpha=5)}
.wenhua-photo .photo-mask-absolute:hover{ opacity:0.6;filter(alpha=60); -webkit-transition: 0.5s; -o-transition: 0.5s; transition: 0.5s;}
/* 文化  end*/

/*首页活动资讯*/
#fh5co-activity-list{}
#fh5co-activity-list .item-block .item .content{padding:40px; position:relative}
#fh5co-activity-list .item-block:nth-child(1) .item .content{ background:#FFF;}
#fh5co-activity-list .item-block:nth-child(2) .item .content{ background:#FFF}
#fh5co-activity-list .item-block:nth-child(3) .item .content{ background:#FFF}
#fh5co-activity-list .item-block .item .media-img{ position:relative}
#fh5co-activity-list .item-block .item .media-img:after{content: '';position: absolute;width:10px; margin-left:-5px;left: 50%;display: inline-block;}
#fh5co-activity-list .item-block:nth-child(1) .item .media-img:after{top:0px; border-right: 10px solid transparent;border-top: 10px solid #FFF;border-left: 10px solid transparent;border-bottom: none; }
#fh5co-activity-list .item-block:nth-child(2) .item .media-img:after{bottom:0px; border-right: 10px solid transparent;border-bottom: 8px solid #FFF;border-left: 10px solid transparent; }
#fh5co-activity-list .item-block:nth-child(3) .item .media-img:after{top:0px; border-right: 10px solid transparent;border-top: 10px solid #FFF;border-left: 10px solid transparent; }
#fh5co-activity-list .item-block .item h3{font-size:18px;padding-bottom:15px;line-height:24px}
#fh5co-activity-list .item-block .item h3 a{color:#333;}
#fh5co-activity-list .item-block .item h3 a:hover{color:#00A639}
#fh5co-activity-list .item-block .item .desc{ color:#666; line-height:24px;font-size:14px}
#fh5co-activity-list .item-block .item .time{ position:absolute; bottom:40px; left:40px; }
#fh5co-activity-list .item-block .item .more{ position:absolute; bottom:40px; left:0; right:0; width:120px; height:40px; text-align:center; margin:0 auto}
#fh5co-activity-list .item-block .item .more a{ display:inline-block; margin:0 auto; width:120px; height:40px; line-height:40px; background:#fff;border-radius:25px; color:#333; font-size:14px; text-align:center}
#fh5co-activity-list .item-block .item .more a:hover{ color:#333;background:#F0D324;}

/* 服务保障  begin*/
#fh5co-service-list .bg-service{padding:0;background:url(../images/id15.jpg) no-repeat bottom;height:450px}
#fh5co-service-list .idea-service{padding:0;background:url(../images/res7.jpg) no-repeat bottom;height:650px}

#fh5co-service-list .item .media-img{ position:relative;margin:0 auto;}
#fh5co-service-list .item h3{font-size:24px; line-height:24px; color:#FFF; margin:20px 0 20px; white-space:nowrap; overflow:hidden}
#fh5co-service-list .item .desc{ color:#F2F2F2; font-size:14px; line-height:150%;overflow:hidden;padding:0 20px}
#fh5co-service-list .item:hover a h3{color:#E14337}
#fh5co-service-list .item:hover a .desc{ color:#999}
/* 服务保障 end*/

/* 图片文字交叉 begin */
.image-text li .text{display:block;width:60%;overflow:hidden;}
.image-text li .text h2{font-size:24px;font-weight:bold;color:#333;padding-left:15px;padding-bottom:15px;margin-bottom:5px;line-height:24px;background:url(../images/h2-bg.png) no-repeat 0 2px;}
.image-text li .text h3{font-size:20px;font-weight:bold;color:#3E3E3E;text-indent:20px;line-height:24px;background:url(../images/h3-bg.png) no-repeat 0 50%;}
.image-text li .text h4{color:#666;font-size:14px}
.image-text li .text .text-big{font-size:14px;line-height:30px;text-indent:30px}
.image-text li .content{padding:40px;}
.image-text p{line-height:30px}
.image-text li .thumb{display:block;width:40%;overflow:hidden;}
.image-text li .thumb img{display:block;transition:transform 1s ease 0s;transform: scale(1);overflow:hidden}
.image-text li .thumb img:hover{transition: transform 1s ease 0s;transform: scale(1.1);}
.image-text li:nth-child(2n+0) .text{float:right}
.image-text li:nth-child(2n+0) .thumb{float:left}
.image-text li:nth-child(2n+1) .text{float:left}
.image-text li:nth-child(2n+1) .thumb{float:right}
/* 图片文字交叉 end */

/* 新闻列表 */
.news-list .padding-large{padding:20px 40px 20px 40px}
.news-list strong a{font-size:24px;line-height:28px;font-weight:normal}

/* 新闻列表 beign*/
.list-group{padding-left:60px}
.list-group,.list-link{border:0}
.list-group li,.list-link a{display:block;border-bottom:solid 1px #EEE;transition:all 1s cubic-bezier(.175,.885,.32,1) 0s}
.list-link .padding{padding:10px 0}
.list-link a:hover{background-color:#F4F4F4;transition:all .3s cubic-bezier(.175,.885,.32,1) 0s}
.list-link span{color:#666}
.list-link a:hover i,.list-link a:hover span{color:#7EC045}
.list-link a:last-child{border-bottom:1px solid #EEE}
/* 新闻列表 end*/

.por {
    position: relative;
	margin:0 auto;
	height:300px;
	width:656px
}
.poa {
    position: absolute;
}

/* 右边-文章详细页 */
.article{padding:50px 30px 0 30px;}
.article h1{font-size:28px;font-weight:700;padding-bottom:20px}
.article h2{font-size:20px;color:#333;font-weight:600;line-height:36px;margin-bottom:20px;margin-top:35px;padding-bottom:12px;border-bottom:1px solid #ECECEC}
.article h3{font-size:18px;color:#333;font-weight:600;line-height:26px;margin-bottom:20px;margin-top:35px;}
.article h4{color:#666;font-size:14px;margin-bottom:10px}
.article li{background:url(../images/li.png) no-repeat 0px 9px;padding-left:15px;margin-bottom:10px;line-height:24px;font-size:16px}
.article table{width:100%;max-width:100%;border-collapse:collapse;border-spacing:0;margin-bottom:20px}
.article table td p{font-size:14px;padding:5px;line-height:24px}
.article p{font-size:16px;line-height:30px}
.article img{margin:10px 0 35px 0}
.apply li{background:url(../images/li-dot.png) no-repeat 0px 50%;padding-left:12px;}

/* 内页导航 */
.nav-inside{background-color:#FFF;height: 100%;width:100%;height:62px;border-bottom:1px solid #e2e2e2}
.nav-inside .right-menu h3{ display:none}
.nav-inside ul.nav{ padding:0; margin:0;font-size:0;-webkit-text-size-adjust:none;}
.nav-inside li{display:inline-block}
.nav-inside li a{color: #666;text-align:center;display: block;font-size: 16px;line-height:60px;padding:0;border-right:0px solid #e4e4e4;margin:0}
.nav-inside li:last-child a{border-right:0}
.nav-inside li a:hover{color: #00A639;}
.nav-inside li a.active{color: #00A639;border-bottom:2px solid #00A639}
.nav-inside .li-col-3{width:15%}
.nav-inside .li-col-5{width:12%}
/* 内页导航end */

.product .media{box-shadow:0 1px 3px rgba(0,0,0,.075); -webkit-transition: 0.5s; -o-transition: 0.5s; transition: 0.5s;}
.product .media:hover{box-shadow:0 8px 10px rgba(0,0,0,.175);}
.product .media:hover a{color:#025EC8}
.product .media-body strong{line-height:50px;height:50px;font-weight:normal;font-size:14px;padding:0 10px}
.product .media-body span{font-size:20px;margin-top:5px}

/*分页 begin*/
.pagination li {margin:5px;font-size:14px;background:#FFF;border-radius:3px;border:1px solid #00A639;}
.pagination li a{padding:6px 10px;border:0;color:#999}
.pagination .disabled{padding:4px 10px;color:#999}
.pagination .current{padding:5px 13px;background:#00A639;color:#fff;border:0}
.pagination .active a:hover, .pagination a:hover{ background:#00A639;color:#fff;border-radius:0;border:0;}
/*分页 end*/

/* 内容 */

/* 商品详细页 =============================================================================================begin*/
.bg-goods{background:url(../images/prlist-bg.jpg) no-repeat;}
.bg-goods .padding-large{padding:50px 20px;}
.goods {overflow:hidden;}
.goods h1{font-size:32px;color:#025EC8;line-height:38px}
.goods p{line-height:30px;font-size:16px}
.fancybox-img{width:60px;height:auto;margin-right:10px}

.tab-margin{position:relative;margin-top:-50px;}

.tab-head{
	border-radius:0;
	font-size: 0;
    -webkit-text-size-adjust:none;
	width:50%;
}

.tab .tab-nav li {
	display:inline-block;
	width:40%;
	margin-right:2px;
}
.tab .tab-nav li:last-child{margin-right:0px}
.tab .tab-nav li a {
	color:#FFF;
	padding:14px 0;
	display:block;
	line-height:22px;
	border:0;
	border-radius:4px 4px 0 0;
	font-size:18px;
	text-align:center;
	background:#908E8A;	
	border-bottom:1px solid #FFF
}
.tab .tab-nav .active {
	border-radius:4px 4px 0 0;
	
}
.tab .tab-nav .active a {
	cursor:default;
	color:#025EC8;
	background:#FFF;	
	border-bottom:1px solid #FFF;
}

.tab .tab-nav li a,.tab .tab-nav .active a:focus { 
outline: none; 
} 

.tab .tab-body {
	padding:0 0;
	border-radius:0 0 0 0;
	border:0
}


/* 放大镜 begin */
#showArea a{display:inline-block;width:80px;margin:0 6px;border:2px solid #FFF}
#showArea a:hover{border:2px solid #424242}
#showArea img{cursor:pointer;display:block;width:80px}
/* #showArea img:hover{ filter:alpha(opacity=90); -moz-opacity:0.9; -khtml-opacity: 0.9; opacity: 0.9;} */
#main_img{cursor:pointer;display:block}
#showArea{overflow:hidden;}
/* 放大镜 end */

/* 折叠 begin**/
.collapse{width:100%;border-bottom:1px solid #e1e1e1}
.collapse .head{height:44px;line-height:44px;font-size:14px;color:#666;cursor:pointer;border-top:1px solid #e1e1e1;position:relative;background:url(../images/ico_jia.png) center right no-repeat}
.collapse .current{background:url(../images/ico_jian.png) center right no-repeat;border-bottom:0;color:#222}
.collapse .cbody{overflow:hidden}
.collapse .cbody strong{color:#000}
/* 折叠 end*/

/* 商品详细页 ===================================================================================================end*/

/* 路径 */
.bg-bread{background:url(../images/ir-topic.jpg) center no-repeat}
.bread{height:60px;font-size:14px;line-height:60px;color:#ccc;margin:0;padding:0 0 0 5px;}
.bread a{color:#999;font-size:14px}
.bread li{display:inline-BDBDBD;}
.bread li:after{content:"\002f";padding:0 10px;color:#ccc}
.bread li:last-child:after{content:""}

/* 联系我们 */
.contact{padding:28px 50px;border:1px solid #E2E2E2}
.contact .text-large{font-size:36px}
.contact strong{font-size:18px;font-weight:normal;color:#333;}
.contact hr{background:#EBEBEB}
.contact hr:last-child{background:none}
.contact p{font-size:16px;line-height:28px}
.contact .brode{}
.map{width:100%;height:392px;border:#E2E2E2 solid 1px;border-right:0}

.feedback{padding:20px 40px}
.feedback p{font-size:14px;line-height:28px}

/* 全局-表单begin */
.form-big .input{
	padding:10px 10px;
	font-size:14px;
	line-height:20px;
	height:40px;
	color:#999;
	border:1px solid #ccc
}
.form-big .textarea{padding:10px;line-height:20px;width:100%;font-size:14px;border:1px solid #ccc}

/* 全局-表单end */

/* 百度分享 */
#share-button{line-height:32px;height:32px;width:114px;margin:0 auto}
#share-button a{display: inline-block;width:32px;height:32px;margin:0 3px;background:url(../images/share-icon.png) no-repeat;cursor:pointer;text-indent:-100em;overflow:hidden;opacity:0.8;}
#share-button a.bds_sqq{transition:all .2s;background-position:0 0;}
#share-button a.bds_sqq:hover{background-position:0 0;opacity:1;}
#share-button a.bds_qzone{transition:all .2s;background-position:0 -32px;}
#share-button a.bds_qzone:hover{background-position:0 -32px;opacity:1}
#share-button a.bds_weixin{transition:all .2s;background-position:0 -64px;}
#share-button a.bds_weixin:hover{background-position:0 -64px;opacity:1;}
#share-button a.bds_tsina{transition:all .2s;background-position:0 -96px;}
#share-button a.bds_tsina:hover{background-position:0 -96px;opacity:1}

.slide-inside{height:380px;background-repeat:no-repeat;background-position: center center;background-size:cover;position:relative;z-index:1;}
.slide-inside h3{line-height:370px;font-size:42px;text-indent:50px;color:#fff;text-shadow: #72552B 1px 1px 2px;font-weight:bold}

/* ======置顶 ======
.backToTop{display: none;border-radius:4px;width:40px;height:40px;position: fixed;_position: absolute;right: 10px;bottom: 60px;_bottom: "auto";cursor:pointer;z-index:9;background:#025EC8 url(../images/icon-gotop-fixed.png) no-repeat center center;}
.backToTop:hover{background-color:#0276FA;}
*/

/* 在线客服代码 begin*/
.waiter-online{position: fixed; right: 0px; top:50%; margin-top: -90px; width: 60px;box-shadow: 0px 0px 20px rgba(0,0,0,.3); z-index: 999;}
.waiter-ul li{position: relative; height: 60px; line-height:60px; border-bottom: 1px solid #fff;}
.waiter-ul li a{ position: absolute; left: 0; top: 0; z-index: 2; color: #fff; display: block; width: 60px; height: 60px; line-height:60px; text-align: center; -webkit-transition:all 0.6s;-ms-transition:all 0.6s;-moz-transition:all 0.6s; text-decoration: none;}
.waiter-title{position: absolute; left: 0px; bottom: 1px; color: #fff; width: 80px; height: 40px; line-height: 40px; text-align: center;-webkit-transition:all 0.6s;-ms-transition:all 0.6s;-moz-transition:all 0.6s; background-color: #fff; box-shadow: 0px 0px 10px rgba(0,0,0,.3); z-index: 1; opacity: 0;}
.waiter-title:before{content: ''; display: block; width: 10px; height: 10px; position: absolute; right: -5px; top: 14px; background-color:#fff; transform:rotate(45deg);}
.waiter-ul li:hover .waiter-title{left: -88px; opacity: 1;}

.waiter-ul li.qq-online a{background-image: -webkit-linear-gradient(left, #f60, #ffb443);background-image: -moz-linear-gradient(left, #f60, #ffb443);background-image: -ms-linear-gradient(left, #f60, #ffb443);}
.waiter-ul li.qq-online .waiter-title{background-color:#f60; }
.waiter-ul li.qq-online .waiter-title:before{background-color:#f60; }

.waiter-ul li.ali-online a{background-image: -webkit-linear-gradient(left, #00b7ee, #55d8ff);background-image: -moz-linear-gradient(left, #00b7ee, #55d8ff);background-image: -ms-linear-gradient(left, #00b7ee, #55d8ff);}
.waiter-ul li.ali-online .waiter-title{background-color:#00b7ee; }
.waiter-ul li.ali-online .waiter-title:before{background-color:#00b7ee; }

.waiter-ul li.stroll-top a{background-image: -webkit-linear-gradient(left, #333, #666);background-image: -moz-linear-gradient(left, #333, #666);background-image: -ms-linear-gradient(left, #333, #666);}
.waiter-ul li.stroll-top .waiter-title{background-color:#333; }
.waiter-ul li.stroll-top .waiter-title:before{background-color:#333; }
/* 在线客服代码 end*/


/*手机底部导航*/
#toolbar{ display:none;}

@media screen and (max-width:1199px) {
#fh5co-header .nav li a{padding:0 19px;}
}

@media screen and (max-width:1000px) {
#fh5co-header .header-box .logo{ padding:25px 0 0px 0px}
#fh5co-header .nav li a{padding:0 13px;}
#fh5co-header .ico-search{margin:34px 0 0 5px;}
#fh5co-header .ico-search a{ margin-left:2px;}
#fh5co-header .nav li ul{ left:-28px;}

}
@media screen and (max-width:760px) {	

.goods h1{font-size:24px;line-height:30px}
.apply li{background:url(../images/li-dot.png) no-repeat 0px 12px;padding-left:12px;}
.tab-head{border-radius:0;font-size: 0;-webkit-text-size-adjust:none;width:100%}
.tab .tab-nav li {display:inline-block;width:48%;margin-right:0}
.bg-goods .padding-large{padding:20px 0 50px 0;}

#fh5co-product-list .show-list{margin:0;}
#fh5co-product-list .show-list .item h2{ font-size:14px; margin:15px 0 5px; }
#fh5co-offcanvas,#fh5co-offcanvas .nav{display: block;borer:none}
#fh5co-header .header-box .logo{ padding:5px 0px}
#fh5co-header .logo img{height:40px}
#fh5co-header .ico-search{margin:16px 50px 0 0;}
.slide-inside{height:180px;}
.slide-inside h3{line-height:160px;font-size:28px;text-indent:10px;}

.bread {line-height:36px;height:36px;font-size:12px}
.research h2{font-size:48px}
.research h3{font-size:36px;margin:20px 0 20px 0}

.image-text li .text,.image-text li .thumb{ display:block; width:100%; overflow:hidden;}
.image-text li .text h2{font-size:20px;line-height:20px;}
.image-text li .text h3{font-size:16px;text-indent:20px;line-height:20px;}
.image-text li .text h4{color:#666;font-size:14px}
.image-text li .text .text-big{font-size:14px}
.image-text li .padding-large{padding:10px}

#fh5co-activity-list .item-block .item .content{padding:20px 10px;}
.about-info{padding:20px 10px;}
.service {margin-top:10px;}
.flexslider .slides > li{height:250px;}

/* 新闻列表 */
.news-list strong a{font-size:18px;line-height:20px}
.article,.news-list .padding-large{padding:10px}
.list-link .padding{padding:8px 0}
.list-link .text-big{font-size:14px}
.list-link .text-default{font-size:12px}

.gallery .margin-large-bottom{margin-bottom:10px}

.article{padding:30px 10px;}
.article h1{font-size:24px;padding-bottom:0px}
.article h2{font-size:18px;line-height:22px;margin-bottom:15px;margin-top:25px;padding-bottom:12px;border-bottom:1px solid #ECECEC}
.article h3{font-size:16px;line-height:20px;margin-bottom:15px;margin-top:25px;}


/*分页 begin*/
.pagination li {margin:0 5px;font-size:12px;border-radius:3px;border:1px solid #33cc66;box-shadow:0 1px 2px rgba(0,0,0,.2);}
.pagination li a{padding:3px 10px;}
.pagination .disabled{padding:2px 10px;}
.pagination .current{padding:3px 11px;}
/*分页 end*/

.fh5co-nav-toggle{display: block;}
.flex-control-nav{bottom:10px}

.nav-inside{height:42px;border-bottom:0 solid #E2E2E2;padding:0;margin:0;width: 100%;  position:relative;z-index:200000}
.nav-inside .container{padding:0;margin:0}
.nav-inside ul.nav{ clear:both;text-align:center }
.nav-inside li{ float:none !important; width:100%;}
.nav-inside li a{ display:block; width:100%;border-bottom:1px solid #43403d}
.nav-inside .right-menu{background:#383838; }
.nav-inside .right-menu h3{ display:block; float:right; width:50%; background:#00A639; height:42px; line-height:42px; text-align:center; color:#fff; font-size:18px;}
.nav-inside .right-menu button{z-index:9999999;float:left; width:50%; height:42px; line-height:42px; padding:0; margin:0;border:none;border-radius:0; background:#383838; color:#fff; font-size:20px; text-align:left; text-indent:12px;}
.nav-inside .right-menu span{font-size:18px;padding-left:10px;}
.nav-inside li a{background-color: #383838;font-size: 16px;line-height:42px;padding:0;}
.nav-inside li a:hover{color: #666;}
.nav-inside li a.active{color: #666;border-bottom:1px solid #43403d}
.nav-inside .li-col-3{width:100%}
.nav-inside .li-col-5{width:100%}

.product .media{box-shadow:0 1px 2px rgba(0,0,0,.08); }
.product .media-body strong{line-height:40px;height:40px;font-size:14px}
.product .media-body span{font-size:18px;margin-top:5px}

.about-top,.about-list li .content,.image-text li .content{padding:10px;}

.heading hr{margin:10px auto;width:40px;height:2px}
.heading h2{font-size:24px;font-weight:400}
.heading p{font-size:14px;line-height:20px;}

footer{padding:30px 0}
footer .foot-bot{border-top:0px solid #3A3A3A}
footer .foot-bot .copyright{text-align:center}

.map{height:310px;}
.waiter-online{ display:none;}

.blank-middle,.blank-small{height:10px; line-height:10px; clear:both; font-size:0;}
.blank-big{ height:30px; line-height:30px; clear:both; font-size:0;}
.blank-large{ height:50px; line-height:50px; clear:both; font-size:0;}
.contact{padding:20px 10px;}
/* 搜索框 */
.search_boxs .mask{background:#000;opacity:0.8;}
.search_boxs a{display:none}
.search_boxs{ top:65px;}
.search_boxs .form-group{ width:100%; top:100px;max-width:1000px;box-shadow:none;box-shadow:0px 0px 10px rgba(0, 0, 0, 0.15);}
.search_boxs .input,.search_boxs .button{ height:42px; line-height:42px;}

/* 
.backToTop{border-radius:3px;width:30px;height:30px;}
*/

/*手机底部导航*/
.blank50{height:50px; line-height:1px; clear:both;}
#toolbar{color:#F2F2F2;width:100%;height:50px;position:fixed;bottom:0;left:0;z-index:8;background:#181818; display:block;}
#toolbar a{width:100%;color:#F2F2F2;display:block;padding:5px 0 0 0;line-height:20px;font-size:14px;}
#toolbar a span{ font-size:18px; display:block;color:#ebebeb;}

}
@media screen and (max-width:480px) {
#fh5co-product-list .bg-product{ padding:30px 0 40px;}
#fh5co-header  .icon-navicon{ margin-top:5px;}
#fh5co-header .ico-search{margin:15px 50px  0 0px;}
#fh5co-header .ico-search a{margin-left:2px;}

.flex-control-nav{ display:none}

.search_boxs .form-group{ top:93px;}
.search_boxs .input,.search_boxs .button{ font-size:16px;}

.nav-inside .right-menu h3{ font-size:16px;}
}