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

body { font-size:14px; min-width:1200px; font-family: Microsoft Yahei, Verdana, Arial, Helvetica, sans-serif; color:#333; -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:#333; cursor:pointer; -webkit-transition:0.3s; -moz-transition:0.3s; -o-transition:0.3s; transition:0.3s;}
a:hover { text-decoration:none; color:#da251d; }
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;}
.c-red{ color:#d80000;}



/*阻止旋转屏幕时自动调整字体大小*/
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:#999; }
textarea::-webkit-input-placeholder { color:#656565; }
input::-webkit-input-speech-button { display: none; }


@font-face {
  font-family: "iconfont";
  src: url('../font/iconfont.eot'); /* IE9*/
  src: url('../font/iconfont.eot#iefix') format('embedded-opentype'), /* IE6-IE8 */
  url('../font/iconfont.woff') format('woff'), /* chrome, firefox */
  url('../font/iconfont.ttf') format('truetype'), /* chrome, firefox, opera, Safari, Android, iOS 4.2+*/
  url('../font/iconfont.svg#iconfont') format('svg'); /* iOS 4.1- */
}

.iconfont {
  font-family:"iconfont" !important;
  font-style:normal;
  -webkit-font-smoothing: antialiased;
  -webkit-text-stroke-width:0.2px;
  -moz-osx-font-smoothing:grayscale;
}


/**index**/
.qsHead{ background:#2c2c2c; width:100%; position:relative; z-index:99;}
.qsHead-nav{ margin-left:100px; display:inline-block;}
.qsHead-nav li{ float:left; position:relative; text-align:center; width:110px; margin-right:5px;}
.qsHead-nav li a.far{ height:99px; display:block; padding-top:0;}
.qsHead-nav li a.far .icon{ height:30px; display:inline-block; display:none;}
.qsHead-nav li a.far .tit{ font-size:16px; color:#fff; line-height:99px; display:block;}
.qsHead-nav li .sub{ background:#2c2c2c; width:100%;  position:absolute; left:0; top:100%; padding:5px 0; display:none;}
.qsHead-nav li .sub a{ display:block; text-align:center; color:#fff; padding:8px 0;}
.qsHead-nav li .sub a:hover{ background:#da251d;}
.qsHead-nav li.active a.far,.qsHead-nav li:hover a.far{ background:#da251d;}

.qsHead-language{ padding-top:20px;}
.qsHead-language a{ display:block; padding:5px 0; color:#fff; }
.qsHead-language img{ vertical-align:middle; margin-right:5px;}



.qsBanner{ overflow:hidden; position:relative;}
.qsBanner li img{ width:100%; display:block;}
.qsBanner .swiper-button-next, .qsBanner .swiper-button-prev{ background:#000; width:50px; height:90px; margin-top:-45px; font-size:36px; opacity:.5; color:#fff; z-index:2;}
.qsBanner .swiper-button-next:hover, .qsBanner .swiper-button-prev:hover{ background:#da251d; opacity:1;}
.qsBanner .swiper-button-next{ right:auto; left:50%; margin-left:550px;}
.qsBanner .swiper-button-prev{ left:50%; margin-left:-600px;}


.qsEmail{ background:#dcdcdc; line-height:45px; color:#696969; font-size:16px;}
.qsEmail .send{ background:#da251d; color:#fff; padding:0 20px;}
.qsEmail .send .iconfont{ font-size:20px; margin-right:10px; display:inline-block; vertical-align:top;}


.qsAbout{ padding:80px 0;}
.qsAbout .t{ text-align:center; font-size:24px;}
.qsAbout .c{ font-size:16px; line-height:30px; text-align:center; color:#666; margin-top:30px;}


.qsBusine{ background-image:url(../images/qsBusine-bg.jpg); background-position:center; background-size:cover; padding:85px 0 100px 0;}
.qsBusine-title{ text-align:center;}
.qsBusine-list{ padding-top:130px; text-align:center;}
.qsBusine-list li{ width:180px; margin:0 30px; display:inline-block; float:left;}
.qsBusine-list li .cover{ position:relative; width:100%;  overflow:hidden;}
.qsBusine-list li .cover .i-icon { position: relative; width:100%; -webkit-transition:all 0.35s linear; -moz-transition:all 0.35s linear; transition:all 0.35s linear; -webkit-transform-origin:50% 0%; -moz-transform-origin:50% 0%; -ms-transform-origin:50% 0%; -o-transform-origin:50% 0%;  transform-origin:50% 0%; }
.qsBusine-list li .cover .i-img { position:absolute; top:0; bottom:0; left:0; right:0; text-align:center; border-radius:50%; width:100%; height:100%; -webkit-transition:all 0.35s linear; -moz-transition:all 0.35s linear; transition:all 0.35s linear; -webkit-transform-origin: 50% 0%; -moz-transform-origin: 50% 0%; -ms-transform-origin: 50% 0%; -o-transform-origin: 50% 0%; transform-origin: 50% 0%; -webkit-backface-visibility: hidden; backface-visibility: hidden; -webkit-transform: rotate3d(0, 1, 0, 180deg); -moz-transform: rotate3d(0, 1, 0, 180deg); -ms-transform: rotate3d(0, 1, 0, 180deg); -o-transform: rotate3d(0, 1, 0, 180deg); transform: rotate3d(0, 1, 0, 180deg); }
.qsBusine-list li .name{ font-size:26px; color:#fff; padding-top:25px;}
.qsBusine-list li .active .i-icon { opacity:0; -webkit-transform:rotate3d(0, 1, 0, 180deg); -moz-transform:rotate3d(0, 1, 0, 180deg); -ms-transform:rotate3d(0, 1, 0, 180deg); -o-transform:rotate3d(0, 1, 0, 180deg); transform: rotate3d(0, 1, 0, 180deg); }
.qsBusine-list li .active .i-img { opacity:1; visibility:visible; -webkit-transform:rotate3d(0, 1, 0, 0deg); -moz-transform:rotate3d(0, 1, 0, 0deg); -ms-transform:rotate3d(0, 1, 0, 0deg); -o-transform:rotate3d(0, 1, 0, 0deg); transform:rotate3d(0, 1, 0, 0deg); }


.qyCase{ background:url(../images/qyCase-bg.jpg) repeat; padding:85px 0 70px 0;}
.qyCase-list{ width:100%; overflow:hidden; margin-top:60px;}
.qyCase-list .scroll{ overflow:hidden;}
.qyCase-list li{ width:383px; margin:0 1px; float:left; position:relative; overflow:hidden;}
.qyCase-list li img{ width:100%;}
.qyCase-list li .cover{ background:rgba(0,0,0,.6); width:100%; height:100%; position:absolute; left:0; top:0; z-index:2; text-align:center; padding:15px 40px; transition:all 0.4s; opacity:0;}
.qyCase-list li .cover .t{ font-size:16px; color:#fff; font-weight:bold;}
.qyCase-list li .cover .c{ padding-top:140px; color:#da251d; font-size:16px;}
.qyCase-list li:hover .cover{ opacity:1;}



.qsFriend{ padding:80px 0 100px 0;}
.qsFriend-list{ margin-top:90px;}
.qsFriend-list li{ width:25%; float:left; position:relative; overflow:hidden; border-bottom:1px solid #e5e5e5; border-right:1px solid #e5e5e5;}
.qsFriend-list li:nth-child(4n+4){ border-right:1px #fff solid;}
.qsFriend-list li .word{ background:#f4f4f4; width:100%; height:100%; position:absolute; left:0; top:0; z-index:2; padding:15px 15px 0 15px; transition:all 0.4s; opacity:0;}
.qsFriend-list li .word .t{ font-size:18px; text-align:center; color:#333;}
.qsFriend-list li .word .c{ line-height:22px; max-height:66px; overflow:hidden; margin-top:5px; color:#666;}
.qsFriend-list li:hover .word{ opacity:1;}



.qsContact{ background-image:url(../images/contact-Bg.jpg); background-position:center; background-size:cover; padding:65px 0;}
.qsContact .qsBusine-title{ padding-bottom:70px;}
.qsContact-word{ width:680px;}
.qsContact-word li{ color:#fff; padding-bottom:25px;}
.qsContact-word li img{ margin-right:10px; display:inline-block; vertical-align:middle;}

.qsContact-message{ width:450px;}
.qsContact-message li{ padding-bottom:7px;}
.qsContact-message li .inpt{ background:rgba(0,0,0,.7); width:100%; height:40px; line-height:40px; padding-left:10px; color:#fff; font-size:16px; vertical-align:top;}
.qsContact-message li .area{ background:rgba(0,0,0,.7); width:100%; height:115px; line-height:24px; padding:5px 10px; color:#fff; font-size:16px; vertical-align:top;}
.qsContact-message li .btn{ background:#da251d; width:100%; height:40px; line-height:40px; text-align:center; color:#fff; font-size:18px; vertical-align:top; cursor:pointer;}


.qsFooter{ background:#171717; font-size:12px; color:#9e9e9e; padding:10px 0; line-height:20px;}
.qsFooter a{ color:#9e9e9e;}
.back-top{ position:fixed; right:20px; bottom:20%; z-index:99; cursor:pointer;}


.lcRight-sider{ width:50px; position:fixed; right:20px; top:50%; transform:translateY(-50%); z-index:999;}
.lcRight-sider a{ background:#fff; width:50px; height:50px; margin-top:15px;  display:block; text-align:center; position:relative;  border-radius:4px; box-shadow:2px 0 8px rgba(0,0,0,.2);}
.lcRight-sider a .icon{ display:inline-block; padding-top:9px;}
.lcRight-sider a .icon .i-hide{ display:none;}
.lcRight-sider a .code{ background:#fff; width:112px; position:absolute; right:60px; top:-25px; padding:5px; box-shadow:2px 0 8px rgba(0,0,0,.2); display:none;}

.lcRight-sider a.js-gotop{ font-size:32px; line-height:50px; color:#a6a7a7; }
.lcRight-sider a:hover{ background:#007584; color:#fff;}
.lcRight-sider a:hover .icon .i-show{ display:none;}
.lcRight-sider a:hover .icon .i-hide{ display:inline-block;}
.lcRight-sider a:hover .code{ display:block;}


/**关于我们**/
.pmenu{ background:#e0e0e0; line-height:65px;}
.pmenu-tit{ background:#da251d; font-size:20px; color:#fff; padding:0 10px;}
/*.pmenu-nav{ padding-left:100px;}*/
.pmenu-nav a{ float:left; display:inline-block; font-size:15px; padding:0 10px; position:relative;}
.pmenu-nav a:before{ content:''; background:#da251d; width:0; height:3px; position:absolute; left:50%; bottom:0; transition:all 0.4s;}
.pmenu-nav a.active, .pmenu-nav a:hover{ background:#fff; color:#da251d;}
.pmenu-nav a.active:before, .pmenu-nav a:hover:before{ width:100%; left:0;}
.pmenu-add{ background:url(../images/home.png) no-repeat left center; padding-left:25px; background-size:20px auto;}

.pmain{ padding-bottom:50px;}
.pconcept-item{ padding:30px 0;}
.pconcept-item .tit{ font-size:30px; position:relative; padding-bottom:10px;}
.pconcept-item .tit:before{ content:''; background:#000; width:180px; height:2px; position:absolute; left:0; bottom:0;}
.pconcept-item .txt{ font-size:16px; line-height:28px; text-align:justify; margin-top:20px;}

.pnews-list li{ background:#f1f1f1; overflow:hidden; margin-top:20px;}
.pnews-list li .pic{ width:295px; overflow:hidden;}
.pnews-list li .word{ width:calc(100% - 295px); padding:15px 25px 0 30px;}
.pnews-list li .word .t{ font-size:18px; color:#c90000; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
.pnews-list li .word .c{ font-size:12px; line-height:25px; margin-top:10px; color:#666; text-align:justify; max-height:75px; overflow:hidden;}
.pnews-list li .word .f{ text-align:right; font-size:12px; margin-top:15px; color:#666;}
.pnews-list li .word .f span{ padding-left:15px;}
.pnews-list li .word .f img{ vertical-align:middle; margin-right:3px;}

.pnews-detaHead{ padding:50px 0 18px 0; text-align:center; border-bottom:1px solid #ededed;}
.pnews-detaHead .t{ font-size:24px; font-weight:bold; padding-bottom:15px;}
.pnews-detaHead .c span{ padding:0 5px; color:#999;}
.pnews-detaInfo{ text-align:justify; font-size:15px; line-height:28px; padding:20px 0;}
.pnews-detaPage{ padding-top:20px; line-height:28px; position:relative; color:#999; border-top:1px solid #ededed;}
.pnews-detaPage a{ color:#666;}
.pnews-detaPage a:hover{ color:#c90000;}
.pnews-detaPage .return{ background:url(../images/return.jpg) no-repeat center right; color:#000; line-height:24px; position:absolute; right:0; top:20px; padding-right:30px;}


.ppage{ padding-top:50px; font-size:0; text-align:center;}
.ppage a{ line-height:40px; margin-right:12px; vertical-align:top; padding:0 19px; display:inline-block; font-size:14px; color:#7b7b7b; border:1px #d8d8d8 solid; border-radius:5px;}
.ppage .nowpage{ background:#c90000; line-height:40px; margin-right:12px; vertical-align:top; font-size:14px; padding:0 19px; display:inline-block; color:#fff; border:1px #c90000 solid; border-radius:5px;}
.ppage a:hover{ background:#c90000; border-color:#c90000; color:#fff;}


/**联系我们**/
.pcontact-left{ width:680px;}
.pcontact-left-address li{ padding-bottom:25px;}
.pcontact-left-address li img{ margin-right:10px; display:inline-block; vertical-align:middle;}
.pcontact-map{ width:520px;}


/**人才招聘**/
.pjoin-inner{ padding:20px 0;}
.pjoin-inner .word{ width:970px; font-size:16px; line-height:30px; text-indent:2rem;}
.pjoin-inner .code{ width:195px; text-align:center;}

.pjoin-list{ margin-left:-25px; position:relative;}
.pjoin-list li{ width:calc(25% - 25px); margin:30px 0 0 25px; float:left; display:inline-block; box-shadow:0 0 5px #e1e1e1; cursor:pointer;}
.pjoin-list li .pic{ height:295px; overflow:hidden;}
.pjoin-list li .pic img{ width:100%;}
.pjoin-list li .tit{ background:#272727; display:block; width:100%; line-height:50px; padding-right:50px; font-size:18px; text-indent:10px; color:#fff; position:relative; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
.pjoin-list li .tit:before{ content:''; background:url(../images/zhaoping_icon1.jpg) no-repeat; width:32px; height:32px; position:absolute; top:9px; right:5px;}

.pjoin-pup{ background:#fff; width:995px; height:660px; position:fixed; left:50%; top:50%; margin-top:-330px; margin-left:-497.5px; z-index:999; padding:15px 20px; display:none;}
.pjoin-pup .close{ width:32px; position:absolute; right:10px; top:10px; z-index:1;}
.pjoin-pup-title{ text-align:center; color:#383838; padding-bottom:25px;}
.pjoin-pup-pic{ width:367px; height:556px; overflow:hidden;}
.pjoin-pup-word { width:560px;}
.pjoin-pup-word .title{ text-align:center; font-size:22px; color:#ff0000;}
.pjoin-pup-word .text{ height:360px; margin-top:20px; overflow:auto; line-height:25px; color:#383838;}
.pjoin-pup-word .filed{ margin-left:-5px;}
.pjoin-pup-word .filed li{ width:calc(50% - 5px); margin:10px 0 0 5px; float:left;}
.pjoin-pup-word .filed li .inpt{ width:100%; padding-left:5px; font-size:14px; vertical-align:top; line-height:31px; border:1px solid #a1a1a1;}
.pjoin-pup-word .button{ text-align:center; padding-top:10px;}
.pjoin-pup-word .button .btn{  background:#fb5c55; width:125px; height:35px; line-height:35px; font-size:16px; color:#fff; cursor:pointer;}


/**业务范围**/
.pbusiness-title{ text-align:center; padding:50px 0;}
.pbusiness-resume{ margin-left:-10px; position:relative;}
.pbusiness-resume li{ width:calc(50% - 10px); margin:10px 0 0 10px; float:left; padding:30px; border: 1px solid #e7e7e7; box-shadow:0 0 10px #f0f0f0;}
.pbusiness-resume li .pic{ width:146px;}
.pbusiness-resume li .word{ width:calc(100% - 146px); padding-left:35px;}
.pbusiness-resume li .word .t{ font-size:20px;}
.pbusiness-resume li .word .c{ line-height:30px; margin-top:5px; color:rgb(102, 102, 102);}


.pbusiness-work{ padding-bottom:50px;}
.pbusiness-work-tit{ font-size:30px; position:relative; padding-bottom:10px;}
.pbusiness-work-tit:before{ content:''; background:#000; width:180px; height:2px; position:absolute; left:0; bottom:0;}

.pbusiness-work-list{ margin-left:-45px; position:relative;}
.pbusiness-work-list a{ width:calc(33.33% - 45px); height:294px; border:2px solid #6d6d6d; overflow:hidden; float:left; margin:30px 0 0 45px; display:inline-block; position:relative; cursor:pointer;}
.pbusiness-work-list a:before{ content:''; background:rgba(0,0,0,.6); width:100%; height:100%; position:absolute; left:0; top:0; z-index:2; opacity:0; transition:all 0.4s;}
.pbusiness-work-list a .view{ display:block; width:112px; border:2px solid #fff; line-height:44px; text-align:center; font-size:30px; color:#fff; position:absolute; left:50%; top:50%; z-index:5; transform:translate(-50%,-50%); opacity:0; transition:all 0.3s;}
.pbusiness-work-list a:hover:before{ opacity:1;}
.pbusiness-work-list a:hover .view{ opacity:1;}

.pbusiness-work-more{ text-align:right; display:block; padding-top:20px;}