body{ padding:0px; margin:0px; font-size:14px; font-family:FZLTXHK--GBK1-0,方正兰亭纤黑_GBK,"兰亭黑-简 纤黑",Arial,"Microsoft YaHei",微软雅黑,"MicrosoftJhengHei",华文细黑,STHeiti,MingLiu,Helvetica, sans-serif;}
*{ padding:0px; margin:0px;}
a{ text-decoration:none; color:#3e3e3e; -moz-transition: all ease 1.5s; -webkit-moz-transition: all ease 1.5s; moz-transition: all ease 1.5s;}
a:hover{}
img{ border:none;}
ul,ol,li{ list-style:none;}
h1,h2,h3,h4,h5,h6{ font-weight:normal;}
.clear{ clear:both;}
.fl{ float:left;}
.fr{ float:right;}
.f16{ font-size:16px; color:#7f7f7f;line-height:30px;}
.ptop111{ padding-top:111px;}
.ptop87{ padding-top:87px;}
.ptop50{ padding-top:50px;}
.ptop58{ padding-top:58px;}
.pbottom63{ padding-bottom:63px;}
.pbottom35{ padding-bottom:35px;}
.pbottom40{ padding-bottom:40px;}
.pbottom122{ padding-bottom:122px;}
.pbottom57{ padding-bottom:57px;}
.pbottom175{ padding-bottom:175px;}

/*.header{ width:100%; min-width:1262px; background:#292929; height:213px; position:relative;}*/
.main{width: 82%;margin:0 auto;}
.ov{ overflow:hidden;}
.logo{ width:231px; margin:auto; position:absolute; top:47px; left:0; right:0;}
.header-r{ float:right; padding-top:47px;}
.top-search{ float:left; width:149px; height:24px; background-image:url(/pic/img01.jpg);background-image: -webkit-image-set(url(/pic/img01.jpg) 1x, url(/pic/img01@2x.jpg) 2x); background-repeat:no-repeat;}
.search-q{ float:left; width:110px; border:none; background:#4a4a4a; line-height:24px; padding-left:10px; color:#d7bd9b!important;appearance:none;-moz-appearance:none;-webkit-appearance:none;outline:medium;-moz-border-radius:24px; -webkit-border-radius:24px; border-radius:24px;}
    input:-webkit-autofill {
    -webkit-box-shadow: 0 0 0px 1000px #4a4a4a inset;
    border:none!important;
    height: 24px!important;
    line-height: 24px!important;
    border-radius: 24px 0 0 24px;
	color:#d7bd9b !important;
    }

.search-go{ float:right; width:29px; line-height:24px; background-image:url(/pic/img01.jpg);background-image: -webkit-image-set(url(/pic/img01.jpg) 1x, url(/pic/img01@2x.jpg) 2x); background-repeat:no-repeat; background-position:top right; border:none; cursor:pointer;background-color: #292929;}
.hotline{ float:right; font-family:Arial, Helvetica, sans-serif; color:#7e7f7f; padding-left:25px; line-height:24px;}
/*.nav{ float:left; width:1262px; margin:59px 0 0 0; line-height:24px; text-align:center;}
.nav li{ float:left;}
.nav .fl li{ padding-right:66px;}
.nav .fr li{ padding-left:66px;}
.nav a{ color:#c7c7c7;}
.nav a:hover{ color:#3368ff;}
#nava a{color:#3368ff;}
.nav span{ font-size:11px; font-family:Arial, Helvetica, sans-serif; display: block; line-height:14px; padding-bottom:14px;}*/

.device {width:100%;min-width:1262px;height:429px;position: relative; z-index:10;}
.device:hover .arrow-left0, .device:hover .arrow-right0{ display:block;}
.device .arrow-left0 { z-index:99;background: url(/pic/left.png);background-image: -webkit-image-set(url(/pic/left.png) 1x, url(/pic/left@2x.png) 2x); background-repeat:no-repeat; background-position:left top; position: absolute; left: 90px; top: 50%;margin-top: -25px; width: 49px; height: 49px; display:none;}
.device .arrow-left0:hover{ background-position:left bottom;}
.device .arrow-right0 {z-index:99;background: url(/pic/right.png); background-image: -webkit-image-set(url(/pic/right.png) 1x, url(/pic/right@2x.png) 2x);background-repeat:no-repeat; background-position: left top; position: absolute; right: 90px; top: 50%; margin-top: -25px;width: 49px;  height: 49px; display:none;}
.device .arrow-right0:hover{ background-position:left bottom;}
.device .swiper-container {height:429px;width: 100%; text-align:center; overflow:hidden}
.device .swiper-slide{ background-position:center center; background-repeat:no-repeat;}
.pagination0 {z-index:99;position: absolute;left: 0;text-align: center;bottom:26px;width: 100%;}
.swiper-pagination-switch {display: inline-block;width: 9px;height: 9px;border-radius: 9px;background: #fff;margin: 0 9px;cursor: pointer;}
.device .swiper-visible-switch { background: #fff;}
.device .swiper-active-switch { background: #393636;}

.hot-pro{width:1289px; margin-left:-14px; height:550px; padding-bottom:102px;}
.hot-t{ width:100%; height:126px; position:relative;}
.hot-t ul { width:190px; height:42px; background:#fff; margin:0 auto; position:relative; top:62px;z-index:99; }
.arrow-left1{ position: absolute;width:42px; height:42px; left:40px; background: url(/pic/img05.jpg);background-image: -webkit-image-set(url(/pic/img05.jpg) 1x, url(/pic/img05@2x.jpg) 2x); background-repeat:no-repeat; background-position: left top;}
.arrow-left1:hover{ background-position: left bottom;}
.arrow-right1{ position: absolute; width:42px; height:42px; right:40px; background: url(/pic/img06.jpg);background-image: -webkit-image-set(url(/pic/img06.jpg) 1x, url(/pic/img06@2x.jpg) 2x); background-repeat:no-repeat; background-position: left top;}
.arrow-right1:hover{background-position: left bottom;}
.h-hr{ position:absolute; top:82px; width:100%; border:none; border-bottom:2px solid #eeeeee; line-height:0px; height:0px; background:#fff; font-size:0px;}
.h-pro{ float:left; width:23%; margin: 0 1%; height:auto; background:#e5e5e5; position:relative; display:inline;-moz-transition: all ease 2s; -webkit-moz-transition: all ease 2s; transition: all ease 2s;}
.h-pro h3 a{ font-size:16px; height:40px; line-height:40px; color:#7e7f7f;  margin:0 20px 4px 20px; display:block; font-weight:bold; overflow:hidden;text-overflow: ellipsis;white-space: nowrap;}
.h-pro li a{ font-size:14px; line-height:22px; color:#3e3e3e; display:block; margin:0 12px 0 24px;}
.h-pro img{ width:100% !important; height:280px;}
.h-pro span a{ font-size:13px; color:#7f7f7f; float:right; margin-top:20px; margin-bottom:20px; margin-right:10px;}
.h-pro:hover{ background:#3368ff;}
.h-pro:hover a{ color:#fff;}

.iabout{ width:100%; min-width:1262px; height:461px; background-repeat:no-repeat; background-position: top center; text-align:center; color:#ffffff; font-size:14px; line-height:26px;}
.iabout img{ margin:75px 0 39px 0;}
.iabout h3{  font-weight:normal; font-size:14px;}
.more{ width:42px; height:42px; display:block; line-height:42px; margin:30px auto auto; font-size:11px; text-align:center; color:#000; background:#806d55; -moz-border-radius:100%; -webkit-border-radius:100%; border-radius:100%;}
.more:hover{ background:#dcc9b1;}

.inews{padding:88px 0 0 0;}
.inews div{ width:376px; padding-bottom:83px;}
.inews .fl{ margin-right:66px}
.inews-i{ width:100%; height:80px; border-bottom:3px solid #898989;}
.ia{ background-image:url(/pic/img04.jpg) ;background-image: -webkit-image-set(url(/pic/img04.jpg) 1x, url(/pic/img04@2x.jpg) 2x);background-repeat:no-repeat; background-position:0 0;}
.ib{ background-image:url(/pic/img04.jpg);background-image: -webkit-image-set(url(/pic/img04.jpg) 1x, url(/pic/img04@2x.jpg) 2x); background-repeat:no-repeat; background-position:0 -80px}
.ic{ background-image:url(/pic/img04.jpg);background-image: -webkit-image-set(url(/pic/img04.jpg) 1x, url(/pic/img04@2x.jpg) 2x); background-repeat:no-repeat; background-position:0 -162px;}
.inews-t{ padding:17px 0 10px 0; position: relative;}
.inews-t span{ position:absolute; top:17px; right:0; font-size:14px; color:#898989; }
.inews-t a:hover span{ color:#d7bd9b;}
.inews-t h3{ color:#898989; font-size:24.3px; line-height:54px; letter-spacing:3px;  font-weight:normal;}
.inews-m li{ line-height:24px; }
.inews-m li a{ color:#464646;letter-spacing:1.5px;}
.inews-m li a:hover{ color:#b36500;}
.foot{ width:100%; min-width:1262px; background:#e5e5e5; position:relative; }
.foot-pro{ border-bottom:1px solid #d0cece;}
.foot-pro-t{ border-bottom:1px solid #d0cece; text-align:center;padding:73px 0 24px 0;}
.foot-pro-t h4{ font-size:24.3px; color:#898989; letter-spacing:3px; font-weight:normal; line-height:52px;}
.foot-pro-m{width:90%; max-width:1200px; margin:0 auto; padding:46px 0 45px 0; border-top:1px solid #fff;}
.foot-pro-m tr,.foot-pro-m td{vertical-align:top;}
.fprom{ width:16.5%;}
.foot-pro-m h2{ font-size:14.16px; color:#616161; font-weight: bold; padding:0 0 19px 18px;}
.foot-pro-m h2 a{ color:#616161;}
.foot-pro-m h2 a:hover{ color:#3368ff;}
.foot-pro-m li a{ font-size:14.16px; line-height:28px; color:#616161; display:block; padding:0 0 0 18px;}
.foot-pro-m li a:hover,.foot-pro-m li a.now{ color: #fff; background: #3368ff;}
.xian{ width:2px; height:100%; background:#fff;}
.foot-m{ border-top:1px solid #fff; padding:83px 0 100px 0; text-align:center; font-size:18px; line-height:36px; color:#616161; letter-spacing:1.2px;}
.foot-m a{color:#616161;}
.foot-m-t{ padding:0 0 54px 0;}
.foot-m-s{ padding:11px 0 0 0; line-height:33px; }
.foot-m-s img{ vertical-align:middle}

/* leftsead */
#leftsead{width:245px;height:135px;position:absolute; bottom:0px; right:0px; z-index:999; overflow:hidden; display:none;}
#leftsead li{ float:right;width:131px;height:41px; margin-top:4px;}
#leftsead li img{float:right;}
#leftsead li a{height:41px;float:right;display:block;min-width:47px;max-width:131px;}
#leftsead li a .shows{display:block;}
#leftsead li a .hides{margin-right:-143px;cursor:pointer;cursor:hand;}
#leftsead li a.tel .hides{margin-right:-245px;}

#top_btn{ position: absolute; bottom:394px; right:90px; width:42px; height:42px; z-index:9;  background: url(/pic/top.png);background-image: -webkit-image-set(url(/pic/top.png) 1x, url(/pic/top@2x.png) 2x); background-repeat:no-repeat; background-position: left top; cursor:pointer;}
#top_btn:hover{ background-position: left bottom;}

.ba{ width:100%; height:420px; position:relative; z-index:10; margin-top:8.4rem; background-size:cover;}
.mian825{width:60%; max-width:825px; margin:0 auto;}
.mian770{ width:50%; max-width:770px; margin:0 auto;}
.about{ width:368px; padding:159px 0 0 0;}
.about h1{ font-size:24px; color:#7f7f7f; font-weight:normal;line-height:106px;} 
.pronav{ width:100%;  background:#e5e5e5; position:relative;    margin-top: 8.4rem;}
.pronav .foot-pro-m{ border:none;}
.pro{ width:100%; padding:91px 0 0 0 ; display:flex; flex-wrap:wrap; justify-content:flex-start;}
.pro .h-pro{ margin-bottom:30px;}
.page{ clear:both; width:100%; height:50px; position:relative; padding-bottom:128px;}
.page ul { width:190px; height:42px; background:#fff; margin:0 auto; position:relative; top:4px;z-index:99; }
.page-l{ position: absolute;width:42px; height:42px; left:40px; background: url(/pic/img15.jpg);background-image: -webkit-image-set(url(/pic/img15.jpg) 1x, url(/pic/img15@2x.jpg) 2x); background-repeat:no-repeat; background-position: left top;}
.page-l:hover{background-position: left bottom;}
.page-r{ position: absolute; width:42px; height:42px; right:40px; background: url(/pic/img16.jpg);background-image: -webkit-image-set(url(/pic/img16.jpg) 1x, url(/pic/img16@2x.jpg) 2x);background-repeat:no-repeat; background-position: left top;}
.page-r:hover{background-position: left bottom;}
.page .h-hr{ top:24px;}

.proshow-t{ padding-bottom:50px;}
.proshow-l{ font-size:12px; color:#616161; line-height:22px;}
.proshow-n{ font-size:24px; color:#616161; line-height:80px; font-weight:normal; }
.proshow-m{ line-height:30px; padding:23px 0 114px 0 ;}
.proshow-m img{max-width:100%;}

.p-t{ width:100%; text-align: center; padding:95px 0 0 0;}
.p-t img{max-width:100%;}
.p-t h3{ font-size:32px; font-weight:normal; line-height:60px; letter-spacing:1.7px; }
.projects{width:100%; padding:55px 0 0 0; display:flex; flex-wrap:wrap; justify-content:space-between;}
.proj-m{ float:left; width:32%; margin:0 0 30px 0 ; display:inline;}
.proj-m h3{width:100%; height:50px; line-height:50px; margin:6px 0 0 0; font-size:16px; border-bottom:1px dashed #adadad; display: inline-block; overflow:hidden;}
.proj-m li{ float:left; width:100%;}
.proj-m .pic{width: 100%; height: 316px; overflow: hidden;}
.proj-m i{ font-size:12px; line-height:38px;}
.proj-m span{ font-size:13px;  line-height:38px;}
.proj-m a{ color:#616161;}
.proj-m a:hover{ color:#3368ff;}
.partner{ max-width:100%; padding:55px 0 0 0; display:flex; flex-wrap:wrap; justify-content: flex-start;}
.partner-m{ float:left; width:23%; height:298px; margin: 0 2% 30px 0; display:inline;text-align:center; box-sizing: border-box;}
.partner-m:nth-child(4n+1) {  margin-left: 0;}
.partner-m h3{ height:49px; line-height:49px; margin:6px 0 0 0; font-size:16px; border-bottom:1px dashed #adadad; display: block; letter-spacing:1.3px; overflow:hidden; text-align:left;}
.partner-m li{ float:left; width:100%;}

.partner-m i{ font-size:12px;line-height:38px;}
.partner-m a{ color:#616161;}
.partner-m a:hover{ color:#3368ff;}
.partner-m span{ margin:22.5px 0px; height:155px; display:inline-block; line-height:155px;vertical-align: middle;}
.partner-m img{-webkit-filter: grayscale(100%);
    -moz-filter: grayscale(100%);
    -ms-filter: grayscale(100%);
    -o-filter: grayscale(100%);
    filter: grayscale(100%);
	vertical-align: middle;
	max-width: 227px;
    max-height: 155px;
}
	.partner-m a:hover img{-webkit-filter:grayscale(0);
    -moz-filter:grayscale(0);
    -ms-filter:grayscale(0);
    -o-filter:grayscale(0);
    filter:grayscale(0);
    filter:normal;}
	
.partnershow .fl{ width:124px; text-align:right; padding-right:60px;}
.partnershow .fl span{ margin-left:-104px;}
.partnershow .fr{ width:641px; color:#616161;}
.partnershow h3{ line-height:21px; font-size:21px; }
.partnershow i{ width:100%; font-size:12px; line-height:44px; border-bottom:1px dashed #9c9c9c; display: inline-block; margin-bottom:32px; padding:14px 0 7px 0;}

.news{ font-size:16px;}
.news li{border-top:1px dashed #9c9c9c; padding-bottom:24px; letter-spacing:1.7px;}
.news i{ float:left; width:121px; font-size:12px; letter-spacing:normal;}
.news span{ float:right; font-size:13px; letter-spacing:normal;}
.news a{ color:#616161; line-height:40px;}
.news a:hover{ color:#3368ff;}

.ss{border-top:1px dashed #9c9c9c; font-size:21px; color:#616161; line-height:30px; padding:28px 0 24px 0;}
.news b{ float:left; width:8px; height:8px; -moz-border-radius:100%; -webkit-border-radius:100%; border-radius:100%; background:#616161; margin:15px 22px 0 0; display:block;}
.news a:hover b{ background:#3368ff;}

.contact{ padding:132px 0 118px 0; color:#616161; display:flex; flex-wrap:wrap; justify-content:space-between;}
.con-l{ float:left; padding-right:38px;}
.c_box{width:calc(100% - 400px);}
.contact h3{ float:left; width:100%; font-size:21px; border-top:1px dashed #9c9c9c;  line-height:34px; font-weight:normal; padding:25px 0 0 0; letter-spacing:1.7px;}
.contact h4{ float:left; width:100%; font-size:16.19px; border-bottom:1px dashed #9c9c9c; line-height:28px; font-weight:normal; padding-bottom:23px; }

.con-m{ float:left; width:65%; font-size:18px; line-height:46px; padding:13px 0 0 0; letter-spacing:1px;}
.con-m span{}
.con-r{ float:right; padding:32px 0 0 0;}
.con-r ul{ float:left; width:75px;}
.con-r a{ width:43px; height:43px; display:block;}
.con-r img{ float:right;}
.cc-a{ background-image:url(/pic/img02.png); margin-bottom:15px;background-image: -webkit-image-set(url(/pic/img02.png) 1x, url(/pic/img02@2x.png) 2x); background-repeat:no-repeat;}
.cc-a:hover{ background-image:url(/pic/img02-.png);background-image: -webkit-image-set(url(/pic/img02-.png) 1x, url(/pic/img02-@2x.png) 2x); background-repeat:no-repeat;}
.cc-q{ background-image:url(/pic/img01.png); margin-bottom:57px;background-image: -webkit-image-set(url(/pic/img01.png) 1x, url(/pic/img01@2x.png) 2x); background-repeat:no-repeat;}
.cc-q:hover{ background-image:url(/pic/img01-.png);background-image: -webkit-image-set(url(/pic/img01-.png) 1x, url(/pic/img01-@2x.png) 2x); background-repeat:no-repeat;}
.cc-w{ background-image:url(/pic/img03.png);background-image: -webkit-image-set(url(/pic/img03.png) 1x, url(/pic/img03@2x.png) 2x); background-repeat:no-repeat;}
.cc-w:hover{ background-image:url(/pic/img03-.png);background-image: -webkit-image-set(url(/pic/img03-.png) 1x, url(/pic/img03-@2x.png) 2x); background-repeat:no-repeat;}