@charset "utf-8";
/* CSS Document */
body{margin:0px; padding:0px; font-size:12px; font-family:"微软雅黑"; color:#666; overflow-x:hidden;-webkit-touch-callout: none;   -webkit-user-select: none;  -khtml-user-select: none;  -moz-user-select: none;  -ms-user-select: none;   user-select: none;}
a{color:#666; text-decoration:none; outline:none;}
*{padding:0px;margin:0px;}
a:active{star:expression(this.onFocus=this.blur());} 
img{border:0px; vertical-align:middle; max-width:100%;}
a:link {text-decoration: none; outline:none;}
a:visited{text-decoration: none; outline:none;}
ul, p, dl, dt, dd{padding:0px; margin:0px;}
li{list-style-position:outside; list-style-type:none;}
h1, h2, h3, h4, h5{font-size:14px; padding:0px; margin:0px;}
h1{font-size:16px;}
h5{font-size:12px;}
.fl{float:left;}
.fr{float:right;}
.clear_f{clear:both; height:0px; padding:0px; margin:0px; display:block; _display:inherit;}

.h10{height:10px; overflow:hidden; clear:both;}
.h30{height:30px; overflow:hidden; clear:both;}
.h60{height:60px; overflow:hidden; clear:both;}
.h70{height:70px; overflow:hidden; clear:both;}
.h100{height:100px; overflow:hidden; clear:both;}
input, textarea{background:transparent; padding:0px; font-size:12px; font-family:Arial, "微软雅黑"; color:#999; outline:none; border:0px;}
input[type=button], input[type=reset], input[type=submit], select {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
}
em{font-style:normal;}
.btn1{cursor:pointer;}
.red{color:#cb1f18;}
.wal{width:1200px; margin:0px auto;}

.header, .indexPart1 .list li .bg, .indexPart1 .list li .bottom, .indexPart2 .tab li, .sNav .btnDiv a, .indexTitle .more, .indexPart5 .box1 .btnDiv a, .indexPart5 .box2 .btnDiv a, .lyb .btnDiv a, .company .list li .btnDiv a{
transition:All 0.5s ease;
-webkit-transition:All 0.5s ease;
-moz-transition:All 0.5s ease;
-o-transition:All 0.5s ease;	
}

/*.indexPart1 .list li .bottom{
transition:All 5s ease;
-webkit-transition:All 5s ease;
-moz-transition:All 5s ease;
-o-transition:All 5s ease;
 }*/

.w320{ width:320px;}
.w860{ width:860px;}

.fangda{ transition:2s;-moz-transition:2s;-webkit-transition:2s;-o-transition:2s;}
.fangda:hover{ transform:scale(1.05);-webkit-transform:scale(1.05);}

.line1_hidden{overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}
.line2_hidden{display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;overflow: hidden;}
.line3_hidden{display: -webkit-box;-webkit-line-clamp: 3;-webkit-box-orient: vertical;overflow: hidden;}

/*头部导航*/
.header{width: 100%; position: absolute; top: 0; z-index: 15;border-bottom:1px solid #333;} 
.header .logo{margin-left: 2%;margin-top:8px;width:36%;} 
.header .logo img{float:left;margin-top:2.4%;}
.header .inx_logo{margin-left: 2%;margin-top:8px;width:36%;} 
.header .inx_logo img{float:left;margin-top:2.4%;}
.header .list{width:62%;float:right;} 
.header .list li{float: left;margin:1% 1.6%;} 
.header .list .top_nav li a{font-size: 15px;color: #fff;padding-bottom:22px;} 

.header2{ background: #000; position: relative; }

.header.hov{background:url(../images/bg3.jpg) top repeat-x; border-bottom:1px solid #f4f4f4;} 
.header.hov .list li a{color: #3b3b3b;} 
.header .list li.on a{ border-bottom: #61b6df solid 1px;} 
.header .list .top_nav li a:hover{ border-bottom: #61b6df solid 1px;color:#61b6df;} 

.headerTel{ display: none; width: 100%; height:84px; position: absolute; top: 0; z-index: 9; background: url(../images/bg1.png) bottom repeat-x;}
.headerTel2{ background: #000; position: relative; }
.headerTel .logo{ position: absolute; left: 10px; top: 8px; }
.headerTel .logo img{ width:150px; }
.navIco{ display: block; position: absolute; right: 10px; top: 18px; }
.navIco img{ width:28px; }
.t_wz{margin-top:4.2%;margin-left:24px;}
.t_wz h2{font-size:24px;color:#333;font-weight:bold;line-height:24px;}
.t_wz p{font-size:16px;color:#999;line-height:36px;}
.t_wz{margin-top:4.2%;margin-left:24px;}
.t_wz h2{font-size:24px;color:#333;font-weight:bold;line-height:24px;}
.t_wz p{font-size:16px;color:#999;line-height:36px;}

.t_inxwz{margin-top:4.2%;margin-left:24px;}
.t_inxwz h2{font-size:24px;color:#333;font-weight:bold;line-height:24px;}
.t_inxwz p{font-size:16px;color:#999;line-height:36px;}
.t_inxwz{margin-top:4.2%;margin-left:24px;}
.t_inxwz h2{font-size:24px;color:#333;font-weight:bold;line-height:24px;}
.t_inxwz p{font-size:16px;color:#999;line-height:36px;}
.header .t_inxwz h3{line-height:24px;font-size:24px;font-weight:bold;color:#fff;}
.logo_n{}
/*.header:hover .t_wz h3{color:#333;}*/
.sNavBox:hover .header .t_wz h3{color:#333;}
.header .t_wz h3{line-height:24px;font-size:24px;font-weight:bold;color:#fff;}
.header .t_inxwz h3{line-height:24px;font-size:24px;font-weight:bold;color:#fff;}
.top_tel{overflow:hidden;padding:8px 0;float:left;margin-right:6px;}
.top_tel i{background:url(../images/tel.png) no-repeat;width:34px;height:34px;display:block;float:left;}
.top_tel p{float:left;line-height:24px;color:#7ecef4;font-size:16px;}
.top_tel p span{font-weight: normal;color: #61b6df;font-size:38px;font-family: 'Conv_d-din.exp-bold', Arial;}
.topRight{float:right;margin-top:1.4%;padding-right:2%;width:48%;}
.ewm{float:left;margin-right:6px;}
.ewm ul li .wx{float: right;background: url(../images/wxin.png) no-repeat;color: #8b8b8b;width:36px;height:36px;line-height:93px;font-size: 15px;display: block;position:relative;}
.ewm ul li .dy{float: right;background: url(../images/dy.png) no-repeat;color: #8b8b8b;width:36px;height:36px;line-height:93px;font-size: 15px;display: block;position:relative;}
.ewm ul li .ks{float: right;background: url(../images/ks.png) no-repeat;color: #8b8b8b;width:36px;height:36px;line-height:93px;font-size: 15px;display: block;position:relative;}
.ewm ul li a .d-project-erwei { position: absolute; width: 152px; height:0px;  overflow: hidden;top:36px; left:-20px; z-index:9 }
.ewm ul li a.d-project-erwei img { width: 100%; }
.ewm ul li a:hover .d-project-erwei { height: 152px; transition: all .3s; }
.header .list .ewm ul li{float:left;margin:0 4px;width:36px;}
.top_nav{overflow:hidden;height:46px;width:100%;padding-left:11.6%;line-height:12px;}
.header .list .hova li a {font-size: 15px;color: #333;padding-bottom: 22px;}
/*导航触发效果*/
.sNav{background: #fff; height:480px; position: absolute; z-index: 8; display: block; width: 100%; top: -552px; opacity: 0; box-shadow:0 1px 5px rgba(35,25,25,0.2); -moz-box-shadow:0 1px 5px rgba(35,25,25,0.2); -webkit-box-shadow:0 1px 5px rgba(35,25,25,0.2);overflow:hidden;} 
.sNav .bigBox{ padding: 90px 7% 0; }
.sNav .leftDiv{ width: 25%; height: 340px; border-right: #f0f0f0 solid 1px; }
.sNav .tel{ padding: 40px 0 15px; font-size: 16px; color: #636363; font-weight: bold; }
.sNav .tel img{ position:relative; top:-2px;}
.sNav .address{ line-height: 20px; color: #636363; padding-bottom: 30px; width: 235px;}
.sNav .address img{ position:relative; top:-2px;}
.sNav .btnDiv a{ display: block; width: 138px; height: 32px; line-height: 32px; text-align: center; background: #5e5e5e; color: #fff; font-size: 14px; font-weight: bold; border-radius: 4px; -moz-border-radius:4px; }
.sNav .btnDiv a:hover{ background: #1b1b1b; }
.sNav .rightDiv{ width: 73%; }
.sNav .rightDiv .list{ padding-left: 145px; overflow: hidden;}
.sNav .rightDiv .list ul{ margin-right: -40px; }
.sNav .rightDiv .list li{ float: left; width: 33%; margin-bottom: 40px;}
.sNav .rightDiv .list li .box{ height: 82px; border-bottom: #f0f0f0 solid 1px; margin-right: 40px; padding-right: 30px;}
.sNav .rightDiv .list li a{ display: block; width: 100%; height: 100%; background:url(../images/nimg15_4.png) right 13px no-repeat; }
.sNav .rightDiv .list li .txt1{ padding: 15px 0 10px; font-size: 13px; color: #3b3b3b; }
.sNav .rightDiv .list li .txt2{ color: #797979; text-transform: uppercase; }
.sNav .rightDiv .list li a:hover .txt1, .sNav .rightDiv .list li a:hover .txt2{ color: #000; }

.navIcoPC{ position: absolute;float:left;width:20%;}
.navRight{ height:100%; width:360px; overflow:hidden; position:fixed; z-index:555; right:-360px; top:0px; background:#fff;}
.navRight .closeBtn{ height:38px; width:38px; position:absolute; top:21px; right:25px; z-index:22;}
.navRight .name{ padding: 60px 0 15px 30px; color: #111111; font-size: 22px;}
.navRight .links{ font-size: 14px; padding-left: 30px; width: 270px;}
.navRight .links a{ line-height: 36px; color: #333; padding-right: 16px;}
.navRight .links a:hover{ text-decoration: underline; }
.navRight .more{ padding: 15px 0 40px 30px; font-size: 14px; }
.navRight .more a{ color: #9da3b2; }
.navRight .more a:hover{ text-decoration: underline; }
.navRight .txt { position: relative; padding-left: 66px; height: 29px; line-height: 29px; color: #333333; font-size: 14px; }
.navRight .txt img{ position: absolute; left: 30px; top: 0px; }
.navRight .ewm{ padding: 16px 0 50px 30px; }
.navRight .msgList{ padding-left: 30px; }
.navRight .msgList li{ font-size: 14px; color: #fff; line-height: 24px; }

.navRight .ewmList{ padding: 16px 0 50px 30px; overflow:hidden;}
.navRight .ewmList li{ margin-right:20px; width:115px; font-size:14px; text-align:center; float:left;}
.navRight .ewmList li p{ color:#999; padding-top:12px;}
.navRight .msgList{ padding-left: 30px; }
.navRight .msgList li{ font-size: 14px; color: #333; line-height: 24px; }
/*导航菜单触发*/
.navLayer{overflow-x: auto; height:100%; width:100%; overflow:hidden; position:fixed; z-index:555; right:-100%; top:0px;}
.navLayer .bg{overflow-x: auto;position:relative; background:#fff; height:100%;width:100%;}
.navLayer .top{ position:relative; height:60px; border-bottom: #f9f6f6 solid 1px;}
.navLayer .logo{ position:absolute; left:10px; top:8px;}
.navLayer .logo img{ width:150px; }
.navLayer .closeBtn{ height:60px; width:60px; position:absolute; top:0px; right:0px;}
.navLayer .closeBtn img{ position:relative; left:17px; top:17px;}
.sideNav{ padding: 0 20px; }
.subNav{cursor:pointer; height:70px; border-bottom:1px solid #f9f6f6; position:relative; font-size:14px; background:url(../images/ico1.png) right center no-repeat; }
.subNav .name{ position:relative;}
.subNav .txt1{ padding-top: 12px; font-size: 16px; color: #3b3b3b; }
.subNav .txt2{ font-size: 13px; color: #d1d1d1; text-transform: uppercase;}
.subNav a{ display: block; height:70px;}

.PCBg{ position:fixed; z-index:3; width:100%; height:100%; display:none; background:url(../images/bg2.png) repeat; left:0px; top:0px;}
.pageBg{ position:fixed; z-index:11; width:100%; height:100%; display:none; background:url(../images/bg1.png) repeat; left:0px; top:0px;}

.footDiv{ height:490px; background:#1a1a1a url(../images/nimg198Bg.jpg) right 100px no-repeat; overflow: hidden; padding: 110px 7% 0;}
.footDiv .logoDiv{ width: 27%; }
.footDiv .leftDiv{ width: 27%; }
.footDiv .midDiv{ width: 24%; }
.footDiv .rightDiv{ width: 22%; }
.footDiv .titleDiv .title1{ padding-bottom: 8px; color: #fff; font-size: 18px; font-weight: bold;}
.footDiv .titleDiv .title2{ color: #868686; position: relative; height: 46px; }
.footDiv .titleDiv .title2 em{ position: absolute; left: 0px; bottom: 0px; width: 16px; height: 1px; background: #474747; display: block; }
.footDiv .msgList{ padding-top: 36px; width: 212px;}
.footDiv .msgList li{ font-size: 13px; color: #868686; line-height: 24px; }
.footDiv .msgList li img{ position:relative; top:-2px;}
.footDiv .btnDiv{ padding-top: 25px; }
.footDiv .btnDiv a{ text-align: center; display: block; width: 138px; height: 32px; line-height: 32px; background: #282828; color: #fff; font-size: 14px; font-weight: bold;}
.footDiv .btnDiv a:hover{ text-decoration: underline; }
.footDiv .msg{ color: #868686; padding-top: 30px;}
.footDiv .msg a{ color: #868686; }
.footDiv .msg a:hover{ color:#fff; }
.footDiv .ewmDiv{ padding-top: 35px; }
.footDiv .share{ padding-top: 44px; overflow: hidden;}
.footDiv .share li{ float: left; margin-right: 22px; }
.footNav{ padding-top: 20px; }
.footNav li{ float: left; width: 33.33%; }
.footNav dd{ line-height: 45px; }
.footNav dd a{ color: #868686; }
.footNav dd a:hover{ color:#fff; }
.footDiv .share li .img1{ display:none;}
.footDiv .share li:hover .img1{ display:inline-block;}
.footDiv .share li:hover img{ display:none;}

.indexPart3Tel,.indexPart4Tel,.indexPart6Tel{display:none;}
.pageBanner{ position:relative;}
.pageBanner .imgDiv img{ width:100%;}
.pageBanner .contentBox{ left: 50%; margin-left: -600px; width: 1200px; top:48%; position: absolute; z-index: 2;}
.pageBanner .txt1{ font-size:86px; color:rgba(255, 255, 255, .14); font-weight: bold;text-align:center;text-transform:uppercase;font-family: din;}
.pageBanner .txt2{ font-size:42px; color: #fff; padding-bottom: 28px; position: relative;text-align:center;font-weight:bold;top:-54px;}
.pageBanner .txt2 em{ display: block; width:78px; height:4px; background:#61b6df; position: absolute; left:46.8%; bottom: 0px;}
.pageNav .list{ margin-left: 70px; float: left;}
.pageNav .list li{ font-size: 13px; line-height: 48px; }
.pageNav .list li a{ padding-left: 26px; width: 90px; display: block; background: url(../images/line2.jpg) left center no-repeat; color: #a8a8a9;}
.pageNav .list li .aNow, .pageNav .list li a:hover{ color: #fff; font-size: 18px;}

.pageBannerTel{ display:none;}
.pageBannerTel .imgDiv{width:100%;height:100%;position: relative;}
.pageBannerTel img{ width:100%;}
.pageBannerTel .txtDiv{ position: absolute; width:100%; height:100%;text-align:center; z-index: 2;top:50%;}
.pageBannerTel .txt1{ font-size:38px; color:rgba(255, 255, 255, .14); font-weight: bold;text-align:center;text-transform:uppercase;font-family: din;}
.pageBannerTel .txt2{ font-size:24px; color: #fff; padding-bottom: 25px; position: relative;text-align:center;font-weight:bold;top:-30px;}
.pageBannerTel .txt2 em{ display: block; width:40px; height: 3px; background: #fff; position: absolute; left:45%; bottom: 0px; }

/*about*/
.section_about{background:url(../images/about_bj.jpg) no-repeat center 168px;}
.about-brand{padding:76px 7% 0px 7%;overflow: hidden;}
.about-brand .page-title {float: left;width:42%;padding-top:62px;}
.about-brand .page-title h5{color:#333;font-family: din;text-transform: uppercase;font-size:78px;line-height:60px;}
.about-brand .page-title h2{color:#000;font-family: din;font-size:38px;font-weight:bold;}
.about-brand .page-title h2 span{width:48px;height:1px;background:#000;display:block;float:left;margin:24px 24px 0 0;}
.about-brand-right {float: left;width:54%;}
.about-brand-right .txt{font-size:28px;color:#333333;margin-top:46px;}
.about-brand-right .content{font-size:16px;color:#787878;line-height:28px;margin-top:34px;}
.about-brand-right h2{margin: 0;font-weight: normal;font-size: 36px;color: #1a1a1a;}
.about-brand-right .text{font-size: 16px;line-height: 32px;color: #666666;padding:30px 0;overflow: hidden;text-align: justify;}
.about-brand-date {position: relative;padding-top:20%;overflow: hidden;}
.about-brand-date .left-pic {position: absolute;left: 0;top:15%;z-index:1;}
.about-brand-date .right-pic{position: absolute;right:8.8%;top: 0;z-index: 10;margin-top:58px;}
.about-brand-date .center-pic{position: relative;}
.about-brand-date .center-pic img {display: block;position: relative;z-index: 5;}
.about-brand-date .center-pic .item4 {position: absolute;left: 0;top:0;width: 100%;height: 100%;text-align: center;z-index: 20;}
.about-brand-date .center-pic .item4 li{list-style: none;display: inline-block;vertical-align: middle;position: relative;width:10%; padding:0 5%;text-align: left;}
.about-brand-date .center-pic .item4 li::before {content: '';display: block;width: 1px;height: 100%;background: #fff;position: absolute;left: 0;top: 0;opacity: .1;}
.about-brand-date .center-pic .item4 li:last-child::after {content: '';display: block;width: 1px;height: 100%;background: #fff;position: absolute;right: 0;top: 0;opacity: .1;}
.about-brand-date .center-pic .item4 li i{display: block;position: relative;width: 45px;height: 45px;margin-top: 30px;}
.about-brand-date .center-pic .item4 li h3{font-weight: normal;margin: 0;padding: 20px 0 5px 0;}
.about-brand-date .center-pic .item4 li h3 strong{font-weight: normal;font-size: 60px;color: #fff;font-family: 'Conv_d-din.exp-bold', Arial;}
.about-brand-date .center-pic .item4 li h3 span{font-size: 20px;color: #fff;padding-left:8px;}
.about-brand-date .center-pic .item4 li h6{font-weight: normal;margin: 0;font-size: 14px;color: #aeaeb0;}


.about-randd {overflow: hidden;padding:68px 7% 50px 7%;}
.about-randd .title-2{position:relative;}
.about-randd .title-2 h5{text-transform: uppercase;font-size:86px;line-height: 60px;font-family: 'Conv_d-din.exp-bold', Arial;font-weight:bold;color:#ededed;}
.about-randd .title-2 h3{position:absolute;top:12px;font-size:30px;color:#000;}
.about-randd .title-2 h3 span{width: 48px;height: 1px;background: #000;display: block;float: left;margin: 24px 24px 0 0;}
.about-randd .randd-content{margin-top: 50px;overflow: hidden;}
.about-randd .randd-content .img{position: relative;float: left;width: 48%;}
.about-randd .randd-content .text{float: left;width: 45%;font-size: 16px;line-height: 32px;color: #333333;}
.about-randd .randd-content .item3 {margin-top: 40px;overflow: hidden;}
.about-randd .randd-content .item3 li {text-align: center;list-style: none;padding: 4% 3% 3% 3%;background:#f2f2f2;width: 15%;float: left;margin-right: 1%;}
.about-randd .randd-content .item3 li:hover{background:#61b6df;}
.about-randd .randd-content .item3 li:hover span{color:#ffffff;}
.about-randd .randd-content .item3 li:hover .i01{background:url(../images/tb1on.png) no-repeat center;transform: rotate(360deg);-webkit-transform: rotate(360deg);-moz-transform: rotate(360deg);-o-transform: rotate(360deg);-ms-transform: rotate(360deg);}
.about-randd .randd-content .item3 li:hover .i02{background:url(../images/tb2on.png) no-repeat center;transform: rotate(360deg);-webkit-transform: rotate(360deg);-moz-transform: rotate(360deg);-o-transform: rotate(360deg);-ms-transform: rotate(360deg);}
.about-randd .randd-content .item3 li:hover .i03{background:url(../images/tb3on.png) no-repeat center;transform: rotate(360deg);-webkit-transform: rotate(360deg);-moz-transform: rotate(360deg);-o-transform: rotate(360deg);-ms-transform: rotate(360deg);}
.about-randd .randd-content .item3 li i{display: block;width:48px;height: 48px;position: relative;margin: auto;}
.about-randd .randd-content .item3 li .i01{background:url(../images/tb1.png) no-repeat center;transition: All 0.4s ease-in-out;-webkit-transition: All 0.4s ease-in-out;-moz-transition: All 0.4s ease-in-out;-o-transition: All 0.4s ease-in-out;}
.about-randd .randd-content .item3 li .i02{background:url(../images/tb2.png) no-repeat center;transition: All 0.4s ease-in-out;-webkit-transition: All 0.4s ease-in-out;-moz-transition: All 0.4s ease-in-out;-o-transition: All 0.4s ease-in-out;}
.about-randd .randd-content .item3 li .i03{background:url(../images/tb3.png) no-repeat center;transition: All 0.4s ease-in-out;-webkit-transition: All 0.4s ease-in-out;-moz-transition: All 0.4s ease-in-out;-o-transition: All 0.4s ease-in-out;}
.about-randd .randd-content .item3 li span{display: block;padding: 0px;font-size:14px;color: #808080;}

.about-awards {overflow: hidden;padding: 0px 7% 68px 7%;}
.about-awards .awards-content{margin-top:-204px;overflow: hidden;}
.about-awards .awards-content .left{float:left;width: 40%;padding-top:24px;}
.about-awards .awards-content .right{float:right;width: 50%;padding-top:346px;}
.about-awards .awards-content .title-2 {margin-top: 180px;position: relative;}
.about-awards .awards-content .title-2 h5{text-transform: uppercase;font-size:86px;line-height: 60px;font-family: 'Conv_d-din.exp-bold', Arial;font-weight:bold;color:#ededed;}
.about-awards .awards-content .title-2 h3{position:absolute;top:12px;font-size:30px;color:#000;}
.about-awards .awards-content .title-2 h3 span{width: 48px;height: 1px;background: #000;display: block;float: left;margin: 24px 24px 0 0;}
.about-awards .awards-content .title-2 .line{width: 50px;height:4px;margin:32px 0;background: #61b6df;}
.about-awards .awards-content .text h3{font-size:18px;color:#333;font-weight:bold;margin-bottom:24px;}
.about-awards .awards-content .text p{font-size:14px;color:#666;line-height:20px;margin-bottom:30px;}
.about-awards .awards-content .img {text-align: right;}
.about-awards .awards-content .img img {display: inline-block;}

.about-media {width: 100%;margin: auto;overflow: hidden;padding: 100px 0;}
.about-media .title-2 {text-align: center;}
.about-media .title-2 .line {width: 50px;height:4px;margin: 20px auto;background: #e60012;}
.about-media .title-2 h6{font-size: 16px;color: #666;font-weight: normal;margin: 0;}
.about-media .media-content {text-align: center;padding: 20px 0 50px 0;overflow: hidden;position: relative;margin-top: 50px;}
.about-media .media-content::after {content: '';display: block;width: 1px;height: 100%;background: #e6e6e6;position: absolute;left:50%;top: 0;}
.about-media .media-content::before {content: '';display: block;width: 13px;height:9px;background:url('../../about/images/d3.png') no-repeat;position: absolute;left:50%;margin-left: -6.5px; bottom: 0;}
.about-media .media-content .item{width:980px;overflow: hidden;margin: auto;padding: 30px 0; position: relative;z-index: 10;}
.about-media .media-content .item .left,.about-media .media-content .item .right {width: 46%;position: relative;z-index: 10;}
.about-media .media-content .item .text{width:100%;text-align: right;}
.about-media .media-content .item .text h5{font-weight: normal;margin: 0;color: #999999;font-size: 16px;margin-top: 10px;}
.about-media .media-content .item .text h4{margin: 0;color: #666;font-size: 17px;line-height: 26px; padding: 10px 0;transition:all .4s ease;}
.about-media .media-content .item .img {float: left;width:33%;position: relative;background: #f7f7f7;}
.about-media .media-content .item .yuandian {width: 9px;height: 9px;background: #ccc;border: 5px solid #fff;position: absolute;left: 50%;top: 50%;margin: -9px 0 0 -9px;border-radius: 100%;}
.about-media .media-content .item.item2 .left{float: right;}
.about-media .media-content .item.item2 .left .text{text-align: left;} 
.about-media .media-content .item.item2 .right{float: left;}
.about-media .media-content .item.item2 .img {float: right;}
.about-media .media-content .item:hover .text h4{color: #000;}
.about-media .media-content .item:hover .yuandian {background: #000;}
.about-media .media-content .item::before {content: '';display: block;width:100px;height:100px;left: 50%;top: 50%;margin: -50px 0 0 -50px;border-radius: 100%;border: 1px solid #ccc;position: absolute;transform:scale(0);transition:all 300ms ease-out;}
.about-media .media-content .item:hover::before {transform:scale(1);}

.info-ul{overflow:hidden;}
.info-ul li{float: left;padding-right: 12px;}
.info-ul li:nth-child(2){margin-top: 50px;}
.info-ul li:nth-child(3){margin-top: 145px;}
.info-item{position: relative;margin-bottom: 12px;transition: all 2s;width:209px;overflow: hidden;}
.info-item img{width: 100%;}
.info-item .info-font{
  position: absolute;
  top:230px;
  left: 50%;
  transform: translate(-50%,-50%);
  color: #fff;
  z-index: 33;
  text-align: center;
}
.info-item:hover .info-font{
  top:98px;
  transition: all 1s;
}
.info-item::after{
  content: "";
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%; 
  transition: all 1s;
}
.info-item h4{font-size:38px;font-family: 'Conv_d-din.exp-bold', Arial;font-weight:normal;}
.info-item i{font-size: 60px;}
.info-item em {font-size: 60px;}
.info-item p{font-size:18px;font-weight:bold;color:#fff;}
.info-item:hover::after{background-color: rgba(0, 0, 0, 0.6);}
.info-item:hover{transform: translateY(-10px);}

.pageBox{ padding:140px 0 130px; background: url(../images/bg4.jpg) center top repeat-y; position: relative;}
.pageBox2{ padding: 80px 0 130px; }
.pageBox3{ background: url(../images/bg4.jpg) center top repeat-y; padding-bottom: 160px;}
.pageBox4{ background: url(../images/bg4.jpg) center top repeat-y; padding-bottom: 60px;}
.pageTitle .txt1{ font-size: 22px; color: #000; font-weight: bold; line-height: 40px;}
.pageTitle .txt2{ font-size: 20px; color: #2f343c; padding:10px 0 28px; position: relative; }
.pageTitle .txt2 em{ display: block; width: 20px; height: 3px; background: #000; position: absolute; left: 0px; bottom: 0px; }



.pageTitleTel{ height:50px; background:#3a3c3c; position:relative; font-size:14px; display:none;}
.sideTitleTel{ width:100%; height:50px; position:absolute; left:0px; top:0px;}
.sideTitleTel .con{ height:50px; line-height:50px; padding-left:10px; position:relative;}
.sideTitleTel .con a{ display:block; color:#fff; background:url(../images/nimg51_1.png) right center no-repeat; background-size:36px; font-size:15px;}
.sideTitleNav{ position:absolute; top:50px; z-index:10; width:100%; display:none; box-shadow:0 1px 5px rgba(35,25,25,0.2); -moz-box-shadow:0 1px 5px rgba(35,25,25,0.2); -webkit-box-shadow:0 1px 5px rgba(35,25,25,0.2);}
.sideTitleNav li{ border-bottom:#2f2f2f solid 1px;}
.sideTitleNav li a{ display:block; height:36px; line-height:36px; padding-left:10px; color:#8c8c8c; background:#333434;}
.sideTitleNav .li01 a{ background:#333434 url(../images/nimg51_1.png) right center no-repeat; background-size:36px;}
.sideTitleNav .li01 .on1{ color: #fff; }
.sideTitleTel dl{display:none;}
.sideTitleTel dd a{ padding-left: 20px;  background:#333434!important;}

.pageNow{ height: 80px; line-height: 80px; }

/*分页*/
.pageNum{height:96px; padding-top:10px; text-align:center;}
.pageNum a{margin:0 10px; display:inline-block; color: #353535; height:48px; line-height:48px; background:#eee; width: 48px; font-size:13px;}
.pageNum a:hover, .pageNum .aNow{background:#2d2d2d; color:#FFF;}

.pageNum1{height:96px; padding-top:10px; text-align:center;}
.pageNum1 a{margin:0 10px; display:inline-block; color: #353535; height:48px; line-height:48px; background:#eee; width: 48px; font-size:13px;}
.pageNum1 a:hover, .pageNum1 .aNow{background:#2d2d2d; color:#FFF;}

.pageMore{ padding:0 10px; display:none;}
.pageMore a{ display:block; color:#fff; height: 45px; line-height: 45px; text-align:center; font-size:16px; background: #000; width: 100%;}

/*右侧悬浮窗*/
.sideBar{ position:fixed; right:0px; top:50%; margin-top:-235px; z-index:111; z-index:99}
.sideBar li{position:relative; height:72px; margin-bottom:2px; cursor:pointer;}
.sideBar .mouse{position:absolute; left:-272px; top:0px; display:none;}
.sideBar .img{background:#005bac; border-radius: 4px; -moz-border-radius:4px; height:72px; text-align:center; width:72px; color: #fff;}
.sideBar .img .ico{position:relative; padding:10px 0 8px;}
.sideBar .img .name{ font-size:14px;}
.sideBar .liNow .name{ color:#fff;}
.sideBar .liNow .mouse{display:block;}
.sideBar .li01 .mouse{ width:272px;}
.sideBar .li01 .mouse .box{background:#fff; border-radius: 4px; -moz-border-radius:4px; width: 262px; height:90px;}
.sideBar .li01 .tel{ padding-left: 36px; line-height: 90px; font-size: 24px; color: #005bac;}
.sideBar .li01 .tel img{ padding-right: 18px; }
.sideBar .li02 .mouse{ width:272px;}
.sideBar .li02 .mouse .box{background:#fff; border-radius: 4px; -moz-border-radius:4px; width: 262px; height:90px;}
.sideBar .li02 p{ padding:16px 0 5px 38px; font-size:16px; color:#005bac;}
.sideBar .li02 .tel{ font-size: 30px; color: #005bac; padding-left: 38px;}
.sideBar .li03 .mouse{ width:110px; left: -110px;}
.sideBar .li03 .mouse .box{background:#fff; border-radius: 4px; -moz-border-radius:4px; width: 100px; height:100px;}
.sideBar .li03 .imgDiv{ padding:7px 0 0 7px;}


.topA{ position: fixed; right: 0px; bottom: 70px; display: none; width: 57px; height: 57px; }

.tabContent{ display:none;}
.tab li{ cursor:pointer;}
.tabContent2{ display:none;}
.tab2 li{ cursor:pointer;}
.tabContent3{ display:none;}
.tab3 dd{ cursor:pointer;}

.cd-top {
    /* image replacement properties */
    overflow: hidden;

    white-space: nowrap;
    visibility: hidden;
    opacity: 0;
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    transition: all 0.3s;
}
.cd-top.cd-is-visible {
    /* the button becomes visible */
    visibility: visible;
    opacity: 1;
}
.cd-top.cd-fade-out {

    opacity: 1;
}

#Layer1{
	position:absolute;
	position:fixed;
	_position:absolute;
	width:100%;
	z-index:99;
	top:0; left:0px;
	background-color:#000;
	display:none;
}


.selectDiv{cursor:pointer;}
.selectDiv span{padding-left:10px;}
.selectDiv select{display:none;}
/**/
.selectLayer{position:absolute; z-index:100; display:none; background:#FFF; border:#bababa solid 1px;}
.selectLayer li{height:22px; line-height:22px; overflow:hidden; padding-left:10px; color:#666;}

/*启动动画*/
.up-loadding {
  width: 100%;
  height: 100%;
  position: fixed;
  left: 0;
  top: 0;
  z-index:10000;
}
.up-loadding .cent-ico {
  display: block;
  width: 182px;
  height: 182px;
  background: url("http://121.41.128.239:8301/jinke/en/static/web/css/../img/ico_08.png") no-repeat center;
  position: absolute;
  left: 50%;
  margin-left: -91px;
  top: 50%;
  margin-top: -91px;
  z-index: 2;
  -webkit-animation: scalePop 2.5s linear infinite;
          animation: scalePop 2.5s linear infinite;
}
.up-loadding .bg-box {
  display: block;
  width: 100%;
  height: 50%;
  position: absolute;
  left: 0;
  background-color: #151620;
  z-index: 1;
}
.up-loadding .bg-fir {
  top: 0;
}
.up-loadding .bg-sec {
  bottom: 0;
}
.up-loadding .cent-load {
  width: 240px;
  height: 240px;
  position: absolute;
  left: 50%;
  margin-left: -120px;
  top: 50%;
  margin-top: -120px;
  z-index: 2;
}
.up-loadding .line {
  display: block;
  position: absolute;
  left: 50%;
  top: 50%;
}
.up-loadding .line1 {
  width: 130px;
  height: 130px;
  background: url("../images/line_08.png") no-repeat center;
  margin-left: -65px;
  margin-top: -65px;
  animation: rotate 1.4s linear infinite;
}
.up-loadding .line2 {
  width: 168px;
  height: 168px;
  background: url("../images/line_09.png") no-repeat center;
  margin-left: -84px;
  margin-top: -84px;
  animation: rotates 1.8s linear infinite;
}
.up-loadding .line3 {
  width: 204px;
  height: 204px;
  background: url("../images/line_10.png") no-repeat center;
  margin-left: -102px;
  margin-top: -102px;
  animation: rotate 2.6s linear infinite;
}
.up-loadding .line4 {
  width: 240px;
  height: 240px;
  background: url("../images/line_11.png") no-repeat center;
  margin-left: -120px;
  margin-top: -120px;
  animation: rotates 3.4s linear infinite;
}
.up-loadding .cent-font {
  text-align: center;
  color: #fff;
  position: absolute;
  width: 130px;
  left: 50%;
  margin-left: -65px;
  top: 50%;
  margin-top: -26px;
}
.up-loadding .cent-font .num {
  line-height: 30px;
  font-family: "Base-font";
  font-size: 22px;
}
.up-loadding .cent-font .tit {
  line-height: 18px;
  font-size: 12px;
  font-family: "Arial";
  text-transform: uppercase;
  opacity: 0.5;
}
/*新闻*/
.case-list-read {
    font-size: 0;
    padding:54px 0 68px 0;

}

.case-list-li {
    width: 32.6667%;
    margin: 0 1% 1% 0;
    display: inline-block;
    vertical-align: top;
}

.case-list-li:nth-child(3n) {
    width: 32.6667%;
    margin: 0 0 1% 0;
}


.case-list-li:hover .case-list-img a img {
    -webkit-transform: scale(1.1);
    transform: scale(1.1);
}

.case-list-li:hover .case-list-text:after {
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg);
}

.case-list-li:hover .case-list-text:before {
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg);
}

.case-list-li:nth-child(3n+1) {
    -webkit-animation-delay: 200ms;
    animation-delay: 200ms;
}

.case-list-li:nth-child(3n+2) {
    -webkit-animation-delay: 400ms;
    animation-delay: 400ms;
}

.case-list-li:nth-child(3n) {
    -webkit-animation-delay: 600ms;
    animation-delay: 600ms;
}

.case-list-img {
    position: relative;
    overflow: hidden;
}

.case-list-img a:after {
    content: "";
    top: 0;
    left: 0;
    position: absolute;
    z-index: 1;
    width: 300%;
    height: 100%;
    background: -webkit-linear-gradient(left, rgba(0, 0, 0, .5) 33.33%, rgba(0, 0, 0, .0) 66.66%, rgba(0, 0, 0, .0));
    background: -o-linear-gradient(right, rgba(0, 0, 0, .5) 33.33%, rgba(0, 0, 0, .0) 66.66%, rgba(0, 0, 0, .0));
    background: -moz-linear-gradient(right, rgba(0, 0, 0, .5) 33.33%, rgba(0, 0, 0, .0) 66.66%, rgba(0, 0, 0, .0));
    background: linear-gradient(to right, rgba(0, 0, 0, .5) 33.33%, rgba(0, 0, 0, .0) 66.66%, rgba(0, 0, 0, .0));
    -webkit-transition: all .6s cubic-bezier(.645, .045, .355, 1);
    transition: all .6s cubic-bezier(.645, .045, .355, 1);
}

.case-list-li:hover .case-list-img a:after {
    top: 0;
    left: -300%;
}

.case-list-img a {
    display: block;
    padding-bottom: 97.3%;
    position: relative;
    height: 0;
    overflow: hidden;
}

.cover img {
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    object-fit: cover;
}


.case-list-img a img {
    -webkit-transition: all .6s cubic-bezier(.645, .045, .355, 1);
    transition: all .6s cubic-bezier(.645, .045, .355, 1);
}

.case-list-text {
    padding: 18px 40px 10px 24px;
    position: relative;

}

.case-list-text:after {
    content: "";
    position: absolute;
    right: 20px;
    top: 20px;
    width: 10px;
    height: 1px;
    background: #4b4b4b;
    -webkit-transition: all .6s cubic-bezier(.645, .045, .355, 1);
    transition: all .6s cubic-bezier(.645, .045, .355, 1);
}

.case-list-text:before {
    content: "";
    position: absolute;
    right: 25px;
    top: 15px;
    height: 10px;
    width: 1px;
    background: #4b4b4b;
    -webkit-transition: all .6s cubic-bezier(.645, .045, .355, 1);
    transition: all .6s cubic-bezier(.645, .045, .355, 1);
}

.case-text-span:nth-child(1) {
    font-family: 'Alibaba-PuHuiTi-Medium', "Microsoft YaHei", "微软雅黑", Arial, Helvetica, sans-serif;

}

.case-text-span {
    font-family: 'Alibaba-PuHuiTi-Light', "Microsoft YaHei", "微软雅黑", Arial, Helvetica, sans-serif;
    text-transform: uppercase;
    font-size:14px;
    color: #999;
    line-height:24px;
}

.case-text-span a {
    font-family: 'Alibaba-PuHuiTi-Bold', "Microsoft YaHei", "微软雅黑", Arial, Helvetica, sans-serif;
    text-transform: uppercase;
    font-size:20px;
    color: #333;
    font-weight:bold;
}


.case-more-text {
    text-align: center;
    width:176px;
    height:58px;
    background:#61b6df;
    margin:32px auto 0 auto;
}

.case-more-text p a{
    font-size:14px;
    color:#fff;
    height:58px;
    line-height:58px;
    text-align:center
}

/*新闻内页*/
.newsxq-bot .dn-box1 {
    border-bottom: 1px solid #E1E1E1;
    color: #000000;
    padding: 0 0 25px;
}
.dnpn1 {
    font-size:28px;
    margin: 0 0 10px;
    text-align:center;
    color:#333;
}
.dnpn2{
    font-family: 'Conv_d-din.exp-bold', Arial;
    font-size:16px;
    color:#999;
    text-align:center;
}
.conta2 {
    width:70%;
    position: relative;
    height: 100%;
    margin: 0 auto;
}
.newsxq-bot {
    padding: 3% 0 4%;
}
.newsxq-bot .conta2 .dn-box2{
    margin-top:42px;
}
.newsxq-bot .conta2 .dn-box2 P{
    font-size:14px;
    line-height:24px;
    color:#818184;
    margin-top:24px;
    text-align:justify;
}
.newsxq-bot .dn-box3{
    overflow:hidden;
    margin-top:86px;
}
.newsxq-bot .dn-box3 a {
    display: block;
    float: left;
    width: 33%;
    height: 68px;
    line-height: 64px;
    border: 1px solid #DBDBDB;
    color: #888888;
    font-size: 16px;
    text-align: center;
    text-transform: uppercase;
    transition: all .4s ease;
    font-family: 'Conv_d-din.exp-bold', Arial;
    font-style:normal;
}
.newsxq-bot .dn-box3 a:hover{
    background:#1a1a1a;
    color:#FFFFFF;
}
.newsxq-bot .dn-box3 .a1:hover i{
    background: url(../images/zqhon.png) no-repeat center;
}
.newsxq-bot .dn-box3 .a2:hover i{
    background: url(../images/lbon.png) no-repeat center;
}
.newsxq-bot .dn-box3 .a3:hover i{
    background: url(../images/rqhon.png) no-repeat center;
}
.newsxq-bot .dn-box3 a i {
    display: inline-block;
    vertical-align: middle;
    margin: -1px 0 0;
}
.newsxq-bot .dn-box3 .a1 i{
    background:url(../images/zqh.png) no-repeat center;
    width:16px;
    height:16px;
}
.newsxq-bot .dn-box3 .a2 i{
    background:url(../images/lb.png) no-repeat center;
    width:20px;
    height:65px;
}
.newsxq-bot .dn-box3 .a3 i{
    background:url(../images/rqh.png) no-repeat center;
    width:16px;
    height:16px;
}
/*产品*/
.m-casel{overflow:hidden}
.m-casel .top::after{content:'';display:block;clear:both;visibility:hidden;width:100%;height:0}
.m-casel .top{padding:2% 3%;}
.m-casel .top .box{overflow:hidden;}
.m-casel .top .item{width:31.33%;float:right;padding:0 15px}
.m-casel .top .container{float:left;font-size:16px;line-height: 50px;}
.m-casel .top .con p{background: url(../images/more_wz.png) no-repeat center left;padding-left:28px;}
.m-casel .top .con span{font-size:14px;color:#999;}
.m-casel .top .item .con{border:1px solid #ececec;position:relative}
.m-casel .top .item input{display:block;width:100%;height:48px;line-height:48px;background-color:transparent;border:none;padding:0 24px;font-size:14px;}
.m-casel .top .item input::-webkit-input-placeholder {color:#999999;}
.m-casel .top .item input:-moz-placeholder {color:#999999;}
.m-casel .top .item input::-moz-placeholder{color:#999999;}
.m-casel .top .item input:-ms-input-placeholder{color:#999999;}
.m-casel .top .item input.btn{display:block;position:absolute;top:50%;right:24px;width:16px;height:16px;padding:0;-webkit-transform:translateY(-50%);-ms-transform:translateY(-50%);-o-transform:translateY(-50%);transform:translateY(-50%);background:url(../images/iconl11.png) center center no-repeat;-webkit-background-size:cover;-moz-background-size:cover;-ms-background-size:cover;-o-background-size:cover;background-size:cover;z-index:1;cursor:pointer}
.m-casel .top .item .sel{display:block;width:100%;height:48px;line-height:48px;font-size:14px;color:#999;border:none;background-color:transparent;padding:0 24px;position:relative;z-index:1;cursor:pointer}
.m-casel .top .item .icon{display:block;position:absolute;top:50%;right:24px;width:15px;height:8px;-webkit-transform:translateY(-50%);-ms-transform:translateY(-50%);-o-transform:translateY(-50%);transform:translateY(-50%);background:url(../images/iconl12.png) center center no-repeat;-webkit-background-size:cover;-moz-background-size:cover;-ms-background-size:cover;-o-background-size:cover;background-size:cover}
.m-imgl1{overflow:hidden;padding-bottom:68px}
.ul-imgl1{overflow:hidden;}
.ul-imgl1 li{width:33%;float:left;margin:0 .5% .5% 0;}
.ul-imgl1 li:nth-child(3n){margin:0;}
.ul-imgl1 .con{display:block;position:relative;overflow:hidden}
.ul-imgl1 .con .pic{position:relative;padding-top:78.125%;height:0;overflow:hidden}
.ul-imgl1 .con .pic img{display:block;width:100%;height:100%;position:absolute;top:0;left:0}
.ul-imgl1 .con .txt{position:absolute;top:100%;left:0;width:100%;height:100%;overflow:hidden;background-color:rgba(97,182,223,.9)}
.ul-imgl1 .con .txt .box{position:absolute;top:50%;left:50%;width:90%;-webkit-transform:translate(-50%,-50%);-ms-transform:translate(-50%,-50%);-o-transform:translate(-50%,-50%);transform:translate(-50%,-50%);text-align:center}
.ul-imgl1 .con .txt .box .tub{margin-top:46px;}
.ul-imgl1 .con .txt .box .tub:hover img{transform: rotate(360deg);-webkit-transform: rotate(360deg);-moz-transform: rotate(360deg);-o-transform: rotate(360deg);-ms-transform: rotate(360deg);
}
.ul-imgl1 .con .txt .box .tub img{transition: All 0.4s ease-in-out;-webkit-transition: All 0.4s ease-in-out;-moz-transition: All 0.4s ease-in-out;-o-transition: All 0.4s ease-in-out;}
.ul-imgl1 .con .txt .tit{display:inline-block;font-size:26px;color:#fff;text-align:center;font-weight:bold;margin-bottom:32px}
.ul-imgl1 .con .txt .info{font-size:14px;color:#fff;text-align:left;line-height:24px;}
.ul-imgl1 .con:hover .txt{top:0}
.pro_more{overflow:hidden;}
.pro_more .pro_morel{float:left;width:66%;}
.pro_more .pro_morel img{width:100%;}
.pro_more .pro_morer{float:left;background:#ececec;width:29.33%;padding:4% 2%;}
.pro_more .pro_morer h3{font-size:28px;color:#333333;font-family: 'Conv_d-din.exp-bold', Arial;text-transform : uppercase;}
.pro_more .pro_morer i{font-size:58px;color:#333;font-family: 'Conv_d-din.exp-bold', Arial;font-style:normal;font-weight:normal;margin-top:30px;display:block;}
.pro_more .pro_morer p{font-size:16px;color:#333;margin-top:20px;}
/*新闻内页*/
.npagePage .content {
    background-color: #fff;
    position: relative;
    z-index: 1;
    overflow:hidden;
}

#plheader {
    padding-bottom: 50px; padding-top:80px;text-align: center;
    
}

#category {
    text-align: center;
    padding-bottom: 50px
}

#category li {
    display: inline-block
}

#category li.hasmore {
    height: 107px
}

#category li.hasmore div {
    position: absolute;
    width: 100%;
    left: 0
}

#category li.hasmore div ul {
    text-align: center;
    margin-top: 20px;
    padding-top: 20px;
    border-top: rgba(0, 0, 0, 0.10) 1px solid
}

#category a {
    line-height: 16px;
    height: 16px;
    padding: 8px 16px;
    color: #616161;
    border: #d2d2d2 1px solid;
    margin-right: 2px;
    display: inline-block;
    transition: all 0.3s ease-out 0s;
}

#category li.hasmore div ul a {
    border: none
}

#category a.active, #category a:hover {
    background: #838383;
    color: #fff;
    border-color: #838383
}

#category li.hasmore div ul a.active, #category li.hasmore div ul a:hover {
    background: #7d7d7d;
    color: #fff
}

#teamlist {
    margin: 0 auto;
    width: 1100px;
}

#teamlist .wrap {
    margin-right: -70px
}

#projectbody1 {
    width: calc(60% - 160px);
    background: #f7f7f7;
    float: left;
    padding:98px 138px 98px 138px;
}
#projectinfo1 {
    background: transparent;
    float:left;
    min-width:400px;
    z-index: 10;
    width:28%;
    box-shadow: 0px 0px 0px rgb(0 0 0 / 0%);
    border: 0px;
    padding: 0px;
}

#projectinfo1 .title-warp .title{
    width: auto;
    font-size: 20px;
    height: auto;
    color: #333;
    margin-bottom: 10px;
    overflow: visible;
    margin-left: 40px;
    padding-right: 8%;
    font-family: Arial, "微软雅黑";
}

#projectinfo1 .con_header.title-warp:before {
    content: "";
    width: 40px;
    z-index: 10;
    position: absolute;
    background: rgb(222, 222, 222) none repeat scroll 0% 0%;
    top: 106px;
    height: 1px;
    left: -38px;
}

.content #projectih1 .con_header {
    display: block;
    padding-top: 90px;
    padding-right: 8%;
    margin-left: 40px;
    position: relative;
}
#projectinfo1 .con_header .title-warp:before {
    content: "";
    width: 40px;
    z-index: 10;
    position: absolute;
    background: rgb(222, 222, 222) none repeat scroll 0% 0%;
    top: 106px;
    height: 1px;
    left: -38px;
}
#projectinfo1 .con_header h2.title {
    width: auto;
    font-size: 20px;
    height: auto;
    color: #333;
    margin-bottom: 10px;
    overflow: visible;
    margin-left: 40px;
    padding-right: 8%;
}
#projectinfo1 .con_header h6.title_yw{
    width: auto;
    font-size:12px;
    height: auto;
    color: #999;
    margin-bottom:58px;
    overflow: visible;
    margin-left: 40px;
    padding-right: 8%;
    text-transform: uppercase;
    font-weight:normal;
}
#projectinfo1 .con_header p{
    width: auto;
    font-size:14px;
    height: auto;
    color: #999;
    margin-bottom: 10px;
    overflow: visible;
    margin-left: 40px;
    padding-right: 8%;
    text-align:justify;
}
#projectinfo1 .con_header .gs{
    margin-top:54px;
}
#projectinfo1 .con_header .gs h3{
    width: auto;
    font-size:14px;
    height: auto;
    color: #666;
    overflow: visible;
    margin-left: 40px;
    padding-right: 8%;
    text-align:justify;
}
#projectinfo1 .con_header .gs h3 span{
    font-size:16px;
    font-weight:bold;
    color:#333;
}
#projectinfo1 .con_header h2, #projectinfo2 .con_header h2, #projectinfo3 .con_header h2, #projectinfo4 .con_header h2, #projectinfo5 .con_header h2{
    text-align: left;
}
#projectinfo1 .con_header .title-warp:after {
    position: absolute;
    content: "";
    top: 90px;
    left: -40px;
    width: 2px;
    height: 35px;
    background: #7e7e7e;
}
#pageswitch {
    width:66%;
    margin: 0;
    overflow:hidden;
    display:block;
    margin:128px 0 68px 0;
}
#pageswitch a {
    width: 50%;
    padding: 46px 0 10px 0;
    height: 72px;
    float: left;
    transition: all ease-out .3s;
    position: relative;
}
#pageswitch .prev div {
    text-align: left;
    margin-left: 30px;
}
#pageswitch a.prev .title {
    text-align: left;
    right: auto;
    left: 100px;
}
#pageswitch a .title {
    right: -50px;
    position: absolute;
    font-size: 16px;
    color: #595959;
    width: 440px;
    height:34px;
    overflow: hidden;
    line-height:34px;
    transition: all .3s ease-out 0s;
    font-weight: 100;
}
#pageswitch a.prev .subtitle {
    text-align: left;
    right: auto;
    left: 100px;
}
#pageswitch a .subtitle {
    color: #999;
    opacity: .5;
    filter: alpha(opacity=50);
    height: 16px;
    line-height: 16px;
    overflow: hidden;
    position: absolute;
    right: 100px;
    top: 58px;
}
#projectwrap1 {
    width: 100%;
    margin:0 auto;
}
#pageswitch a.next{
    float:right;
}
#pageswitch a:hover { background: #61b6df; }
#pageswitch a:hover .title { color: #fff; }
#pageswitch a:hover .subtitle { opacity: .5; color: #fff; }
#pageswitch a:hover div:after { border: 1px solid rgba(255, 255, 255, .15); }
#pageswitch a.prev:hover div:before { background: transparent url(../images/icon.png) no-repeat scroll -142px 0; }
#pageswitch a.next:hover div:before { background: url(../images/icon.png) no-repeat -110px 0; }
#projecttags1 a { padding: 5px 20px; line-height: 20px; color: #BDBDBD; }
#projectshow1 #projectib1 { margin-top: 0px; }
.npagePage1 #pages { display: none; }
#pageswitch a.prev .title { text-align: left; right: auto; left: 100px }
#pageswitch a div:after { content: ''; position: absolute; width: 35px; height: 35px; text-align: center; transition: all .6s cubic-bezier(.255 .255, .255, 1) 0s;
border-radius: 0; border: transparent; border-right: 1px solid rgba(255, 255, 255, .1); right: 20px }
#pageswitch a div:before { content: ''; width: 15px; height: 9px; background: url(../images/icon.png) no-repeat -110px -11px; display: block; position: absolute; margin: 13px 0 0 11px; transition: all .3s ease-out 0s;right: 30px; }
#pageswitch a.prev div:after { left: 20px; }
#pageswitch a.prev div:before { left: 20px; background: url(../images/icon.png) no-repeat -142px -11px; }
/*联系我们*/
.come-wrap{padding: 105px 0 ;}
.come-top{overflow:hidden;padding:70px 0;}
.come-top-ul{}
.come-top-ul li{float: left;width: 22%;position: relative;}
.come-top-ul li img{transition: all 0.5s;}
.come-top-ul li::after{
  content: "";
  display: block;
  width: 1px;
  height:104px;
  background-color: #dbdbdb;
  position: absolute;top: 0;right: 0;
}
.come-top-ul li:last-child{width: 34%;text-align: center;}
.come-top-ul li:last-child::after{display: none;}

.come-top-ul .come-font{text-align: center;}
.come-top-ul .come-font h4{margin: 30px 0 10px;font-size:18px;font-weight:bold;}
.come-top-ul .come-font p{font-family: 'DIN';font-size:28px;}
.come-top-ul .come-font p a{color: #999999;font-weight:normal;}
.come-top-ul li:hover{}
.come-top-ul li:hover img{transform: translateY(-10px);}
.come-top-ul li:hover h4{color:#61b6df;}
.come-top-ul li:hover p{color:#61b6df;}

.contact_con .contact_map .w1180{height:695px;}

.come-top-ul .come-pics{display: inline-block;margin: 0 auto;}
.come-top-ul .come-pic{text-align: center;float: left;}
.come-top-ul .come-pic:first-child{margin-right: 90px;}
.come-top-ul .come-pic p{color: #666;font-size:14px;}
.contact_con .contact_map{position:relative;}
.contact_con .contact_map .contact_bd{position:absolute;top:0px;left:7%;background:#5a5a5a;width:28%;padding:74px 46px;}
.contact_con .contact_map .contact_bd h3{font-size:36px;color:#fff;font-weight:bold;margin-bottom:28px;}
.contact_con .contact_map .contact_bd p{font-size:18px;color:#fff;font-weight:bold;margin-bottom:4px;}
.contact_con .contact_map .contact_bd p span{display:block;font-size:42px;font-family: 'Conv_d-din.exp-bold', Arial;color:#ffc790;}

.content-formcn {overflow: hidden;margin-top:26px;}
.content-formcn li{list-style: none;margin: 0 0 10px 0;padding: 0;font-size: 0;}
.content-formcn li .input2 {border: 1px solid #ededed;background: #f5f5f7;padding: 10px 20px;width:50%;height:60px;font-size: 14px;font-weight: normal;box-sizing: border-box;}
.content-formcn li .input2:first-child {margin-right: 1%;width:49%;}
.content-formcn li .textarea1 {width:100%;height:130px;font-size: 14px;border: 1px solid #ededed;background: #f5f5f7;padding: 20px 20px;box-sizing: border-box;}
.content-formcn li .submit1 {background:#61b6df;color: #fff;font-size: 14px;width: 100%;height:58px;cursor: pointer;}
.content-formcn li .submit1:hover {background: #61b6df;}
.iw_poi_title{font-size:18px;}
.iw_poi_content{font-size:14px;color:#999;margin-top:14px;}

/*新闻分页*/
.page{ margin: 0 auto;}
.pagination li a,.pagination li span{ display: block;float: left;border: 1px solid #333333;padding: 10px 15px;color: #333;margin: 0 2px;font-size: 15px;}
.pagination .active span{background:#333333;color:#fff;border:1px solid #333333;}
.pagination{ display:table; margin:28px auto 0 auto;}
.pagination li{ display:table-cell;}
.pagination li a:hover,.page .active a{ background:#333333; color:#fff;}

.go-btn{ opacity:1;
webkit-animation:go-btn 3s cubic-bezier(0.5,0,0.1,1)infinite;
-webkit-animation:go-btn 3s cubic-bezier(0.5,0,0.1,1)infinite;
-ms-animation:go-btn 3s cubic-bezier(0.5,0,0.1,1)infinite;
-moz-animation:go-btn 3s cubic-bezier(0.5,0,0.1,1)infinite;
-o-animation:go-btn 3s cubic-bezier(0.5,0,0.1,1)infinite;
 transform:rotate(-90deg);
 -webkit-transform:rotate(-90deg); 
 -ms-transform:rotate(-90deg); 
 -moz-transform:rotate(-90deg); 
 -o-transform:rotate(-90deg); 
  position:absolute;
  bottom:42px;
  left:48%;
  width:60px; 
  height:60px; 
  border-radius:100%; 
  line-height:60px; 
  text-align:center; 
  font-size:24px; 
  color:#fff; 
  border:1px solid #fff; 
  cursor:pointer; 
  overflow:hidden;
  z-index:10;
}
.go-btn:hover{
    animation-play-state:paused;
    -webkit-animation-play-state:paused;
    -ms-animation-play-state:paused;
    -moz-animation-play-state:paused;
    -o-animation-play-state:paused;
}
@keyframes go-btn{
%0,%100{bottom:10px; opacity:1;}
50%{bottom:50px; opacity:.5}
    }
@-webkit-keyframes go-btn{
%0,%100{bottom:10px; opacity:1;}
50%{bottom:50px; opacity:.5}
    }
@-ms-keyframes go-btn{
%0,%100{bottom:10px; opacity:1;}
50%{bottom:50px; opacity:.5}
    }
@-moz-keyframes go-btn{
%0,%100{bottom:10px; opacity:1;}
50%{bottom:50px; opacity:.5}
    }
@-o-keyframes go-btn{
%0,%100{bottom:10px; opacity:1;}
50%{bottom:50px; opacity:.5}
    }

.toolbar {
    width: 52px;
    position: fixed;
    right: 1%;
    top: 44%;
    z-index: 999;
}
.toolbar dd {
    width: 51px;
    height: 51px;
    margin-bottom: 1px;
    position: relative;
    -webkit-border-radius: 100%;
    border-radius: 100%;
    margin-top: 4px;
    border: #ebebeb solid 1px;
    background-color: #fff;
    -webkit-border-radius: 100%;
    border-radius: 100%;
}
.toolbar dd i {
    width: 51px;
    height: 51px;
    display: block;
    position: absolute;
    left: 0;
    top: 0;
    cursor: pointer;
    text-align: center;
    -webkit-border-radius: 100%;
    border-radius: 100%;
}
.toolbar dd i span {
    width: 35px;
    height: 35px;
    display: block;
    margin: 8px 0 0 8px;
    background: url(../images/rightfixicon.png) no-repeat 0 0;
}
.toolbar dd.gottop {
    display: none;
}
.toolbar .slide-tel {
    display: block;
    width: 0;
    height: 53px;
    line-height: 53px;
    font-size: 24px;
    font-weight: bold;
    font-family: arial;
    color: #FFF;
    position: absolute;
    padding: 0 0 0 53px;
    top: -1px;
    right: -2px;
    -webkit-border-radius: 50px;
    border-radius: 50px;
    overflow: hidden;
}
.toolbar .pop {
    position: absolute;
    right: 90px;
    top: -65px;
    background:#61b6df;
    display: none;
}
.toolbar .pop-code {
    width: 170px;
}
.toolbar .pop-code img {
    width: 120px;
    height: 120px;
    display: block;
    padding: 20px 20px 0;
}
.toolbar .pop-code h3 {
    height: 52px;
    line-height:38px;
    text-align: center;
    color: #fff;
    font-size: 16px;
    font-weight: 400;
    white-space: nowrap;
}
.toolbar .pop-code h3 b {
    display: block;
    font-size: 14px;
    font-weight: normal;
}
.toolbar .qq span {
    background-position: -35px -47px;
}
.toolbar .qq a {
    width: 52px;
    height: 52px;
    cursor: pointer;
    display: block;
}
.toolbar .qq:hover {
    background-color:#61b6df;
    border-radius: 100%;
}
.toolbar .qq:hover span {
    background-position: 0 -47px;
}
.toolbar .tel span {
    background-position: -35px 0;
}
.toolbar .tel:hover {
    background:#61b6df;
}
.toolbar .tel:hover span {
    background-position: 0 0;
}
.toolbar .code span {
    background-position: -35px -95px;
}
.toolbar .code:hover {
    background-color:#61b6df;
    border-radius: 100%;
}
.toolbar .code:hover span {
    background-position: 0 -95px;
}
.toolbar .top span {
    background-position: -35px -142px;
}
.toolbar .top:hover {
    background-color:#61b6df;
    border-radius: 100%;
}
.toolbar .top:hover span {
    background-position: 0 -142px;
}
.toolbar dd:hover {
}
.kffixed{
    display:none;
}