@charset "utf-8";
/*全局样式*/
html{background-color:#fff;color:#000;font-size:12px}
body,ul,ol,dl,dd,h1,h2,h3,h4,h5,h6,figure,form,fieldset,legend,input,textarea,button,p,blockquote,th,td,pre,xmp{margin:0;padding:0}
body,input,textarea,button,select,pre,xmp,tt,code,kbd,samp{line-height:1.5;font-family:tahoma,arial,"Hiragino Sans GB",simsun,sans-serif}
h1,h2,h3,h4,h5,h6,small,big,input,textarea,button,select{font-size:100%}
h1,h2,h3,h4,h5,h6{font-family:tahoma,arial,"Hiragino Sans GB","微软雅黑",simsun,sans-serif}
h1,h2,h3,h4,h5,h6,b,strong{font-weight:normal}
address,cite,dfn,em,i,optgroup,var{font-style:normal}
table{border-collapse:collapse;border-spacing:0;text-align:left}
caption,th{text-align:inherit}
ul,ol,menu{list-style:none}
fieldset,img{border:0}
img,object,input,textarea,button,select{vertical-align:middle}
article,aside,footer,header,section,nav,figure,figcaption,hgroup,details,menu{display:block}
audio,canvas,video{display:inline-block;*display:inline;*zoom:1}
blockquote:before,blockquote:after,q:before,q:after{content:"\0020"}
textarea{overflow:auto;resize:vertical}
input,textarea,button,select,a{outline:0 none;border: none;}
button::-moz-focus-inner,input::-moz-focus-inner{padding:0;border:0}
mark{background-color:transparent}
a,ins,s,u,del{text-decoration:none}
sup,sub{vertical-align:baseline}
html {overflow-x: hidden;height: 100%;font-size: 50px;-webkit-tap-highlight-color: transparent;}
body {font-family: Arial, "Microsoft Yahei", "Helvetica Neue", Helvetica, sans-serif;color: #333;font-size: .28em;line-height: 1;-webkit-text-size-adjust: none;}
hr {height: .02rem;margin: .1rem 0;border: medium none;border-top: .02rem solid #cacaca;}
.center{width:1190px;margin:0 auto;}
.drift-left{float:left;}
.drift-right{float:right;}
.clear{clear:both;}
/*End 全局样式*/

/* 回到顶部 */
.backToTop{position:fixed;right:50%;width:50px;height:50px;cursor:pointer;z-index:101;margin-right:-680px;bottom:10%;display:none;background:#386FEC;}
.backToTop img{margin-top:12px;}
/* 回到顶部2 */
.backTop2{position:fixed;right:50%;width:62px;height:61px;cursor:pointer;z-index:101;margin-right:-680px;bottom:10%;display:none;}
.backTop2 img{margin-top:12px;}
/* 公共导航 */
.nav{height:40px;background:#fff}
.menu{display:inline-block;position:relative;}
.nav-title{display:inline-block;height:40px;line-height:40px;font-size: 14px;color:#666;}
.nav-title img{margin-left:5px;}
.menu ul{position:absolute;top:40px;background:#fff;left:-20px;border:1px solid #f1f1f1;z-index: 99;display:none}
.menu ul li{height:30px;line-height:30px;text-align:center}
.menu ul li:hover{background:#f5f5f5}
.menu ul li a{display:inline-block;color:#666;font-size:12px;width:100px;}
.index-link{float:left;line-height:40px;font-size:14px;color:#666;margin-left:25px;}
.index-link img{margin-right:3px;position:relative;top:-2px;}
.nav-right{overflow:hidden;}
.nav-right li{float:left;margin-left:25px;line-height:40px}
.nav-right li a{font-size: 14px;color:#666;}
.nav-right li a span{color:#CB1C1C;}
.nav-right li img{margin:0 6px 0 50px;position:relative;top:-2px;}
.nav-right li:last-child a{margin:0 25px;}

/* 公用头部 */
.p-head-bg{height:230px;background:url("../../images/e-index-bg.png") no-repeat center;background-size:cover;}
.p-search-box{height:101px;}
.p-search-box .csj-logo{margin-top:45px;}
#p-search{margin-top:53px;width:470px;height:45px;background:#fff;border-radius:3px;}
#p-search .search-left{width: 420px;}
#p-search .list-header-service{height:45px;}
#p-search .list-header-project{font-size:14px;padding:0 17px 0 15px;height:50px;line-height:45px;}
#p-search input{font-size:14px;width:300px;height:45px;margin-left:15px;}
#p-search .header-search-btn{display:inline-block;height:45px;line-height:45px;width:45px;text-align: center}
#p-search .header-search-btn img{width:25px;}
#p-search .list-select{margin-top:0;left:0;}
.p-classify{height:70px;margin-top:45px;}
.p-classify>li>a{display:block;}
.p-classify>li{float:left;width:145px;text-align: center;position:relative;}
.p-classify>li>a>div{height:37px;line-height:37px}
.p-classify>li h4{color:#fff;font-size: 16px;padding-bottom: 10px;display:inline-block;position:relative;}
.p-classify>li h4:after{content:'';background:#fff;height:3px;position:absolute;bottom:-3px;left:50%;transition:all .5s;width:0;}
.p-classify>li:hover h4:after{width:100%;left:0%;}
.p-nav-current{border-bottom:3px solid #fff;}
.p-developing{position:absolute;width:100%;background:#fff;top:84px;box-shadow:0 0 10px #999;z-index:1;display:none;}
.p-developing li{font-size:16px;}
.p-developing li a{display:block;line-height:40px;color:#333;text-align:center;}
.p-developing li a:hover{background:#f5f5f5}
/* 公用头部 */
.head-search{padding: 55px 0;height:42px;position:relative;z-index:1}
.head-search>a{font-size:32px;color:#fff;font-weight:bold;float:left;}
.list-header-search{width:390px;height:40px;background:#fff;border-radius:20px;float:right;}
.search-left{width:340px;}
.list-header-service{position:relative;height:45px;}
.list-header-project{font-size:14px;padding:0 5px 0 25px;display:inline-block;line-height:40px;color:#333;}
.list-header-search input{font-size:14px;width:230px;height:40px;margin-left:10px;}
.header-search-btn{display:inline-block;line-height:35px;width:50px;text-align:center;}
.list-select{display:none;position:absolute;z-index:100;;border-radius:8px;background:#fff;margin-top:5px;overflow:hidden;left:15px;}
.list-select li{width:80px;height:35px;text-align:center;line-height:35px;background:#fff;font-size:14px;}
.list-select li a{color:#999;font-size:14px;display:block}
.list-select li:hover a{background:#3EB8FE;color:#fff;}
.main-nav{height:38px;border-bottom:3px solid #3EB8FE;padding-left:10px;}
.main-nav>li{float:left;margin-right:25px;position:relative;}
.main-nav>li:last-child{margin-right:0;}
.main-nav>li>a{padding:0 30px 25px 30px;font-size:16px;color:#fff;display:block;}
.main-navOn,.nav-cur{background:url("../../images/index05.png") no-repeat center bottom;}
.second-nav{position:absolute;background:#fff;width:124px;padding:12px 0;display:none;z-index: 99;top:40px;}
.second-nav li a{display:block;text-align:center;font-size:14px;color:#333;line-height:35px}
.second-nav li a:hover{background:#3EB8FE;color:#fff;}
/* 底部 */
.footer{background:url("../../image/index08.png") no-repeat center;height:452px;overflow:hidden;}
.friendLink{overflow:hidden;margin-top:55px;display:inline-block;}
.friendLink li{float:left;font-size:18px;color:#748296;margin-right:20px;line-height:35px}
.friendLink li:first-child{margin-right:50px;color:#fff;}
.friendLink li:last-child{margin-right:0;}
.friendLink li select{width:160px;height:37px;border-radius:18px;background:#383939 url("../../images/index06.png") no-repeat 130px center;border:none;outline:none;padding-left:30px;color:#A4A4A4;font-size:16px;-moz-appearance:none;-webkit-appearance:none;appearance:none;}
.guidance{overflow:hidden;margin-top:50px;padding-bottom:28px;border-bottom:1px solid #464646;}
.guidance li,.other-link li{float:left;margin-right:60px;font-size:16px;color:#999;}
.other-link li a{color:#999;}
.guidance li:first-child{font-size:18px;color:#fff;}
.other-link{padding:18px 0;border-bottom:1px solid #464646;overflow:hidden;}
.other-link li{margin-right:70px;}
.other-link li a:hover{color:#fff;}
.copyright-box{overflow:hidden;margin-top:30px;}
.copyright-left{margin-top:10px;float:left;display:inline-block;}
.copyright-left li{font-size:14px;color:#6A6A6A;line-height:32px}
.copyright-right{display:inline-block;float:right;overflow:hidden;}
.cr-contact{float:left;width:240px;text-align:right;margin-right:25px;}
.cr-contact h1{font-size:30px;color:#fff;font-style:italic;margin-top:30px;font-weight:bold;}
.cr-contact h3{font-size:23px;color:#fff;margin-top:15px;}
.cr-qrcode{width:140px;height:140px;position:relative;overflow:hidden;background:#fff;border-radius:8px}
.cr-qrcode img{position:absolute;top:0;bottom:0;left:0;right:0;margin:auto;width:95%;}

/* 公用翻页 */
.ui-paging-container{color:#666;font-size:12px;}
.ui-paging-container ul{overflow:hidden;text-align:center}
.ui-paging-container li,.ui-paging-container ul{list-style:none}
.ui-paging-container li{display:inline-block;padding:3px 3px;margin-left:5px;color:#666}
.ui-paging-container li.ui-pager{cursor:pointer;border-radius:2px;line-height:30px;min-width:30px;}
.ui-paging-container li.focus{background-color:#4757F1;border:none;color:#fff;}
.ui-paging-container li.ui-pager:not(.focus):hover{color:#4757F1;}
.ui-paging-container .js-page-action{width:80px;}
.ui-paging-container li.ui-paging-ellipse{border:none}
.ui-paging-container li.ui-paging-toolbar{padding:0}
.ui-paging-container li.ui-paging-toolbar select{height:38px;border:1px solid #ddd;color:#666}
.ui-paging-container li.ui-paging-toolbar input{vertical-align:top;line-height:36px;height:36px;padding:0;border:1px solid #ddd;text-align:center;width:30px;margin:0 0 0 5px;outline:none;}
.ui-paging-container li.ui-paging-toolbar a{text-decoration:none;display:inline-block;height:36px;border:1px solid #ddd;vertical-align:top;border-radius:2px;line-height:36px;padding:0 3px;cursor:pointer;margin-left:5px;color:#666}
.ui-paging-container li.ui-pager-disabled,.ui-paging-container li.ui-pager-disabled:hover{background-color:#f6f6f6;cursor:default;border:none;color:#ddd}
.qm-list-paging{clear:both;}
/*End 公用翻页 */
/*右侧边栏 - 类型1*/
.slider-bg{width:50px;height:204px;position:fixed;right: 50%;top:30%;z-index:100;margin-right:-680px;display:none}
.toolbar_btn a{background:#386FEC;margin-bottom:1px;}
.toolbar_btn{position:absolute;width:50px;}
.toolbar_btn a,.toolbar_btn a samp{position:relative;display:block;height:50px;width:50px;-webkit-transition:all .4s cubic-bezier(.2,.83,.42,.91);transition:all .4s cubic-bezier(.2,.83,.42,.91);}
.toolbar_btn a samp{z-index:2;width:50px;color:#fff;}
.toolbar_btn a samp span{position:absolute;z-index:999;font-size: 14px;text-align: center;top:5px;left:5px;display:inline-block;width:42px;display:none}
.every-sign{display:inline-block !important;}
.toolbar_btn a samp .iconfont{font-size:24px;position:absolute;top:16px;left:18px;color:#fff}
.toolbar_btn a em{font-size:16px;font-style:normal;line-height:50px;position:absolute;z-index:1;top:0;right:50px;display:block;overflow:hidden;width:0;height:50px;-webkit-transition:all .4s cubic-bezier(.2,.83,.42,.91);transition:all .4s cubic-bezier(.2,.83,.42,.91);text-align:center;color:#fff;}
.iconi{display:block;position:absolute;top:12px;left:12px;}
.sign-bg{background:url("../../images/index04.png") no-repeat center !important;}
.toolbar_btn a:not(.sign-bg):hover samp{background-color:#3051E1}
.toolbar_btn a:hover em{width:180px;background:#3051E1}
.toolbar_btn a:hover  em.slider-a{width:170px!important;border-radius:25px 0 0 25px;}
.toolbar_btn a:hover  em.slider-a i{font-size:18px;font-weight:normal;}
.toolbar_btn a:hover  em.slider-c{width:155px!important;height:155px!important;}
.toolbar_btn a:hover  em.slider-c i{display:block;margin-top:10px;}
/*右侧边栏--类型2*/
.slider-bg2{width:50px;height:204px;position:fixed;right: 50%;top:30%;z-index:100;margin-right:-680px;display:none}
.toolbar_btn2 a{background:#fff;margin-bottom:1px;}
.toolbar_btn2{position:absolute;width:50px;}
.toolbar_btn2 a,.toolbar_btn2 a samp{position:relative;display:block;height:50px;width:50px;-webkit-transition:all .4s cubic-bezier(.2,.83,.42,.91);transition:all .4s cubic-bezier(.2,.83,.42,.91);}
.toolbar_btn2 a samp{z-index:2;width:50px;color:#fff;}
.toolbar_btn2 a samp span{position:absolute;z-index:999;font-size: 14px;text-align: center;top:5px;left:5px;display:inline-block;width:42px;display:none}
.every-sign{display:inline-block !important;}
.toolbar_btn2 a samp .iconfont{font-size:24px;position:absolute;top:16px;left:18px;color:#fff}
.toolbar_btn2 a em{font-size:16px;font-style:normal;line-height:50px;position:absolute;z-index:1;top:0;right:50px;display:block;overflow:hidden;width:0;height:50px;-webkit-transition:all .4s cubic-bezier(.2,.83,.42,.91);transition:all .4s cubic-bezier(.2,.83,.42,.91);text-align:center;color:#fff;}
.toolbar_btn2 a:nth-child(1){border-radius: 25px 25px 0 0;}
.toolbar_btn2 a:nth-child(1) samp{border-radius: 0 25px 0 0;}
.toolbar_btn2 a:nth-child(4),
.toolbar_btn2 a:nth-child(4) samp{border-radius: 0 0 25px 25px;}
.toolbar_btn2 a:nth-child(1) .iconi{display:block;position:absolute;top:14px;left:16px;}
.toolbar_btn2 a:nth-child(2) .iconi{display:block;position:absolute;top:16px;left:14px;}
.toolbar_btn2 a:nth-child(3) .iconi{display:block;position:absolute;top:17px;left:14px;}
.toolbar_btn2 a:nth-child(4) .iconi{display:block;position:absolute;top:12px;left:17px;}
/* .iconi{display:block;position:absolute;top:12px;left:12px;} */
.sign-bg{background:url("../../images/index04.png") no-repeat center !important;}
.toolbar_btn2 a:not(.sign-bg):hover samp{background-color:#386fec}
.toolbar_btn2 a:hover em{width:180px;background:#386fec}
.toolbar_btn2 a:hover  em.slider-a{width:170px!important;border-radius:25px 0 0 25px;}
.toolbar_btn2 a:hover  em.slider-a i{font-size:18px;font-weight:normal;}
.toolbar_btn2 a:hover  em.slider-c{width:155px!important;height:155px!important;}
.toolbar_btn2 a:hover  em.slider-c i{display:block;margin-top:10px;}
.toolbar_btn2 a:nth-child(1):hover,
.toolbar_btn2 a:nth-child(1):hover samp{border-radius: 0 25px 0 0;}
.toolbar_btn2 a:nth-child(4):hover,
.toolbar_btn2 a:nth-child(4):hover samp{border-radius: 0 0 25px 25px;}
/* 左侧边栏 */
.slider-list{width:85px;text-align:center;background:#fff;position:fixed;top:50%;left:50%;z-index:1000;margin-left:-710px;box-shadow:0 0 3px #e5e5e5;margin-top:-200px;}
.slider-list li{height:35px;line-height:35px;font-size:12px;color:#333;cursor:pointer;}
.slider-click,.slider-list li:hover{background:#386FEC;color: #fff!important;}
/* 图片限制 */
.img-style{position:relative;overflow:hidden;}
.img-style img{position:absolute;top:0;bottom:0;left:0;right:0;margin:auto;width:100%;}
/*广告位*/
.index-advertise{width:85px;height:215px;position:fixed;top:50%;left:50%;margin-left:-710px;box-shadow:0 0 10px #e5e5e5;}
.index-advertise div{height:185px;background:url("../../images/index37.png") no-repeat center;overflow:hidden;}
.index-advertise h3{font-size:16px;color:#FFFEFE;margin-top:15px;}
.index-advertise h4{width:65px;margin-top:12px;font-size:14px;color:#fff;line-height:18px;height:126px;overflow:hidden;text-align:justify;}
.index-advertise span{display:block;background:#fff;line-height:30px;cursor:pointer;font-size:12px;color:#666;}
.index-advertise span img{vertical-align:baseline;margin-right:5px;}
@media screen and (max-width:1450px) {
  .slider-bg{margin-right:-670px;}
  .index-advertise{width:70px;margin-left:-670px;}
  .slider-list{width:70px;margin-left:-670px;}
  .index-advertise h4{width:auto;margin:12px 5px 0 5px;font-size:12px;}
}