@CHARSET "UTF-8";
/* =======================================================================
   Code by timoo.net
   Vision : v1.0
*/

/*HTML Style*/
html,body { -ms-overflow-style: scrollbar; font-size: 625%; }

/*Format Style*/
body, button, input, select, textarea, h1 ,h2, h3, h4, h5, h6 { color: #333; font: 0.16rem/0.28rem "\5FAE\8F6F\96C5\9ED1", Verdana, Georgia, Arial, Tahoma, Helvetica, Philosopher, "PingFang SC", "Hiragino Sans GB", "Heiti SC", "WenQuanYi Micro Hei", simsun, "\5b8b\4f53", sans-serif; outline: none; }
a , a:after , a:before { color: #333; cursor: pointer;
    transition: all 0.5s;
    -o-transition: all 0.5s;
    -moz-transition: all 0.5s;
    -webkit-transition: all 0.5s; }
a:focus, a:hover { color: #006E40; text-decoration: none; outline: none; }
li { list-style: none; }
ul , li , p { margin: 0; padding: 0; }
img { max-width: 100%; }

.padding-none { padding: 0 !important; }
.border-none { border: none !important; }
.display-none { display: none !important; }
.display-block { display: block!important; }
.left-0 { left: 0 !important; }
.spin-90 { 
    transform:rotate(90deg);
    -ms-transform:rotate(90deg); 
    -moz-transform:rotate(90deg);
    -webkit-transform:rotate(90deg);
    -o-transform:rotate(90deg); }
.transition { 
    -moz-transition: all 0.5s;
    -webkit-transition: all 0.5s;
    -ms-transition: all 0.5s;
    -o-transition: all 0.5s; 
    transition: all 0.5s; }

.container-fluid , .container { padding: 0 0.08rem; }

.col-xs-5ths, .col-sm-5ths, .col-md-5ths, .col-lg-5ths { 
    position: relative; min-height: 0.01rem; padding-right: 0.08rem; padding-left: 0.08rem; 
} 

@media ( min-width : 320px) { 
    .col-xs-5ths { width: 20%; float: left; }
    .top-banner .logo img { margin: auto; }
    .top-box .menu-box { position: relative; padding: 0; width: 100%; z-index: 999; }
    .top-box .menu { padding: 0; }
    .top-box .menu-box .menu > ul { position: relative; background: rgba(0,101,179,0.95); }
    .top-box .menu-box .menu > ul > li { width: 25%; height: 0.4rem; line-height: 0.4rem; border-left: 0.01rem solid #006E40; border-bottom: 0.01rem solid #006E40; font-size: 0.14rem; overflow: hidden; }
    .top-box .menu-box .menu > ul > li:nth-child(2) { border-left: none; }
    .top-box .menu-box .menu > ul > li:nth-child(5n+1) { border-left: none; }
    .top-box .menu-box .menu .submenu { display: none; background: rgba(255,255,255,0.7); height: 0; box-shadow: 0 0 0.02rem rgba(0,0,0,0.2); line-height: 0.4rem; overflow: hidden; }
    .top-box .menu-box a:hover, 
    .top-box .menu-box .menu > ul > li:hover > a,
    .top-box .menu-box .menu > ul > li.on > a, 
    .top-box .menu-box .menu .submenu > li.on a,
    .top-box .menu-box .menu .submenu > li:hover > a { color: #FFF; }
    .index-product .ad { margin-top: 0.32rem; width: 100%; height: auto; overflow: hidden; }
    .index .left-box,
    .index-product .left-box,
    .index-device .left-box,
    .footer .left-box,
    .page .left-box { padding-left: 0; padding-right: 0; }
    .index .right-box,
    .index-product .right-box,
    .index-device .right-box,
    .footer .right-box,
    .page .right-box { padding-left: 0; padding-right: 0; }
    .index-about { margin-bottom: 0.32rem; }
	.index-product .right-box .content .box .list a img { width: 100%; height: 156px; border: 0.04rem solid #E3E3E3; overflow: hidden; }
    .index-device .info .text-slogan { margin: 0.48rem auto; font-size: 0.18rem; }
    .index-device .info { margin-bottom: 0.48rem; padding: 0.32rem 0; background: #006E40; color: #FFF; }
    .index-device .list { margin-top: 0.48rem; }
    .index-device .list .title { margin-bottom: 0.24rem; text-align: left; text-transform: uppercase; color: #C5C5C5; }
    .index-news .news-image { margin-bottom: 0.32rem; }
    .page .left-box { position: fixed; top: 0; left: -50%; width: 50%; height: 100%; background: #EAEAEA; z-index: 999; }
    .page .left-box.on { left: 0; } 
    .page .left-box .menu-box { height: 100%; overflow-y: scroll; }
    .page .left-box .menu-icon { position: absolute; top: 50%; right: -0.32rem; margin-top: -0.16rem; width: 0.32rem; height: 0.32rem; background: #EAEAEA; line-height: 0.32rem; text-align: center; font-size: 0.14rem; color: #E70012; cursor: pointer; }
    .photo .right-box .right-con > .list-box .box { margin: auto -0.08rem; }
    .photo .right-box .right-con > .list-box .list { padding: 0.08rem; }
    .photo .right-box .right-con > .list-box .list .pic { box-shadow: 0 0 0.03rem rgba(0,0,0,0.1); height: 1.25rem; overflow: hidden; }
    .photo .right-box .right-con > .list-box .list .pic img { width: 100%; min-height: 1.25rem; }
    .product .right-box .right-con > .list-box .list .pic { box-shadow: 0 0 0.03rem rgba(0,0,0,0.1); height: 1.84rem; overflow: hidden; }
    .product .right-box .right-con > .list-box .list .pic img { width: 100%; height: auto; }
    .paging span , .paging a { display: block; float: left; padding: 0.04rem 0.16rem; background: #F6F6F6; border: 0.01rem solid #CFCFCF; border-left: none; }
    .paging .paging-first,
    .paging .paging-last { display: none; }
} 

@media ( min-width : 768px) { 
    .col-sm-5ths { width: 20%; float: left; }
    .top-banner .logo { float: left; }
    .top-box .menu-box { position: absolute; padding: 0 0.08rem; top: 1.94rem; }
    .top-box .menu { padding: 0 0.08rem; }
    .top-box .menu-box .menu > ul { position: relative; height: 0.8rem; background: rgba(0,0,0,0.7); border-bottom: 0.04rem solid yellow; }
    .top-box .menu-box .menu > ul > li { width: 12.5%; height: auto; line-height: 0.8rem; border-left: none; border-bottom: none; font-size: 0.16rem; overflow: auto; }
    .top-box .menu-box .menu .menu-icon { content: ""; display: block; position: absolute; bottom: 0; margin-left: -0.08rem; width: 0; height: 0; border-left: 0.08rem solid transparent; border-right: 0.08rem solid transparent; border-bottom: 0.08rem solid yellow; } 
    .top-box .menu-box .menu .submenu { display: block; }
    .top-box .menu-box a:hover, 
    .top-box .menu-box .menu > ul > li:hover > a,
    .top-box .menu-box .menu > ul > li.on > a, 
    .top-box .menu-box .menu .submenu > li.on a,
    .top-box .menu-box .menu .submenu > li:hover > a { color: yellow; }
    .top-box .menu-box .menu .submenu > li:hover > a { color: #006E40; }
    .index-product .ad { height: 1.68rem; }
    .index .left-box,
    .index-product .left-box,
    .index-device .left-box,
    .footer .left-box,
    .page .left-box { padding-left: 0; padding-right: 0.16rem; }
    .index .right-box,
    .index-product .right-box,
    .index-device .right-box,
    .footer .right-box,
    .page .right-box { padding-left: 0.16rem; padding-right: 0; }
	.index-product .right-box .content .box .list a img { width: 100%; height: 283px !important; padding-bottom: 0px !important; border: 0.04rem solid #E3E3E3; overflow: hidden; }
    .index-about { margin-bottom: 0; }
    .index-about .content { height: 2.4rem; overflow: hidden; }
    .index-about .content .pic img { width: 100%; min-height: 2.4rem; }
    .index-honor .content .box .item a { display: block; height: 1.92rem; overflow: hidden; }
    .index-device .info .text-slogan { margin: 0.8rem auto; font-size: 0.18rem; }
    .index-device .info { margin-bottom: 0.72rem; padding: 0.64rem 0; background: #006E40; color: #FFF; }
    .index-device .list { margin-top: 0.72rem; }
    .index-device .list .title { text-align: right; }
    .index-news .news-image { margin-bottom: 0; }
    .copyright-box li { float: left; }
    .page .left-box { position: relative; left: 0; width: 25%; background: none; z-index: 1; }
    .page .left-box .menu-box { height: auto; overflow-y: auto; }
    .photo .right-box .right-con > .list-box .box { margin: auto -0.16rem; }
    .photo .right-box .right-con > .list-box .list { padding: 0.16rem; }
    .photo .right-box .right-con > .list-box .list .pic { box-shadow: 0 0 0.03rem rgba(0,0,0,0.1); height: 1.84rem; overflow: hidden; }
    .photo .right-box .right-con > .list-box .list .pic img { width: 100%; min-height: 1.84rem; }
    .product .right-box .right-con > .list-box .list .pic { box-shadow: 0 0 0.03rem rgba(0,0,0,0.1); height: 2.64rem; overflow: hidden; }
    .product .right-box .right-con > .list-box .list .pic img { width: 100%; height: 2.64rem; }
    .paging .paging-first,
    .paging .paging-last { display: block; }
} 

@media ( min-width : 992px) { 
    .col-md-5ths { width: 20%; float: left; } 
} 

@media ( min-width : 1200px) { 
    .container { width: 12rem; }
    .col-lg-5ths { width: 20%; float: left; } 
}

/*=== BaiDu Map ===*/
.ueditor_baidumap { width: 100% !important; }

/*=== Carousel Style ===*/
#Banner .owl-controls .owl-page span, 
#BannerM .owl-controls .owl-page span,
#Honor .owl-controls .owl-page span { margin: 0.04rem 0.08rem; width: 0.64rem; height: 0.12rem; background: #999; border: 0.01rem solid #FFF; border-radius: 0; opacity: 0.5; 
    transition: all 0.5s;
    -o-transition: all 0.5s;
    -moz-transition: all 0.5s;
    -webkit-transition: all 0.5s; }
#Banner .owl-controls,
#BannerM .owl-controls { width: 100%; position: absolute; bottom: 0.04rem; margin-top: 0; z-index: 997; }
#Banner .owl-controls .owl-page.active span, 
#Banner .owl-controls.clickable .owl-page:hover span, 
#BannerM .owl-controls .owl-page.active span, 
#BannerM .owl-controls.clickable .owl-page:hover span, 
#Honor .owl-controls .owl-page.active span, 
#Honor .owl-controls.clickable .owl-page:hover span { background: yellow; opacity: 0.7; }

#Honor .owl-controls { margin-top: 0.20rem; }
#Honor .owl-controls .owl-page span { width: 0.16rem; height: 0.16rem; border-radius: 50%; }

#Device .owl-buttons { padding-right: 0.08rem; text-align: right; }
#Device .owl-buttons div { margin: 0.16rem auto; padding: 0.08rem 0.12rem; background: #FFF; border-radius: 0; font-size: 0.24rem; color: #333; opacity: 1; 
    transition: all 0.5s;
    -o-transition: all 0.5s;
    -moz-transition: all 0.5s;
    -webkit-transition: all 0.5s; }
#Device .owl-buttons div + div { margin-left: 0.04rem; }
#Device .owl-buttons div:hover { background: #E70012; color: #FFF; }


/*=== Top ===*/
.top-box { position: relative; }

/*Top Line*/
.top-line { background: #006E40; line-height: 0.42rem; font-size: 0.14rem; color: #C5C5C5; }
.top-line a { color: #C5C5C5; }
.top-line .on a, .top-line a:hover { color: #FFF; }
.top-line img { display: inline; position: relative; top: -0.01rem; max-width: 0.2rem; }
.top-line li + li { margin-left: 0.16rem; }
.top-line li + li:before { content: "|"; position: relative; left: -0.06rem; }

/*Top Banner*/
.top-banner { padding: 0.32rem 0 0.16rem 0;
    background: -webkit-linear-gradient(#FFF , #D3D2D2);
    background: -o-linear-gradient(#FFF , #D3D2D2);
    background: -moz-linear-gradient(#FFF , #D3D2D2);
    background: linear-gradient(#FFF , #D3D2D2); }
.top-banner a { display: block; }
.top-banner .tel-box { margin-top: 0.16rem; color: #5C5C5C; }
.top-banner .tel-box .icon { position: relative; top: 0.03rem; }
.top-banner .tel-box .number a { font-size: 0.24rem; font-weight: 700; color: #E70012; }

/*Top Menu*/
.top-box .menu-box a { display: block; position: relative; color: #C5C5C5; }
.top-box .menu-box .menu > ul > li.off { float: left; }
.top-box .menu-box .menu .submenu a { font-size: 0.14rem; color: #2A2A2A; }
.top-box .menu-box .menu .submenu > li + li { border-top: 0.01rem dashed rgba(0,0,0,0.3); }

/*=== Index ===*/
.index { padding: 0.32rem 0; }
.index .title { position: relative; padding-left: 0.32rem; padding-bottom: 0.08rem; border-bottom: 0.02rem solid #F5F5F5; line-height: 0.4rem; }
.index .title .subject .icon { position: absolute; left: 0; padding-bottom: 0.08rem; border-bottom: 0.02rem solid #E70012; }
.index .title .subject .icon img { display: inline; }
.index .title .subject .name { margin: auto 0.08rem; font-size: 0.24rem; font-weight: 700; color: #006E40; }
.index .title .subject .byname { position: relative; top: 0.04rem; text-transform: uppercase; font-size: 0.14rem; color: #BBB; }
.index .title .subject .byname:before { content: "/"; margin-right: 0.04rem; }
.index .title .more a { display: block; position: relative; top: 0.04rem; font-size: 0.14rem; color: #888; }
.index .title .more a .icon { color: #E70012; }
.index .title .more a:hover .text { border-bottom: 0.01rem dashed #E70012; color: #E70012; }
.index .content { margin-top: 0.24rem; }

/*Product*/
.index-product { padding: 0.32rem 0; background: #E9E9E9; }
.index-product .left-box .title { position: relative; line-height: 0.8rem; letter-spacing: 0.02rem; font-size: 0.24rem; font-weight: 700; color: #FFF;
    background: -webkit-radial-gradient(#006E40, #006E40);
    background: -o-radial-gradient(#006E40, #006E40);
    background: -moz-radial-gradient(#006E40, #006E40);
    background: radial-gradient(#006E40, #006E40); }
.index-product .left-box .title:before { content: ""; display: block; position: absolute; top: 0; left: 0; width: 0; height: 0; border-top: 0.4rem solid #006E40; border-right: 0.4rem solid transparent; }
.index-product .left-box .menu-box { padding: 0.16rem; background: #FFF; border-bottom: 0.04rem solid #006E40; }
.index-product .left-box .menu-box > ul > li + li { margin-top: 0.16rem; }
.index-product .left-box .menu-box > ul > li > a { display: block; position: relative; padding: 0 0.24rem; background: #636C6F; line-height: 0.4rem; color: #FFF; }
.index-product .left-box .menu-box > ul > li > a:before { content: ""; display: block; position: absolute; top: 0.16rem; right: 0.32rem; width: 0; height: 0; border-left: 0.06rem solid #636C6F; border-top: 0.04rem solid transparent; border-bottom: 0.04rem solid transparent; z-index: 2; }
.index-product .left-box .menu-box > ul > li > a:after { content: ""; display: block; position: absolute; top: 0.08rem; right: 0.24rem; width: 0.24rem; height: 0.24rem; background: #FFF; border-radius: 50%; z-index: 1; }
.index-product .left-box .menu-box .submenu { padding: 0 0.16rem; height: auto; line-height: 0.4rem; font-size: 0.14rem; overflow: hidden; }
.index-product .left-box .menu-box .submenu > li > a { display: block; position: relative; }
.index-product .left-box .menu-box .submenu > li > a:before { content: "·"; margin-right: 0.08rem; font-weight: 700; }
.index-product .left-box .menu-box .submenu > li > a:hover:before { color: #006E40; }
.index-product .right-box { padding: 0.24rem; background: #FFF; border-top: 0.04rem solid #006E40; }
.index-product .right-box .title { margin-bottom: 0.10rem; line-height: 0.32rem; font-size: 0.18rem; color: #656565; }
.index-product .right-box .link { position: relative; padding: 0 0.12rem; font-size: 0.14rem; }
.index-product .right-box .link + .link:before { content: "|"; position: absolute; left: 0; }
.index-product .right-box .link a { display: block; }
.index-product .right-box .content .box { margin: auto -0.16rem; }
.index-product .right-box .content .box .list { padding: 0.16rem; }
.index-product .right-box .content .box .list a { display: block; color: #656565; }
.index-product .right-box .content .box .list a .name { display: block; background: #E3E3E3; height: 0.48rem; line-height: 0.48rem; font-size: 14px; overflow: hidden; }
.index-product .right-box .content .box .list a:hover { color: #FFF; }
.index-product .right-box .content .box .list a:hover img { border-color: #006E40;  height: 283px !important;}
.index-product .right-box .content .box .list a:hover .name { background: #006E40; }

/*About*/
.index-about .content .info { font-size: 0.14rem; color: #666; }
.index-about .content .info .text { text-indent: 2em; }
.index-about .content .info .link { margin-top: 0.24rem; line-height: 0.48rem; font-size: 0.16rem; }
.index-about .content .info .link a { display: block; position: relative; padding: 0 0.48rem; background: #006E40; color: #FFF; }
.index-about .content .info .link a .background { position: absolute; left: 0; top: 0; width: 0.04rem; height: 0.48rem; background: lightgray; z-index: 1; }
.index-about .content .info .link a:hover .background { width: 100%; }
.index-about .content .info .link a .subject { position: relative; z-index: 2; }

/*Honor*/
.index-honor .content .owl-wrapper-outer { border: 0.01rem solid rgba(30,30,30,0.1); }

/*Device*/
.index-device { background: url(../images/background_device.jpg) no-repeat center; background-size: cover; }
.index-device .info .text-cn { border-left: 0.04rem solid yellow; line-height: 0.32rem; font-size: 0.18rem; font-weight: 700; }
.index-device .info .text-en { position: relative; padding: 0.24rem 0; line-height: 0.24rem; font-size: 0.12rem; color: #779FCC; }
.index-device .info .text-en:after { content: ""; display: block; position: absolute; left: 50%; bottom: 0; margin-left: -0.24rem; width: 0.48rem; height: 0.01rem; background: #779FCC; }
.index-device .info .text-slogan span + span { margin-left: 0.24rem; }
.index-device .list .title .name { line-height: 0.4rem; font-size: 0.24rem; font-weight: 700; }
.index-device .list .content { margin: auto -0.08rem; }
.index-device .list .content .box .item { padding: 0 0.08rem; }
.index-device .list .content .box .item a { display: block; padding: 0.16rem; background: #FFF; color: #666; }
.index-device .list .content .box .item a img { width: 100%; height: 1.76rem; overflow: hidden; }
.index-device .list .content .box .item a span { display: block; margin-top: 0.16rem; }
.index-device .list .content .box .item a:hover { color: #006E40; }

/*News*/
.index-news .content { margin-bottom: 0.24rem; }
.index-news .news-image .pic { height: 2.48rem; box-shadow: 0 0 0.01rem rgba(0,0,0,0.2); overflow: hidden; }
.index-news .news-image .pic img { width: 100%; min-height: 2.48rem; }
.index-news .news-image .subject { margin-top: 0.16rem; }
.index-news .news-image .subject a { display: block; }
.index-news .news-image .subject a .name { border-bottom: 0.01rem dashed #FFF; font-weight: 700; color: #006E40; }
.index-news .news-image .subject a:hover .name { border-bottom-color: #006E40; }
.index-news .news-image .subject a .date { font-size: 0.14rem; color: #888; }
.index-news .news-image .info { position: relative; line-height: 0.24rem; font-size: 0.14rem; color: #888; }
.index-news .news-image .info .link,
.index-news .news-list .list .info-box .info .link { position: absolute; bottom: 0; right: 0; }
.index-news .news-image .info .link a,
.index-news .news-list .list .info-box .info .link a { color: #006E40; }
.index-news .news-image .info .link a:hover,
.index-news .news-list .list .info-box .info .link a:hover { border-bottom: 0.01rem dashed #006E40; }
.index-news .news-list .list { height: 0.96rem; overflow: hidden; }
.index-news .news-list .list + .list { margin-top: 0.265rem; }
.index-news .news-list .list .number { border-right: 0.01rem solid #ACACAC; line-height: 0.96rem; font-size: 0.72rem; color: #006E40; }
.index-news .news-list .list .info-box .subject { font-weight: 700; }
.index-news .news-list .list .info-box .date,
.index-news .news-list .list .info-box .info { position: relative; line-height: 0.23rem; font-size: 0.14rem; color: #888;  }

/*=== Footer ===*/
.footer a { color: #787878; }
.footer a:hover,
.footer .content .menu-box .list .sub-menu li.on a { color: #FFF; }
.footer .content { padding: 0.24rem 0; background: #292929; color: #FFF; }
.footer .content a { color: #FFF; } 
.footer .content .contact { padding: 0.24rem; background: #006E40; font-size: 0.14rem; }
.footer .content .contact .tel-box { margin-bottom: 0.08rem; }
.footer .content .contact .icon { position: relative; top: -0.01rem; }
.footer .content .contact .tel { margin-left: 0.08rem; }
.footer .content .contact .tel .title { font-size: 0.16rem; }
.footer .content .contact .tel .number a { font-size: 0.24rem; font-weight: 700; color: #FFF; }
.footer .content .contact .tel .number a:hover { border-bottom: 0.01rem dashed #FFF; }
.footer .content .menu-box .list { padding: 0 0.16rem; }
.footer .content .menu-box .list > ul > li > a { display: block; position: relative; margin-bottom: 0.16rem; line-height: 0.4rem; color: #FFF; }
.footer .content .menu-box .list > ul > li > a span { display: inline-block; border-bottom: 0.01rem solid #434343; }
.footer .content .menu-box .list > ul > li.on > a span { border-bottom-color: #FFF; }
.footer .content .menu-box .list .sub-menu { height: 1.68rem; font-size: 0.14rem; overflow: hidden; }
.footer .copyright-box { padding: 0.16rem 0; background: #222; line-height: 0.64rem; font-size: 0.14rem; color: #5D5D5D; }
.footer .copyright-box > div { height: 0.64rem; overflow: hidden; }
.footer .copyright-box ul { display: inline-block; }
.footer .copyright-box ul > li  + li { margin-left: 0.16rem; }
.footer .copyright-box ul > li.gongan img { display: inline; }

/*Shield*/
.shield a { display: block; width: 100%; border: none; }
.shield a img { max-width: 56px; }

/*=== Page ===*/
.page { padding-bottom: 0.64rem; padding-top: 90px; background: #F7F7F7; }
.page .left-box .menu-box .title { padding: 0 0.16rem; background: #006E40; line-height: 0.64rem; font-size: 0.24rem; color: #FFF; }
.page .left-box .menu-box .title img { display: inline; position: relative; top: -0.01rem; } 
.page .left-box .menu-box .menu .list { margin-bottom: 0.16rem; padding-bottom: 0.4rem; background: #EAEAEA; line-height: 0.56rem; }
.page .left-box .menu-box .menu .list .link a { display: block; position: relative; padding: 0 0.24rem; background: #EAEAEA; border-bottom: 0.01rem solid #FFF; }
.page .left-box .menu-box .menu .list .sublink a {display: block; position: relative; padding: 0 0.44rem; background: #EAEAEA; border-bottom: 0.01rem solid #FFF;font-size: medium;}
.page .left-box .menu-box .menu .list .link a:before { content: "·"; margin-right: 0.12rem; font-weight: 700;
    transition: all 0.5s;
    -o-transition: all 0.5s;
    -moz-transition: all 0.5s;
    -webkit-transition: all 0.5s; }
.page .left-box .menu-box .menu .list .link a:after { content: ""; display: block; position: absolute; left: 0; bottom: 0; width: 100%; height: 0.01rem; background: #D6D6D6; }
.page .left-box .menu-box .menu .list .link.on a,
.page .left-box .menu-box .menu .list .link.on a:before,
.page .left-box .menu-box .menu .list .link a:hover,
.page .left-box .menu-box .menu .list .link a:hover:before { color: #006E40; }
.page .left-box .menu-box .contact .tel-box a { display: block; }
.page .left-box .menu-box .contact .tel-box a .pic { height: 0.96rem; overflow: hidden; }
.page .left-box .menu-box .contact .tel-box a .pic img { width: 100%; min-height: 0.96rem; }
.page .left-box .menu-box .contact .tel-box a .number { background: #006E40; line-height: 0.4rem; font-size: 0.24rem; font-weight: 700; color: #FFF; }
.page .right-box { padding-top: 0.16rem; }
.page .right-box .right-con > .title { border-bottom: 0.01rem solid #E2E2E2; line-height: 0.48rem; }
.page .right-box .right-con > .title .name { font-weight: 700; }
.page .right-box .right-con > .title .sitepath { font-size: 0.14rem; }
.page .right-box .right-con > .title .sitepath .link { display: block; color: #888; }
.page .right-box .right-con > .title .sitepath .link span { margin: auto 0.04rem; font-size: 0.12rem; }
.page .right-box .right-con > .title .sitepath .link a { color: #888; }
.page .right-box .right-con > .title .sitepath .link a:hover, 
.page .right-box .right-con > .title .sitepath .link a.on { color: #006E40; }
.page .right-box .right-con > .info { margin-top: 0.32rem; }

/*Photo*/
.photo .right-box .right-con > .list-box { margin-top: 0.16rem; }
.photo .right-box .right-con > .list-box .list .subject { height: 0.48rem; line-height: 0.48rem; overflow-y: hidden; }

/*Product*/
.product .right-box .right-con > .list-box .content .subject { height: 60px; font-size: 0.18rem; font-weight: 700; }
.product .right-box .right-con > .list-box .content .date { margin: 0.08rem auto; color: #666; }
.product .right-box .right-con > .list-box .content .pic { margin: 0.16rem auto; }
.product .right-box .right-con > .list-box .content .pic img { box-shadow: 0 0 0.01rem rgba(0,0,0,0.2); }
.product .right-box .right-con > .list-box .content .sub-title {padding-top:70px; margin: 0.16rem auto; border-bottom: 0.03rem solid #006E40; }
.product .right-box .right-con > .list-box .content .sub-title span { display: inline-block; padding: 0 0.16rem; background: #006E40; line-height: 0.32rem; color: #FFF; }
.product .right-box .right-con > .list-box .info-link { margin-top: 0.32rem; font-size: 0.14rem; }
.product .right-box .right-con > .list-box .info-link a { color: #666; }
.product .right-box .right-con > .list-box .info-link a:hover { color: #006E40; }

/*News*/
.news .right-box .right-con > .list-box .list { padding: 0 0.16rem; }
.news .right-box .right-con > .list-box .list a { display: block; position: relative; border-bottom: 0.01rem dashed #CCC; }
.news .right-box .right-con > .list-box .list .subject,
.news .right-box .right-con > .list-box .list .date { position: relative; line-height: 0.4rem; }
.news .right-box .right-con > .list-box .list .subject:before { content: "·"; margin-right: 0.08rem; font-weight: 700; }
.news .right-box .right-con > .list-box .list .date { font-size: 0.14rem; color: #666; }
.news .right-box .right-con > .list-box .paging-box { margin-top: 0.16rem; }

/*=== OnLine ===*/
.online { position: fixed; top: 50%; right: -160px; margin-top: -240px; z-index: 1000;
    transition: all 0.5s;
    -o-transition: all 0.5s;
    -moz-transition: all 0.5s;
    -webkit-transition: all 0.5s; }
.online .box { position: relative; }
.online .left { position: absolute; left: -40px; top: 50%; margin-top: -80px; cursor: pointer; }
.online .right { width: 160px; min-height: 200px; background: #FFF; border: 1px solid #EEE; text-align: center; overflow: hidden; }
.online .right .title { background: #555; border-bottom: 4px solid #00B3E8; line-height: 32px; color: #FFF; }
.online .right .list { padding: 8px 0; }
.online .right .list a { display: block; margin: 4px; }
.online .right .code .name { margin-top: 8px; }
.online .right .code img { padding: 8px 16px; }
.online-move { right: 0; }

/*=== Paging ===*/
.paging-box { padding: 0 0.16rem; text-align: center; }
.paging { display: inline-block; margin-top: 0.16rem; }
.paging-first { padding: 0.04rem; }
.paging-last { padding: 0.04rem; }
.paging span.paging-prev, .paging a.paging-prev { border-left: 0.01rem solid #CFCFCF; }
.paging span.lang-page-on { background: #006E40; border-color: #006E40; color: #FFF; }
.paging a:first-child , .paging span:first-child { border-left: 0.01rem solid #CFCFCF; border-right: 0; }
.paging a:hover { background: #006E40; border-color: #006E40; color: #FFF; }
.paging-num { color: #006E40; padding: 0.04rem; }


.index-guest-box { padding: 32px 0; background: #F3F3F3; }
.index-guest-box .title { border-bottom: 1px dashed #006E40; line-height: 40px; font-size: 18px; font-weight: 700; color: #006E40; }
.index-guest-box .title > span:first-child { top: 3px; } 
.index-guest { padding: 0; }
.index-guest > div { padding: 8px; }
.index-guest .news-con , .index-guest .guest-con { padding: 16px 0; }
.index-guest .news-con a { display: block; width: 100%; height: 32px; line-height: 32px; overflow: hidden; }
.index-guest .news-con a:hover { color: #006E40; }
.index-guest .news-foot { position: relative; padding: 8px 0; background: #0067AC; text-align: center; color: #FFF; }
.index-guest .news-foot .icon { position: absolute; left: 50%; top: -8px; margin-left: -8px; width: 0; height: 0; border-left: 8px solid transparent; border-right: 8px solid transparent; border-bottom: 8px solid #0067AC; }
.index-guest .news-foot .tel { position: absolute; top: 12px; left: -48px; }
.index-guest .news-foot .tel span { font-size: 36px !important; }
.index-guest .news-foot .text { display: inline-block; position: relative; text-align: left; }
.index-guest .news-foot .text span { display: block; font-size: 16px; }
.index-guest .news-foot .text span:nth-child(2) { font-size: 24px; font-weight: 700; }
.index-guest .guest-con .tip { margin-bottom: 8px; color: #006E40; }
.index-guest .guest-con .list { padding: 8px 0; }
.index-guest .guest-con input { display: block; padding: 0 8px; width: 100%; border: 1px solid #0067AC; line-height: 32px; }
.index-guest .guest-con textarea { display: block; padding: 8px; width: 100%; height: 120px; border: 1px solid #0067AC; line-height: 24px; }
.index-guest .guest-con .code input { display: inline-block; margin-right: 8px; width: 50%; }
.index-guest .guest-con .button { text-align: center; }
.index-guest .guest-con .button input { display: inline-block; margin: 2px 8px 0 8px; width: 40%; background: #0067AC; font-size: 16px; color: #FFF; }
.index-guest .guest-con .button input:first-child { background: #FF8533; border: 1px solid #FF8533; }