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


body { font-size:14px; font-family:"Microsoft Yahei"; color:#000; background:#fff;  -webkit-tap-highlight-color:transparent;}
input[type="text"], input[type="button"], input[type="submit"], input[type="reset"], textarea {font-family:"Microsoft Yahei";  -webkit-appearance: none; border-radius:0; }
h1, h2, h3, h4, h5, h6{ font-weight:normal;}
ul, li, ol, dl, dt {list-style:none;}
img { border:0; vertical-align:top; max-width:100% !important;}
a { text-decoration:none; color:#000; cursor:pointer; transition:all 0.4s;}
a:hover { text-decoration:none; color:#1b54a6; }
*{ margin:0; padding:0; border:0; font-size:100%; outline:none; box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; }
.clearfix:after { clear:both; content:' '; display:block; font-size:0; line-height:0; visibility:hidden; width:0; height:0; }
.clearfix { zoom: 1 }
.fl { float:left; }
.fr { float:right; }
.w{ width:1200px; margin:0 auto; }
.align-vertical { display:table-cell; vertical-align:middle;}
.hide{ display:none;}


/*阻止旋转屏幕时自动调整字体大小*/
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] ,input[type=submit],input[type=button],button{ -moz-appearance: textfield; -webkit-appearance: none !important; margin: 0; }
/*移除上下小箭头 Firefox*/
input::-webkit-input-placeholder { color:#666; }
textarea::-webkit-input-placeholder { color:#666; }
input::-webkit-input-speech-button { display: none; }



/**index**/
.zkHead{ background:#fff; width:100%; position:relative; left:0; top:0; z-index:99; text-align:center; box-shadow:2px 0 10px rgba(36,36,36,.2);}
.zkHead.topFix{ position:fixed; left:0; top:0; }
.zkHead-logo{ margin-top:15px;}

.zkHead-nav li{ float:left; position:relative; padding:0 10px; margin-left:20px;}
.zkHead-nav li a.far{ display:block; font-size:16px; line-height:92px; position:relative;}
.zkHead-nav li a.far:before{ content:''; background:#1b54a6; width:0; height:3px; position:absolute; left:50%; top:0; transition:all 0.4s;}
.zkHead-nav li.active a.far, .zkHead-nav li:hover a.far{ color:#1b54a6;}
.zkHead-nav li.active a.far:before, .zkHead-nav li:hover a.far:before{ width:100%; left:0;}
.zkHead-nav li .subNav{ background:#1b54a6; width:100%; position:absolute; left:0; top:100%; text-align:center; padding:8px 0; display:none;}
.zkHead-nav li .subNav a{ display:block; color:#fff; padding:6px 0;}
.zkHead-nav li .subNav a:hover{ background:#fff; color:#1b54a6;}


.zkBanner{ overflow:hidden; position:relative;}
.zkBanner li img{ width:100%; display:block;}
.zkBanner .swiper-pagination{ font-size:0; bottom:28px !important;}
.zkBanner .swiper-pagination-bullet{ background:#fff; width:12px; height:12px; margin:0 4px !important; transition:all 0.4s; opacity:1;}
.zkBanner .swiper-pagination-bullet-active{ background:#de0011; width:36px; border-radius:6px;}


.zkNews-floor{ padding:45px 0 50px 0;}
.zkNews{ width:870px;}
.zkNews-head .cn{ background:url(../images/title.png) no-repeat left center; font-size:24px; font-weight:bold; padding-left:15px; line-height:24px;}
.zkNews-head .en{ font-family:Arial, Helvetica, sans-serif; color:#b2b2b2; text-transform:uppercase; padding:8px 0 0 6px; font-style:italic;}
.zkNews-head .mo{ font-family:Arial, Helvetica, sans-serif;  text-transform:uppercase; padding-top:8px;}
.zkNews-inner { margin-top:28px;}
.zkNews-inner .figure{ width:370px; overflow:hidden; position:relative;}
.zkNews-inner .figure li{ width:100%; height:268px; position:relative; overflow:hidden;}
.zkNews-inner .figure li .pic{ background-position:center; background-size:cover; width:100%; height:100%; display:inline-block; transition:all 0.4s;}
.zkNews-inner .figure li .tit{ background:rgba(0,0,0,.7); width:100%; line-height:40px; font-size:14px; color:#fff; padding:0 75px 0 12px; position:absolute; left:0; bottom:0; z-index:2; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
.zkNews-inner .figure li:hover .pic{ -webkit-transform:scale(1.05); transform:scale(1.05);}
.zkNews-inner .figure .swiper-pagination{ width:auto !important; left:auto !important; font-size:0; bottom:16px !important; right:8px !important;}
.zkNews-inner .figure .swiper-pagination-bullet{ background:#d1d1d2; width:8px; height:8px; margin:0 7px 0 0 !important; opacity:1;}
.zkNews-inner .figure .swiper-pagination-bullet-active{ background:#f4653d;}
.zkNews-inner .list{ width:470px;}
.zkNews-inner .list li{ margin-top:17px; position:relative; padding-left:10px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
.zkNews-inner .list li:first-child{ margin-top:0;}
.zkNews-inner .list li span{ float:right;}
.zkNews-inner .list li:before{ content:''; background:#5b5b5b; width:4px; height:4px; position:absolute; left:0; top:50%; margin-top:-2px; border-radius:50%;}


.zkService{ width:288px;}
.zkService-list{ padding-top:9px;}
.zkService-list a{ background:#929292; width:calc(50% - 9px); float:left; text-align:center; margin-top:18px; padding:15px 0 18px 0; border-radius:5px;}
.zkService-list a .icon{ width:58px; display:inline-block; vertical-align:top;}
.zkService-list a .name{ font-size:16px; font-weight:bold; color:#fff; margin-top:15px;}
.zkService-list a:nth-child(2n+2){ float:right;}
.zkService-list a:hover{ background:#1b54a6;}


.zkProduct{ background-image:url(../images/zkProduct-bg.jpg); background-position:center; background-size:cover; padding:65px 0 55px 0;}
.zkProduct-head .cn{ background:url(../images/zkProduct-title.png) no-repeat left center; font-size:24px; font-weight:bold; padding-left:15px; color:#fff; line-height:40px;}
.zkProduct-head .en{ font-family:Arial, Helvetica, sans-serif; text-transform:uppercase; padding:18px 0 0 9px; font-style:italic; color:#fff;}
.zkProduct-head .tab a{ background:rgba(255,255,255,.8); padding:0 33px; line-height:40px; float:left; font-size:16px; margin-left:18px; border-radius:20px;}
.zkProduct-head .tab a.active{ background:#ff5f19; color:#fff;} 

.zkProduct-listBox{ margin-top:40px;}
.zkProduct-list{ position:relative; padding-bottom:67px; overflow:hidden; display:none;}
.zkProduct-list:first-child{ display:block;}
.zkProduct-list li{ position:relative; border-radius:6px; overflow:hidden;}
.zkProduct-list li:before{ content:''; background:rgba(255,95,25,.8); width:100%; height:100%; position:absolute; left:0; top:0; z-index:1; opacity:0; transition:all 0.3s;}
.zkProduct-list li .pic{ background:#fff; height:252px; position:relative;}
.zkProduct-list li .pic img{ max-height:100%; position:absolute; left:50%; top:50%; transform:translate(-50%,-50%);}
.zkProduct-list li .tit{ background:#faf9ff; font-size:16px; padding:24px 0; text-align:center; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
.zkProduct-list li .views{ background:url(../images/view.png) no-repeat top center; width:100%; text-align:center; font-size:18px; color:#fff; padding-top:65px; position:absolute; left:0; top:50%; transform:translateY(-50%); z-index:2; opacity:0; transition:all 0.3s;}
.zkProduct-list li:hover:before{ opacity:1;}
.zkProduct-list li:hover .views{ opacity:1;}
.zkProduct-list .swiper-pagination{ font-size:0;}
.zkProduct-list .swiper-pagination-bullet{ background:#fff; width:14px; height:14px; margin:0 5px !important; transition:all 0.4s; opacity:0.5; }
.zkProduct-list .swiper-pagination-bullet-active{ width:38px; opacity:1; border-radius:7px;}


.zkAbout{ padding:55px 0;}
.zkAbout-word{ width:432px; padding:0 28px 23px 21px; border:1px #e3e3e3 solid;}
.zkAbout-word .title{ background:#1b54a6; width:78px; height:78px; text-align:center; font-size:24px; font-weight:bold; color:#fff; display:inline-block; padding:13px 13px 0 13px; line-height:26px;}
.zkAbout-word .name{ font-size:20px; font-weight:bold; color:#de0011; margin-top:20px;}
.zkAbout-word .text{ line-height:26px; color:#666; max-height:78px; overflow:hidden; margin-top:10px;}
.zkAbout-word .fast{ margin-top:27px;}
.zkAbout-word .fast a{ background:#f2f2f2; width:182px; line-height:28px; padding:14px 0; text-align:center; float:left; font-size:16px;}
.zkAbout-word .fast a:last-child{ float:right;}
.zkAbout-word .fast a img{ margin-right:10px;}
.zkAbout-word .fast a img.img-hide{ display:none;}
.zkAbout-word .fast a:hover{ background:#1b54a6; color:#fff;}
.zkAbout-word .fast a:hover img.img-show{ display:none;}
.zkAbout-word .fast a:hover img.img-hide{ display:inline-block;}
.zkAbout-figure{ margin-left:3px;}
.zkAbout-quick{ width:390px;}
.zkAbout-quick a{ background:url(../images/rczp-bg.jpg) no-repeat; height:160px; display:block; position:relative; padding:30px 0 0 28px;}
.zkAbout-quick a .cn{ font-size:18px; font-weight:bold; color:#fff;}
.zkAbout-quick a .en{ font-family:Arial, Helvetica, sans-serif; font-size:16px; color:#1b54a6; text-transform:uppercase; margin-top:10px;}
.zkAbout-quick a:last-child{ background:url(../images/zxly-bg.jpg);}


.zkLinks{ background:#ebeeff; padding:15px 0;}
.zkLinks-title{ font-size:24px; font-weight:bold; line-height:66px;}
.zkLinks-title .en{ font-family:Arial, Helvetica, sans-serif; font-size:14px; font-weight:normal; color:#bbb; font-style:italic; padding-left:8px; text-transform:uppercase;}
.zkLinks-list{ width:946px; overflow:hidden;}
.zkLinks-list li{ background:#fff; height:66px; position:relative; border-radius:5px;}
.zkLinks-list li img{ max-height:100%; position:absolute; left:50%; top:50%; transform:translate(-50%,-50%);}


.zkFooter{ background:#1b54a6 url(../images/zkFooter-bg.jpg) no-repeat center; line-height:30px; color:#fff; text-align:center; padding:35px 0;}
.zkFooter .w{ position:relative;}
.zkFooter .code{ position:absolute; right:0; top:-15px;}
.zkFooter a{ color:#fff;}



/**联系我们**/
.pbanner{ position:relative;}
.pbanner img{ width:100%; display:block;}
.pbanner .txt{ width:1200px; position:absolute; left:50%; margin-left:-600px; bottom:45px; z-index:2; color:#fff;}
.pbanner .txt .en{ font-family:Impact; font-size:60px; text-transform:uppercase; line-height:1;}
.pbanner .txt .cn{ font-size:38px; font-weight:bold; line-height:1; margin-top:15px;}


.pmenu{ background:#1b54a6; padding-top:3px;}
.pmenu-nav a{ min-width:150px; text-align:center; padding:0 15px; float:left; line-height:57px; font-size:16px; color:#fff; position:relative;}
.pmenu-nav a:before{ content:''; background:#fff; width:1px; height:18px; position:absolute; right:0; top:50%; margin-top:-9px;}
.pmenu-nav a.active, .pmenu-nav a:hover{ background:#fff; color:#1b54a6; font-weight:bold;}
.pmenu-add{ color:#fff; line-height:57px;}


.pmain{ padding:60px 0;}
.pmain-title{ text-align:center;}
.pmain-title .cn{ font-size:32px; font-weight:bold;}
.pmain-title .en{ font-family:Arial, Helvetica, sans-serif; font-size:20px; color:#d0d0d0; margin-top:10px; font-weight:bold;}


.pjoin-title{ background:#1b54a6; margin-top:45px; padding:0 40px; line-height:84px; font-size:18px; color:#fff;}
.pjoin-title span { float:left; font-size:16px;}
.pjoin-title span.name{ width:240px;}
.pjoin-title span.categ{ width:240px;}
.pjoin-title span.where{ width:230px;}
.pjoin-title span.number{ width:205px;}
.pjoin-list .jt { padding:0 40px; line-height:73px; position:relative; border-bottom:1px #e5e5e5 solid; cursor:pointer;}
.pjoin-list .jt span { float:left; font-size:16px;}
.pjoin-list .jt span.name{ width:240px;}
.pjoin-list .jt span.categ{ width:240px;}
.pjoin-list .jt span.where{ width:230px;}
.pjoin-list .jt span.number{ width:205px;}
.pjoin-list .jt span.arrow{ width:32px; height:32px; position:absolute; right:40px; top:21px; border:1px #f4653d solid; border-radius:50%;}
.pjoin-list .jt span.arrow:before{ content:''; background:#f4653d; width:19px; height:3px; position:absolute; left:50%; top:50%; transform:translate(-50%,-50%);}
.pjoin-list .jt span.arrow:after{ content:''; background:#f4653d; width:3px; height:19px; position:absolute; left:50%; top:50%; transform:translate(-50%,-50%);}
.pjoin-list .jt.jt-act span.arrow:after{ display:none;}
.pjoin-list .jc { background:#fafafa; display:none; line-height:30px; padding:20px 30px;}


.pmessage-filed{ padding-top:20px;}
.pmessage-filed li{ margin-top:35px; overflow:hidden; position:relative;}
.pmessage-filed li .icon{ background:#fff; width:44px; height:44px; position:absolute; left:1px; top:1px; z-index:2; }
.pmessage-filed li .aside{ width:382px; float:left; position:relative; margin-right:27px; display:inline-block;}
.pmessage-filed li .aside:last-child{ margin-right:0;}
.pmessage-filed li .aside .inpt{ width:100%; line-height:44px; padding-left:44px; vertical-align:top; font-size:16px; color:#999; border:1px #e4e4e4 solid;}
.pmessage-filed li .area{ width:100%; height:200px; font-size:16px; padding:12px 15px 12px 44px; color:#999; border:1px #e4e4e4 solid; resize:none;}
.pmessage-filed li .yzm-inpt{ width:154px; height:46px; line-height:44px; float:left; text-align:center; vertical-align:top; font-size:16px; color:#999; border:1px #e4e4e4 solid;}
.pmessage-filed li .yzm-img{ width:155px; height:46px; margin-left:17px; float:left; display:inline-block; border:1px #e4e4e4 solid;}
.pmessage-filed li .yzm-in{ color:#0d59ab; line-height:46px; float:left; padding-left:15px;}
.pmessage-filed li .yzm-btn{ background:#f4653d; width:194px; height:46px; line-height:46px; text-align:center; font-size:20px; color:#fff; float:left; margin-left:60px; cursor:pointer; }


.pcontact-us{ margin-top:45px; border:1px #ebebeb solid;}
.pcontact-us .map{ width:50%; border-left:1px #ebebeb solid;}
.pcontact-us .word{ width:50%; padding:40px 0 0 40px;}
.pcontact-us .word .t{ font-size:20px; font-weight:bold; color:#2e405a;}
.pcontact-us .word .c{ line-height:36px; color:#2e405a; margin-top:20px;}


/**服务支持**/
.pservice-support{ position:relative;}
.pservice-support .iboxt{ background:rgba(0,0,0,.6); width:450px; height:100%; position:absolute; left:0; top:0; z-index:2; color:#fff; padding:70px 40px 0 40px;}
.pservice-support .iboxt .t{ font-size:30px; font-weight:bold; position:relative; padding-bottom:20px;}
.pservice-support .iboxt .t:before{ content:''; background:#f4653d; width:92px; height:2px; position:absolute; left:0; bottom:0;}
.pservice-support .iboxt .c{ line-height:30px; margin-top:30px;}



/**新闻中心**/
.pnews-hot{ margin-left:-27px; position:relative;}
.pnews-hot li{ background:#fff; width:calc(33.33% - 27px); float:left; margin-left:27px; display:inline-block; box-shadow:0 0 10px rgba(0,0,0,.08);}
.pnews-hot li .thumb{ height:234px; overflow:hidden; }
.pnews-hot li .thumb span{ background-position:top center; background-size:cover; width:100%; height:100%; display:inline-block; transition:all 0.4s;}
.pnews-hot li .word{ padding:17px 15px 47px 25px;}
.pnews-hot li .word .d{ font-size:12px; display:inline-block; color:#999;}
.pnews-hot li .word .t{ font-size:18px; line-height:28px; height:56px; overflow:hidden; margin-top:17px; font-weight:bold;}
.pnews-hot li .word .c{ color:#666; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; margin-top:17px;}
.pnews-hot li:hover .thumb span{ transform:scale(1.05); -moz-transform:scale(1.05); -webkit-transform:scale(1.05);}
.pnews-hot li:hover .word .t{ color:#f4653d;}
.pnews-hot li:nth-child(3) .word{ padding:20px 15px 50px 15px;}
.pnews-hot li:nth-child(3) .thumb{ display:none;}
.pnews-hot li:nth-child(4){ margin-top:30px; }
.pnews-hot li:nth-child(4) .thumb{ display:none;}
.pnews-hot li:nth-child(4) .word{ padding:20px 15px 50px 15px;}


.pnews-list{ padding-top:22px;}
.pnews-list li{ background:#fff; margin-top:30px; overflow:hidden; }
.pnews-list li .thumb{ width:320px; overflow:hidden;}
.pnews-list li .thumb img{ width:100%; display:block; transition:all 0.4s;}
.pnews-list li .word{ width:calc(100% - 320px); padding:30px 45px 0 45px;}
.pnews-list li .word .t{ font-size:20px; font-weight:bold; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
.pnews-list li .word .c{ line-height:26px; color:#666; max-height:52px; overflow:hidden; margin-top:15px;}
.pnews-list li .word .d{ font-size:12px; color:#999; display:block; margin-top:50px;}
.pnews-list li:hover .thumb img{  transform:scale(1.05); -moz-transform:scale(1.05); -webkit-transform:scale(1.05);}


.pnews-detaWarp{ background:#fff; padding:45px 35px 40px 35px; position:relative; z-index:2; margin-top:-155px; border-top:4px #005097 solid; box-shadow:0 0 13px rgba(47,54,57,.14);}
.pnews-detaTop{ padding-bottom:25px; border-bottom:2px #e5e5e5 solid;}
.pnews-detaTop .t{ font-size:30px; padding-bottom:30px; }
.pnews-detaTop .c span{ color:#999; padding-right:40px;}
.pnews-detaInfo{ font-size:16px; line-height:30px; text-align:justify; color:#666; padding:50px 0;}
.pnews-detaPage a{ display:block; padding:30px 0; font-size:16px; border-top:1px #e5e5e5 solid;}
.pnews-detaPage a span{ padding-right:40px; color:#999;}
.pnews-detaPage a:hover{ color:#f4653d;}
.pnews-detaPage a:hover span{ color:#f4653d;}
.pnews-detaPage a.return{ color:#999;}
.pnews-detaPage a.return:hover{ color:#f4653d;}



/**关于我们**/
.pabout-title{ position:relative;}
.pabout-title .cn{ font-size:32px; font-weight:bold;}
.pabout-title .en{ font-family:Arial, Helvetica, sans-serif; font-size:20px; color:#d0d0d0; font-weight:bold; margin-top:8px;}
.pabout-title .level{ position:absolute; right:0; bottom:0;}
.pabout-title .level a{ background:#edf2f5; line-height:41px; float:left; margin-left:5px; display:inline-block; font-size:16px; color:#2e405a; padding:0 33px; border-radius:25px 0 25px 0;}
.pabout-title .level a.active, .pabout-title .level a:hover{ background:#f4653d; color:#fff;}
.pabout-info{ margin-top:40px; font-size:16px; line-height:30px; text-align:justify; color:#666;}


.pcourse-figure{ margin-top:50px;}
.pcourse-year{ background:#fff; position:relative; width:100%; }
.pcourse-year-pop{ background:#fff; width:100%; position:relative; left:0;  z-index:9999; padding:50px 0; }
.pcourse-year-pop.popUp{ position:fixed; box-shadow:0 0 5px rgba(0,0,0,.06);}
.pcourse-year-box { position:relative; width:1000px; margin:auto; margin-bottom:0 !important; height:auto !important; display:flex; justify-content:space-between; align-items:stretch; padding:0px 40px; }
.pcourse-year-box li { position:relative; border-top:1px solid #626366; transition: all 0.4s; z-index:1; margin-top:10px; overflow:visible!important; }
.pcourse-year-box li a { padding-top:30px; display:block; width:100%; text-align:center; line-height:1; font-size:16px;}
.pcourse-year-box li:after { content: ""; position:absolute; width:8px; height:8px; border-radius:50%; background:#626366; top: -4px; transition:all 0.4s; left:50%; margin-left:-4px; cursor:pointer; }
.pcourse-year-box li.current, .pcourse-year-box li:hover { border-top:1px solid #f4653d; z-index: 8; }
.pcourse-year-box li.current a, .pcourse-year-box li:hover a { display: block; color:#f4653d; font-style:italic; font-weight: bold; }
.pcourse-year-box li.current:after, .pcourse-year-box li:hover:after { background: url(../images/cir_bg.png) center no-repeat; width:15px; height:15px; background-size:100% 100%; top: -8px; }


.pcourse-info{ width:1000px; margin:auto; position:relative;}
.pcourse-info:before{ content:''; background:#eaeaea; width:1px; height:100%; position:absolute; left:120px; top:0;}
.pcourse-info li{ margin-top:70px; overflow:hidden;}
.pcourse-info li .date{ width:120px; font-size:36px; position:relative; line-height:1; color:#f4653d; float:left;}
.pcourse-info li .date:before{ content:''; background:url(../images/info-cir.png) no-repeat; width:17px; height:17px; position:absolute; right:-9px; top:0;}
.pcourse-info li .word{ font-size:16px; line-height:36px; width:450px; padding-left:40px;}
.pcourse-info li .figure{ width:380px;}


/**产品中心**/
.pproduct-list{ margin-left:-32px; padding-top:18px; position:relative;}
.pproduct-list li{ background:#fff; width:calc(25% - 32px); margin:32px 0 0 32px; float:left; display:inline-block; text-align:center; transition:all 0.4s; border:1px #edf2f5 solid;}
.pproduct-list li .pic{ background:#fff; height:243px; position:relative;}
.pproduct-list li .pic img{ max-height:100%; position:absolute; left:50%; top:50%; transform:translate(-50%,-50%);}
.pproduct-list li .tit{ background:#edf2f5; font-size:16px; color:#2e405a; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; padding:18px 0;}
.pproduct-list li:hover{ border-color:#1b54a6;}
.pproduct-list li:hover .tit{ background:#1b54a6; color:#fff;}


.product-details-figure{ width:660px;}
.gallery-top{ overflow:hidden;}
.gallery-top li{ height:452px; position:relative; border:1px #dfdfdf solid;}
.gallery-top li img{ max-height:100%; position:absolute; left:50%; top:50%; transform:translate(-50%,-50%);}
.gallery-thumbs{ margin-top:15px; padding:0 60px; position:relative; overflow:hidden;}
.gallery-thumbs li{ height:84px; position:relative; border:1px #dfdfdf solid;}
.gallery-thumbs li img{ max-height:100%; position:absolute; left:50%; top:50%; transform:translate(-50%,-50%);}
.gallery-thumbs li.swiper-slide-thumb-active{ border:2px #f4653d solid;}
.gallery-thumbs .swiper-button-next, .gallery-thumbs .swiper-button-prev{ background:#fff url(../images/arrow.png) no-repeat center; width:55px; height:84px; margin:auto; top:0; z-index:2; border:1px #dfdfdf solid;}
.gallery-thumbs .swiper-button-next:hover, .gallery-thumbs .swiper-button-prev:hover{ background:#f4653d url(../images/arrow-hover.png) no-repeat center; border-color:#f4653d;}
.gallery-thumbs .swiper-button-next{ right:0; transform:rotate(180deg);}
.gallery-thumbs .swiper-button-prev{ left:0;}

.product-details-word{ width:490px;}
.product-details-word .wt{ font-size:30px; font-weight:bold; padding-bottom:20px; border-bottom:1px #dcdcdc solid;}
.product-details-word .wc{ margin-top:30px; line-height:30px; color:#666;}

.product-details-cans{ margin-top:50px; border:1px #e5e5e5 solid;}
.product-details-cans .cans-tab{ background:#f6f6f6; border-bottom:1px #e5e5e5 solid;}
.product-details-cans .cans-tab a{ float:left; font-size:16px; padding:0 50px; color:#2e405a; line-height:58px;}
.product-details-cans .cans-tab a.active{ background:#1b54a6; color:#fff;}
.product-details-cans .cans-swith{ padding:30px; line-height:30px; color:#666;}
.product-details-cans .cans-swith .cs-item{ display:none;}
.product-details-cans .cans-swith .cs-item:first-child{ display:inline-block;}


.ppage{ padding-top:70px; font-size:0; text-align:center;}
.ppage a{ background:#d2d2d2; line-height:38px; margin:0 7px; vertical-align:top; padding:0 15px; display:inline-block; font-size:16px; color:#fff; }
.ppage .nowpage{ background:#f4653d; line-height:38px; margin:0 7px; vertical-align:top; font-size:16px; padding:0 15px; display:inline-block; color:#fff;}
.ppage a:hover{ background:#f4653d;}


.menuBtn{ width:57px; height:100%; cursor:pointer; position:absolute; right:0; top:0; display:none; }
.menuBtn > span{ background:#1b54a6; width:27px; height:2px; display:block; position:absolute; left:50%; top:15px; transition:all 0.4s; transform:translateX(-50%); }
.menuBtn > span:nth-child(2){ top:24px;}
.menuBtn > span:nth-child(3){ top:33px;}

.menuItem{ background-color:#fff; width:0%; height:100%; position:fixed; right:0; top:0; z-index:998; opacity:0; transition:all 0.5s; -webkit-transition:all 0.5s; box-shadow:-1px 0 10px 0 rgba(0,0,0,0.2); overflow:hidden; overflow-y:auto;}
.menuItem.on{ opacity: 1;width:100%;}
.menuItem-padd{ width:100%; height:100%; padding:50px 15px 20px 15px;}
.menuItem-close{ background:#1b54a6 url(../images/menu-close.png) no-repeat center; background-size:20px auto; width:40px; height:40px; text-align:center;  position:absolute; right:0; top:0;}

.menuItem-title{ font-size:17px; font-weight:bold; line-height:1; color:#1b54a6; position:relative; padding-bottom:10px; opacity:0; transition:all 0.5s; -webkit-transition:all 0.5s; transform:translateY(5%);}
.menuItem-title.on{ opacity:1; transform:translateY(0);}
.menuItem-title .en{ font-size:20px; color:#cbcbcb; text-transform:capitalize; display:inline-block; line-height:1; vertical-align:-2px; padding-left:15px; font-weight:normal;}
.menuItem-title:before{ content:''; background:#1b54a6; width:59px; height:3px; position:absolute; left:0; bottom:0;}

.menuItem-list{ padding-top:10px; font-size:0; opacity:0; transition:all 0.5s; -webkit-transition:all 0.5s; position:relative; transform:translateY(5%);}
.menuItem-list.on{ transform:translateY(0); opacity:1;}
.menuItem-list dl{ width:100%; display:inline-block; margin-top:20px; vertical-align:top;}
.menuItem-list dl dt{ font-size:17px; line-height:1; text-align:left; padding-bottom:10px; }
.menuItem-list dl dt .num{ font-size:18px; color:#a5a5a5;}
.menuItem-list dl dd a{ display:inline-block; line-height:34px; color:#555; font-size:15px; padding-left:30px; position:relative;}
.menuItem-list dl dd a:before{ content:''; background:#040086; width:0; height:1px; position:absolute; left:20px; top:21px; transition:all 0.4s;}
.menuItem-list dl dd a:hover{ padding-left:40px; color:#040086;}
.menuItem-list dl dd a:hover:before{ width:14px;}