@charset "utf-8";


.aboutmain {width:1090px; margin:auto; position:relative; overflow:hidden;}
.mt60 { margin-top:60px;}
.aboutmain img { display:block; width:100%; height:auto;}
.about_left { width:440px; height:660px;float:left;position:relative;}
.about_right {width:650px; height:660px;float:left;position:relative;}
.about_left .title { text-align:center; font-size:36px; color:#FFF; position:absolute; left:0; top:50%; height:50px; line-height:50px; margin-top:-25px; font-weight:bold; width:100%; z-index:3;}
.about_txt { position:absolute;left:0;top:0; height:100%;width:76%; z-index:3; /*background:rgba(113,113,113,0.3); */padding:8% 10% 5% 14%;font-weight: normal;}
.about_title { text-align:right;padding-bottom:50px; overflow:hidden; }
.about_title h1{ font-size:30px;}
.about_title h2{ font-size:20px;letter-spacing:4px;}
.about_txt_main { font-size:12px; line-height:30px; color:#000;}
.h420px { height:420px; padding-right:20px; border-right:#585859 1px solid;}
.about_right img {-moz-opacity:0.4; opacity:0.4;filter:alpha(opacity=40);}
#ascrail2000 div{ margin-right:-1px;right:-1px;}
.mt-5 { margin-top:-5px;}




.projecttop { border-top:#CCC 1px solid;overflow:hidden;position:relative;}
.projectmain  {width:1200px; margin:auto;overflow:hidden;}
.projectnav {padding:50px 0;overflow:hidden; text-align:center;}
.projectnav * { display:block; overflow:hidden;-webkit-transition:all .4s ease;-moz-transition:all .4s ease;transition:all .4s ease;}
.projectnav a{ display:inline-block;padding:0 20px; font-weight:bold; color:#898989;}
.projectnav a:hover {color:#000;}
.projectnav a.cur {color:#000;}
.projectlist {}
.projectlist * { display:block; overflow:hidden;-webkit-transition:all .4s ease;-moz-transition:all .4s ease;transition:all .4s ease;}
.projectlist a { background:#000; width:49.22%; margin-right:1.5%; margin-bottom:1.5%;float:left; position:relative;}
.projectlist a img{width:100%; height:auto;-moz-opacity:0.5; opacity:0.5;filter:alpha(opacity=50);-webkit-filter: grayscale(100%);-moz-filter: grayscale(100%);-ms-filter: grayscale(100%);-o-filter: grayscale(100%);filter: grayscale(100%);filter: gray;}
.projectlist a:hover img{-webkit-filter:none;-moz-filter:none;-ms-filter:none;-o-filter:none;filter:none;filter:none;-moz-opacity:0.7; opacity:0.7;filter:alpha(opacity=70);}
.projectlist a span { display:block;text-align:center; position:absolute; left:0; top:0; width:100%; height:100%; z-index:3;-moz-opacity:0; opacity:0;filter:alpha(opacity=0);}
.projectlist a span h1{color:#FFF;font-size:24px;padding-top:30%;}
.projectlist a span h2{color:#FFF;font-size:12px;padding-top:10px; font-weight: bold;}
.projectlist a:hover span {-moz-opacity:1.0; opacity:1.0;filter:alpha(opacity=100);}
.mr0 { margin-right:0!important;}
.go_top { background:url(../images/top.png) center no-repeat; width:26px; height:13px; cursor:pointer; position:absolute; left:50%; margin-left:-13px; bottom:250px;}
.go_top:hover {-moz-opacity:0.5; opacity:0.5;filter:alpha(opacity=50);}



.projectdetail {width:1200px; margin:auto;overflow:hidden; position:relative;}
.projectdetail_nav {position:absolute;left:0; top:75px; text-align:left; width:200px; height:auto;}
.projectdetail_nav * { display:block; overflow:hidden;-webkit-transition:all .4s ease;-moz-transition:all .4s ease;transition:all .4s ease;}
.projectdetail_nav a {font-size:12px; font-weight:bold;color:#898989; padding-bottom:15px;}
.projectdetail_nav a:hover {color:#000;}
.projectdetail_nav a.cur {color:#000;}
.projectdetail_txt {position:absolute;left:0; bottom:325px; text-align:left;width:240px; height:auto;}
.projectdetail_txt h1{ color:#595757; font-size:16px; padding-bottom:15px; font-weight:bold;}
.projectdetail_txt li{ color:#595757; font-size:12px; line-height:24px;}
.projectr {position:relative; padding-bottom:100px; overflow:hidden; width:900px;margin:75px 0 0 0;float:right; }
.projectpic { }
.projectpic img {width: auto; height:560px; display:block;}



.other_project {position:relative; overflow:hidden; width:900px;margin:15px 0 0 0;float:right; clear:both; text-align:left;}
.other_project h3{ color:#595757; font-size:24px; border-bottom:#CCC 1px solid; padding-bottom:10px;}
.other_nav {padding-top:20px; overflow:hidden;}
.other_nav a {font-size:12px; font-weight:bold;color:#CCC; padding-right:15px;-webkit-transition:all .4s ease;-moz-transition:all .4s ease;transition:all .4s ease;}
.other_nav a:hover {color:#000;}
.other_list { padding-top:20px; overflow:hidden;}
.other_list * { display:block; overflow:hidden;-webkit-transition:all .4s ease;-moz-transition:all .4s ease;transition:all .4s ease;}
.other_list a { background:#000; width:98%; margin-right:2%;position:relative;}
.other_list a img{width:100%; height:auto;-moz-opacity:0.5; opacity:0.5;filter:alpha(opacity=50);-webkit-filter: grayscale(100%);-moz-filter: grayscale(100%);-ms-filter: grayscale(100%);-o-filter: grayscale(100%);filter: grayscale(100%);filter: gray;}
.other_list a:hover img{-webkit-filter:none;-moz-filter:none;-ms-filter:none;-o-filter:none;filter:none;filter:none;-moz-opacity:0.7; opacity:0.7;filter:alpha(opacity=70);}
.other_list a span { display:block;text-align:center; position:absolute; left:0; top:0; width:100%; height:100%; z-index:3;-moz-opacity:0; opacity:0;filter:alpha(opacity=0);}
.other_list a span h1{color:#FFF;font-size:14px;padding-top:30%;}
.other_list a:hover span {-moz-opacity:1.0; opacity:1.0;filter:alpha(opacity=100);}



.cooperation_top {width:1100px; padding:50px; margin:auto;overflow:hidden; position:relative; background:#000;}
.cooperation_top h1 { color:#FFF; font-size:24px;}
.cooperation_top li { padding:20px 0; overflow:hidden;}
.cooperation_top li a{color:#ccc;font-size:12px; margin:0 20px 0 0px; overflow:hidden; padding-bottom:10px; display:block; float:left;}
.cooperation_top li a:hover {color:#FFF;}
.cooperation {width:1200px; margin:60px auto auto auto;padding:20px 0 0px 0;overflow:hidden; clear:both;}
.cooperation_brand {padding:90px 50px 90px 50px;overflow:hidden;border-top:#CCC 1px solid; }
.cooperation_brand_img { width:580px; float:left; position:relative;}
.cooperation_brand_img li {position:relative;}
.cooperation_brand_img li span{ width:100%; height:100%; padding-top:27%; background:rgba(87,87,87,0.7);text-align:center; font-size:18px; color:#FFF; position:absolute; left:0; top:0px; z-index:3;display:none;}
.cooperation_brand_img li:hover span { display:block;}
.cooperation_brand_img .slick-prev,.cooperation_brand_img .slick-next {height:119px;width:65px;bottom:auto; top:50%; margin-top:-57px;}
.cooperation_brand_img .slick-prev { left:2%; background-image:url(../images/left.png);}
.cooperation_brand_img .slick-next { right:2%; background-image:url(../images/right.png);}
.cooperation_brand_txt { width:450px; float:right;}
.cooperation_brand_txt h3 { text-align:right;}
.cooperation_brand_txt h3 img { display:inline-block;}
.cooperation_brand_txt div.cbtxt { padding:0px 10px 0px 0; margin:30px 0;height:190px; overflow:auto; text-align:right; line-height:24px; color:#666; }
.btn { text-align:center;border:#CCC 1px solid; margin:80px auto auto auto; width:130px;height:50px; line-height:50px; color:#a8a8a8; font-size:14px; display:block; font-weight:bold;}
.btn:hover {border:#000 1px solid;color:#fff; background:#000;}
.loadmore p{ text-align:center; margin:80px auto auto auto; color:#a8a8a8; font-size:14px; }
.cooperation_logo { padding:0 0px; overflow:hidden;}
.cooperation_brand_logo { clear:both; margin:100px auto auto auto; overflow:hidden;border-top:#CCC 1px solid;border-left:#CCC 1px solid;}
.cooperation_brand_logo li{ float:left; border-bottom:#CCC 1px solid; border-right:#CCC 1px solid;width:calc(16.55% - 1px);width:-webkit-calc(16.55% - 1px); text-align:center;padding:30px 0;}
.cooperation_brand_logo li img{ width:60%; height:auto; margin-top:2%; margin:auto;-moz-opacity:0.2; opacity:0.2;filter:alpha(opacity=20);-webkit-filter: grayscale(100%);-moz-filter: grayscale(100%);-ms-filter: grayscale(100%);-o-filter: grayscale(100%);filter: grayscale(100%);filter: gray;-webkit-transition:all .4s ease;-moz-transition:all .4s ease;transition:all .4s ease;}
/*.cooperation_brand_logo li:hover img{-moz-opacity:1.0; opacity:1.0;filter:alpha(opacity=100);}*/




.contact {width:1200px; margin:auto;overflow:hidden; position:relative; }
.contact_map {}
.contact_ewm { text-align:center; padding-top:100px; overflow:hidden;}
.contact_ewm img { display:inline-block;}












@media screen and (max-width: 1680px) {


}
@media screen and (max-width: 1440px) {
	

}
@media screen and (max-width: 1366px) {
	

}
@media screen and (max-width: 1280px) {



}
@media screen and (max-width: 1024px) {

	


}
@media screen and (max-width: 860px) {


.aboutmain {width:90%;}
.about_left { width:100%; height: auto;float:none;}
.about_right {width:100%; height:auto;float:none;}
.about_left .title { text-align:center; font-size:36px; color:#FFF; position:absolute; left:0; top:50%; height:50px; line-height:50px; margin-top:-25px; font-weight:bold; width:100%; z-index:3;}
.about_txt { position: relative;left: auto;top: auto; height:100%;width:90%;  padding:5%;}
.about_right img {-moz-opacity:1.0; opacity:1.0;filter:alpha(opacity=100);}


.projectmain  {width:90%;}
.projectnav a{ padding:0 10px;}
.projectlist a {width:100%; margin-right:0; margin-bottom:1.5%;float:none; }
.go_top { bottom:300px;}
.projectpic img {width:auto; height: 340px;}
.projectdetail {width:90%;}
.projectdetail_nav {position: relative;left: auto; top: auto; text-align: center; width:100%; height:auto; padding-top:50px;}
.projectdetail_nav a { display:inline-block;padding:0 10px;}
.projectdetail.mt60 { margin-top:0px;}
.projectr {padding-bottom: 100px; width: 100%;margin:50px 0 0 0;float: none;}
.projectdetail_txt {position: relative;left: auto; bottom:auto; text-align:left;width:100%; height:auto;}
.other_project {width:100%;margin:130px 0 0 0;float:none;}

.cooperation_brand_txt {width:100%;float: none;}
.cooperation_brand_img iframe { height:auto !important;}


.cooperation_top {width:90%; padding:10% 5%;}
.cooperation_top a { line-height:30px;}
.cooperation {width:100%;margin:60px auto auto auto;padding:20px 0 0px 0;}
.cooperation_brand {padding:90px 5% 90px 5%; }
.cooperation_brand_img { width:100%; float: none;}
.cooperation_brand_img li img{ width:100%; height:auto;}
.cbtxt { padding:5%; margin:auto;width:90%; float:right;}
.cooperation_brand_logo {margin:100px auto auto auto;width:90%; }
.cooperation_brand_logo li{ width:calc(50% - 1px);width:-webkit-calc(50% - 1px);}
.cooperation_brand_logo li img{width:100%; height:auto; }



.contact {width:100%; }



}