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

body { background:#fff; font-size:14px; font-family:"Microsoft Yahei"; color:#333; -webkit-tap-highlight-color:transparent; overflow-x:hidden;}
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;}
em { font-style: normal; }
img { border:0; vertical-align:top; max-width:100% !important;}
a { text-decoration:none; color:#333; cursor:pointer; -webkit-transition:0.3s; -moz-transition:0.3s; -o-transition:0.3s; transition:0.3s;}
a:hover { text-decoration:none; color:#1b54a6; }
table{ border-collapse:collapse; border:0;}
*{ 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 !important;}


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


/**index**/
.clxHead{ background:#fff; width:100%; position:relative; z-index:99; text-align:center; font-size:0; box-shadow:2px 0 10px rgba(36,36,36,.2);}
.clxHead .w{ width:1590px;}
.clxHead-logo{ margin-top:11px;}
.clxHead-nav{ display:inline-block; vertical-align:top;}
.clxHead-nav li{ float:left; position:relative; padding:0 25px;}
.clxHead-nav li a.far{ font-size:16px; line-height:100px; display:block;}
.clxHead-nav li.active a.far, .clxHead-nav li:hover a.far{ color:#004ea1;}
.clxHead-nav li .subNav{ background:#004ea1; width:100%; position:absolute; left:0; top:100%; padding:5px 0; display:none;}
.clxHead-nav li .subNav a{ font-size:15px; color:#fff; display:block; padding:7px 0;}
.clxHead-nav li .subNav a:hover{ background:#fff; color:#004ea1;}

.clxHead-tools{ padding-top:15px; text-align:left;}
.clxHead-tools .tel{ background:url(../images/tel.png) no-repeat left center; padding-left:28px; line-height:1; font-family:Impact; font-size:24px; color:#1b54a6;}
.clxHead-tools .search{ margin-top:10px;}
.clxHead-tools .search .inpt{ width:178px; height:28px; line-height:26px;  font-size:14px; color:#999; padding-left:10px; float:left; border:1px #ddd solid; border-right:0;}
.clxHead-tools .search .btn{ background:#1b54a6 url(../images/search.png) no-repeat center; width:56px; height:28px; float:left; cursor:pointer;}


.clxBanner{ overflow:hidden; position:relative;}
.clxBanner li img{ width:100%; display:block;}
.clxBanner .swiper-pagination{ font-size:0; bottom:40px !important;}
.clxBanner .swiper-pagination-bullet{ background:#fff; width:12px; height:12px; margin:0 7px !important; transition:all 0.4s; opacity:1; }
.clxBanner .swiper-pagination-bullet-active{ background:#ca161d;}


.clxProduct{ background:#f7f7f7; padding:65px 0 70px 0;}
.clxProduct-tab{ text-align:center; margin-top:45px;}
.clxProduct-tab a{ background:#fff; min-width:188px; line-height:50px; display:inline-block; margin:0 5px; font-size:16px; font-weight:bold; color:#1b54a6; vertical-align:top; border-radius:30px;}
.clxProduct-tab a.active, .clxProduct-tab a:hover{ background:#ca161d; color:#fff;}

.clxProduct-list { padding-top:20px; position:relative; overflow:hidden; padding-bottom:110px; display:none;}
.clxProduct-list:first-child{ display:block;}
.clxProduct-list li .li-row{ margin-left:-24px; position:relative;}
.clxProduct-list li .li-item{ background:#fff; width:calc(25% - 24px); margin:23px 0 0 24px; float:left; display:inline-block; text-align:center; padding:14px 14px 19px 14px; transition:all 0.4s;}
.clxProduct-list li .li-item .pic{ background:#fff; height:250px; position:relative;}
.clxProduct-list li .li-item .pic img{ max-height:100%; position:absolute; left:50%; top:50%; transform:translate(-50%,-50%);}
.clxProduct-list li .li-item .tit{ font-size:16px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; padding:18px 0;}
.clxProduct-list li .li-item .views{ background:#0c55a4; width:90px; line-height:30px; display:inline-block; color:#fff; border-radius:3px;}
.clxProduct-list li .li-item:hover{ background:#1b54a6;}
.clxProduct-list li .li-item:hover .tit{ color:#fff;}
.clxProduct-list li .li-item:hover .views{ background:#fff; color:#1b54a6;}
.clxProduct-list .swiper-button-next, .clxProduct-list .swiper-button-prev{ background:url(../images/clxProduct-arrow.jpg) no-repeat; width:69px; height:45px; top:auto; margin:auto; bottom:0;}
.clxProduct-list .swiper-button-next{ right:calc(50% - 69px); border-left:1px #efefef solid;}
.clxProduct-list .swiper-button-prev{ left:calc(50% - 69px); transform:rotate(180deg); }


.clxAbout{ background:url(../images/clxAbout-bg.jpg) no-repeat right bottom; position:relative;}
.clxAbout-figure{ width:50%; height:840px; overflow:hidden;}
.clxAbout-figure span{ background-position:center; background-size:cover; width:100%; height:100%; display:inline-block;}

.clxAbout-word { width:50%; padding:155px 14.5vw 0 5vw;}
.clxAbout-word .w-en{ font-family:Arial, Helvetica, sans-serif; font-size:32px; font-weight:bold; text-transform:uppercase;}
.clxAbout-word .w-cn{ font-size:24px; padding:10px 0;}
.clxAbout-word .w-cn .line{ background:#ca161d; width:40px; height:2px; display:inline-block; vertical-align:middle; margin-left:10px;}
.clxAbout-word .w-tt{ font-size:18px;}
.clxAbout-word .w-tc{ font-size:16px; line-height:36px; margin-top:40px;}
.clxAbout-word .w-num{ margin-top:80px;}
.clxAbout-word .w-num dl{ float:left; text-align:center; margin-right:110px; display:inline-block;}
.clxAbout-word .w-num dl:last-child{ margin-right:0;}
.clxAbout-word .w-num dl dt{ font-size:36px; color:#ca161d; line-height:1;}
.clxAbout-word .w-num dl dt .unit{ font-size:18px;}
.clxAbout-word .w-num dl dd{ color:#666; margin-top:15px;}


.clxNews{ background:#f7f7f7 url(../images/clxNews-bg.png) no-repeat left center; padding:70px 0;}
.clxNews-list{ margin-top:50px; margin-left:-20px; position:relative;}
.clxNews-list li{ background:#fff; width:calc(33.33% - 20px); float:left; margin-left:20px; display:inline-block; padding:18px 13px; }
.clxNews-list li .tit{ font-size:18px; line-height:28px; font-weight:bold; height:56px; overflow:hidden; text-align:center;}

.clxNews-list li .pic{ overflow:hidden; height:215px; margin-top:15px;}
.clxNews-list li .pic img{ width:100%; display:block; transition:all 0.4s;}
.clxNews-list li .word{ margin-top:20px; transition:all 0.4s;}
.clxNews-list li .word .d{ display:block; font-size:12px; color:#999;}
.clxNews-list li .word .t{ font-size:14px; line-height:22px; height:44px; color:#777; overflow:hidden; margin-top:15px;}
.clxNews-list li .word .f{ margin-top:50px;}
.clxNews-list li .word .f label{ background:#1b54a6; width:84px; line-height:24px; color:#fff; text-align:center; font-size:12px; float:left; margin-top:4px;}
.clxNews-list li .word .f .icon{ background:url(../images/jia.png) no-repeat; width:32px; height:32px; display:inline-block; float:right;}
.clxNews-list li:hover{ box-shadow:0 0 10px rgba(0,0,0,.08);}
.clxNews-list li:hover .pic img{ -webkit-transform:scale(1.05); transform:scale(1.05);}
.clxNews-list li:hover .word .f label{ background:#c8000a;}
.clxNews-list li:hover .word .f .icon{ background:url(../images/jia-hover.png) no-repeat;}
.clxNews-more{ text-align:center; margin-top:55px;}
.clxNews-more a{ background:#ca161d; width:200px; line-height:48px; display:inline-block; font-size:16px; color:#fff; border-radius:3px;}


.clxPartners{ padding:80px 0 120px 0;}
.clxPartners-list{ padding-top:110px;}
.clxPartners-list .title-cn{ width:156px; float:left; margin:-30px 18px 0 89px;}
.clxPartners-list .title-en{ width:156px; float:left; margin:-30px 0 0 0px;}
.clxPartners-list .item{ background:url(../images/clxPartners-bg.png) no-repeat; width:156px; height:178px; float:left; margin:-30px 18px 0 0; position:relative;}
.clxPartners-list .item img{ max-height:100%; position:absolute; left:50%; top:50%; transform:translate(-50%,-50%);}


.clxFooter{ background:#1a1a1a; padding-top:95px;}
.clxFooter .w{ width:1400px;}
.clxFooter-links dl{ width:160px; float:left;}
.clxFooter-links dl dt{ font-size:16px; color:#fff; padding-bottom:6px;}
.clxFooter-links dl dd a{ display:block; color:rgba(255,255,255,.5); margin-top:22px;}
.clxFooter-links dl dd a:hover{ color:#fff;}
.clxFooter-contact .t{ font-size:16px; color:#fff;}
.clxFooter-contact .c{ line-height:34px; color:rgba(255,255,255,.5); margin-top:20px;}
.clxFooter-message{ border-left:2px solid rgba(255,255,255,.04);}
.clxFooter-message .tit{ font-size:16px; color:#fff; padding-left:68px;}
.clxFooter-message .filed li{ overflow:hidden; margin-top:27px;}
.clxFooter-message .filed li label{ width:113px; line-height:40px; text-align:right; float:left; padding-right:13px; color:#7b7b7b;}
.clxFooter-message .filed li .inpt{ background:#333; width:373px; height:40px; line-height:38px; padding-left:10px; color:#7b7b7b; float:left; border:1px #393939 solid; border-radius:3px;}
.clxFooter-message .filed li .area{ background:#333; width:373px; height:107px; line-height:26px; padding:5px 10px; color:#7b7b7b; float:left; border:1px #393939 solid; border-radius:3px;}
.clxFooter-message .filed li .red{ color:#c40000; margin-left:15px; line-height:40px; float:left;}
.clxFooter-message .filed li .sbtn{ background:#8e8e8e; width:190px; line-height:46px; text-align:center; margin-left:113px; display:inline-block; vertical-align:top; color:#fff; cursor:pointer;}

.clxFooter-copy{ text-align:center; padding:35px 0; line-height:30px; color:#fff; margin-top:45px; border-top:1px solid rgba(255,255,255,.04);}
.clxFooter-copy a{ color:#fff;}



/**关于我们**/
.pbanner{ position:relative;}
.pbanner img{ width:100%; display:block;}
.pbanner .txt{ width:1200px; position:absolute; left:50%; margin-left:-600px; bottom:70px; 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; font-weight:bold; line-height:1; margin-top:15px;}


.pmenu{ background:#1b54a6; padding-top:2px;}
.pmenu-nav a{ min-width:145px; text-align:center; padding:0 15px; float:left; line-height:58px; font-size:16px; color:#fff; border-left:1px solid rgba(255,255,255,.2);}
.pmenu-nav a.active, .pmenu-nav a:hover{ background:#fff; color:#1b54a6; font-weight:bold;}
.pmenu-add{ background:url(../images/add.png) no-repeat left center; padding-left:30px; color:#fff; line-height:58px;}


.pmain{ padding:65px 0;}
.pmain-gray{ background:#f7f7f7;}
.pabout-inner{ padding:90px 0;}
.pabout-inner .word{ width:600px;}
.pabout-inner .word .w-en{ font-family:Arial, Helvetica, sans-serif; font-size:32px; font-weight:bold; text-transform:uppercase;}
.pabout-inner .word .w-cn{ font-size:24px; padding:10px 0;}
.pabout-inner .word .w-cn .line{ background:#ca161d; width:40px; height:2px; display:inline-block; vertical-align:middle; margin-left:10px;}
.pabout-inner .word .w-tt{ font-size:18px;}
.pabout-inner .word .w-tc{ font-size:16px; line-height:36px; margin-top:40px;}
.pabout-inner .word .w-num{ margin-top:45px;}
.pabout-inner .word .w-num dl{ float:left; text-align:center; margin-right:110px; display:inline-block;}
.pabout-inner .word .w-num dl:last-child{ margin-right:0;}
.pabout-inner .word .w-num dl dt{ font-size:36px; color:#ca161d; line-height:1;}
.pabout-inner .word .w-num dl dt .unit{ font-size:18px;}
.pabout-inner .word .w-num dl dd{ color:#666; margin-top:15px;}
.pabout-inner .thumb{ width:549px; padding:0 25px 110px 0; position:relative;}
.pabout-inner .thumb:before{ content:''; width:393px; height:265px; position:absolute; right:0; bottom:0; z-index:-1; border:3px #1b54a6 solid;}


.pabout-honor{ background:url(../images/phonor-bg.jpg) no-repeat top center #f7f7f7; background-size:100% auto; padding:80px 0 75px 0;}
.pabout-honor .pmain-title{ color:#fff;}
.pabout-honor .pmain-title .en{ color:rgba(255,255,255,.7);}
.pabout-honor-box{ background:#fff; margin-top:70px; padding:60px 50px 110px 80px; font-size:0; box-shadow:2px 0 8px rgba(1,15,12,.1);}
.pabout-honor-word{ width:585px; padding-right:135px; display:inline-block; vertical-align:middle; font-size:16px; line-height:36px; color:#999;}
.pabout-honor-list{ width:485px; display:inline-block; vertical-align:middle; padding:0 68px; position:relative;}
.pabout-honor-list .gallery-top{ overflow:hidden; padding:20px 0;}
.pabout-honor-list .gallery-top li{ text-align:center; height:300px; position:relative;}
.pabout-honor-list .gallery-top li img{ max-height:100%; position:absolute; left:50%; top:50%; transform:translate(-50%,-50%); box-shadow:0 0 16px rgba(2,13,28,.3);}
.pabout-honor-list .swiper-button-next, .pabout-honor-list .swiper-button-prev{ background:url(../images/phonor-arrow.png) no-repeat; width:46px; height:46px; margin-top:-23px;}
.pabout-honor-list .swiper-button-next{ right:0; transform:rotate(180deg);}
.pabout-honor-list .swiper-button-prev{ left:0;}
.pabout-honor-list .gallery-thumbs{ overflow:hidden; padding-top:25px;}
.pabout-honor-list .gallery-thumbs li{ text-align:center; height:64px; position:relative; border:2px #fff solid;}
.pabout-honor-list .gallery-thumbs li img{ max-height:100%; position:absolute; left:50%; top:50%; transform:translate(-50%,-50%);}
.pabout-honor-list .gallery-thumbs li.swiper-slide-thumb-active{ border-color:#1b54a6;}


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



/**产品中心**/
.pproduct-list{ margin-left:-24px; margin-top:-23px; position:relative;}
.pproduct-list li{ background:#fff; width:calc(25% - 24px); margin:23px 0 0 24px; float:left; display:inline-block; text-align:center; padding:14px 14px 19px 14px; transition:all 0.4s;}
.pproduct-list li .pic{ background:#fff; height:250px; position:relative;}
.pproduct-list li .pic img{ max-height:100%; position:absolute; left:50%; top:50%; transform:translate(-50%,-50%);}
.pproduct-list li .tit{ font-size:16px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; padding:18px 0;}
.pproduct-list li .views{ background:#0c55a4; width:90px; line-height:30px; display:inline-block; color:#fff; border-radius:3px;}
.pproduct-list li:hover{ background:#ca161d;}
.pproduct-list li:hover .tit{ color:#fff;}
.pproduct-list li:hover .views{ background:#fff; color:#ca161d;}

.pproduct-details-inner .figure{ width:440px; height:480px; position:relative; box-shadow:0 0 20px rgba(100,105,109,.16); border-radius:20px;}
.pproduct-details-inner .figure img{  max-height:100%; position:absolute; left:50%; top:50%; transform:translate(-50%,-50%);}
.pproduct-details-inner .word{ width:660px;}
.pproduct-details-inner .word .t{ font-size:26px; font-weight:bold;}
.pproduct-details-inner .word .d{ padding:15px 0; color:#999; border-bottom:1px #e2e2e2 solid;}
.pproduct-details-inner .word .d span{ margin-right:20px;}
.pproduct-details-inner .word .c{ font-size:16px; line-height:36px; margin-top:30px;}
.pproduct-details-desc{ font-size:16px; line-height:36px; margin-top:90px;}



/**新闻中心**/
.pnews-list{ margin-left:-30px; margin-top:-30px; position:relative;}
.pnews-list li{ background:#fff; width:calc(33.333% - 30px); margin:30px 0 0 30px; float:left; display:inline-block; transition:all 0.4s;}
.pnews-list li .pic{ overflow:hidden; height:234px;}
.pnews-list li .pic img{ width:100%; display:block; transition:all 0.4s;}
.pnews-list li .word{ padding:20px 15px;  transition:all 0.4s;}
.pnews-list li .word .d{ display:block; font-size:12px; color:#999;}
.pnews-list li .word .t{ font-size:18px; line-height:28px; height:56px; font-weight:bold; overflow:hidden; margin-top:15px;}
.pnews-list li .word .f{ margin-top:20px;}
.pnews-list li .word .f label{ background:#1b54a6; width:84px; line-height:24px; color:#fff; text-align:center; font-size:12px; float:left; margin-top:4px;}
.pnews-list li .word .f .icon{ background:url(../images/jia.png) no-repeat; width:32px; height:32px; display:inline-block; float:right;}
.pnews-list li:hover{ box-shadow:0 0 10px rgba(0,0,0,.08);}
.pnews-list li:hover .pic img{ -webkit-transform:scale(1.05); transform:scale(1.05);}
.pnews-list li:hover .word .f label{ background:#c8000a;}
.pnews-list li:hover .word .f .icon{ background:url(../images/jia-hover.png) no-repeat;}


.pnews-detaWarp{ background:#fff; padding:40px 30px; position:relative;  border-top:4px #ca161d solid; box-shadow:0 0 13px rgba(47,54,57,.14);}
.pnews-detaTop{ padding:25px 0; border-bottom:2px #e5e5e5 solid;}
.pnews-detaTop .t{ font-size:30px; padding-bottom:30px; font-weight:bold;}
.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:#ca161d;}
.pnews-detaPage a:hover span{ color:#ca161d;}
.pnews-detaPage a.return{ color:#999;}
.pnews-detaPage a.return:hover{ color:#ca161d;}


/**人才招聘**/
.pmain-title{ background:url(../images/ptitle.png) no-repeat top center; padding-top:25px; text-align:center; color:#1b54a6;}
.pmain-title .cn{ font-size:30px; font-weight:bold; letter-spacing:5px; line-height:1;}
.pmain-title .en{ font-family:Arial, Helvetica, sans-serif; text-transform:uppercase; color:#7b94c3; letter-spacing:12px; margin-top:15px;}

.pjoin-title{ background:#de0011; margin-top:60px; 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 #de0011 solid; border-radius:50%;}
.pjoin-list .jt span.arrow:before{ content:''; background:#de0011; width:19px; height:3px; position:absolute; left:50%; top:50%; transform:translate(-50%,-50%);}
.pjoin-list .jt span.arrow:after{ content:''; background:#de0011; width:3px; height:19px; position:absolute; left:50%; top:50%; transform:translate(-50%,-50%);}
.pjoin-list .jt.active span.arrow:after{ display:none;}
.pjoin-list .jc { background:#fafafa; line-height:30px; display:none; padding:20px 30px;}


/**联系我们**/
.pcontact-us{ background:#f4f4f4; margin-top:70px;}
.pcontact-us .map{ width:735px; border:1px #ccc solid;}
.pcontact-us .word{ width:465px; padding:50px 0 0 40px;}
.pcontact-us .word .t{ font-size:20px; font-weight:bold; color:#ca161d;}
.pcontact-us .word .c{ line-height:44px; margin-top:20px;}


.pmessage-filed{ padding-top:55px;}
.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:#ca161d; width:194px; height:46px; line-height:46px; text-align:center; font-size:20px; color:#fff; float:left; margin-left:60px; cursor:pointer; }


/**服务支持**/
.pproduct-app{ padding:75px 0;}
.pproduct-app-list{ padding-top:45px;}
.pproduct-app-list li{ overflow:hidden; margin-top:32px;}
.pproduct-app-list li:nth-child(2n+2) .figure{ float:right;}
.pproduct-app-list li:nth-child(2n+2) .word{ float:left;}
.pproduct-app-list li .figure{ width:600px; overflow:hidden; float:left;}
.pproduct-app-list li .figure img{ width:100%; display:block; transition:all 0.4s;}
.pproduct-app-list li .word{ width:535px; float:right; padding-top:50px;}
.pproduct-app-list li .word .t{ background:url(../images/app.png) no-repeat left center; padding-left:50px; font-size:24px; line-height:38px;}
.pproduct-app-list li .word .c{ line-height:28px; color:#555; margin-top:30px;}
.pproduct-app-list li:hover .figure img{ -webkit-transform:scale(1.05); transform:scale(1.05);}

.pcase{ background:#f7f7f7; padding:80px 0 100px 0;}
.pcase-list{ margin-left:-42px; position:relative;}
.pcase-list li{ width:calc(33.333% - 42px); float:left; margin:46px 0 0 42px; display:inline-block;}
.pcase-list li .pic{ height:238px; overflow:hidden;}
.pcase-list li .pic img{ width:100%; display:block; transition:all 0.4s;}
.pcase-list li .tit{ background:#fff; line-height:60px; text-align:center; font-size:16px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
.pcase-list li:hover .pic img{ -webkit-transform:scale(1.05); transform:scale(1.05);}



/**菜单**/
.qsHead-menuBtn{ background:#1b54a6; width:50px; height:100%; cursor:pointer; position:absolute; right:0; top:0; display:none;}
.qsHead-menuBtn > span{ background:#fff; width:30px; height:2px; display:block; position:absolute; left:50%; top:17px; transition:all 0.4s; transform:translateX(-50%);}
.qsHead-menuBtn > span:nth-child(2){ top:27px;}
.qsHead-menuBtn > span:nth-child(3){ top:37px;}

.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; 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/close_h.png) no-repeat center; background-size:20px auto; width:40px; height:40px; 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{ 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:#1b54a6; width:0; height:1px; position:absolute; left:20px; top:21px; transition:all 0.4s;}
.menuItem-list dl dd a:hover{ padding-left:40px; color:#1b54a6;}
.menuItem-list dl dd a:hover:before{ width:14px;}