@charset "utf-8";
/* CSS Document */

html, body { height: 100%;}
body { font-size:14px; font-family:"microsoft yahei"; color:#333; background: #fff; }
input, select, textarea, button{ font-size:14px; vertical-align: middle; outline:none; font-family:"microsoft yahei"; border:0;}
h1, h2, h3, h4, h5, h6, em, i{font-weight:normal; font-style:normal;}
img { border: 0; vertical-align:middle; max-width:100%; }
ul, li, ol, dl, dt {list-style: none;}
a { text-decoration: none; outline: none; color: #333; -webkit-transition:0.3s; -moz-transition:0.3s; -o-transition:0.3s; transition:0.3s;}
a:hover{ color:#c53400;}
* { padding: 0px; margin: 0px; box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box;}
.fl { float: left; }
.fr { float: right; }
table {  border-collapse: collapse; }
.clearfix:after { clear: both; content: ' '; display: block; font-size: 0; line-height: 0; visibility: hidden; width: 0; height: 0; }
.clearfix { zoom: 1 }
.w{ width:73%; margin: 0 auto; }
/*阻止旋转屏幕时自动调整字体大小*/
textarea { resize: none; -webkit-appearance: listbox; -moz-appearance: listbox; }
/*取消按钮在iphone上的默认样式*/
input[type=button], input[type=number] { -webkit-appearance: none; outline: none; }
/*移除上下小箭头  chrome*/
input::-webkit-outer-spin-button, input::-webkit-inner-spin-button { -webkit-appearance: none !important; margin: 0;}
input[type=number], input[type=date], input[type=datetime], input[type=datetime-local] { -moz-appearance: textfield; -webkit-appearance: none !important; margin: 0; }
/*移除上下小箭头 Firefox*/
input::-webkit-input-placeholder { color: rgba(0,0,0,.3); }
textarea::-webkit-input-placeholder { color: rgba(0,0,0,.3); }
input::-webkit-input-speech-button { display: none; }
/*清除select默认箭头*/
select { -webkit-appearance: none; -moz-appearance: none; appearance: none; }
select::-ms-expand { display: none;}/* 清除select默认箭头 for IE 11 */
.animated { -webkit-animation-duration: 1s; animation-duration: 1s; -webkit-animation-fill-mode: both; animation-fill-mode: both }
@-webkit-keyframes fadeInUp { 0% {
opacity:0;
-webkit-transform:translate3d(0, 100%, 0);
transform:translate3d(0, 100%, 0)
}
100% {
opacity:1;
-webkit-transform:none;
transform:none
}
}
@keyframes fadeInUp { 0% {
opacity:0;
-webkit-transform:translate3d(0, 100%, 0);
transform:translate3d(0, 100%, 0)
}
100% {
opacity:1;
-webkit-transform:none;
transform:none
}
}


/**index**/
.vertical-inner { display: table-cell; vertical-align: middle; }
.site-head{ background:url(../images/headBg.jpg) repeat; width:100%; height:85px; position:fixed; left:0; top:0; z-index:999;}
.site-head .logo{ background:url(../images/logo.png) no-repeat; width:156px; height:62px; margin:11px 0 0 4%;}
.site-head-nav li{  text-align:center; padding:0 10px; float:left; height:85px; position:relative;}
.site-head-nav li:before{ content:''; background:#fff; width:1px; height:11px; position:absolute; right:0; top:37px;}
.site-head-nav li:last-child:before{ background:none;}
.site-head-nav li a.far{ width:150px; line-height:85px; display:block; font-size:18px; color:#fff;}
.site-head-nav li:hover a.far{ background:url(../images/nav-hover.jpg) no-repeat; color:#a97335;}
.site-head-nav li .sub{ background:#f3f3f3; width:150px; position:absolute; left:10px; top:85px; padding:3px 8px 6px 8px; display:none;}
.site-head-nav li .sub dd{ padding:6px 0; width:100%; border-bottom:1px #c5c5c5 solid;}
.site-head-nav li .sub dd:last-child{ border-bottom:0;}
.site-head-nav li .sub a{ font-size:16px; color:#666; line-height:36px; display:block;}
.site-head-nav li .sub a:hover{ background:#a41e00; color:#fff;}
.navBtn{  width:50px; height:50px; position:absolute; right:0; top:0; cursor:pointer; z-index:20; display:none; -webkit-transition: all ease 0.3s; transition: all ease 0.3s;}

.navBtn span { position: absolute; top:15px; display: block; width: 30px; height: 2px; left: 0; border: 0px solid #C82126; background-color: #fff; -webkit-transition: top 0.2s 0.2s, background 0.2s, opacity 0s 0.2s, -webkit-transform 0.2s; transition: top 0.2s 0.2s, background 0.2s, opacity 0s 0.2s, -webkit-transform 0.2s; transition: top 0.2s 0.2s, transform 0.2s, background 0.2s, opacity 0s 0.2s; transition: top 0.2s 0.2s, transform 0.2s, background 0.2s, opacity 0s 0.2s, -webkit-transform 0.2s; }
.navBtn span:nth-of-type(2) { top: 25px; }
.navBtn span:nth-of-type(3) { top: 35px; bottom: 0; -webkit-transition: bottom 0.2s 0.2s, background 0.2s, -webkit-transform 0.2s; transition: bottom 0.2s 0.2s, background 0.2s, -webkit-transform 0.2s; transition: bottom 0.2s 0.2s, transform 0.2s, background 0.2s; transition: bottom 0.2s 0.2s, transform 0.2s, background 0.2s, -webkit-transform 0.2s; }
.navBtn.expanded:hover span { transform: scale(0.9); }
.navBtn.expanded span:nth-of-type(1) { top:25px; transform: rotate(45deg); transition: top 0.2s, transform 0.2s 0.2s, background 0.2s; -webkit-transform: rotate(45deg); -webkit-transition: top 0.2s, -webkit-transform 0.2s 0.2s, background 0.2s }
.navBtn.expanded span:nth-of-type(2) { opacity: 0; transition: opacity 0.2s; -webkit-transition: opacity 0.2s; }
.navBtn.expanded span:nth-of-type(3) { top:25px; transform: rotate(-45deg); transition: bottom 0.2s, transform 0.2s 0.2s, background 0.2s; -webkit-transform: rotate(-45deg); -webkit-transition: bottom 0.2s, -webkit-transform 0.2s 0.2s, background 0.2s }
.mtop{ width:100%; height:85px; display:block;}


/*.navPup{ background:rgba(0,0,0,.80);  height:100%; width:100%; left:0; position:fixed; top:0; z-index:999; padding:20px; display:none;}
.navPup.animate{ display:block; -moz-animation:subnav-open 0.3s ease; -webkit-animation:subnav-open 0.3s ease; animation:subnav-open 0.3s ease;}
.navPup .close{ background:url(../images/navClose.png) no-repeat; background-size:20px auto; width:20px; height:20px; position:absolute; right:5px; top:5px; display:inline-block;}
*/

.navPup-ibox{ position: fixed; top: 0; left: 0; width: 100%; height:100%; z-index: 100; background: #fff; transform: translateY(-100%); -webkit-transform: translateY(-100%); transition: cubic-bezier(0.92, 0.1, 0.25, 1) .8s; -webkit-transition: cubic-bezier(0.92, 0.1, 0.25, 1) .8s;}
.navPup-ibox.cur { transform: translateY(0);-webkit-transform: translateY(0);}
.nav-list { background:#bd2800; height:100%; padding-top:50px;}
.nav-list li { position:relative; line-height:50px; font-size:16px; text-align:center; border-bottom:1px solid #8c1114; border-top: 1px solid #e4363b;}
.nav-list li a.far{ display:block; color:#fff; width:100%; }
.nav-list li a.current, .nav-list li a.far:hover{ background-color: rgba(140, 17, 20, 0.6);}
/*.nav-list li a.current:before{content:''; height:13px; width:13px; display:block; border:1px solid #fdd69f; border-left-width:0; border-bottom-width:0; transform:rotate(-45deg);-webkit-transform:rotate(-45deg);-moz-transform:rotate(-45deg);-o-transform:rotate(-45deg);-ms-transform:rotate(-45deg); position:absolute; top:17px; right:21px;}*/

.nav-list li .msubnav{ padding:5px 0; display:none;}
.nav-list li .msubnav a{ display:block; font-size:15px; color:#777; line-height:2; }
.nav-list li .msubnav a:hover{ color:#d40000;}
@-moz-keyframes subnav-open { 0% {
-moz-transform:scaleY(0.85);
transform:scaleY(0.85)
}
100% {
-moz-transform:scaleY(1);
transform:scaleY(1)
}
}
@-webkit-keyframes subnav-open { 0% {
-webkit-transform:scaleY(0.85);
transform:scaleY(0.85)
}
100% {
-webkit-transform:scaleY(1);
transform:scaleY(1)
}
}
@keyframes subnav-open { 0% {
-moz-transform:scaleY(0.85);
-ms-transform:scaleY(0.85);
-webkit-transform:scaleY(0.85);
transform:scaleY(0.85)
}
100% {
-moz-transform:scaleY(1);
-ms-transform:scaleY(1);
-webkit-transform:scaleY(1);
transform:scaleY(1)
}
}


.banner{ width:100%; height:814px; overflow:hidden; position:relative;}
.banner .bd li{ width:100%; height:814px; background-position:center; background-size:cover; float:left;}
.banner .hd{ width:100%; text-align:center; font-size:0; position:absolute; left:0; bottom:44px;}
.banner .hd li{ background:#d1d3d2; width:13px; height:13px; display:inline-block; vertical-align:middle; margin:0 8px; transition:all 0.5s; border-radius:50%;}
.banner .hd li.on{ background:#ce1b28; width:26px; border-radius:20px;}


.product-title{ background:#a81f00 url(../images/product-titleBg.jpg) no-repeat center; width:33.3%; float:left; height:520px; display:table;  padding:0 4%; color:#fff; border-bottom:1px #fff solid; }
.product-title .cn{ font-size:30px; font-weight:lighter; vertical-align:top; padding-bottom:15px;}
.product-title .des{ line-height:30px; font-weight:lighter; margin-top:25px; text-align:justify;}
.product-list{ width:66.6%; float:left;}
.product-list li{ background:#eee; width:50%; float:left; height:260px; position:relative; overflow:hidden; border-bottom:1px #fff solid; border-left:1px #fff solid;}
.product-list li .aImg{ width:50%; height:100%; float:left; text-align:center; display:table; position:relative; z-index:1;}
.product-list li .aWord{ width:50%; height:100%; float:left; text-align:center; display:table;}
.product-list li .aWord .iboxt{ display:inline-block; text-align:left;}
.product-list li .aWord .t{ font-size:24px; color:#282828; padding-bottom:15px;}
.product-list li .aWord .c{ font-size:16px; color:#999; line-height:27px;}
.product-list li .cover{ background-image:url(../images/product-listBg.jpg); background-position:center; background-size:cover; width:0; height:100%; position:absolute; left:0; top:0; transition:600ms; -webkit-transition:600ms;}
.product-list li .cover-text{ width:50%; height:100%; text-align:center; display:table; position:absolute; right:-100%; top:0; z-index:2; transition:600ms; -webkit-transition:600ms;}
.product-list li .cover-text .c-box{ display:inline-block; text-align:left; color:#fff;}
.product-list li .cover-text h3{ font-size:24px;}
.product-list li .cover-text .btn{ width:160px; height:40px; line-height:38px; text-align:center; display:block; font-size:16px; margin-top:45px; border:1px #fff solid;}
.product-list li:hover .cover{ width:100%;}
.product-list li:hover .cover-text{ right:0;}


.partnerPage{ background-image:url(../images/partnerBg.jpg); background-size:cover; background-position:center; width:100%; height:686px;}
.partner-tit{ text-align:center; padding:55px 0 35px 0;}
.partner-tit .cn{ font-size:30px; font-weight:lighter; color:#fff; padding-bottom:10px;}
.partner-list{ width:1273px; position:relative; margin:auto;}
.partner-list li{ background:url(../images/partner-listBg.png) no-repeat; width:204px; height:236px; text-align:center; display:inline-block; position:absolute;}
.partner-list li .p-logo{ width:100%; height:100%; position:absolute; left:0; top:0; display:table; -webkit-transform:rotateX(0deg) rotateY(0deg); -webkit-transform-style:preserve-3d; -webkit-backface-visibility:hidden; -moz-transform:rotateX(0deg) rotateY(0deg); -moz-transform-style:preserve-3d; -moz-backface-visibility:hidden; -o-transition:all .4s ease-in-out; -ms-transition:all .4s ease-in-out; -moz-transition: all .4s ease-in-out; -webkit-transition: all .4s ease-in-out; transition: all .4s ease-in-out;}
.partner-list li .p-img{ width:100%; height:100%; position:absolute; left:0; top:0; -webkit-transform: rotateY(-180deg); -webkit-transform-style:preserve-3d; -webkit-backface-visibility:hidden; -moz-transform:rotateY(-180deg); -moz-transform-style:preserve-3d; -moz-backface-visibility: hidden; -o-transition:all .4s ease-in-out; -ms-transition:all .4s ease-in-out; -moz-transition:all .4s ease-in-out; -webkit-transition:all .4s ease-in-out; transition:all .4s ease-in-out;}
.partner-list li:nth-child(1){ left:107px; top:0;}
.partner-list li:nth-child(2){ left:320px; top:0;}
.partner-list li:nth-child(3){ left:533px; top:0;}
.partner-list li:nth-child(4){ left:747px; top:0;}
.partner-list li:nth-child(5){ left:961px; top:0;}
.partner-list li:nth-child(6){ left:0; top:188px;}
.partner-list li:nth-child(7){ left:213px; top:188px;}
.partner-list li:nth-child(8){ left:427px; top:188px;}
.partner-list li:nth-child(9){ left:641px; top:188px;}
.partner-list li:nth-child(10){ left:854px; top:188px;}
.partner-list li:nth-child(11){ left:1069px; top:188px;}
.partner-list li:hover .p-logo{ -webkit-transform:rotateY(180deg); -moz-transform:rotateY(180deg);}
.partner-list li:hover .p-img{ -webkit-transform:rotateX(0deg) rotateY(0deg); -moz-transform:rotateX(0deg) rotate(0deg); z-index:10; }

.ph-partner-list{ margin-bottom:0 !important; padding:0 30px 20px 30px; display:none !important;}
.ph-partner-list .slick-slide img{ display:inline-block; transform:none;}
.ph-partner-list .item{text-align:center; float:left;}
.ph-partner-list .item .item-box{  background:url(../images/partner-listBg.png) no-repeat; width:204px; height:236px;  position:relative; display:inline-block;}
.ph-partner-list .item .p-logo{ width:100%; height:100%; position:absolute; left:0; top:0; display:table; -webkit-transform:rotateX(0deg) rotateY(0deg); -webkit-transform-style:preserve-3d; -webkit-backface-visibility:hidden; -moz-transform:rotateX(0deg) rotateY(0deg); -moz-transform-style:preserve-3d; -moz-backface-visibility:hidden; -o-transition:all .4s ease-in-out; -ms-transition:all .4s ease-in-out; -moz-transition: all .4s ease-in-out; -webkit-transition: all .4s ease-in-out; transition: all .4s ease-in-out;}
.ph-partner-list .item .p-img{ width:100%; height:100%; position:absolute; left:0; top:0; -webkit-transform: rotateY(-180deg); -webkit-transform-style:preserve-3d; -webkit-backface-visibility:hidden; -moz-transform:rotateY(-180deg); -moz-transform-style:preserve-3d; -moz-backface-visibility: hidden; -o-transition:all .4s ease-in-out; -ms-transition:all .4s ease-in-out; -moz-transition:all .4s ease-in-out; -webkit-transition:all .4s ease-in-out; transition:all .4s ease-in-out;}
.ph-partner-list .item:hover .p-logo{ -webkit-transform:rotateY(180deg); -moz-transform:rotateY(180deg);}
.ph-partner-list .item:hover .p-img{ -webkit-transform:rotateX(0deg) rotateY(0deg); -moz-transform:rotateX(0deg) rotate(0deg); z-index:10; }

.ph-partner-list .slick-prev, .ph-partner-list .slick-next{ background:#da251d; width:25px; height:40px; margin-top:-40px;}
.ph-partner-list .slick-prev{ left:0;}
.ph-partner-list .slick-prev:before{content:''; height:10px; width:10px; display:block; border:1px solid #fff; border-right-width:0; border-bottom-width:0; transform:rotate(-45deg);-webkit-transform:rotate(-45deg);-moz-transform:rotate(-45deg);-o-transform:rotate(-45deg);-ms-transform:rotate(-45deg); position:absolute; top:15px; left:9px;}
.ph-partner-list .slick-next{ right:0;}
.ph-partner-list .slick-next:before{content:''; height:10px; width:10px; display:block; border:1px solid #fff; border-left-width:0; border-top-width:0; transform:rotate(-45deg);-webkit-transform:rotate(-45deg);-moz-transform:rotate(-45deg);-o-transform:rotate(-45deg);-ms-transform:rotate(-45deg); position:absolute; top:15px; right:9px;}



.joinPage{ background:#f5f3ed url(../images/joinBg.jpg) no-repeat center; padding:20px 0; border-top:1px #fff solid;}
.join-warp{ width:1235px; margin:auto;}
.join-word{ width:360px; text-align:center; padding:24px 0 0 0;}
.join-word .t{ background:url(../images/join-t.png) no-repeat; width:263px; height:100px; margin:auto; font-size:36px; color:#a6712b; font-weight:lighter; line-height:95px;}
.join-word .c{ font-size:24px; color:#c53400; line-height:48px; font-weight:bold; margin-top:30px;}
.join-word .tel{ background:url(../images/join-tel.png) no-repeat left center; padding-left:65px; font-weight:lighter; display:inline-block; text-align:left; margin-top:30px;}
.join-word .tel h4{ font-size:30px; color:#993300; font-weight:normal;}
.join-video{ width:628px; height:353px; /*position:relative;*/}
.join-video .img{ background-size:cover; background-position:center; width:100%; height:100%;}
.join-video .icon{ background:url(../images/video-icon.png) no-repeat; width:74px; height:74px; display:inline-block; position:absolute; left:50%; top:50%; margin:-36px 0 0 -36px; z-index:2; cursor:pointer;}
/*.join-video:before{ content:''; background:rgba(0,0,0,.6); width:100%; height:100%; position:absolute; left:0; top:0;}*/
.join-banner { border-bottom:1px #fff solid;}
.join-banner .item{ width:50%; float:left; overflow:hidden;}
.join-banner .item img{  -moz-transition:all 2.4s ease 0s; -ms-transition:all 2.4s ease 0s; -o-transition:all 2.4s ease 0s; -webkit-transition:all 2.4s ease 0s; transition:all 2.4s ease 0s;}
.join-banner .item :hover img{ -moz-transform:scale(1.3,1.3); -ms-transform:scale(1.3,1.3); -o-transform:scale(1.3,1.3); -webkit-transform:scale(1.3,1.3); transform:scale(1.3,1.3);}


.footer{ background:url(../images/headBg.jpg) repeat; padding:60px 0;}
.footer-warp{ max-width:1350px; margin:auto;}
.footer-left{ width:540px;  color:rgba(255,255,255,.5);}
.footer-left .l-menu{ padding:18px 0 11px 0;}
.footer-left .l-menu a{ padding:0 15px; color:rgba(255,255,255,.5);}
.footer-middle .t{ font-size:21px; color:#fff;}
.footer-middle .c{ line-height:32px; color:#eee; padding-top:20px;}
.footer-right li{ float:left; width:125px; text-align:center; font-size:12px; color:#eee; padding-top:20px; margin-left:60px;}
.footer-right li p{ margin-top:20px; }
.footer-left .l-copy a{ color:rgba(255,255,255,.5); }

/*OEM定制*/
.pbanner{ width:100%; height:300px; position:relative;}
.pbanner .img{ background-size:cover; background-position:center; width:100%; height:100%;}


.pmenu{ background:#eaeaea; min-height:60px; text-align:center;}
.pmenu a{ display:inline-block; color:#666; padding:0 35px; position:relative; line-height:60px;}
.pmenu a:before{ content:''; background:#9c9c9c; width:1px; height:12px; position:absolute; right:0; top:24px;}
.pmenu a:after{ content:''; background:#d22b00; width:0; height:5px; position:absolute; left:50%; bottom:0; margin-left:-43px; transition:all 0.5s;}
.pmenu a.active, .pmenu a:hover{ color:#d22b00;}
.pmenu a.active:after, .pmenu a:hover:after{ width:86px;}


.ptitle{ background:url(../images/ptitle.jpg) no-repeat top center; width:100%; min-height:122px; margin-top:40px; text-align:center;}
.ptitle .cn{ display:inline-block; font-size:36px; color:#bd2700; font-weight:bold; line-height:122px;}


.pmain{ padding:40px 0; position:relative;}
.pcustom-figure{ text-align:center;}
.pPro-list{ width:78%; margin:auto;}
.pPro-list li{ margin:40px 1.5% 0 1.5%; width:29.3%; float:left; text-align:center; padding:24px; position:relative; -webkit-box-shadow:0 0 7px rgba(198,198,198,.35); -moz-box-shadow:0 0 7px rgba(198,198,198,.35); box-shadow:0 0 7px rgba(198,198,198,.35);}
.pPro-list li .aImg{ background:#fff; display:table; width:100%; height:289px;  border:1px #ededed solid;}
.pPro-list li .aTit{ padding:30px 0 8px 0; font-size:17px; color:#666;}
.pPro-list li:hover{ background:#d22b00;}
.pPro-list li:hover .aTit{ color:#fff;}
.pPro-list li:hover:before{ content:''; background:url(../images/custom-icon.png) no-repeat; width:26px; height:27px; display:inline-block; position:absolute; left:11px; top:11px; z-index:2;}
.pPro-list li:hover:after{ content:''; background:url(../images/custom-icon.png) no-repeat; width:26px; height:27px; display:inline-block; position:absolute; right:11px; top:11px; z-index:2; -ms-transform:rotate(90deg);
-moz-transform:rotate(90deg); -webkit-transform:rotate(90deg); -o-transform:rotate(90deg); }
.pPro-list li:hover .bl-icon{  background:url(../images/custom-icon.png) no-repeat; width:26px; height:27px; display:inline-block; position:absolute; left:11px; bottom:11px; z-index:2; -ms-transform:rotate(-90deg);
-moz-transform:rotate(-90deg); -webkit-transform:rotate(-90deg); -o-transform:rotate(-90deg);  }
.pPro-list li:hover .br-icon{  background:url(../images/custom-icon.png) no-repeat; width:26px; height:27px; display:inline-block; position:absolute; right:11px; bottom:11px; z-index:2; -ms-transform:rotate(180deg);
-moz-transform:rotate(1800deg); -webkit-transform:rotate(180deg); -o-transform:rotate(180deg);  }


.pPro-warp{ width:73%; margin:auto; padding:25px 0;}
.pPro-warp-left{ width:48%;}
.pPro-warp-right{ width:50%;}
.pPro-sider { position:relative; padding:25px; overflow: hidden; -webkit-box-shadow: 0 0 7px rgba(198,198,198,.35); -moz-box-shadow:0 0 7px rgba(198,198,198,.35); box-shadow:0 0 7px rgba(198,198,198,.35);}
.pPro-sider .view { height:438px; width: 100%; border:1px #eeeeee solid;}
.pPro-sider .view .swiper-slide{ width:100%; height:438px !important; display:table; text-align:center;}
.pPro-sider .preview { height:68px; margin-top:25px; }
.pPro-sider .preview .swiper-slide { width:18%; height:68px; margin:0 1%; float:left; overflow:hidden; display:table; text-align:center; border:1px #ebebeb solid; }
.pPro-sider .preview .swiper-slide img{ max-height:100%;}
.pPro-page{ margin-top:34px;}
.pPro-page .p-prev, .pPro-page .p-next{ max-width:50%; line-height:22px; color:#999;}
.pPro-page  span{ background:#ececec; display:inline-block; padding:0 10px; margin-right:6px;}
.pPro-page a{ color:#999;}
.pPro-name .t{ font-size:24px; color:#d22b00; font-weight:bold; padding-bottom:20px;}
.pPro-name dl{ font-size:16px; line-height:30px; overflow:hidden; color:#666;}
.pPro-name dl dt{ float:left; color:#999; min-width:75px; text-align:right;}
.pPro-name dl dd{ overflow:hidden;}
.pPro-name-line{ background:url(../images/pPro-name-line.jpg) repeat-x; height:22px; margin-top:20px;}
.pPro-word .item{ margin-top:40px;}
.pPro-word .item .t{ font-size:18px; color:#cc3300; padding-left:25px; position:relative;}
.pPro-word .item .t:before{ content:''; background:#cc3300; width:13px; height:13px; position:absolute; left:0; top:5px;}
.pPro-word .item .c{ line-height:30px; text-align:justify; color:#999; margin-top:10px;}


.pPage{ text-align:center; padding:70px 0 40px 0;}
.pPage a{ padding:0 10px 5px 10px; margin:0 5px; display:inline-block; vertical-align:top; font-size:16px; color:#666;}
.pPage a.active, .pPage a:hover{ color:#d70000; border-bottom:4px #d70000 solid;}
.pPage .nowpage{ padding:0 10px 5px 10px; margin:0 5px; display:inline-block; vertical-align:top; font-size:16px; color:#d70000; border-bottom:4px #d70000 solid;}

.pabout-word{ width:89%; margin:auto; font-size:14px; line-height:30px; font-weight:lighter; color:#666;}
.pabout-word .item{ width:48%; text-align:justify;}
.pabout-img{ width:89%; margin:auto; padding-top:40px;}
.pabout-img li{ width:25%; padding-left:1%; float:left;}
.pabout-img li:first-child{ padding-left:0;}


.pjoin{ width:83%; margin:auto; padding:40px 0;}
.pjoin-img{ width:43%; height:360px; position:relative; margin-top:9px;}
.pjoin-img .aImg{ background-size:cover; background-position:center; width:100%; height:100%;}
.pjoin-img .aLog{ /*background:url(../images/pjoin-logo.png) no-repeat;*/ background:none; width:474px; height:187px; display:inline-block; position:absolute; left:50%; top:50%; margin:-93px 0 0 -237px; z-index:2;}
.pjoin-word{ width:53%;}
.pjoin-word .text{ line-height:30px; color:#666; text-align:justify; height:240px; overflow:hidden;} 
.pjoin-word .tel{ background:url(../images/join-tel.png) no-repeat 25px center; padding:20px 0 20px 85px; margin-top:30px; font-weight:bold; color:#cc3300; border:1px #ebebeb solid;}
.pjoin-word .tel h4{ font-size:30px; color:#993300; font-weight:normal;}


.pculture-word{ width:70%; margin:auto;}
.pculture-word .item{ width:47%;}
.pculture-word .item .t{ font-size:24px;}
.pculture-word .item .c{ font-weight:lighter; color:#666; text-align:justify; line-height:30px; padding:15px 0 35px 0;}
.pcontact-list{ width:1160px; margin:auto; padding:50px 0;}
.pcontact-list li{ float:left; padding-left:123px; color:#999; line-height:27px; min-height:105px; padding-top:10px;}
.pcontact-list li h4{ font-size:18px; color:#000;}
.pcontact-list li:nth-child(1){ background:url(../images/pc-add.png) no-repeat left center; width:430px;}
.pcontact-list li:nth-child(2){ background:url(../images/pc-tel.png) no-repeat left center; width:430px;}
.pcontact-list li:nth-child(3){ background:url(../images/pc-email.png) no-repeat left center;}
.pcontact-map{ width:1160px; margin:auto; border:1px #ebebeb solid;}


.pmessage-title{ background-image:url(../images/pmessage-titleBg.jpg); background-size:cover; background-position:center; height:182px; margin-top:90px; color:#fff; text-align:center;}
.pmessage-title .t{ font-size:30px; padding-top:35px;}
.pmessage-title .c{ padding-top:35px; color:rgba(255,255,255,.6);}
.pmessage-cont{ width:1160px; margin:auto; padding:80px 0 40px 0;}
.pmessage-cont .filed{ margin-top:10px; width:49%;}
.pmessage-cont .filed .inpt{ background:#f3f3f3; width:100%; height:53px; line-height:53px; padding-left:29px; color:#999;}
.pmessage-cont .filed .area{ background:#f3f3f3; width:100%; height:124px; color:#999; padding:10px 29px; line-height:24px;}
.pmessage-cont .filed:nth-child(3){ width:100%;}
.pmessage-cont .button{ width:100%; margin-top:28px; text-align:center;}
.pmessage-cont .button .btn{ background:#ff9900; width:458px; line-height:53px; color:#fff; font-size:18px; cursor:pointer; display:inline-block;}


.pcourse-warp{ width:64%; margin:auto;}
.pcourse-tab{ background:#b19591; position:relative; height:74px; overflow:hidden; padding:0 130px; margin-bottom:0 !important;}
.pcourse-tab:before{ content:''; background:#bd2800; width:74px; height:74px; position:absolute; left:0; top:0;}
.pcourse-tab:after{ content:''; background:#bd2800; width:74px; height:74px; position:absolute; right:0; top:0;}

.pcourse-tab .item{ text-align:center; position:relative; line-height:74px; color:#fff; font-size:36px; letter-spacing:-3px; font-family:cambria; cursor:pointer; float:left;}
.pcourse-tab .item.on{ background:#673301l;}
.pcourse-tab .item.on:before{ content:''; background:#cc2b00; width:80%; height:7px; position:absolute; left:10%; bottom:0;}
.pcourse-tab .item.on:after{content:''; height:0; width:0; display:block; border:5px transparent solid; border-bottom-width:0; border-top-color:#cc2b00; position:absolute; bottom:-7px; left:50%; margin-left:-5px; }
.pcourse-tab .slick-prev, .pcourse-tab .slick-next{ background:#bd2800; width:74px; height:74px; top:0; margin-top:0;}
.pcourse-tab .slick-prev{ left:0;}
.pcourse-tab .slick-prev:before{content:''; height:20px; width:20px; display:block; border:1px solid #fff; border-right-width:0; border-bottom-width:0; transform:rotate(-45deg);-webkit-transform:rotate(-45deg);-moz-transform:rotate(-45deg);-o-transform:rotate(-45deg);-ms-transform:rotate(-45deg); position:absolute; top:25px; left:30px; opacity:1;}
.pcourse-tab .slick-next{ right:0;}
.pcourse-tab .slick-next:before{content:''; height:20px; width:20px; display:block; border:1px solid #fff; border-left-width:0; border-top-width:0; transform:rotate(-45deg);-webkit-transform:rotate(-45deg);-moz-transform:rotate(-45deg);-o-transform:rotate(-45deg);-ms-transform:rotate(-45deg); position:absolute; top:25px; right:30px; opacity:1;}


.pcourse-list{ padding:40px 74px;}
.pcourse-list li{ padding:20px 0; vertical-align:middle; border-bottom:1px #e5e7e6 solid;}
.pcourse-list li .date{ display:block; font-size:18px; font-weight:bold; color:#bd2800; }
.pcourse-list li .text{ margin-top:15px; line-height:30px; font-size:16px; color:#666; position:relative; font-weight:lighter;}
.pcourse-list li .img{ background-size:cover; background-position:center; width:200px; height:130px; position:absolute; left:0; top:0;}
.pcourse-list li.are .text{ padding-left:225px; min-height:130px;}


.phonor-list{ width:1200px; margin:auto; position:relative; padding-top:40px;}
.phonor-list .item-box{ padding:0 20px;}
.phonor-list .item .item-big .img{ height:360px;}
.phonor-list .item .item-small .img{ width:100%; height:180px;}
.phonor-list .item .img{ background-size:cover; background-position:center; width:100%; height:100%;}
.phonor-list .item .tit{ text-align:center; font-weight:lighter; margin-top:15px;}
.phonor-list .slick-prev, .phonor-list .slick-next{ background:#bd2800; width:91px; height:91px; margin-top:-45px; border-radius:50%;}
.phonor-list .slick-prev{ left:-150px;}
.phonor-list .slick-prev:before{content:''; height:30px; width:30px; display:block; border:2px solid #fff; border-right-width:0; border-bottom-width:0; transform:rotate(-45deg);-webkit-transform:rotate(-45deg);-moz-transform:rotate(-45deg);-o-transform:rotate(-45deg);-ms-transform:rotate(-45deg); position:absolute; top:29px; left:35px; opacity:1;}
.phonor-list .slick-next{ right:-150px;}
.phonor-list .slick-next:before{content:''; height:30px; width:30px; display:block; border:2px solid #fff; border-left-width:0; border-top-width:0; transform:rotate(-45deg);-webkit-transform:rotate(-45deg);-moz-transform:rotate(-45deg);-o-transform:rotate(-45deg);-ms-transform:rotate(-45deg); position:absolute; top:29px; right:35px; opacity:1;}


.pNews-warp{ padding:40px 0; width:80%; margin:auto;}
.pNews-pic{ width:41%; float:left; position:relative;}
.pNews-pic:before{ content:''; background:#f7f7f7; width:100%; height:30px; position:absolute; left:-30px; top:-30px;}
.pNews-pic:after{ content:''; background:#f7f7f7; height:100%; width:30px; position:absolute; left:-30px; top:-30px;}
.pNews-pic .item{ position:relative; float:left; width:100%;}
.pNews-pic .item .img{ background-position:center; background-size:cover; width:100%; height:416px;}
.pNews-pic .item .tit{ background:rgba(0,0,0,.5); width:100%; height:50px; line-height:50px; font-size:16px; color:#fff; padding:0 20px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; position:absolute; left:0; bottom:0; z-index:2;}
.pNews-pic .slick-prev, .pNews-pic .slick-next{ background:rgba(0,0,0,.5); width:44px; height:68px; margin-top:-34px; }
.pNews-pic .slick-prev{ left:0;}
.pNews-pic .slick-prev:before{content:''; height:20px; width:20px; display:block; border:2px solid #fff; border-right-width:0; border-bottom-width:0; transform:rotate(-45deg);-webkit-transform:rotate(-45deg);-moz-transform:rotate(-45deg);-o-transform:rotate(-45deg);-ms-transform:rotate(-45deg); position:absolute; top:23px; left:17px; opacity:1;}
.pNews-pic .slick-next{ right:0}
.pNews-pic .slick-next:before{content:''; height:20px; width:20px; display:block; border:2px solid #fff; border-left-width:0; border-top-width:0; transform:rotate(-45deg);-webkit-transform:rotate(-45deg);-moz-transform:rotate(-45deg);-o-transform:rotate(-45deg);-ms-transform:rotate(-45deg); position:absolute; top:23px; right:17px; opacity:1;}


.pNews-list{ width:55%;}
.pNews-list .item li{ padding:0 0 25px 105px; vertical-align:middle; position:relative; margin-top:25px; border-bottom:1px #e5e5e5 dashed;}
.pNews-list .item li .date{ text-align:center; width:85px; position:absolute; left:0; top:0; color:#bd2700;}
.pNews-list .item li .date .p1{ font-size:48px; font-weight:bold; vertical-align:top; line-height:1;} 
.pNews-list .item li .date .p2{ font-size:18px; margin-top:15px;}
.pNews-list .item li .t{ font-size:18px; color:#bd2700; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
.pNews-list .item li .t a{ color:#bd2700; }
.pNews-list .item li .c{ line-height:26px; color:#999; height:52px; overflow:hidden; margin-top:13px; text-align:justify;}
.pNews-list .item li:first-child{ margin-top:10px;}
.pNews-list .item li:last-child{  border-bottom:0;}
.pNews-list .slick-dots{ bottom:-55px; text-align:left; font-size:0;}
.pNews-list .slick-dots li{ width:12px; height:12px; margin:0 8px; vertical-align:middle;}
.pNews-list .slick-dots li button{ background:#f0f0f0; width:12px; height:12px; border-radius:50%;}
.pNews-list .slick-dots li button:before{ display:none;}
.pNews-list .slick-dots li.slick-active button{ background:#d42700;}


.pstry-list{ background:#f0f0f0; margin-bottom:-40px; padding:10px 0 30px 0;}
.pstry-list .title{ text-align:center; font-size:36px; color:#bd2700; font-weight:bold; padding-bottom:60px;}
.pstry-list ul{ margin-left:-8%; position:relative;}
.pstry-list ul li{ width:25.3%; float:left; margin-left:8%; display:inline-block; background:#fff;}
.pstry-list ul li .aImg{ width:100%; height:205px; background-position:center; background-size:cover;}
.pstry-list ul li .aWord{ padding:15px;}
.pstry-list ul li .aWord .t{ font-size:18px; color:#bd2700; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
.pstry-list ul li .aWord .c{ text-align:justify; height:72px; line-height:24px; overflow:hidden; color:#999; margin-top:10px;}
.pstry-list ul li .aWord .view{ margin-top:25px; color:#282828; display:block;}


.pcustom-list{ width:80%; margin:auto;}
.pcustom-list li{ width:23%; float:left; height:215px; position:relative; overflow:hidden; margin:45px 1% 0 1%; border:1px #eaeaea solid;}
.pcustom-list li .c-logo{ width:100%; height:100%; display:table; position:absolute; left:0; top:0; text-align:center;}
.pcustom-list li .h-pic{ background-position:center; background-size:cover; width:0; height:0; position:absolute; left:50%; top:50%; filter:alpha(opacity=0); -moz-opacity:0; opacity:0; transition:all 0.5s; z-index:2;}
.pcustom-list li:hover .h-pic{ filter:alpha(opacity=100); -moz-opacity:100; opacity:100; width:100%; height:100%; left:0; top:0;}
.pcustom-pup{ background:rgba(0,0,0,.5); width:100%; height:100%; position:absolute; left:0; top:0; bottom:0; right:0; text-align:center; padding:3% 0;}
.pcustom-pup img{ max-height:100%;}



.plive-pic { position: relative; overflow: hidden; width:1325px; margin:auto;}
.plive-pic .bigScroll { height:883px; position: relative; }
.plive-pic .bigScroll .prev, .plive-pic .bigScroll .next{ background:rgba(0,0,0,.7); width:96px; height:114px; position:absolute; top:50%; margin-top:-57px; z-index:2;}
.plive-pic .bigScroll .prev{ left:0;}
.plive-pic .bigScroll .prev:before{content:''; height:30px; width:30px; display:block; border:2px solid #fff; border-right-width:0; border-bottom-width:0; transform:rotate(-45deg);-webkit-transform:rotate(-45deg);-moz-transform:rotate(-45deg);-o-transform:rotate(-45deg);-ms-transform:rotate(-45deg); position:absolute; top:37px; left:40px;}
.plive-pic .bigScroll .next{ right:0;}
.plive-pic .bigScroll .next:before{content:''; height:30px; width:30px; display:block; border:2px solid #fff; border-left-width:0; border-top-width:0; transform:rotate(-45deg);-webkit-transform:rotate(-45deg);-moz-transform:rotate(-45deg);-o-transform:rotate(-45deg);-ms-transform:rotate(-45deg); position:absolute; top:37px; right:40px;}
.plive-pic .bigImg li{ width:1325px; height:883px; position:relative;}
.plive-pic .bigImg li .img { vertical-align: middle; width:100%; height:100%; background-position:center; background-size:cover;}
.plive-pic .bigImg h4 { background:rgba(0,0,0,.5); width:100%; font-size: 18px; line-height:70px; height:70px; padding:0 25px; overflow: hidden; color:#fff; text-align: left; position:absolute; left:0; bottom:0; z-index:2;}
.plive-pic .smallScroll { height:80px; margin-top:8px;}
.plive-pic .sPrev, .plive-pic .sNext { background:#4c4c4c; float:left; display:block; width:32px; height:80px; text-indent:-9999px; position:relative;}
.plive-pic .sPrev:before{content:''; height:11px; width:11px; display:block; border:1px solid #e5e5e5; border-right-width:0; border-bottom-width:0; transform:rotate(-45deg);-webkit-transform:rotate(-45deg);-moz-transform:rotate(-45deg);-o-transform:rotate(-45deg);-ms-transform:rotate(-45deg); position:absolute; top:35px; left:12px;}
.plive-pic .sNext:before{content:''; height:11px; width:11px; display:block; border:1px solid #e5e5e5; border-left-width:0; border-top-width:0; transform:rotate(-45deg);-webkit-transform:rotate(-45deg);-moz-transform:rotate(-45deg);-o-transform:rotate(-45deg);-ms-transform:rotate(-45deg); position:absolute; top:35px; right:12px;}
.plive-pic .smallImg { float:left; margin:0 3px 0 8px; display: inline; width:1250px; overflow: hidden; }
.plive-pic .smallImg ul { height:80px; width: 9999px; overflow: hidden; }
.plive-pic .smallImg li { float:left; width:120px; height:80px; position:relative; cursor: pointer; margin-right:5px; display:inline; }
.plive-pic .smallImg li:before{ content:''; background:rgba(0,0,0,.7); width:100%; height:100%; position:absolute; left:0; top:0;}
.plive-pic .smallImg li img {  width:120px; height:80px; display:block; }
.plive-pic .smallImg li.on:before {  background:rgba(0,0,0,0); }

.site-map dl{padding:10px 0;border-bottom:1px dashed #ddd;}
.site-map dt{font-size:16px;line-height:30px;font-weight:bold;}
.site-map dd{overflow:hidden;}
.site-map dd span{display:block;margin-right:10px;float:left;}
.site-map dd span a:after{content:"|";color:#ddd;margin-left:10px;}
.site-map dd span:last-child a:after{content:"";}
.site-map dd p{overflow:hidden;}
.site-map dd strong{display:block;color:#999;}


/*浮窗*/
.kefu{position: fixed;right: 0;top: 45%;z-index:10;}
.kefu ul li{margin-bottom: 1px;width: 69px;height: 73px;text-align: center;position: relative;}
.kefu ul li img{margin-bottom: 7px;}
.kefu ul li a{display: block;padding:9px 0;z-index: 10;position: relative;}
.kefu ul li p{font-size: 12px;color: #fff;}
.kefu ul li.tel{background:#AD2002;}
.kefu ul li.qq{background:#AD2002;}
.kefu ul li.return{background:#AD2002;display: none;}

.telbox{position: absolute;right:-220%;background:#AD2002;height: 100%;padding:0 15px;font-size:20px;color: #fff;top:0;text-align: left;border-radius: 7px 0 0 7px;z-index:-1;
  line-height: 69px;font-style: italic;
  -webkit-animation-duration:0.4s; -moz-animation-duration:0.4s; -ms-animation-duration:0.4s; -o-animation-duration:.4s; animation-duration:.4s; -webkit-animation-fill-mode:both; -moz-animation-fill-mode:both; -ms-animation-fill-mode:both; -o-animation-fill-mode:both; animation-fill-mode:both; transition:all 0.6s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;
}
.qqbox{position: absolute;right:-220%;background:#AD2002;height: 100%;font-size:20px;color: #fff;top:0;text-align: left;border-radius: 7px 0 0 7px;z-index:-1;
  line-height: 69px;
  -webkit-animation-duration:0.4s; -moz-animation-duration:0.4s; -ms-animation-duration:0.4s; -o-animation-duration:.4s; animation-duration:.4s; -webkit-animation-fill-mode:both; -moz-animation-fill-mode:both; -ms-animation-fill-mode:both; -o-animation-fill-mode:both; animation-fill-mode:both; transition:all 0.6s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;
}
.qqbox span{padding:0 15px;}
.kefu ul li:hover .telbox,.kefu ul li:hover .qqbox{right:69px;}