/* ---------------------------------------------------------- */
/*                                                            */
/* 项目：营销响应式网站                                       */
/*                                                            */
/* - 时间：2016.06.06                                         */
/* - 作者：金铂                                               */
/*                                                            */
/*                                                            */
/*                           QQ:439933277                     */
/*                                                            */
/* ---------------------------------------------------------- */

@charset "utf-8";
@import url(normalize.css);
@import url(base.css);
@import url(font.css);
@import url(animate.css);


/**
 * reset
 */
body{width: 100%;height: 100%;overflow-x: hidden;overflow-y: scroll;color:#666;font:75%/1.8 'Microsoft Yahei',Arial,sans-serif;}
input,textarea{margin:0;padding:0;outline:0;border:0;background:0 0;vertical-align:middle}
body,button,dd,dl,form,h1,h2,h3,h4,ol,p,ul,menu{margin:0}
ol,ul,menu{padding-left:0;list-style-type:none}
img{max-width:100%;border:0;vertical-align:top}
a{outline:0;color:#FFF;text-decoration:none;font-family:"微软雅黑"}
a:hover{color:#c23473}
b,i{font-style:normal}
a, input, i, b, h1, img, span, button, header, .arrow, .portinfo, .portinfo h3, .portinfo p, .portimg,*:before, *:after {
    -moz-transition: all ease-in-out 0.35s;
    -webkit-transition: all ease-in-out 0.35s;
    -o-transition: all ease-in-out 0.35s;
    -ms-transition: all ease-in-out 0.35s;
    transition: all ease-in-out 0.35s;
}


/*
* common
*/
.opc0{opacity:0;}
.fix{*zoom:1;}
.fix:before,.fix:after{content:"";display:table;}.fix:after{clear:both;}
.dib{display:inline-block;*display:inline;*zoom:1;}
.pr{position:relative;}.pa{position:absolute;}
.el{text-overflow:ellipsis; white-space:nowrap; overflow:hidden;}
.eln{ white-space:normal;}
.btn{cursor:pointer;}
.hide{display:none;}
.arr{width:0;height:0;overflow:hidden;}
.f_ewm{float:left;margin-right: 1em;}


/*
* header
*/
.bar{background: #f4f4f4; position: relative; clear: both; z-index: 101; line-height:26px; color:#676665; overflow: hidden;}
.bar a{color: #676665;}
.bar ul li{ float:left;}
.bar ul li i{ display:inline-block;vertical-align:middle;width: 1px;height: 9px;background: #fff;margin:0 4px}
/* 社会化标志 */
.bar .link a{display:inline-block;float:left;background:url(../img/social.jpg) no-repeat; vertical-align:middle; margin-top:7px; margin-right:16px;width: 25px;height: 28px;}
.bar .link .link01{ background-position:0 0;}
.bar .link .link02{ background-position:-43px 0}
.bar .link .link03{ background-position:-87px 1px}
.bar .link .link04{ background-position:-130px 1px}
.bar .link .link05{ background-position:-173px 0}
.bar .link .link06{ background-position:-216px 0}
/* LOGO */
.logo{height: 105px;vertical-align: middle;text-align: center;padding:0;}
.logo img{height: 100%}
.logo .head_tel{position:absolute;right: 0;top: 18%;color:#246cd7;font-size: 26px;font-weight: bold;line-height: 1.4}
.logo .head_tel p{font-size: 14px;color:#6c6666;line-height:30px;padding-left:40px;background: url(../img/icon_tel.jpg) center left no-repeat;}
/* 导航 */
.header{width:100%;z-index:999; box-shadow: 0 4px 6px rgba(0,0,0,.3); background:#f7b324;}
.header .nav .navTop{position:absolute;bottom:-50px;display:none;height:3px;background:#fff}
.header .nav .navTop{transition-duration: .5s;-ms-transition-duration: .5s;-moz-transition-duration: .5s; -webkit-transition-duration: .5s; }
.header .nav{width:100%;height:45px;position: relative;margin: 0 auto;padding-bottom:5px; background:#ea8a22;}
.header .nav a{display: block; color:#fff;}
.header .nav .child{position:relative;float:left;width:14.2857%;height:45px;line-height:45px;text-align:center;color:#fff;}
.header .nav .child.navChildSearch{line-height:20px!important;}
.header .nav .child:hover .title{color:#fff;}
.header .nav .child .title{font-size:14px;color:#fff;white-space: nowrap; overflow: hidden; text-overflow: ellipsis; -o-text-overflow: ellipsis;}
.header .nav .child .title{transition-duration: .5s;-ms-transition-duration: .5s;-moz-transition-duration: .5s; -webkit-transition-duration: .5s; }
.header .nav .child.on .title{color:#fff;}
.header .nav .child .childContent{display:none;position:absolute;top:45px;width:100%;z-index: 999}
.header .nav .child .childContent .childContentLi{color:#fff;background:#ea8a22;font-size:12px;height:36px;line-height:36px;
	border-top: 1px #fff solid;
    border-bottom: 1px #fff solid;
/*-webkit-box-shadow: 0px 2px 2px 0px rgba(125,125,125,0.2);
-moz-box-shadow: 0px 2px 2px 0px rgba(125,125,125,0.2);
-ms-box-shadow: 0px 2px 2px 0px rgba(125,125,125,0.2);
-o-box-shadow: 0px 2px 2px 0px rgba(125,125,125,0.2);
box-shadow: 0px 2px 2px 0px rgba(125,125,125,0.2);*/
}
.header .nav .child .childContent .childContentLi:first-child {border-top: none}
.header .nav .child .childContent .childContentLi:last-child {border-bottom: 3px #fff solid;}
.header .nav .child .childContent .childContentLi a:hover{background:#f7b324;color:#fff;}

@keyframes rightOpacityShow{
0%{ transform: translateX(-80px);opacity:0;}
80%{ transform: translateX(20px);}
100%{ transform:translateX(0); opacity:1;}
}
@-moz-keyframes rotateYOpacityAn{
0%{ -moz-transform: translateX(-80px);opacity:0;}
80%{ -moz-transform: translateX(20px);}
100%{ -moz-transform:translateX(0); opacity:1;}
}
@-webkit-keyframes rotateYOpacityAn {
0%{ -webkit-transform: translateX(-80px);opacity:0;}
80%{ -webkit-transform: translateX(20px);}
100%{ -webkit-transform:translateX(0); opacity:1;}
}
@-o-keyframes rotateYOpacityAn{
0%{ -o-transform: translateX(-80px);opacity:0;}
80%{ -o-transform: translateX(20px);}
100%{ -o-transform:translateX(0); opacity:1;}
}

.anim.anim-rotate li{
	opacity: 0;
    visibility: hidden;
    -webkit-transform: rotateY(90deg);
    -moz-transform: rotateY(90deg);
    -ms-transform: rotateY(90deg);
    -o-transform: rotateY(90deg);
    transform: rotateY(90deg);
    border-top: 1px #fff solid;
    border-bottom: 1px #eee solid;
    min-width: 100%;
}
.anim.anim-rotate li:first-child {
    border-top: none;
}
.anim.anim-rotate li:nth-child(1) {
    -webkit-transition-delay: 550ms;
    -moz-transition-delay: 550ms;
    -ms-transition-delay: 550ms;
    -o-transition-delay: 550ms;
    transition-delay: 550ms;
}
.anim.anim-rotate:hover li {
    opacity: 1;
    -webkit-transform: none;
    -moz-transform: none;
    -ms-transform: none;
    -o-transform: none;
    transform: none;
    visibility: visible;
}
.anim.anim-rotate:hover li:nth-child(1) {
    -webkit-transition-delay: 0s;
    -moz-transition-delay: 0s;
    -ms-transition-delay: 0s;
    -o-transition-delay: 0s;
    transition-delay: 0s;
}

.header .nav .child .language{display:inline-block;*display:inline;*zoom:1;height:16px;line-height:16px;padding:0 8px;font-size:16px;color:#666;}
.header .nav .child .language:hover{color:#00aa3a;}
.header .nav .child .language.cn{border-right:1px solid #ccc;}
.header .nav .child .language.on{color:#00aa3a;}
.header .nav .child .seachIcon{cursor:pointer;}
.header .list{position:relative;background:#363839;z-index:6;}
.header .list .box{padding:50px 0;display:none;}
.header .list .content{width:492px;}
.header .list .listMTitle{color:#fff;font-size:18px;line-height:24px;padding-bottom:24px;}
.header .list .listTitle{position:relative;width:100%;}
.header .list .listTitle:after{content: "020"; display: block; height: 0; clear: both;visibility:hidden;}
.header .list .listTitle .title{border-bottom:1px solid #999999;line-height:36px;color:#B9B9B9;font-size:14px;font-family:Arial, Helvetica, sans-serif;}
.header .list .listTitle .title a{color:#B9B9B9;font-size:14px;}
.header .list .listTitle .title img{margin-right:12px;}
.header .list .listTitle .title .pointer{cursor:pointer;position:absolute;right:0px;top:16px;width:11px;height:11px;}
.header .list .listTitle .title .pointer .sub{position:absolute;left:0px;top:5px;width:11px;height:1px;background:#999;}
.header .list .listTitle .title .pointer .sub.sub2{ transform:rotate(90deg);-moz-transform:rotate(90deg);-ms-transform:rotate(90deg);-o-transform:rotate(90deg);-webkit-transform:rotate(90deg);}
.header .list .listTitle .title .pointer .sub.sub2{transition-duration: .5s;-ms-transition-duration: .5s;-moz-transition-duration: .5s; -webkit-transition-duration: .5s; }
.header .list .listTitle .title .pointer.on .sub.sub2{ transform:rotate(0deg);-moz-transform:rotate(0deg);-ms-transform:rotate(0deg);-o-transform:rotate(0deg);-webkit-transform:rotate(0deg);}
.header .list .listTitle .listContent{display:none;width:94%;float:right;}
.header .list .addBtn{z-index:5;cursor:pointer;position:absolute;bottom:-35px;right:0;width:35px;height:35px;background:url(../images/addIcon.png) no-repeat;}
.header .list .addBtn .sub{position:absolute;width:10px;height:2px;background:#fff;}
.header .list .addBtn .sub.sub1{top:12px;left:22px;}
.header .list .addBtn .sub.sub2{top:12px;left:22px; transform:rotate(90deg);-moz-transform:rotate(90deg);-ms-transform:rotate(90deg);-o-transform:rotate(90deg);-webkit-transform:rotate(90deg);}
.header .list .addBtn .sub.sub2{transition-duration: .5s;-ms-transition-duration: .5s;-moz-transition-duration: .5s; -webkit-transition-duration: .5s; }
.header .list .addBtn.on .sub.sub2{ transform:rotate(0deg);-moz-transform:rotate(0deg);-ms-transform:rotate(0deg);-o-transform:rotate(0deg);-webkit-transform:rotate(0deg);}

.header .searchContent{display:none;position:absolute;bottom:-80px;right:0px;padding:25px;  background-color: #f2efef;border-bottom:1px solid #dcdadb;border-left:1px solid #dcdadb;}
.header .searchContent .seach{margin:0;}

.wapNavBtn{display:none;position:absolute;top:58px;right:32px;cursor:pointer;}
.wapLanguage{display:none;position:absolute;top:35px;right:120px;}
.wapLanguage .language{padding:0 14px;color:#999999;font-size:28px;line-height:28px;display:inline-block;*display:inline;*zoom:1;}
.wapLanguage .language.on{color:#00aa3a;}
.wapLanguage .language.cn{border-right:3px solid #bababa;}
.wapNavPointer{display:none;position:absolute;top:3px;right:3px;cursor:pointer;}

/*
* footer
*/
footer{text-align:center;background:#fff;color:#fff;font-size:12px}
.footer_phone{ font-size:2.2rem;color:#f7b324;padding-top: 30px}
.footer_phone .animated{display: inline-block;padding-right: 15px}
.footer_phone .animated i{ font-size:40px;}
.footer_yx{ margin-bottom: 30px;color: #666; font-size:16px;}
.footer_detail{ background:#f7b324;padding: 22px 0}
.footer_detail span{ margin:0 3px;}
.footer_detail p{ text-align:left;}
.footer_link{ padding-bottom: 20px;color: #2e2e2e}
.footer_link i{padding-right: 6px; color:#2e2e2e;}
.footer_link a{color: #2e2e2e}
.footer_link a:hover{color: #ec408c}

/*
* top
*/
.top{display:none;position:fixed;right:10px;bottom:80px;z-index:999;width:40px;height:40px;font-size:24px;background:#d4d4d4;color:#000;line-height:40px;text-align:center;cursor:pointer;}
.top{transition-duration: .5s;-ms-transition-duration: .5s;-moz-transition-duration: .5s; -webkit-transition-duration: .5s; }
.top:hover{background:#fff;}
.top img{vertical-align:middle;}

/*
 * banner 
 */
.banner{position:relative;overflow:hidden;height:580px;clear:both;margin-top:0px}
	.banner ul,.banner li{position:relative;height:100%;overflow:hidden;}
	.banner ul img{position:absolute;left:50%;top:0;margin-left:-50%;max-width:none; width:100%;}
	.banner .dots{position:absolute;left:0;bottom:10px;width:100%;text-align:center;}
	.banner .dot{display:inline-block;width:10px;height:10px;overflow:hidden;border-radius:50%;margin:0 8px;font-size:0;cursor:pointer;background-color:rgba(0,0,0,0);border: 1px solid #fff;}
	.banner .active{background:#fff;}
	.banner .prev{left:0;}
	.banner .next{right:0;background-position:right 0;}
	.banner .prev:hover{background-position:0 bottom;}
	.banner .next:hover{background-position:right bottom;}

.banner .arrow {
    top: 50%;
    margin-top: -22px;
    z-index: 10;
    opacity: 0;
    font-family: 'salong';
    font-size: 48px;
    line-height: 60px;
    width: 48px;
    height: 60px;
    background-color: rgba(0,0,0,.2);
    color: #fff;
    cursor: pointer;
    position: absolute;
    text-align: center;
}
.banner .next {
    right: 20px;
}
.banner .prev {
    left: 20px;
}
.banner:hover .next {
    right: 0;
}
.banner:hover .prev {
    left: 0;
}
.banner:hover .arrow {
    opacity: 1;
}
.banner .arrow:hover {
    background-color: #c23473;
}
.arrow: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;

    /* Better Font Rendering =========== */
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    -webkit-text-stroke-width: 0.2px;
}
.arrow.next:before{content: '\e663';}
.arrow.prev:before{content: '\e662';}

.swiper-info {
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%,-50%);
    -moz-transform: translate(-50%,-50%);
    -ms-transform: translate(-50%,-50%);
    -o-transform: translate(-50%,-50%);
    transform: translate(-50%,-50%);
    width: auto;
    text-align: center;
    z-index: 100
}
.swiper-info p, .swiper-info h3 {
    color: #fff;
    line-height: 48px;
    text-shadow: 1px 1px 2px rgba(0,0,0,.4);
}
.swiper-info h3 {
    font-size: 42px;
    font-weight: bold;
}

.swiper-info p {
    font-size: 18px;
    margin: 8px 0 20px;
}
.swiper-info a.more {
    margin: 0;
    padding: 6px 20px;
    background-color: #ec408c;
    border: none;
    font-size: 14px;
    color: #fff;
    width: 90px;
    position: relative;
    z-index: 9999;
}
.swiper-info a.more:hover {
    background-color: #c23473;
}
.banner .shade{
    background: rgba(0,0,0,0.3);
    z-index: 1
}

/*
 * nbanner
 */
.nbanner{background: url(../img/webinfo_img.jpg) #ec408c;height: 172px;text-align: center;}
.nbanner span,.nbanner span a{color: #fff;}
.nbanner span.size1{font-size: 28px;font-weight: normal}
.nbanner span.size2{font-size: 14px;font-weight: normal}


/*
* block
*/
.index_ {padding:4em 0 4em;}
.index_ .T{padding-bottom: 40px;text-align: center;color:#f9b320}
.index_ .T h2{font-size: 32px;line-height:1.3;font-weight: bold;}
.index_ .T h2 strong{padding: 0 10px;position: relative;font-weight: normal;}
.index_ .T h2.border strong:before{display: block;content: ' ';width:150px;height: 1px;border-bottom: 1px solid #e8e8e8;position: absolute;right: 100%;bottom: 46%}
.index_ .T h2.border strong:after{display: block;content: ' ';width:150px;height: 1px;border-bottom: 1px solid #e8e8e8;position: absolute;left: 100%;bottom: 46%}
.index_ .T h3{font-size: 20px;font-weight: normal;}
.index_ .T h4{font-size: 32px;line-height:1.2;font-weight: bold;font-family: 'DIN Condensed Bold';}
.index_ .T img{display:block;}
.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; background-color: #2882d0; border-color: #2882d0;}
a.more.block{padding: 10px 30px;border: 1px solid #fff;display: inline-block;margin-top: 10px}
a.more.block:hover{color: #848484; 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: #848484;position: absolute;top: 0;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%;}


/* ==========================================================================
   Index Page
   ========================================================================== */

/*
 * 我们的优势
 */
.section_block{background: #fff}
	.services-box{text-align: center;padding-bottom: 30px;background: #fff}
	.services-box .icon{display: inline-block; background: #fff; width: 100px; height: 100px; position: relative; margin-bottom: 0px;}
	.services-box .icon a{display: block;width: 120px;height: 120px;margin: 0 auto;padding-top: 12px;}
	.services-box .icon img{transition-duration: .5s;-ms-transition-duration: .5s;-moz-transition-duration: .5s;-webkit-transition-duration: .5s;}
	.services-box .icon a:hover img{transform:rotate(360deg);-moz-transform:rotate(360deg);-ms-transform:rotate(360deg);-o-transform:rotate(360deg);-webkit-transform:rotate(360deg);}
	.services-box h3{font-size: 18px;padding:5px 5px;color: #248cf5;font-weight: normal;}
	.services-box p{font-size: 12px;height: 140px;font-family: '宋体';}

    .services-box.horizontal{text-align: left;padding: 0 60px 40px 0px;}
    .services-box.horizontal .icon{display: block;float: left;width:180px;height: auto}
    .services-box.horizontal .icon a{padding-top: 0;line-height: 67px;text-align: center;font-size: 55px; color:#4f4f4f;}
    .services-box.horizontal h3{margin-left: 180px;padding: 0;margin-bottom: 20px;}
    .services-box.horizontal p{margin-left: 180px;height: 60px}

/*
 * 我们的产品
 */
.section_prod{overflow: hidden;background: #fff}
.section_prod .C{margin-bottom: 40px!important}
.section_prod .hd,.section_nabout .hd{text-align: center;margin-bottom: 35px}
.section_prod .hd a,.section_nabout .hd a{display: inline-block;font-size: 12px;padding: 0 20px;margin:0 4px 4px;line-height:40px;color: #fff;background-color: #248cf5}
.section_prod .hd a.on,.section_nabout .hd a.on{background: #f7b324;color: #000}

	.media-box{display:block;text-align: center;margin-bottom:10px;width: 100%;}
	.media-box .icon{display: inline-block; background: #fff; width: 100%; height: 140px; overflow: hidden;border: 1px solid #d7d8db;}
    .media-box .icon{transition-duration: .5s;-ms-transition-duration: .5s;-moz-transition-duration: .5s;-webkit-transition-duration: .5s;}
	.media-box h3{font-size: 0.875rem;padding:5px 10px;font-weight: normal;color: #000}
	.media-box p{font-size: 0.75rem;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.anim.anim-scale:hover .icon 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);}

    .port-box{border: 1px #fff solid;position: relative;overflow: hidden;}
    .port-box .portimg{display: inline-block;background: #fff;width: 100%;height: 180px;}
    .port-box .portimg img{height:100%;max-width:100%!important;max-height:100%!important;opacity: 1 !important; width:100%;}
    .port-box .portinfo{position: absolute;top: 0;bottom: 0;right: 0;left: 0;text-align: center;opacity: 0;}
    .port-box .portinfo h3{display: block;margin-top: 16%;background-color: #ec408c;padding: 8px;font-size: 16px;margin-bottom: 12px;color: #fff;font-weight: normal;}
    .port-box .portinfo p{color: #fff;font-size: 14px;}
    .port-box.anim .portinfo h3{-webkit-transform: translateY(-100%);-moz-transform: translateY(-100%);-ms-transform: translateY(-100%);-o-transform: translateY(-100%);transform: translateY(-100%);background-color: #248cf5;}
    .port-box.anim .portinfo p{-webkit-transform: translateY(100%);-moz-transform: translateY(100%);-ms-transform: translateY(100%);-o-transform: translateY(100%);transform: translateY(100%);}
    .port-box.anim:hover .portimg img{-webkit-transform: scale(1.2);-moz-transform: scale(1.2);-ms-transform: scale(1.2);-o-transform: scale(1.2);transform: scale(1.2);}
    .port-box.anim:hover .portinfo{background-color: rgba(0,0,0,0.6);opacity: 1;}
    .port-box.anim:hover .portinfo h3, .port-box.anim:hover .portinfo p{-webkit-transform: translateY(0);-moz-transform: translateY(0);-ms-transform: translateY(0);-o-transform: translateY(0);transform: translateY(0);}


    /*侧栏*/
	#accordion_t{font-size: 24px;background: #246cd7;color: #fff;line-height: 56px;text-align: center;}
	#accordion{border: 1px solid #e2e2e2;padding: 10px}
	#accordion h3{display: block;cursor: pointer;position: relative;margin-bottom: 6px;padding: 5px 30px 5px 27px;min-height: 0;font-size: 14px;font-weight: bold;background: #ededed}
	#accordion h3.ui-state-active{}
	#accordion h3 span{width: 16px;height: 16px;display: block;text-indent: -99999px;overflow: hidden;background-repeat: no-repeat;position: absolute;right: .5em;top: 50%;margin-top: -8px;background: url(../img/icon_sprite_3.png) no-repeat}
	#accordion h3 span.ui-icon-circle-arrow-s{background-position: 1px -56px}
	#accordion h3 span.ui-icon-circle-arrow-e{background-position: 1px -70px}
	#accordion ul{}
	#accordion ul li a{display: block;line-height: 30px;font-size: 14px;border-bottom: 1px dotted #ccc;padding: 4px 30px;}
	#accordion ul li a:hover{color: #5fbe36}

/*
 * 我们的新闻
 */
.section_news{background:#fff;overflow: hidden;}
.section_news .media-box{background: #fff;border: 1px solid #d7d8db;padding-bottom: 10px}
.section_news .media-box .icon{height: 180px;border: 0px}
.section_news .media-box .icon img{width:100%;height: 100%}
.section_news .media-box p{height: 50px;overflow: hidden;}
	.news-box{position: relative;color: #828282;border-bottom: 1px dotted #ddd;padding: 1em 0;}
	.news-box .date{line-height: 22px; border-top: 3px solid; padding-top: 14px; margin-top: 6px;text-align: center;}
	.news-box .item{display: none;}
	.news-box .date i{font-size: 38px;font-weight: bold;}
	.news-box h3{font-size: 16px;font-weight: normal; font-weight:bold;}
    .news-box h3 a:hover{color: #248cf5;text-decoration: underline}
	.news-box .more{font-weight: normal;}
	.news-box .more:hover{color: #2785ce;background:none}

/*
 * 关于我们 
 */
.section_about{background: #fff;overflow: hidden;}
	.section_about .about-box{height: auto;background:#f7b324;color:#fffcdb;position: relative;overflow: hidden;text-align: center}
    .section_about .about-box img{width: 100%;height: 100%}
    .section_about .about-box .article{padding: 70px 66px;color: #fffcdb;}
    .section_about .about-box .article h2{font-size: 30px;border-bottom: 1px rgba(255,255,255,.4) solid;}
	.section_about .about-box .article p{margin-bottom:20px;font-size: 12px;font-family: '宋体';overflow: hidden;}
    .section_about a.more{color: #f7b324; border:1px solid #fffcdb; background:#fffcdb;}

/*
 * 一些趣事 
 */
.section_num{ position: relative;background-image: url(../img/webinfo_img.jpg)}
.section_num .index_ {padding:6em 0 6em}
.section_num .index_ .T {color: #ffffff;}
.section_num .shade{background-color: rgba(0,0,0,0.3);z-index: 0;}
.section_num .index_ .T h2.border strong:before{display: block;content: ' ';width:150px;height: 1px;border-bottom: 1px solid #ffffff;position: absolute;right: 100%;bottom: 46%}
.section_num .index_ .T h2.border strong:after{display: block;content: ' ';width:150px;height: 1px;border-bottom: 1px solid #ffffff;position: absolute;left: 100%;bottom: 46%}


/*
 * 公共模块 
 */
.section_public{ color:#ffffff;position: relative;background-image: url(../img/webinfo_img.jpg)}
.section_public .index_ {padding:6em 0 6em}
.section_public .shade{background-color: rgba(0,0,0,0.3);z-index: 0;}
.section_public .article{text-align: center;}
.section_public h2, .section_public p, .section_public a{position: relative;z-index: 10;}
.section_public h2{font-size: 2.6rem;font-family: '微软雅黑';line-height: 36px;}
.section_public p{font-size: 1.5rem;line-height: 32px;margin: 32px 0;}
.section_public a{padding: 8px 20px;background-color: #f7b324;color: #fff;display: block;width: 90px;margin: 0 auto;position: relative;}
.section_public a:hover{opacity: 0.7}
.section_public span{padding-right: 20px;}
.section_public i{position: absolute;top: 0;bottom: 0;right: 0;width: 36px;border-left: 1px #fff solid;line-height: 36px;}

.block-c{ clear:both; overflow:hidden; margin:15px 0 0;}
.block-c .brow{ float:left; width:17%; padding:0 1%; border-right:1px dashed #b5b5b5;}
.block-c .brow span{ font-size:24px; font-style:italic; font-weight:bold;}
.block-c .brow p{ font-size:14px; text-align:left; line-height:28px; margin:10px 0 0; min-height:157px;}
.block-c .brow:last-child{ border-right:none;}

.slidebox{position: relative;}
.slidebox .prev, .slidebox .next{position: absolute; left: -45px; top: 50%; margin-top: -20px; display: block; width: 40px; height: 40px;line-height: 40px;font-size: 24px;text-align: center;border-radius: 100%;background-color: #fff}
.slidebox .next{left: auto; right: -45px;}
.slidebox .prev:hover, .slidebox .next:hover{background-color: #ee3f8c;}
.slidebox .prev:hover i:before, .slidebox .next:hover i:before{color: #fff}
.slidebox .prev:hover{left: -48px}
.slidebox .next:hover{right: -48px}



/* ==========================================================================
   Inner Page
   ========================================================================== */
    .article{text-align: left;}
    .article .C{margin: 15px 0;font-size: 14px;overflow: hidden;}

	/*
	 * 关于我们
	 */
	.section_nabout.block1{background:#fff;}
	.section_nabout.block2{background:#f9f9f9;}
    .section_nabout .article .C{line-height: 34px;padding: 0 5%;text-align: center;}
	.section_nabout .media-box .icon{width: 280px; height: 190px;}
    
    /*图片列表*/
    .section_imglist .media-box .icon{width: 391px;height: 270px;border: 0px}

	/*
	 * 产品详细
	 */
	.proDetail{padding-bottom: 10px}
	.proDetail .content_bak{padding: 40px 25px}
	.plist-news-val .pn-tel{ border-top:1px solid #ddd; padding-top:15px;color:#7c7c7c; background:url(../img/tel_ico01.gif) no-repeat 10px 18px}
	.plist-news-val .pn-tel .tel1{ font-size:15px; font-weight:bold;margin: 0}
	.plist-news-val .pn-tel .tel2{ font-size:22px; font-weight:bold;margin: 0}

	.pc_proimg{border:1px solid #ddd;}
	.pc_proimg img{ width:100%; height:100%;}
	.prodet-right{}
	.prodet-t1{ font-size:15px; font-weight:bold; margin-bottom:5px;}
	.prodet-t2{ font-size:15px; font-weight:bold; color:#e14840; margin-bottom:10px;}
	.prodet-t3{margin-bottom:15px;}
	.prodet-t3 a{ padding:0 10px 0 3px; }
	.prodet-t4  a{ display:inline-block; width:35%; height:30px; line-height:30px; font-size:13px; border:1px solid #ddd; text-align:center; margin-right:2%;}
	.prodet-t4  a:hover{ background:#e14840; color:#fff; border-color:#bacedb;}
	.prodet-t5{ margin-top:25px;}
	.prodet-t5 .prodet-tjt{ font-size:14px; font-weight:bold; margin-bottom:10px;}
	.prodet-t5 .prodet-tjlist li img{ border:1px solid #ddd;width: 115px;height: 80px}
	.prodet-t5 .prodet-tjlist li .prodet-tjname{ width:100%;white-space:nowrap;text-overflow:ellipsis;overflow:hidden; margin-top:5px;}

	.prodet-box-2{ margin-top:20px;}
	.scroll_link{ background:#fafafa; border-bottom:2px solid #b5b5b5;}
	.scroll_link li{ float:left; width:16%;}
	.scroll_link li a{ display:block; text-align:center; line-height:34px; font-size:13px; color:#555555;}
	.scroll_link li.active{ background:#f0f0f0;}
	#prodet_main .section{ margin-top:20px;}
	#prodet_main .section .prodet-tname{ font-size:13px; font-weight:bold; margin-bottom:10px;}
	#prodet_main .section .proder-sum{ font-size:13px; line-height:28px;}
	.tabbar-fix {position:fixed;top:0; z-index:10;}
	.sideGuide{background: #fff}
	#prodet_main{padding: 0 10px}

	/*
	 * 新闻资讯
	 */
	.section_nnews .news-box{color: #3f3f3f;font-size: 12px;overflow: hidden;padding: 15px;border-bottom: 1px solid #e2e2e2}
    .section_nnews .news-box .news-cont{position: relative;padding-bottom: 50px;}
    .section_nnews .news-box .news-time{padding:0px 0 8px 0}
    .section_nnews .news-box .news-time span{color: #bbb;padding-right: 15px;line-height: 22px;display: inline-block;}
    .section_nnews .news-box .news-time a{color: #bbb}
    .section_nnews .news-box .news-time i{font-size: 14px;padding-right: 4px}
    .section_nnews .news-box h3{font-size: 22px;}
    .section_nnews .news-box h3 a:hover{color: #248cf5}
    .section_nnews .news-box p{color: #808080;overflow: hidden;}
    .section_nnews .news-box .news-tool{position:absolute;bottom: 1em;}
    .section_nnews .news-box .news-tool .more{font-size: 12px;color: #ffffff;font-weight: normal;padding: 5px 5px 5px 10px;border:1px solid #ffffff;border-radius: 0px;margin-right: 6px}
    .section_nnews .news-box .news-tool .more i{padding: 0 5px; font-size:13px;}
    .section_nnews .news-box .news-tool .more:hover{background: #ffffff;color: #fff}

.sidebar_widget {
    margin-bottom: 20px;
    background-color: #fff;
    border: 1px #eee solid;
    overflow: auto;
}
.sidebar_widget h3 {
    font-weight: normal;
    font-size: 16px;
    padding: 8px 0 8px 12px;
    color: #333;
    display: block;
    border-bottom: 1px #eee solid;
}
.sidebar_widget ul.widget_img {
    margin-top: 0;
    overflow: hidden;
    padding: 8px;
    font-size: 0;
}
.sidebar_widget ul li{
    line-height: 30px;
    padding: 4px 0;
    border-bottom: 1px #eee solid;
    color: #999;
    position: relative;
    font-size: 13px;
    overflow: hidden;
}
.sidebar_widget ul.widget_img a {
    display: block;
    white-space: normal;
    line-height: 20px;
}
.sidebar_widget ul.widget_img img {
    margin-right: 6px;
    width: 120px;
    height: 84px;
    float: left;
}


	/*
	 * 新闻详细
	 */
    .section_ninfo{background: #f8f8f9}
	 /*小菜单*/
	.PageMenuList{height: 46px;width: 100%;background: #f2f2f2;border-bottom: 1px solid #ebebeb;}
	.PageMenuList .wrap{height: 47px; position:relative;}
	.PageMenuList ul{position: absolute; left: 0px; top: 0px;}
	.PageMenuList ul li{float: left; height: 45px; padding: 0 17px; line-height: 45px; margin: 1px;}
	.PageMenuList ul li.hover{border: 1px solid #ebebeb; border-bottom: 1px solid #fff; background: #fff; font-weight: bold;}
	.PageMenuList ul li a{font-size: 14px; color: #454545;}
	.PageMenuList ul li.hover a, .PageMenuList ul li a:hover{color: #00aa3a;}
	/*面包屑*/
	.PageCrumbList{width: 100%;}
	.PageCrumbList .wrap{height: 46px;line-height: 46px; position:relative;border-bottom: 1px solid #ebebeb;}
	.PageCrumbList ul{position: absolute; left: 0px; top: 0px;}
	.PageCrumbList ul li{float: left; height: 45px; padding: 0 3px; line-height: 45px; margin: 1px;}
	.PageCrumbList ul li.hover{border: 1px solid #ebebeb; border-bottom: 1px solid #fff; background: #fff; font-weight: bold;}
	.PageCrumbList ul li a{font-size: 14px; color: #454545;}
	.PageCrumbList ul li.hover a, .PageCrumbList ul li a:hover{color: #00aa3a;}
	/*正文*/
	.newsDetail{padding-bottom: 3em}
	.newsTit{width:100%;border-bottom:1px solid #eee;text-align:center;padding-bottom:24px}
	.newsTit h1{font-size:24px;color:#000;padding:30px 0 30px;font-weight: normal;line-height: 1.3}
    .newsTit p{font-size:14px;color:#bbb}
    .newsTit p a{color:#bbb}
	.newsTit p span{padding:0 20px}
	.newsTit p span .icon_js_c{background:url(../img/base/icon_news_detail.gif) no-repeat;display:inline-block;width:20px;height:20px;text-align:center;line-height:20px;overflow:hidden;font-size:14px;vertical-align:middle;margin-left:4px}
	.newsTit p span .icon_js_c_hover{background:url(../img/base/icon_news_detail.gif) -20px 0 no-repeat}
	.newsThumb{text-align: center;}
	.newsThumb img{max-width: 90%}
	/*内容*/
	.content{font-size:14px;line-height:30px;padding:40px 0px 40px;margin-bottom: 16px;}
	.content p{font-size:14px;margin:1.12em 0;line-height:30px}
	.content h1,.content h2,.content h3,.content h4,.content h5,.content h6{line-height: 150%}
	.content h1{font-size:32px;font-weight:bold;margin:.67em 0}
	.content h2{font-size:24px;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 .n_top{margin-top:0}

	.content_bak{font-size:14px;line-height:30px;padding:40px 60px;background-color: #fff;margin-bottom: 16px;border: 1px solid #d7d8db}
	.content_bak p{font-size:14px;margin:1.12em 0;line-height:30px}
	.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}
	/*点赞*/
	.newsPj{width:100%;text-align:center;padding-bottom:24px}
	.newsPj a.good,.newsPj a.bad{float:none}
	a.good,a.bad{font-size: 14px; float: right; color: #999;cursor: pointer}
	a.bad{padding-left: 18px}
	a.good span,a.bad span{background: url(../img/base/icon_news_detail.gif) no-repeat; width: 24px; display: inline-block; vertical-align: text-bottom; height: 31px; margin-right: 7px; cursor: pointer;}
	.newsPj a.bad span{background-position:0 -51px}
	.newsPj a.good span{background-position:0 -20px}
	.newsPj a.bad:hover span{background-position:-24px -51px}
	.newsPj a.good:hover span{background-position:-24px -20px}
	/*分享*/
	.newsbshare{text-align:center;font-size:14px}
	.newsDetailCur{width:100%;position:relative;padding:22px 0 16px}
	.newsDetailCur li{width:49.9%;float:left;font-size:14px;position:relative;z-index:1111;overflow: hidden;}
	.newsDetailCur li a{padding:5px 0 5px;}
	.newsDetailCur li.r{float:right;text-align:right}
	/*手机查看*/
	.check_moblie{ display:inline-block; width:98px; height:30px; vertical-align:middle; background:#f2f2f2; border:1px solid #e5e5e5; line-height:30px; color:#999; text-indent:9px; text-align:left; 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{ width:12px; height:12px; display:block; overflow:hidden; position:absolute; right:10px; top:10px; background:url(../images/icon_close_moblie.gif)}

	/*
	 * 联系我们
	 */
	.section_ncontact .article .T h2{background: url(../img/section_ncontact_t.jpg) top center no-repeat;}
	.usinfo{padding: 10px 0}
	.usinfo .usinfo_title{line-height: 54px; margin-bottom: 20px; font-size: 28px;}
	.usinfo .info{font-size: 14px; color: #444; line-height: 30px;}
	.m-form .btn{width: 100%;border-radius: 0;padding:11px 12px;border:1px solid #248cf5;background: #248cf5;color: #fff;}
	.m-form .btn { transition-duration: .5s;-ms-transition-duration: .5s;-moz-transition-duration: .5s;-webkit-transition-duration: .5s;}
	.m-form .btn-default:focus,
	.m-form .btn-default.focus{color: #fff; opacity: 0.8}
	.m-form .btn-default:hover{color: #fff; opacity: 0.8}
	#map{border:1px solid #000;margin-top:40px;box-shadow:2px 2px 7px #000}

	/*
	 * 招聘
	 */
    .section_njob.block1,.section_njob.block1 *{background: #f3f3f3}
    .section_njob .services-box{padding-bottom: 0;}
    .section_njob .services-box .icon{height: auto;font-size: 60px;color: #248cf5}
    .section_njob .services-box h3{color: #248cf5;font-size: 20px;font-weight: normal}
    .section_njob .services-box p,.section_njob .services-box p a{color: #7f7f7f;height: auto}
    /*样式1*/
	.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:#248cf5; 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{border:solid 1px #e5e3da;}
    .subNav{border-bottom:solid 1px #e7e5e5;cursor:pointer;font-size:14px;line-height:60px;padding-left:2%}
    .subNav i{float: right;line-height: 60px;margin-right: 4%;color: #248cf5;font-size: 24px}
    .subNav i:before{content:"\ea43";}
    .subNav:hover{color:#eb408c;}
    .subNav.on{color:#248cf5;}
    .subNav.open i:before{content: "\ea41"}
    .navContent{display: none;border-bottom:solid 1px #e5e3da; background:#f9f8f8; padding:15px 2%;font-size:14px;color:#7f7f7f; line-height:24px;}

	/*
	 * 招聘详细
	 */
	.jobapply{border: 1px solid #cccccc;padding: 45px}
	.jobchild{font-size: 14px;border-right: 1px solid #cccccc}
	.jobchild p.job_label{padding:4px 0}
	.jobchild h3.job_name{color:#333333;line-height: 43px;font-size: 26px;margin-bottom: 15px;font-weight: 500;}
	.jobchild h4.job_name{font-size: 15px;margin-top: 25px;margin-bottom: 5px;}
	.jobchild p,.jobchild .job_label,.jobchild .job_cont{color:#7c7c7c;}


    /*服务内容*/
.section_nservice{background-color: #fff}
.service_page_main {
    border: 1px #eee solid;
    padding: 12px;
    margin-bottom: 20px;
    position: relative;
    font-size: 14px
}
.service_page_main h3 {
    font-size: 16px;
    color: #ec408c;
    border-bottom: 1px #eee solid;
    padding: 4px 8px 4px;
    margin: 14px 0 8px;
}
.service_page_main p {
    padding: 8px 0 8px 4px;
}
.service_page_main .amount {
    font-size: 18px;
    color: #fff;
    position: absolute;
    top: 76px;
    left: 20px;
    width: 84px;
    height: 84px;
    display: block;
    text-align: center;
    line-height: 80px;
    border-radius: 100%;
    background-color: rgba(0,0,0,.2);
    border: 1px rgba(255,255,255,.3) solid;
}
.service_page_main ul li {
    border-bottom: 1px #eee solid;
    padding: 8px 0 8px 4px;
}
.service_page_main ul li span {
    color: #999;
}

.productinfo_img{ width:90%; margin:0 auto;text-align: center;}
.productinfo_img img{ max-width:100%;}



/* ==========================================================================
   Other widgets
   ========================================================================== */


/* icon*/
i.jbicon{position:absolute;display: inline-block; overflow: hidden; width: 32px; height: 32px; vertical-align: middle; background-repeat: no-repeat;top: 50%;right: 10px; margin-top: -16px; }