/* ==========================================================================
   Other Page
   ========================================================================== */
/* 基准色 */
body{color: #000;}
a{color:#000;}
a:hover{color:#00baf2}
a:visited{color:#000}
a:active,a:focus,a:hover{color:#00baf2}

/* base anim */
a, input, b, h1, img, span, button, header, .arrow, .portinfo, .portinfo h3, .portinfo p, .portimg,*:before, *:after , .nav_transform1 ul.navCont li .title,.media-box .icon,.cusbox a{
    -moz-transition: all ease-in-out 0.25s;
    -webkit-transition: all ease-in-out 0.25s;
    -o-transition: all ease-in-out 0.25s;
    -ms-transition: all ease-in-out 0.25s;
    transition: all ease-in-out 0.25s;
}



.xh{word-break: break-all;display: -webkit-box; -webkit-line-clamp: 3;  /*限制在一个块元素显示的文本的行数*/ -webkit-box-orient: vertical;overflow: hidden;}
.nban{ height:390px; text-align:left; color:#fff; background-position:center center; background-repeat:no-repeat}
.ba1{ background-image:url(../img/nban_1.jpg);}
.ba2{ background:url(../img/nban_2.jpg) no-repeat center center;}
.ba3{ background:url(../img/nban_3.jpg) no-repeat center center; }
.ba4{ background:url(../img/nban_4.jpg) no-repeat center center;}
.ba5{ background:url(../img/nban_5.jpg) no-repeat center center; }
.ba6{ background:url(../img/nban_6.jpg) no-repeat center center; }

.pban{ /*background:url(../img/product/ban_p.jpg) no-repeat center center;*/ min-height:500px;}

.nban .wrap{ position:relative; height:100%;}
.nban .stxt{ position:absolute; top:50%;transform: translate3d(0,-55%,0); background:url(../img/tbg.png) no-repeat center center; width:100%; text-align:center; padding:10px 0; left:0;}
.nban span{ color:#00baf2; font-size:4rem; display:block; position:relative;}
.nban span:after{ content:""; width:30px; height:2px; background:#00baf2; display:block; margin:0 auto;}
.nban i{ font-size:1.8rem; color:#333; font-weight:normal; font-style:normal; display:block; text-transform:uppercase;}

.block-1{}
.block-1 i{ display:block; font-size:1.6rem; text-transform:uppercase; font-style:normal; line-height:3rem;}
.block-1 span{ color:#00baf2; font-size:2.4rem; display:block;}
.block-1 p{ margin:1rem 0; color:#666;}
.block-1 a{ border:1px solid #999; display:inline-block; padding:0 5%; color:#999; line-height:3rem;border-radius:15px;}
.block-1 a:hover{ background:#00baf2; border-color:#00baf2; color:#fff;}

.ul-list li{ border-bottom:1px dashed #eee; line-height:6rem;}
.ul-list li span{ display:inline-block; padding:0 2%; color:#999;}
.ul-list li .stit{ color:#666; font-size:1.6rem; padding:0;overflow: hidden;text-overflow:ellipsis;white-space: nowrap; display:block;}
.ul-list li .stit:before{ content:"●　"; color:#00baf2;}
.ul-list li .sdown{ text-align:right;}
.ul-list li a{ display:inline-block; background:url(../img/dot_down.jpg) no-repeat center center; width:25px; height:22px;}

.ul-list2 li{ border-bottom:1px dashed #eee; line-height:3rem; padding:10px 0;}
.ul-list2 li span{ display:inline-block; padding:0 2%; color:#999;}
.ul-list2 li a.atit{ background:url(../img/ndot_1.jpg) no-repeat 0 center; color:#333; font-size:1.6rem; padding-left:40px;overflow: hidden;text-overflow:ellipsis;white-space: nowrap; display:block;}
.ul-list2 li a.atit:hover{ color:#00baf2;}
.ul-list2 li p{padding-left:40px; color:#666; font-size:14px; line-height:1.8;word-break: break-all;display: -webkit-box; -webkit-line-clamp: 2;  /*限制在一个块元素显示的文本的行数*/ -webkit-box-orient: vertical;overflow: hidden;}
.ul-list2 li p a{ color:#00baf2; margin-left:2%;}

/*面包屑*/
.PageCrumb{ line-height:3rem; padding:0 25px; margin-bottom:10px; background:url(../img/pdot_1.png) no-repeat 0 center; color:#333; font-size:1.6rem;  width:100%; height:3rem;}
.PageCrumb a{color: #333;padding: 0 3px}
.PageCrumb a:hover,.PageCrumb span{color: #00baf2;}


#scroller {
	position: absolute;
	z-index: 1;
	-webkit-tap-highlight-color: rgba(0,0,0,0);
	width: 100%;
	height: 100%;
	-webkit-transform: translateZ(0);
	-moz-transform: translateZ(0);
	-ms-transform: translateZ(0);
	-o-transform: translateZ(0);
	transform: translateZ(0);
	-webkit-touch-callout: none;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
	-webkit-text-size-adjust: none;
	-moz-text-size-adjust: none;
	-ms-text-size-adjust: none;
	-o-text-size-adjust: none;
	text-size-adjust: none;
}

.subnav{ text-align:center;}
.subnav a{ display:inline-block; font-size:1.6rem; margin:0 1%; padding:0 2%; text-align:center; line-height:37px;}
.subnav a.on,.subnav a:hover{ color:#fff; background:#00baf2; text-decoration:none;}

.Psub{ float:right; width:60%; text-align:right; position:relative; margin-top:-40px; line-height:3rem;}
.Psub a{ display:inline-block; margin:0 2%; font-size:1.6rem; position:relative;}
.Psub a:hover{ color:#00baf2;}
.Psub a:hover::after,.Psub a.on::after{ content:""; width:100%; height:2px; background:#00baf2; position:absolute; bottom:-10px; left:0;}
.Psub:after{ content:""; width:1000%; height:1px; background:#eeeeee; position:absolute; bottom:-10px; left:-150%;}

.newsC{ border:1px solid #eee; margin-bottom:2rem; background:#fff;}
.newsC .news-cont{ padding:1rem 2rem; color:#666; text-align:center; position:relative;}
.newsC .news-cont p{ color:#666; line-height:2rem;word-break:break-all;  display:-webkit-box;  -webkit-line-clamp:2;  -webkit-box-orient:vertical;  overflow:hidden; padding-top:10px;}
.newsC .news-cont h3{ font-weight:normal; border-bottom:1px dashed #eee; margin:0; padding:1rem 0; font-size:1.8rem;}
.newsC .news-cont a{ color:#333;}
.newsC .news-cont a:hover{ color:#00baf2;}
.newsC .news-cont span{ display:block; background:#00baf2; color:#fff; position:absolute; width:85px; height:85px; right:0; top:-85px; text-align:center; font-size:2.4rem; padding-top:10px;}
.newsC .news-cont span i{ display:block; font-style:normal; font-size:1.4rem;}

.newsC .news-box{position:relative;}

.newsC:hover{ border-color:#00baf2;box-shadow: #ddd 1px 5px 10px;}
.newsC:hover .news-cont a{ color:#00baf2;}

.case-n{ border:none;}
.case-n .news-cont{ padding:2rem 2rem 3rem;}
.case-n .news-cont h3{ border-bottom:none;}

.block-c{ text-align:center; border-right:1px solid #ccc; padding:3rem 0;}
.block-c i{ display:block; margin:0 auto; background:url(../img/cdot_1.jpg) no-repeat center center; width:42px; height:41px; margin-bottom:10px;}
.block-c i.ci-2{ background-image:url(../img/cdot_2.jpg);}
.block-c i.ci-3{ background-image:url(../img/cdot_3.jpg);}
.block-c span{ font-size:1.8rem;}
.block-c p{ color:#666;}
.bnone{ border-right:none;}


.ctit{ text-align:center; color:#666;}
.ctit span{ color:#333; font-size:2.4rem;}

.pro-block{ background:#f9f9f9; padding:4rem 0;}
.pro-block .wrap{ position:relative;}
.pro-block .swiper-container {width: 90%;height: auto; margin-top:3rem;}
.pro-block .swiper-slide {text-align: center;font-size: 18px;/* Center slide text vertically */display: -webkit-box;display: -ms-flexbox;display: -webkit-flex;display: flex;-webkit-box-pack: center;-ms-flex-pack: center;-webkit-justify-content: center;justify-content: center;-webkit-box-align: center;-ms-flex-align: center;-webkit-align-items: center;align-items: center;}
.pro-block .swiper-button-next,.pro-block .swiper-button-prev{ background:#f9f9f9; color:#272636; font-size:6rem; font-weight:bold; width:50px; height:55px; line-height:55px; text-align:center; margin-top:0;}
.pro-block .swiper-button-next{ right:0;}
.pro-block .swiper-button-prev{left:0;}
.pro-block .swiper-button-next:before,.pro-block .swiper-button-prev:before{font-family:"iconfont" !important;font-style:normal;speak: none;font-style: normal;font-weight: normal;font-variant: normal;text-transform: none;line-height: 1;-webkit-font-smoothing: antialiased;-moz-osx-font-smoothing: grayscale;-webkit-text-stroke-width: 0.2px;}
.pro-block .swiper-button-next:before{content: '\e616';}
.pro-block .swiper-button-prev:before{content: '\e617';}
.pro-block .media-box{ margin:0;}
.pro-block .media-box a.icon{height: 260px!important; background:#f1f1f1; border:none; position:relative;}
.pro-block .media-box a.icon:hover img{transform: scale(1.2,1.2); transition: all 0.6s;}
.pro-block .media-box p{font-size: 1.6rem; text-align:center; background:#acce22; color:#fff;line-height:5rem;}
.pro-block .media-box a.icon i{ display:block; position:absolute; width:100%; height:100%; background:rgba(0, 186, 242, 0.73); top:0; left:0; z-index:10; display:none; font-size:1.8rem; color:#fff; font-style:normal; line-height:20rem;}
.pro-block .media-box a.icon:hover i{ display:block;}

.pro-info{}
.pro-info .row{display: flex;}
.pro-info .pimg{ text-align:center; padding:2rem 0;}
.pro-info .sbg{ background:#00baf2; color:#fff;}
.pro-info .block-p{ padding-left:5%; width:60%; position:relative; margin-top:20%;}
.pro-info .block-p span{ font-size:3.4rem; display:block;}
.pro-info .block-p i{ font-size:2rem; display:block; font-style:normal; margin:20px 0;}
.pro-info .block-p p{ font-size:1.6rem;}

.pro-news{ background:#f9f9f9; padding:3rem 0; margin-bottom:2rem;}

.title-1{ text-align:center; line-height:3rem; color:#333; font-size:3.4rem;}
.t1{ color:#00baf2; margin-bottom:2rem;}

.title-2{ text-align:center; font-size:2.4rem;}
.title-2 .sen{ font-size:3rem; text-transform:uppercase; display:block; font-family:Tahoma;}
.title-2 .sen i{ font-style:normal; color:#00baf2;}
.t2{ color:#fff;}

.sect_tpro{ background:#f9f9f9; padding:2rem 0;}
.sect_pro{ position:relative;}

.photo{ padding:0 0 2rem;}
.photo .swiper-container {width: 100%;height: 300px;margin-left: auto;margin-right: auto;}
.photo .swiper-slide {background-size: auto 80%;background-position: center; background-repeat:no-repeat; background-color:#f1f1f1; border:1px solid #ccc;}
.photo .gallery-top {height: 500px;width: 100%;}
.photo .gallery-thumbs {height:120px;box-sizing: border-box;padding: 10px 0;}
.photo .gallery-thumbs .swiper-slide {height: 100%;opacity: 0.4;}
.photo .gallery-thumbs .swiper-slide div{ width:99%; height:99%;}
.photo .gallery-thumbs .swiper-slide-active {opacity: 1;}
.photo .swiper-button-prev,.photo .swiper-button-next{ background-color:#ccc; background-size:50% auto;}

.photo .swiper-button-next, .photo .swiper-container-rtl .swiper-button-prev{ right:0;}
.photo .swiper-button-prev{ left:0;}
.photo .p-block{ position:relative;}
.photo .pros{ width:100%; margin:0 auto; height:85px;}
.photo .p-block .swiper-button-prev,.photo .p-block .swiper-button-next{ background-color:#ccc; background-size:50% auto; bottom:20px; top:auto;}
.photo .p-block .gallery-top{ height:430px;}

.block-pinfo{padding:5rem 0 0 5rem;}
.ptit h2{ font-size:2rem; color:#00baf2; margin-bottom:2rem;}
.ptit p{ font-size:1.6rem; color:#666;}

.pshare{ margin:2rem 0;}

.pinfo{}
.pinfo a{ display:inline-block; margin-right:2%; color:#666; border:1px solid #666; padding:0 5%; line-height:3rem;border-radius: 13px;}
.pinfo a.on, .pinfo a:hover{ color:#fff; background:#00ccff; border-color:#00ccff;}

.down-bg{ background:#fff;}
.bk-down{ padding:3rem 0;}
.bk-down a{ font-size:1.8rem; display:inline-block; background:url(../img/product/dot_down.jpg) no-repeat 0 center; padding-left:40px; line-height:4rem;}
.pdf_view{ min-height:600px; position:relative;}
.pdf_view iframe{ position:absolute; top:0; left:0;}


/*内容*/
.content{font-size:1.6rem;line-height:2.8rem; color:#333; padding:2rem 0;}
.content p{font-size:1.6rem;margin:0 0 8px;line-height:2.8rem; color:#333;}


.cbrow{ text-align:center; padding:3rem 0 4rem;}
.cbrow span{ display:inline-block; border:2px solid #acce22; width:196px; height:196px;border-radius:200px; margin:0 3%;}
.cbrow span i{ display:block; margin:10px; line-height:176px; font-size:3rem; background:#acce22; color:#fff; font-style:normal;border-radius:200px;}
.cbrow .sodd{ border-color:#009b4c;}
.cbrow .sodd i{ background:#009b4c;}

.iborw{ position:relative; padding-left:20px; margin-bottom:2rem;}
.iborw:before{ content:''; width:3px; height:60px; background:#acce22; position:absolute; left:0; top:8px;}
.iborw span{ color:#333333; font-size:1.8rem; font-weight:bold;}

.bcont{ text-align:center; background:#f9f9f9; padding:4rem 2rem;}
.bcont .btit{ background:#acce22; color:#fff; font-size:2.4rem; line-height:60px; width:280px; margin:-78px auto 20px; overflow:hidden;}
.bcont p{ color:#666666; margin:10px 0 0;}
.bcont span{ color:#333333; font-size:2.4rem;}

.media-box .icon{ border:1px solid #ccc; padding:2%; background:#fff;}
.p-box{ margin-bottom:20px;}
.p-box .icon{ padding:0;}

.bk-cp1{ background:#00baf2; color:#fff;}
.bk-cp1 .wrap{ padding:6rem 0; position:relative;}
.bk-cp1 .full-row{ display:flex;}
.bk-cp1 .cp-info{ position:relative; z-index:20;}
.bk-cp1 .cp-info i{ font-size:3rem; text-transform:uppercase; font-style:normal; display:block;}
.bk-cp1 .cp-info span{ font-size:3rem;}
.bk-cp1 .cp-info p{ margin:2rem 0; font-size:1.8rem;}
.bk-cp1 .cp-img img{ position:relative; z-index:10;}
.bk-cp1 .cp-img:after{content:""; position:absolute; background:url(../img/product/pbg_k1.jpg) no-repeat center center; height:100%; width:100%; top:0; right:-48%;}
.bk-cp1 .cp-img:before{content:""; position:absolute; background:#00baf2; height:100%; width:10%; top:0; left:47%; z-index:11;transform: skewX(-10deg);}
.bk-cp1 .cp-img{ width:140%; padding-left:20%; text-align:center;}
.bk-cp1 .cp-img span{ display:block; position:relative; z-index:20;}

@media screen and (max-width:1440px){
.bk-cp1 .cp-img{ width:115%; }

}

.cp-img2{ text-align:center;}
.cp-mrg{ margin-top:40%;}
.cp-ys{ color:#acacac; font-size:2rem; clear:both; overflow:hidden; margin:3rem 0;}
.cp-ys span{ float:right; display:inline-block; width:75%; text-align:right; margin-right:5%;}
.cp-ys i{ display:inline-block; float:right; font-style:normal; width:45px; height:45px; line-height:45px; text-align:center; border:3px solid #acacac;border-radius:45px;}
.txtR i,.txtR span{ float:left;}
.txtR span{ text-align:left; margin-left:5%; margin-right:0;}

.bk-cp2{ background:#00baf2; padding-top:5rem;}
.cp-info2{ text-align:center; padding:3rem 10% 0; color:#fff;}
.cp-info2 span{ display:block; font-size:2rem; margin:2rem 0;}
.cp-img3{ text-align:right;}

.cp-dot{ background:#e5e5e5; width:155px; height:155px;border-radius: 100%; margin:0 auto; position:relative;}
.cp-dot span{ text-align:center; display:block; font-size:2rem; line-height:2.2rem; padding:4rem 17% 0;}
.cp-on{ background:#00baf2;}
.cp-on span{ color:#fff;}
.cp-txt{ color:#333; padding:0;}

.bk-cp3{ background:url(../img/product/pbg_k2.jpg) no-repeat center 0; padding-top:3rem;}
.cp-bg{ background:#fff; padding:2rem 2% 0 5%;}
.plist{ text-align:center;}
.plist span{ color:#00baf2; font-size:1.6rem;}
.plist .media-box{ margin-bottom:0;}
.plist p{ text-align:left; color:#666; padding-left:3rem;}
.plist p:before{ content:"●　"; color:#00baf2;}

.bk-cp4{ background:#f5f3f3; padding:4rem 0;}

.cp-tab table,.cp-tab table td{ border:1px solid #ccc;}
.cp-tab table td{ padding:0 1rem;}

.cp-mrg2{ margin-left:55%;}
.cp-mrg3{ margin-right:55%;}
.cp-mrg4{ margin-bottom:2rem;}

.pline{ border-top:1px dashed #ccc;}

/*.cp-dot:after{ width:1px; height:100%; content:""; display:block; position:absolute; right:0; top:0; background:#e5e5e5;}
*/
.m-form .mbtn{ width:40%; margin:0 auto; display:block;}

.module_tab{ margin-bottom:3rem;}
.module_tabs{border-bottom:3px solid #00baf2;line-height:5rem}
.module_tabs .tab{display:block; padding:0 5%;float:left;font-size:2.4rem;color:#333;text-align:center;cursor:pointer;}
.module_tabs .tab i{ font-style:normal; margin-left:5px; display:none;}
.module_tabs .tab.active,.module_tabs .tab.cur{background-color:#00baf2;color:#fff}
.module_tabs .tab.active i{ display:inline-block;}
.module_tabs a{float:right}
.module_tab .cont{padding:1em;}
.module_tab .cont table{ width:100%;}
.module_tab .cont td{ border-bottom:1px solid #ccc; padding:5px 0;}
/*正文*/
.newsDetail{padding-bottom: 3em}
.newsTit{text-align:center; border-bottom:1px solid #ccc; padding-bottom:10px;}
.newsTit h2{color:#333;padding:0;font-weight: normal;line-height:2.6;}
.newsTit p{font-size:14px;color:#000;}
.newsTit p a{color:#333}
.newsTit p span{padding:0 2%; display:inline-block;}
.newsThumb{text-align: center;padding-bottom: 40px}
.newsThumb img{max-width: 90%}
/*内容*/
.content h1{font-size:32px;font-weight:bold;margin:.67em 0}
.content h2{font-size:20px;font-weight:bold;margin:.75em 0}
.content h3{font-size:18px;font-weight:bold;margin:.83em 0}
.content h4{font-size:16px;font-weight:bold;margin:1.12em 0}
.content h5{font-size:14px;font-weight:bold;margin:1.5em 0}
.content h6{font-size:12px;font-weight:bold;margin:1.67em 0}
.content ul li{list-style:inherit}

.content_bak{font-size:16px;line-height:26px;}
.content_bak p{font-size:16px;margin:1.12em 0;line-height:26px}
.content_bak h1,.content_bak h2,.content_bak h3,.content_bak h4,.content_bak h5,.content_bak h6{line-height: 150%}
.content_bak h1{font-size:32px;font-weight:bold;margin:.67em 0}
.content_bak h2{font-size:24px;font-weight:bold;margin:.75em 0}
.content_bak h3{font-size:18px;font-weight:bold;margin:.83em 0}
.content_bak h4{font-size:16px;font-weight:bold;margin:1.12em 0}
.content_bak h5{font-size:14px;font-weight:bold;margin:1.5em 0}
.content_bak h6{font-size:12px;font-weight:bold;margin:1.67em 0}
.content_bak ul li{list-style:inherit}
.content_bak .n_top{margin-top:0}
/*分享*/
.newsbshare{text-align:center;font-size:14px}
.newsDetailCur{width:auto;position:relative;border-top:1px solid #d7d8db; margin-top:20px; position:relative;}
.newsDetailCur ul{ padding:20px 0 0;}
.newsDetailCur li{font-size:14px;position:relative;overflow: hidden;padding-bottom:5px;}
.newsDetailCur li a{}
.newsDetailCur li.r{float:right;text-align:right;border-left: 1px solid #d7d8db}
.newsDetailCur a.nbak{ position:absolute; right:0; display:block; bottom:20px; width:105px; height:35px; text-align:center; line-height:35px; color:#666; z-index:1000;border-radius:10px; border:1px solid #999;}
.newsDetailCur a.nbak:hover{ background:#00baf2; color:#fff; border-color:#00baf2;}
/*手机查看*/
.check_moblie{ display:inline-block; width:250px; height:30px; vertical-align:middle; background:#f2f2f2; border:1px solid #e5e5e5; line-height:30px; color:#999; text-indent:9px; text-align:center; position:relative; cursor:pointer; margin-left:20px;}
.check_moblie .isj{background:#888888; width:0px; height:0px; overflow:hidden; margin-bottom:5px; border-top:5px solid #888888; border-right:5px solid #f2f2f2;border-left:5px solid #f2f2f2; display:block; position:absolute; right:8px; top:14px;}
.check_moblie .isj_hover{ border-top:none; border-bottom:5px solid #888888;}
.mobile_qrview{ width:100%; min-width:100%; display:none;}
.mobile_qrview .in{ border:1px solid #e5e5e5; position:relative; padding:20px 29px; min-height:130px; _height:130px; margin-top:22px;}
.mobile_qrview h1{ font-size:30px; color:#000; padding-bottom:10px;}
.mobile_qrview p{ line-height:24px; font-size:14px; color:#999}
.mobile_qrview img{float:right}
.mobile_qrview .clmoblie{display:none;width:24px; height:24px; line-height: 24px; font-size:22px; overflow:hidden; position:absolute; right:10px; top:10px}
/*推荐新闻*/
.newsRecmd h4{font-size: 24px;color:#000;padding:10px 0}
.newsRecmd .box-c{}

.section_njob{ background:#eeeeee;}
.section_njob .seg{padding: 5px;border: 1px solid #d5d5d5;text-align: left;margin-bottom: 15px}
.section_njob .seg .segin{padding: 5%;border: 1px solid #d5d5d5}
.section_njob .seg .segin .C{height: 130px}
.section_njob .seg h4{margin:15px 0}
.section_njob .seg h4 strong{font-size: 1.2rem}
.section_njob .help_info{padding: 20px 0;background-color: #f7f7f7;margin-bottom: 1em;text-align: center}
.section_njob a.back{position: absolute;top: 28px;padding: 2px 15px;border:1px solid #ccc}
/*样式2*/
.subNavBox{margin:10px auto;border-top:none;}
.sub_top{ width:100%; background:#d83142; height:50px; color:#FFF; border-radius:10px 10px 0px 0px; font-size:20px; line-height:50px;  border:none;}
.sub_top p{padding-left:2%;}
.sub_cont{}
.sub_cont p{ margin:0 0 1rem;}
.sub_cont a{ color:#00baf2; border:1px solid #00baf2; display:inline-block; line-height:3.5rem; padding:0 3%;}
.subNav{border-bottom:dashed 1px #fff;cursor:pointer;font-size:16px; color:#fff;line-height:60px;padding-left:2%; background:#00baf2;}
.subNav i{float: right;line-height:30px; width:30px;border-radius:30px; margin-top:17px;color: #fff;font-size: 24px; background:#00baf2; text-align:center;}
.subNav i:before{content:"\e61d";}
.subNav:hover{color:#fff;}
.subNav.on{color:#fff;}
.subNav.open i{color:#fff; background:#00baf2;}
.subNav.open i:before{content: "\e61a";}
.navContent{display: none;border-bottom:solid 1px #e5e3da; background:#f9f8f8; padding:20px 2%;font-size:14px;color:#666; line-height:24px;}

.services-img{ margin-bottom:3rem;}
.job-box .icon{ position:relative; border:0; padding:0; height:260px;}
.job-box .icon .ajob{ position:absolute; top:100%; left:0; width:100%; height:100%; background:rgba(0, 0, 0, 0.53); color:#fff; text-align:left; text-indent:10%;}
.job-box .icon .ajob p{ padding:0;}
.job-box .icon .ajob span{ font-size:20px; padding-top:20%; display:block;}
.job-box .icon .ajob i{ display:inline-block; font-style:normal; background:#00baf2; margin-left:10%;border-radius:10px; text-indent:0; text-transform:uppercase; padding:0 3%; margin-top:1rem;}
.job-box .icon:hover .ajob{ top:0;transition:all 0.5s;}

.sect_cate{ background:#f9f9f9; padding:4rem;}
.module_cate{}
.module_cate .cate_tit{background:#00703a; color:#fff; padding:1.5rem 2rem;}
.module_cate .cate_tit span{ line-height:2rem;font-size:2.2rem; text-transform:uppercase; display:block;}
.module_cate .cate_tit span em{ display:block; text-transform:uppercase; font-size:1.4rem; font-style:normal;}

.module_cate ul{margin:0;position: relative; list-style:none;}
.module_cate ul li{ display:block; border:1px solid #ccc; border-top:none; position:relative;}
.module_cate ul li a{display:inline-block;position: relative; font-size:1.6rem; line-height:3.5rem; padding:0 1.5rem;}
.module_cate ul li a:before{ content:"○"; color:#00703a; margin-right:5px;}
.module_cate ul li i{position: absolute;right:2%;width: 16px;height: 16px;top: 22px;margin-top: -8px;background: #000000;border-radius: 50%; display:none; z-index:1000;} 
.module_cate ul li i:before{display: block;content: '';position: absolute;width: 9px;height: 1px;left: 50%;top: 50%;margin-left: -4px;background: #fff;transition:all .3s}
.module_cate ul li i:after{display: block;content: '';position: absolute;width: 1px;height: 9px;top: 50%;left: 50%;margin-top: -4px;background: #fff;transition:all .3s}
.module_cate ul li:hover a,.module_cate ul li a:hover,.module_cate ul li.cur a,.module_cate ul li:hover,.module_cate ul li.cur{ color:#00703a; background:url(../img/cat_bg.jpg) repeat-x 0 0;}
.module_cate ul li:hover i:after{-webkit-transform:rotate(90deg);transform:rotate(90deg);top:50%;}
.module_cate img{width: 100%}
/*.module_cate .subCate {
	position: absolute;
	left: 100%;
	top: 0;
	bottom: auto;
	width: 300px;
	background: #fff;
	border: 1px solid #e7e5e6;
	padding: 10px 20px;
	z-index: 10;
	display: none;
}*/
.module_cate .subCate {
	background: #fff;
	padding: 0 20px;
	line-height: 2.2
}
.module_cate .subCate dl {
	border-bottom: 1px solid #fff;
	padding-left: 25px;
	
}
.module_cate .subCate a{font-size: 14px}
.module_cate .subCate a:hover{transform:translate(10px);}
.module_cate li.open .subCate{display: block;}

.module_cate .catechild{ display:none;}
.module_cate ul li .catechild a{ display:block; background:none; color:#000; font-size:1.4rem; border-bottom:1px solid #ccc; text-indent:20px;}
.module_cate ul li .catechild a:hover{ color:#00703a;}
.module_cate ul li .catechild a:before{ display:none;}

.module_cate .open{ display:block;}
.module_cate ul li.cur .catechild{ display:block;}



.module_prod{height:auto;overflow:hidden}
.module_prod .swiper-container{padding:2rem 0}
.module_prod .media-box{background-color:#fff}
.module_prod .media-box p{padding:5px;font-size: 1.6rem}



/*地点*/
.m-form .btn{ background:#00baf2; border-color:#00baf2;}
.form-control{ border-color:#d6d6d6;}


/*联系我们*/
.sect_con{ background:#010101; padding:3rem 0;}
.bcont{ }
.bcont .btit span{ color:#fff; font-size:3.3rem; display:block;}
.bcont .btit i{ color:#fff; font-style:normal; text-transform:uppercase;}
.bcinfo{ padding:2rem 0 0; color:#fff;}
.bcinfo span{ font-size:1.6rem; line-height:2rem; display:block;}
.bcinfo p{ margin-top:1rem;}
.bcinfo p i{ font-size:1rem; font-style:normal; display:block; font-weight:bold; margin-top:1rem;}
.bcinfo p a{ color:#fff; font-size:3rem; font-weight:bold;}


/*
 * block
 */
.main{ background:#fff; padding:4rem;}
.index_ {padding:1rem 0; background:#f9f9f9; margin-bottom:2rem;}
.index_ .T{padding-bottom: 25px;text-align: center;color:#333333;overflow: hidden;}
.index_ .T h1{font-size: 36px;line-height:2;font-weight: bold;color: #1b56b2}
.index_ .T h2{font-size: 2rem;color: #999999;font-weight: normal;text-transform: uppercase;font-family: serif;letter-spacing: 3px;}
.index_ .T h2 strong{padding: 0 20px;position: relative;font-weight: normal;}
.index_ .T h2 span{color: #014785}
.index_ .T h2 a{display: block;font-size: 1rem;background-color: #014785;color: #fff;width: 100px;margin:0 auto;border-radius: 15px;font-weight: normal}
.index_ .T h2 .l{height: 4px;width:16px;background:#ccc;display: block;position: absolute;right: 100%;top: 50%;margin-top: -2px}
.index_ .T h2 .r{height: 4px;width:16px;background:#ccc;display: block;position: absolute;left: 100%;top: 50%;margin-top: -2px}
.index_ .T h2 .l:before{display: block;content: ' ';width:200px;height: 1px;background: #cccccc;position: absolute;right: 100%;bottom: 2px;margin-right: 0}
.index_ .T h2 .r:after{display: block;content: ' ';width:200px;height: 1px;background: #cccccc;position: absolute;left: 100%;bottom: 2px;margin-left: 0}
.index_ .T h3{font-size: 20px;font-weight: normal;}
.index_ .T h4{font-size: 30px;color: #1b56b2;font-weight: normal;}
.index_ .T span{font-size: 18px;color: #cccccc; text-transform:uppercase;}
.index_ .T h5{font-size: 16px;font-weight: normal;color: #fff;text-transform: uppercase;}
.index_scroll h2{color:#fff;}
.index_scroll .T .more{float:right;width:152px;height:59px;background:url(../img/i_18.png) 0 bottom no-repeat;overflow:hidden;text-indent:-999px;margin-right:20px;}

/*
* more: text or block
*/
a.more{color: #575757;margin:0 auto;}
a.more{ transition-duration: .5s;-ms-transition-duration: .5s;-moz-transition-duration: .5s;-webkit-transition-duration: .5s;}
a.more:hover{color: #fff;}
a.more.block{padding: 10px 30px;border: 1px solid #c5c2c2;display: inline-block;margin-top: 10px}
a.more.block:hover{color: #ee3f8c; background-color: #fff; border-color: #fff;}
a.button{width: 220px;height: 45px;border: 1px #eee solid;border-radius: 40px;background-color: #fff;display: block;margin: 0 auto;text-align: center;line-height: 45px;position: relative;overflow: hidden;}
a.button.anim span{position: absolute;left: 50%;top: 0;white-space: nowrap;-webkit-transform: translateX(-50%);-ms-transform: translateX(-50%);-o-transform: translateX(-50%);transform: translateX(-50%);-webkit-transition-delay: 250ms;-moz-transition-delay: 250ms;-ms-transition-delay: 250ms;-o-transition-delay: 250ms;transition-delay: 250ms;}
a.button.anim i:before{font-size: 22px;color: #ec408c;position: absolute;top: 9px;left: 0;-webkit-transform: translateX(-200%);-ms-transform: translateX(-200%);-o-transform: translateX(-200%);transform: translateX(-200%);}
a.button.anim:hover i:before{left: 50%;-webkit-transform: translateX(-50%);-ms-transform: translateX(-50%);-o-transform: translateX(-50%);transform: translateX(-50%);}
a.button.anim:hover span{left: 120%;}


/*
 * 搜索 
 */
.search_tool{width:100%;height:auto;background: #f5f5f5}
.widget-search-hot{font-size:14px;width: 100%}
.widget-search-hot a{padding:0 6px}
.widget-search-hot a:hover{text-decoration:underline}
.widget-search-form{padding-top: 40px}
.widget-search-form input{float:left;height:40px;vertical-align:top;font-size: 12px}
.widget-search-form .form-control{background: none;border:1px solid #cbcbcb}
.widget-search-form .search_btn{margin-left:-50px;width:50px;border: 1px solid #ccc;}
.widget-search-form .search_btn:hover{background-position: -94px -4px}

/* ==========================================================================
   Common
   ========================================================================== */
.opc0{opacity:0;}
.opc{opacity:0;}

/*媒体盒子模型*/
.media-box{display:block;text-align: center;margin-bottom:10px;width: 100%;}
.media-box .icon{display: inline-block; background: #fff; width: 100%; height: 240px; overflow: hidden; background:#eee; position:relative;}
.media-box .icon{transition-duration: .5s;-ms-transition-duration: .5s;-moz-transition-duration: .5s;-webkit-transition-duration: .5s;}
.media-box h3{font-size: 1.6rem;padding:5px 10px;font-weight: normal;color: #000}
.media-box p{font-size: 1.6rem;padding:0 10px;line-height: 2;}
.media-box .icon img{width: auto;height: auto}
.media-box .icon img{transition-duration: 1s;-ms-transition-duration: 1s;-moz-transition-duration: 1s;-webkit-transition-duration: 1s;}
.media-box .icon:hover img{transform:scale(1.2);-moz-transform:scale(1.2);-ms-transform:scale(1.2);-o-transform:scale(1.2);-webkit-transform:scale(1.2);}
.media-box .laytit{position: absolute;bottom:0;left: 0;width: 100%;font-size: 1.6rem;background: url(../img/base/layer.png);line-height: 2.4;color: #fff}

.pro-box{ margin-bottom:15px; background:#ededed; padding:5%; width:auto; text-align:left;}
.pro-box a.icon{ padding:0; border:none; text-align:center;}
.pro-box a.icon:hover img{transform: scale(1.2,1.2); transition: all 0.6s;}
.pro-box p{ font-size:1.8rem; color:#333; padding:0;}
.pro-box a.amore{ border:1px solid #9e9ea1; color:#999; display:inline-block; text-align:center; padding:0 10px; margin:1rem 0;}
.pro-box:hover{ background:#00baf2;}
.pro-box:hover p{ color:#fff;}
.pro-box a.amore:hover,.pro-box:hover a.amore{ border-color:#fff; color:#fff;}

.pbg{ background:url(../img/bg_1.jpg) repeat;}
.pro-box2{ margin-bottom:15px; background:#fff; padding:3rem 2%; width:auto; text-align:center;}
.pro-box2 a.icon{ padding:0; border:none; text-align:center;}
.pro-box2 a.icon:hover img{transform: scale(1.2,1.2); transition: all 0.6s;}
.pro-box2 p{line-height:2rem!important; margin:0!important; padding:10px 0;}
.pro-box2 a.icon i{ display:block; position:absolute; width:100%; bottom:1rem; left:0; text-align:left; text-indent:20px; font-style:normal; z-index:1000; color:#fff; font-size:1.6rem;overflow: hidden;text-overflow:ellipsis;white-space: nowrap;}
.pro-box2 a.amore{ border:1px solid #ccc; display:block; text-align:center; width:60%; line-height:2.8rem; margin:5px auto 0;}
.pro-box2:hover a.amore,.pro-box2 a.amore:hover{ background:#00703a; color:#fff; border-color:#00703a;}

/* BOX */
.widget-box{background-color: #fff;color: #000;padding: 30px;margin-bottom: 20px}
.widget-box h4{font-size: 20px;line-height: 32px;margin-bottom: 25px}
.widget-box h4 a{float: right;font-size: 14px;font-weight: normal;color: #0e58a4}

/* portlet */
.portlet{width: 100%;margin-bottom: 15px;}
.portlet > .portlet-title{font-size: 20px;line-height: 32px;margin-bottom: 15px;font-weight: normal;padding-left: 10px;color: #000}
.portlet > .portlet-title a{float: right;font-size: 14px;font-weight: normal;color: #6e6e6e}
.portlet > .portlet-body {background-color: #f7f7f7}
.portlet.bordered > .portlet-body {border: 1px solid #e6e5e5}
.portlet.padding > .portlet-body{padding: 20px 25px}

/* 两列右侧自适应布局 */
.g-bd1{margin:0 0 10px;}
.g-sd1{position:relative;float:left;width:260px;margin-right:-260px;}
.g-mn1{float:right;width:100%;}
.g-mn1c{margin-left:290px;}
@media screen and (max-width: 640px){
    .g-bd1{margin:0 0 10px;}
    .g-sd1{position:relative;float:left;width: 100%;margin-right:0;}
    .g-mn1{float:right;width:100%;}
    .g-mn1c{margin-left:0;}
}

/* 问答*/
.ask-box{width:100%;padding-bottom:2rem;margin-bottom:1rem;border-bottom:1px dotted #ccc}
.ask-box i{position:absolute;font-size:12px;font-style:normal;color:#fff;display:block;width:20px;height:20px;font-weight:400;margin-right:10px;text-align:center;line-height:20px;top:0;left:0}
.ask-box h3{line-height:20px;font-weight:400;padding-left:30px;position:relative;margin-bottom:6px}
.ask-box h3 i{background-color:#666666}
.ask-box p{padding-left:30px;position:relative;line-height:1.4;color:#7e7d7d;}
.ask-box p i{background-color:#d41936}


/*fixed 20170627*/
#swiper_cusslide .media-box .icon{
    width: 183px;
    height: 165px;
}



.mrg-t1{ margin-top:1rem;}
.mrg-t2{ margin-top:2rem;}
.mrg-t3{ margin-top:3rem;}
.mrg-t4{ margin-top:4rem;}
.mrg-t5{ margin-top:5rem;}
.mrg-t6{ margin-top:6rem;}