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

html,body,dl,dt,ul,ol,li,a,p,span,img,h2{padding: 0;margin: 0; list-style: none; font-size: 13px; font-family: "Microsoft YaHei";font-weight: normal}
img{border: none;}
a:link,a:visited{color: #333; text-decoration: none;}
a:hover{ color: #AB0002; text-decoration: underline;}
body{width:100%;overflow-x:hidden;}
.am-slider-default .am-direction-nav a{width: 50px; height: 50px; color: rgba(0,0,0,.5)}
.am-slider-default .am-direction-nav a:before{color: #555;}

.head{width: 100%;  position: absolute; z-index: 10; background: rgba(0,0,0,0);}
.am-sticky{  background: rgba(0,0,0,0.6);}
.head .logo{width: 200px;float: left; padding: 15px 0 15px 40px;}
.head .menu{width: 820px; float: right; padding-top: 25px;}
.nav {height:30px;	padding-left:10px;}
.nav li {width:100px;height:35px;text-align:center;float:left;display:inline;position:relative; color: #fff;font-size: 14px; cursor: pointer;}
.nav li a{display: block;  font-size: 14px; text-decoration: none; transition: 0.3s; border-radius: 25px; padding: 2px 0;}
.nav li a:link,.nav li a:visited{color: #fff; background: none;}
.nav li a:hover{background: #00a8cd; color: #fff; display: block;}
.nav li.cn{}
.nav li.cn a{display: block; background: #00a8cd; color: #fff;}

.nav ul {position:absolute;	left:0;	top:30px;display:none;background: rgba(0,0,0,0.6); }
.nav ul li a{font-size: 13px;}
.am-menu{display: none;}


.banner{width: 100%;}
.banner li{}
.banner li.banner1{background: url( ../images/banner1.jpg) no-repeat center top; background-size: 100% auto;height: 750px;}
.banner li.banner2{background: url( ../images/banner2.jpg) no-repeat center top; background-size: 100% auto;height: 750px;}
.banner li.banner3{background: url( ../images/banner3.jpg) no-repeat center top; background-size: 100% auto;height: 750px;}
.banner li.banner4{background: url( ../images/banner4.jpg) no-repeat center top; background-size: 100% auto;height: 750px;}
.banner li.banner5{background: url( ../images/banner5.jpg) no-repeat center top; background-size: 100% auto;height: 750px;}
.banner li.banner6{background: url( ../images/banner6.jpg) no-repeat center top; background-size: 100% auto;height: 750px;}

.banner li.banner1 .font1{text-align: center; width: 700px; margin:  0 auto; padding-top: 270px;-moz-animation-delay: 0.5s;-webkit-animation-delay: 0.5s;-o-animation-delay: 0.5s;-ms-animation-delay: 0.5s;animation-delay: 0.5s;} 
.am-slider .am-slides .font1 img{width: 700px;}
.banner li.banner1 .font2{width: 351px; margin: 0 auto; padding-top: 40px;-moz-animation-delay: 1.2s;-webkit-animation-delay: 1.2s;-o-animation-delay: 1.2s;-ms-animation-delay: 1.2s;animation-delay: 1.2s;}
.banner li.banner1 .more{margin-top: 150px;-moz-animation-delay: 1.9s;-webkit-animation-delay: 1.9s;-o-animation-delay: 1.9s;-ms-animation-delay: 1.9s;animation-delay: 1.9s;}
.banner li.banner1 .more a{display: block;transition: 0.3s; padding: 8px 20px 4px 20px; text-decoration: none; text-align: center; width: 160px; height: 44px; margin: 0 auto;font-size: 15px;}
.banner li.banner1 .more a:link,.banner li.banner1 .more a:visited{background: none; border: 1px solid #fff; color: #fff}
.banner li.banner1 .more a:hover{background: #fff;color: #333; border: 1px solid #fff;}
.am-slider-default .am-control-nav li a.am-active{background: #fff;border: 1px solid#fff; width: 10px; height: 10px;}
.am-slider-default .am-control-nav li a{border: 1px solid #fff; background: none; width: 10px; height: 10px;}
.am-slider-default .am-control-nav li a:hover{background: rgba(255,255,255,1);}
.am-slider-default .am-control-nav{position: absolute; bottom: 35px;}


.product{ width: 100%; padding-top: 65px; overflow: hidden}
.product dt{text-align: center; padding-bottom: 30px;}
.product dt h2.t1{font-size: 33px; color:#02a3c6; margin-bottom: 15px;}
.product dd.d1{width: 1260px; margin: 0 auto;}
.pro_tt{width: 355px; height: 618px; float: left; background: #00a8cd; color: #fff;}
.pro_dd{ width: 905px; height: 623px; float: right;}
.pro_dd ul{width: 100%; overflow: hidden;}
.pro_dd li{float: left; background: rgba(0,0,0,1);width: 430px; height: 300px; overflow: hidden; position:relative; margin-left: 18px; margin-bottom: 18px;}
.pro_dd li img{width: -webkit-calc(100% + 20px);width: calc(100% + 20px);position: relative ; min-width: 100%; opacity: 1;-webkit-transition: opacity 0.35s, -webkit-transform 0.35s;	transition: opacity 0.35s, transform 0.35s;	-webkit-transform: translate3d(-20px,0, 0);	transform: translate3d(-20px,0,0);}

.pro_dd li:hover img{opacity: 0.4;	-webkit-transform: translate3d(0,0,0) scale(1);	transform: translate3d(0,0,0) scale(1);}
.pro_dd li p{opacity: 0;-webkit-transition: opacity 0.35s, -webkit-transform 0.35s;	transition: opacity 0.35s, transform 0.35s;	-webkit-transform: translate3d(0,-150px,0);	transform: translate3d(0,-150px,0); text-align: center;color: #fff; font-size: 25px; display: inline-block; border-bottom: 2px solid #00a8cd;position: absolute; left: 50%; margin-left: -80px; padding-bottom: 10px;}
.pro_dd li p.p1{letter-spacing: 2px;}
.pro_dd li p.p2{margin-left: -90px;}
.pro_dd li p.p3{margin-left: -50px;}
.pro_dd li:hover p{opacity: 1;-webkit-transform: translate3d(0,-190px,0);	transform: translate3d(0,-190px,0); }
.pro_dd li a{text-decoration: none;}

.product .pro_tt dt h2.t2{color: #fff; font-weight: normal; font-size: 28px; letter-spacing: 2px; padding-top: 50px;}
.product .pro_tt dt.dt1{padding-bottom: 0;}
.product dd.d2{ padding: 30px 35px 10px 35px;}
.product dd.d2 p{line-height: 25px; color: #fff; font-size: 14px; padding-top: 14px; }
.product dd.d2 .more a{ display: block; text-align: center; text-decoration: none; padding: 10px 25px; border: 1px solid #fff; margin-top: 220px; transition: 0.3s;}
.product dd.d2 .more a:link,.product dd.d2 .more a:visited{background: none; color: #fff;}
.product dd.d2 .more a:hover{background: #fff;  color: #333;}

.about{ background: url(../images/about.jpg) no-repeat center top;height: 860px; width: 100%; overflow: hidden; margin-top: 40px;}
.about dt.dt1{ width: 100%; text-align: center; padding-top: 80px;}
.about .dt1 .en{ color: #fff; font-size: 33px; }
.about .dt1 .cn{color: #fff; font-size: 25px;}
.about dd.d1{width:380px; margin: 0 auto;}
.about dd.d1 ul{width: 100%; overflow: hidden; padding-top: 75px;}
.about dd.d1 li{float: left; padding: 0 10px;}
.about dd.d1 li a{display: block; padding: 3px 20px; border: 1px solid #fff; text-decoration: none;font-size: 16px; transition: 0.3s; text-align: center; border-radius: 15px;}
.about dd.d1 li a:link,.about dd.d1 li a:visited{color: #fff;}
.about dd.d1 li a:hover{ background: #fff; color: #333;}
.about dd.d2{text-align: center; width: 80%; margin: 0 auto; padding-top: 45px;}
.about dd.d2 p{color: #fff; font-size: 14px; line-height: 30px;}
.about dd.d2 .more a{display: block; text-align: center; text-decoration: none; padding: 8px 20px; border: 1px solid #fff; transition: 0.3s;width:180px;margin: 70px auto;}
.about dd.d2 .more a:link,.about dd.d2 .more a:visited{ackground: none; color: #fff;}
.about dd.d2 .more a:hover{background: #fff;  color: #333;}
.about dd.d3{width: 1260px; margin: 0 auto; padding-top: 40px;}
.about dd.d3 ul{width: 100%; }
.about dd.d3 li{float: left; width: 315px; height: 118px; border-right: 1px solid #fff; text-align: center; padding-top: 80px;}
.about dd.d3 li.noborder{border: none;}
.about dd.d3 li.z1{background: url(../images/z1.png)no-repeat center 10px;}
.about dd.d3 li.z2{background: url(../images/z2.png)no-repeat center 10px;}
.about dd.d3 li.z3{background: url(../images/z3.png)no-repeat center 10px;}
.about dd.d3 li.z4{background: url(../images/z4.png)no-repeat center 10px;}
.about dd.d3 p{color: #fff;}
.about dd.d3 p.cn{font-size: 18px;}
.about dd.d3 p.en{font-size: 12px; text-transform: uppercase;}

.news{width: 100%; overflow: hidden; background: #f5f5f5;}
.news .tt{width: 1260px; overflow: hidden;  text-align: center; padding-top: 80px; margin: 0 auto;}
.news .tt .en{font-size: 33px;}
.news .tt .cn{font-size: 25px;}
.news .dd{width: 1260px; overflow: hidden; margin: 0 auto; padding-top: 10px;}
.news .dd .tab_tit{width: 100%; overflow: hidden; }
.news .dd .tabs-nav{width: 460px; overflow: hidden; margin: 0 auto;}
.news .dd .tabs-nav li{float: left;}
.tabs .tabs-nav>.am-active{border: none; background: none;}
.tabs .tabs-nav>.am-active a{background: #00a8cd; border: 1px solid #00a8cd; color: #fff;border-radius: 25px; line-height: 40px;font-size: 14px; }
.tabs .tabs-nav{background: none;}
.tabs .tabs-nav a{padding: 8px 40px; border: 1px solid #00a8cd; color: #00a8cd; border-radius: 25px; text-decoration: none; transition: 0.3s; margin: 0 8px;}
.tabs .tabs-nav a:hover{background: #00a8cd; border: 1px solid #00a8cd; color: #fff;}
.tabs .tabs-nav>.am-active:after{border: none;}
.tabs .tabs-nav a,.tabs .tabs-nav li,.tabs .tabs-nav>.am-active a { line-height: 36px;}
.tabs .tab_dd{padding-top: 20px;}


.news .dd .am-tabs-nav li{ margin: 0 10px;}
.news .dd .am-tabs-bd{width: 100%; overflow: hidden; border: none; padding-top: 40px;}
.news .dd .am-tab-panel{width: 100%; overflow: hidden; padding-bottom: 40px;}
.news .dd .am-tab-panel .news_l{width: 392px; overflow: hidden; float: left;}
.news .dd .am-tab-panel .news_l .l-img{background: rgba(0,0,0,1);}
.news .dd .am-tab-panel .news_l img{width: 392px; height: 260px;opacity: 0.7; transition: 0.3s;}
.news .dd .am-tab-panel .news_l .l-tit{padding: 15px 0 8px 0; width: 90%; margin: 0 auto; overflow: hidden;}
.news .dd .am-tab-panel .news_l a{font-size: 14px; font-weight: bold; display: block; text-decoration: none; transition: 0.3s;background: #fff; height: 440px; }
.news .dd .am-tab-panel .news_l a:hover{ background: #00a8cd;}
.news .dd .am-tab-panel .news_l a:hover .l-img img{opacity: 1;}
.news .dd .am-tab-panel .news_l .l-date{ padding: 0  0 8px 20px; color: #999;}
.news .dd .am-tab-panel .news_l .l-cont{padding: 0 15px 8px 20px; line-height: 23px; font-weight: normal; font-size: 13px;}
.news .dd .am-tab-panel .news_l a:hover .l-date,.news .dd .am-tab-panel .news_l a:hover .l-tit,.news .dd .am-tab-panel .news_l a:hover .l-cont{color: #fff;}

.news .dd .am-tab-panel .news_r{width:812px; height: 440px;  overflow: hidden; float: right; background: #fff;}
.news_r ul{width: 100%; overflow: hidden;}
.news_r li{width: 100%; overflow: hidden;}
.news_r li a{ display: block;padding: 20px; text-decoration: none; transition: 0.3s; height: 147px;border-bottom: 1px solid #eee;}
.news_r li a:hover{background: #00a8cd; border-bottom: 1px solid #00a8cd;}
.news_r li a:hover .r-date,.news_r li a:hover .r-cont,.news_r li a:hover .r-tit{color: #fff;}
.news_r .r-img{width: 160px; height: 107px; float: left; margin-right: 18px; background: rgba(0,0,0,1)}
.news_r .r-img img{width: 160px; height: 107px;opacity: 0.7; transition: 0.3s;}
.news_r li a:hover img{opacity: 1;}
.news_r .r-tit{font-size: 14px; font-weight: bold;}
.news_r .r-date{padding: 6px 0; color: #999;}
.news_r .r-cont{color: #555;}
.news .dd .am-tabs-bd .more{width:100%; overflow:hidden; margin: 0 0 30px 0;}
.news .dd .am-tabs-bd .more a{display: block; width: 180px; height: 44px; margin: 0  auto; text-decoration: none; transition: 0.3s; text-align: center; font-size: 14px; padding-top: 10px;}
.news .dd .am-tabs-bd .more a:link,.news .dd .am-tabs-bd .more a:visited{color: #00a8cd; border: 1px solid #00a8cd;}
.news .dd .am-tabs-bd .more a:hover{ background:  #00a8cd; color: #fff;}

.case{background: url(../images/case_bg.jpg) no-repeat center top; height: 856px;}
.case dt.dt1{ width: 100%; text-align: center; padding-top: 80px;}
.case .dt1 .en{ color: #fff; font-size: 33px; text-transform: uppercase }
.case .dt1 .cn{color: #fff; font-size: 25px;}
.case dd{width: 1260px; overflow: hidden; margin: 0 auto;}
.case dd ul{padding: 50px 0; width: 100%; overflow: hidden;}
.case dd li{float: left; width: 292px; height: 226px; margin: 11px;}
.case dd .more{width: 100%; overflow: hidden;margin: 0 0 30px 0; }
.case dd .more a{display: block; width: 180px; height: 44px; margin: 0  auto; text-decoration: none; transition: 0.3s; text-align: center; font-size: 14px; padding-top: 10px;}
.case dd .more a:link,.case dd .more a:visited{color: #fff; border: 1px solid #fff;}
.case dd .more a:hover{background:  #00a8cd; color: #fff; border: 1px solid #00a8cd;}

.gallery-cell.work-item {  width: 100%;  margin: 0 1px;}
.work-img {  position: relative;  overflow: hidden;}
.work-img > a {  display: block;  position: relative;  width: 100%;  height: 100%;}

.work-item img {  width: 100%;  height: auto;  overflow: hidden;
  -webkit-transition: 0.60s cubic-bezier(0.39, 1.31, 0.44, 1.18);
  -moz-transition: 0.60s cubic-bezier(0.39, 1.31, 0.44, 1.18);
  -o-transition: 0.60s cubic-bezier(0.39, 1.31, 0.44, 1.18);
  transition: 0.60s cubic-bezier(0.86, 0, 0.07, 1);
  backface-visibility: hidden;
  -webkit-backface-visibility: hidden;}

.overlay { position: absolute; overflow: hidden; top: 0;  left:0;  bottom:0;  right:0; opacity: 0; visibility: hidden; text-align: center;
  -webkit-transform: scale(10);
  -moz-transform: scale(1,0);
  -ms-transform: scale(1,0);
  transform: scale(1,0);
  -webkit-transition: 0.60s cubic-bezier(0.86, 0, 0.07, 1);
  -moz-transition: 0.60s cubic-bezier(0.86, 0, 0.07, 1);
  -o-transition: 0.60s cubic-bezier(0.86, 0, 0.07, 1);
  transition: 0.60s cubic-bezier(0.86, 0, 0.07, 1);}

.overlay.light { background-color: rgba(0,168,205,.9); }
.overlay.dark { background-color: rgba(24,28,33,.9); }

.work-description { padding: 0 15px; width: 100%; position: absolute;  display: block; top: 56%; z-index: 3;
	-webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  -o-transform: translateY(-50%);
  transform: translateY(-50%);  
  -webkit-transition: 0.60s cubic-bezier(0.86, 0, 0.07, 1);
  -moz-transition: 0.60s cubic-bezier(0.86, 0, 0.07, 1);
  -o-transition: 0.60s cubic-bezier(0.86, 0, 0.07, 1);
  transition: 0.60s cubic-bezier(0.86, 0, 0.07, 1);}
.work-item .work-description h3 { font-size: 16px;	font-weight: normal; text-transform: uppercase; letter-spacing: 0.05em;	color: #fff;}
.work-item:hover .overlay,.team-member:hover .overlay { opacity: 1;  visibility: visible;  -webkit-transform: scale(1,1);  -moz-transform: scale(1,1);  -ms-transform: scale(1,1);  transform: scale(1,1);}

.contact{width: 100%; overflow: hidden; background: url(../images/con_bg.jpg) no-repeat center top; height: 739px;}
.contact .tt{width: 1260px; overflow: hidden;  text-align: center; padding-top: 80px; margin: 0 auto;}
.contact .tt .en{font-size: 33px;}
.contact .tt .cn{font-size: 25px;}
.contact dd .cn{font-size: 28px; color: #00a8cd; text-align: center; padding-top: 90px;}
.contact dd .en{font-size: 13px; color: #333; text-align: center; padding-bottom: 80px;}
.contact dd .info{width: 540px; overflow: hidden; margin: 0 auto;}


.contact dd .info .info_left{width: 240px; float: left; text-align: center;}
.contact dd .info .info_left .m1{padding-left: 10px;}
.contact dd .info .info_left .m2{padding-left: 70px;}
.contact dd .info .info_left img{width: 240px; height: 114px; margin-bottom: 8px;}



.contact dd .info .info_right{width: 268px; float: right;}
.contact dd .info .info_right ul{width: 100%; overflow: hidden;}
.contact dd .info .info_right li{line-height: 37px; padding-left: 45px;}
.contact dd .info .info_right li.c1{background: url(../images/c1.png) no-repeat 9px 8px;}
.contact dd .info .info_right li.c2{background: url(../images/c2.png) no-repeat 5px 8px;}
.contact dd .info .info_right li.c3{background: url(../images/c3.png) no-repeat 7px 8px;}
.contact dd .info .info_right li.c4{background: url(../images/c4.png) no-repeat 7px 8px;}

.bottom{background: #222; width: 100%; overflow: hidden;}
.b_info{width: 1260px; overflow: hidden; margin: 0 auto;}
.b_logo{width: 160px; overflow: hidden; float: left; padding: 45px 0 40px 0; color: #fff;  text-align: center;}
.b_logo img {margin-bottom: 8px;}
.b_logo p .t1{padding-left: 8px;}
.b_logo p .t2{padding-left: 27px;}
.b_nav{width: 980px; overflow: hidden; float: right; padding-top: 45px;}
.b_nav .nav_1 li{float: left;}
.b_nav .nav_1 li .nav_2 li{float: none;}
.b_nav  li a{display: block; padding: 6px 25px; text-decoration: none; transition: 0.3s; border-radius: 25px; text-align: center; margin: 0 20px; font-size: 14px; font-weight: bold; letter-spacing: 1px;}
.b_nav  li a:link,.b_nav li a:visited{ color: #fff;}
.b_nav  li a:hover{ color: #00a8cd; background: #fff;}
.b_nav .nav_1 li .nav_2 li a{font-size: 13px; font-weight: normal;}
.b_nav .nav_1 li .nav_2 li a:hover{ background: none; text-decoration: underline;}
.bottom .b_copy{border-top: 1px solid #5a5a5a; padding:15px 0; text-align: center; color: #fff;}
.bottom .b_copy a:link,.bottom .b_copy a:visited{color: #fff; text-decoration: none;}
.bottom .b_copy a:hover{color: #00a8cd; text-decoration: underline;}
.bottom .b_copy  .support{padding-left: 25px;}

/*page*/
.page_banner{height: 350px;}
.banner_font{position: absolute; z-index: 3; top: 160px;left: 0; right: 0; text-align: center;}
.banner_font span{display: block;}
.banner_font .b_cn{color: #fff; font-size: 18px; letter-spacing: 2px;}
.banner_font .b_en{color: #fff; font-size: 25px; display: inline-block; border-bottom: 2px solid #0e90d2; padding-bottom: 3px; margin-bottom: 10px;}

.banner_about .banner_img{background: url(../images/banner_about.jpg) no-repeat center bottom; background-size:cover;height:  350px;  position: absolute; width: 100%; top: 0; left: 0; bottom: 0; z-index:1;}
.banner_news .banner_img{background: url(../images/banner_news.jpg) no-repeat center bottom; background-size:cover;height:  350px;  position: absolute; width: 100%; top: 0; left: 0; bottom: 0; z-index:1;}
.banner_pro .banner_img{background: url(../images/banner_pro.jpg) no-repeat center bottom; background-size:cover;height:  350px;  position: absolute; width: 100%; top: 0; left: 0; bottom: 0; z-index:1;}
.banner_case .banner_img{background: url(../images/banner_case.jpg) no-repeat center bottom; background-size:cover;height:  350px;  position: absolute; width: 100%; top: 0; left: 0; bottom: 0; z-index:1;}
.banner_ser .banner_img{background: url(../images/banner_ser.jpg) no-repeat center bottom; background-size:cover;height:  350px;  position: absolute; width: 100%; top: 0; left: 0; bottom: 0; z-index:1;}
.banner_con .banner_img{background: url(../images/banner_con.jpg) no-repeat center bottom; background-size:cover;height:  350px;  position: absolute; width: 100%; top: 0; left: 0; bottom: 0; z-index:1;}


.banner_bg{background-color: rgba(0,0,0,0.3);height: 350px; position: absolute; width: 100%; top: 0; left: 0; bottom: 0; z-index:2;}
.page_info{width: 100%; overflow: hidden;}
.page_info .position{padding: 30px 0; width: 90%; margin: 0 auto; text-align: right;}
.page_type{width:440px; margin: 0 auto;}
.page_info .type_pro2{width:600px; margin: 0 auto;}
.page_info .type_pro{width: 510px; margin: 0 auto;}
.page_info .type_ser{width: 290px; margin: 0 auto;}
.page_type ul{width: 100%; overflow: hidden;}
.page_type li{float: left;}
.page_type li a{display: block; text-decoration: none; padding: 6px 30px; border-radius: 25px; margin: 0 15px; transition: 0.3s;}
.page_type li a:link,.page_type li a:visited{color: #333; border: 1px solid #333;}
.page_type li a:hover{color: #fff; border: 1px solid #00a8cd; background: #00a8cd;}
.page_com{width: 90%; margin: 0 auto; padding: 30px 0;}
.com_honors{width: 90%; margin: 0 auto;}
.page_com,.page_com p{line-height: 26px;}
.page_com .h_1{padding-top: 50px;}
.page_com .h_1 .tt,.page_com .h_2 .tt{text-align: center; font-size: 26px; font-weight: bold; color: #333; padding-bottom: 10px;}
.page_com .h_2 .tt{padding-top: 50px; }
.page_com .h_1 .dd{width: 100%; overflow: hidden;}
.page_com .h_1 .dd li{width: 85%; margin: 0 auto;padding-top: 20px;}
.page_com .h_1 .dd li img{width: 100%; height: auto;  margin-bottom: 5px;}
.page_com .h_1 .dd li .honor_tt{ text-align: center; font-size: 22px; font-weight: bold;}
.page_com .h_1 .dd li .honor_img{ text-align: center;}

.page_com .h_2 .dd{width: 100%; overflow: hidden;}
.page_com .h_2 .dd li{float: left; width: 20%; text-align: center; font-size: 12px; padding-top: 20px;}
.page_com .h_2 .dd li img{width: 95%; height: auto; border: 8px solid #eee; margin-bottom: 5px;}

.p_about{width: 1200px; margin: 0 auto; background: url(../images/com.jpg) no-repeat center bottom; background-size: 85%; padding-bottom: 560px;}
.p_about p{padding-top: 25px; text-indent: 2em;}


.dsj{width: 100%; overflow: hidden;}
.dsj li{padding: 35px 0; line-height: 21px; vertical-align: middle;}

.dsj .ds1{float: left; width: 50%; border-right: 5px solid #333; text-align: right; }
.dsj .ds2{float: right; width: 50%; }
.dsj li.y2001{padding-top: 100px;}
.dsj li.y2009{padding-top: 35px;}
.dsj li.y2013{padding-top: 35px;}
.dsj .ds1 span.year{display: block; background: #333; color: #fff; border: 1px solid #333; width: 60px;height: 60px; text-align: center; float: right; margin-left: 12px;font-size: 22px; line-height: 23px;padding-top: 5px;}
.dsj .ds2 span.year{ display: block; background: #fff; color: #333; border: 1px solid #333; width: 60px;height: 60px; text-align: center; float: left; margin-right: 12px;font-size: 22px;line-height: 23px;padding-top: 5px;}
.dsj_limg{width: 100%; overflow: hidden; text-align: center;}
.dsj_limg img{width: 100px; margin-bottom: 10px;}

.page_info .top1{width: 980px; overflow: hidden;margin: 30px auto 0 auto; border-bottom: 1px solid #eee; padding-bottom: 14px; margin-bottom: 14px;}
.page_info .top1 .pic{float: left;}
.page_info .top1 .pic img{width: 150px; height: 100px; margin-right: 15px;}
.page_info .top1 .tit a{font-size: 16px;font-weight: bold;}
.page_info .top1 .date{ color: #888;}
.page_info .top1 .disc{color: #666; line-height: 22px;}
.page_info .news_list{width: 980px; overflow: hidden; margin: 0 auto; padding-bottom: 30px;}
.page_info .news_list .news_date{float: left; display: block; background: #999; color: #fff; padding: 0 8px; margin-right: 16px; height: 32px; text-align: center; font-size: 14px; margin-top: 2px;}
.page_info .news_list span,.page_info .news_list a{line-height: 36px;}
.page_info .news_list li{border-bottom: 1px solid #eee; padding: 8px 0; transition: 0.3s;}
.page_info .news_list li a{text-decoration: none;}
.page_info .news_list li:hover{background: #00a8cd;}
.page_info .news_list li:hover .news_date{ background: #fff; color: #00a8cd;}
.page_info .news_list li:hover .tit a{color: #fff;}
.pagelist{position: absolute; left: 0; right: 0;  text-align: center;width: 100%; overflow: hidden;}
.page_info{padding-bottom: 20px;}

.news_show{width: 980px; overflow: hidden; margin: 0 auto; padding-top: 30px;}
.news_show .news_title{text-align: center;font-weight: bold; font-size: 24px; border-bottom: 1px solid #eee; padding-bottom: 14px; margin-bottom: 14px;}
.news_show .news_date{text-align: center;color: #666; padding-bottom: 30px;}
.news_infos{width: 100%;}
.news_infos,.news_infos p{text-indent: 2em;}
.news_infos img,.news_infos p img{width: 750px; text-align: center; margin: 8px 0;}

.page_pro{width: 80%; margin: 0 auto; padding-bottom: 30px;}
.list_pro,.list_pro ul{width: 100%; overflow: hidden}
.list_pro{padding-top: 50px; padding-bottom: 30px;}
.list_pro li{float: left; width: 25%;}
.list_pro li .pro_pic{width: 94%; margin: 0 auto;}
.list_pro li .pro_pic img{ width: 100%; height: auto;}
.list_pro li .pro_tit{width: 94%; margin: 0 auto;height: 40px; background: rgba(0,0,0,0.6); margin-top: -40px; position: relative; padding: 8px 10px 0 10px;}
.list_pro li .pro_tit a{text-decoration: none;color: #fff;}
.show_img{ text-align: center; padding: 20px 0 0 0;}

.pager{text-align: center;}
.pager a{padding-right: 20px;}
.am-pureview-direction a{color: #ccc;}
.am-gallery-overlay .am-gallery-title{font-size: 14px;}
.list_case{width: 96%; overflow: hidden; margin: 0 auto;}
.list_case .slick-slide img{width: 346px; height: auto;margin: 0 auto;}
.gccase .case_tt{ height: 40px; background:#00a8cd;width: 346px; margin: 0 auto; text-align: center; padding-top: 6px; color: #fff;}
.gccase .case_tt a{text-decoration: none; color: #fff;}
.jdcase{width: 100%; overflow: hidden;}
.jdcase li{width: 80%; overflow: hidden;margin: 0 auto;border-bottom: 1px solid #eee; padding-bottom: 15px; margin-bottom: 15px; transition: 0.3s;}
.jdcase .case_img{ width: 200px; float: left; margin-right: 15px;}
.jdcase .case_img img{width: 100%; height: auto;}
.jdcase .case_tt a{font-weight: bold; font-size: 18px;}
.jdcase .disc{width:100%; line-height: 22px; padding-top: 10px; color: #666;}
.jdcase li .more{width: auto; overflow: hidden; padding-top: 10px;}
.jdcase li .more a{ display: block; width: 90px; background: #00a8cd; text-align: center; color: #fff; text-decoration: none; font-size: 12px; border-radius: 15px;}
.jdcase .tit{text-align: center; padding: 30px 0 40px 0;}
.jdcase .tit .en{font-size: 30px;}
.jdcase .tit .cn{font-size: 22px; padding: 14px 0; color: #00a8cd; letter-spacing: 1px;}
.page_case{width: 80%; overflow: hidden;margin: 0 auto;}
.page_case .show_tt{ text-align: center; font-size: 22px; font-weight: bold; padding: 30px 0 15px 0; border-bottom: 1px solid #eee; margin-bottom: 15px;}
.page_case .show_date{ text-align: center; color: #666;}
.page_case .show_info{text-align: center; padding-top: 40px;}
.page_case .show_info,.page_case .show_info p{line-height: 26px; }
.page_case .show_info img{margin: 20px 0 8px 0;}
.page_case .pager{padding: 30px 0;}


.page_ser{width: 80%; overflow: hidden; margin: 0 auto;}
.case_ser{width: 100%; background: url(../images/ser_bg.jpg) no-repeat right bottom;padding: 30px 0 50px 30px; height: 100%;}

.page_ser .ser1{padding: 25px 0 15px 0;}
.page_ser .ser1 p.t1{font-size: 22px; color: #00a8cd; text-align: center;}
.page_ser,.page_ser p{line-height: 30px;}
.page_ser .ser2,.page_ser .ser3,.page_ser .ser4{padding-top: 40px;}
.page_ser p.t2,.page_ser p.t3,.page_ser p.t4{display: block; background: #00a8cd; color: #fff; width: 60px; text-align: center; border-radius: 5px; margin-bottom: 10px;}

.ad_tt{font-size: 22px; color: #00a8cd; text-align: center; padding: 30px 0;}
.page_ser .case_add .ad1{display: block; background: #00a8cd; color: #fff; padding: 0 10px;width: 100px; float: left;text-align: center; height: 33px;}
.page_ser .case_add .ad2{display: block;border-bottom: 1px solid #00a8cd; float: left; height: 33px; padding-left: 15px; color: #555; width: 350px;}
.add_bb{width: 980px; margin: 0 auto;}
.page_ser .case_add,.page_ser .case_add ul{width: 100%; overflow: hidden;}
.page_ser .case_add li{padding: 14px 0; width: 50%; float: left;}

.page_cont{width: 1000px; overflow: hidden; margin: 0 auto; padding-bottom: 30px;}
.page_cont .map{ width: 500px; float: left;}
.page_cont .email{width: 500px; float: left; padding-left: 25px;}
.e_font{color: #555; line-height: 40px; font-size: 14px;}
.e_logo{padding-bottom: 12px;}
.email input{border: 1px solid #aac3ca;padding: 0px 6px;width: 100%; margin-top: 15px;}
.email .name,.email .tel{height: 40px;}
.email .message{height: 90px;}
.email .submit{width: 134px; height: 40px; background: #4998ae; color: #fff; text-align: center; cursor: pointer; font-size: 14px;}
input::-webkit-input-placeholder{color:#ccc;}       
input::-moz-placeholder{ /* Mozilla Firefox 19+ */color:#ccc;}
input:-moz-placeholder{ /* Mozilla Firefox 4 to 18 */color:#ccc;}
input:-ms-input-placeholder{/* Internet Explorer 10-11 */color:#ccc;}

.list_qiti{width: 1000px; overflow: hidden; margin: 0 auto;}
.qiti_img{padding: 50px 0 30px 0; text-align: center;}
.qiti_img img{width: 100%; height: auto;}
.qiti_font{width: 100%; overflow: hidden;}
.qiti_font .tit{font-size: 28px; font-weight: bold;}
.qiti_font .cpsm{width: 70px; height: 25px; background: #00a8cd; text-align: center; color:  #fff; font-size: 12px; padding-top: 3px; margin: 10px 0;}
.qiti_font .info2{line-height: 26px; padding-top: 10px;}

.page_con{width: 100%; overflow: hidden; padding-bottom: 30px;}
.case_font{text-align: center;}
.case_font .p1{font-size: 30px; color: #00a8cd;}
.case_font .p2{font-size: 24px; color: #333; padding:5px 0 30px 0; letter-spacing: 1px;}

/*1440*/
@media screen and (min-width: 1440px) and (max-width : 1679px){
	.banner li.banner1{background: url( ../images/banner1.jpg) no-repeat center bottom; background-size: 1680px 750px;height: 750px;}
	.banner li.banner2{background: url( ../images/banner2.jpg) no-repeat center bottom; background-size: 1680px 750px;height: 750px;}
	.banner li.banner3{background: url( ../images/banner3.jpg) no-repeat center bottom; background-size:  1680px 750px;height: 750px;}
	.banner li.banner4{background: url( ../images/banner4.jpg) no-repeat center bottom; background-size:  1680px 750px;height: 750px;}
	.banner li.banner5{background: url( ../images/banner5.jpg) no-repeat center bottom; background-size:  1680px 750px;height: 750px;}
	.banner li.banner6{background: url( ../images/banner6.jpg) no-repeat center bottom; background-size:  1680px 750px;height: 750px;}
	.list_case .slick-slide img,.gccase .case_tt{width: 305px;}
	.gccase{width: 92%; margin: 0 auto;}
	.slick-prev:before, .slick-next:before{color: #00a8cd;}
	
	
	
	

}
/*1280*/
@media screen and (min-width: 1280px) and (max-width : 1439px){
	.banner li.banner1{background: url( ../images/banner1.jpg) no-repeat center bottom; background-size: 1440px 700px;height: 700px;}
	.banner li.banner2{background: url( ../images/banner2.jpg) no-repeat center bottom; background-size: 1440px 700px;height: 700px;}
	.banner li.banner3{background: url( ../images/banner3.jpg) no-repeat center bottom; background-size: 1440px 700px;height: 700px;}
	.banner li.banner4{background: url( ../images/banner4.jpg) no-repeat center bottom; background-size: 1440px 700px;height: 700px;}
	.banner li.banner5{background: url( ../images/banner5.jpg) no-repeat center bottom; background-size: 1440px 700px;height: 700px;}
	.banner li.banner6{background: url( ../images/banner6.jpg) no-repeat center bottom; background-size: 1440px 700px;height: 700px;}
	.banner li.banner1 .font1{padding-top: 240px;}
	.news .tt{padding-top: 55px;}
	.news .dd{padding-top: 40px;}
	.contact{height: 700px;}
	.page_pro{width: 90%;}
	.list_case .slick-slide img,.gccase .case_tt{width: 294px;}
	.jdcase li{width: 90%;}
	.gccase{width: 94%; margin: 0 auto;}
	.slick-prev:before, .slick-next:before{color: #00a8cd;}
	.list_case .slick-slide img, .gccase .case_tt{width: 274px;}
	

}

/*iPad Pro 1024*/
@media screen and (min-width: 1024px) and (max-width : 1279px){
	.banner li.banner1{background: url( ../images/banner1.jpg) no-repeat center bottom; background-size: 100% 500px;height: 500px;}
	.banner li.banner2{background: url( ../images/banner2.jpg) no-repeat center bottom; background-size: 100% 500px;height: 500px;}
	.banner li.banner3{background: url( ../images/banner3.jpg) no-repeat center bottom; background-size: 100% 500px;height: 500px;}
	.banner li.banner4{background: url( ../images/banner4.jpg) no-repeat center bottom; background-size: 100% 500px;height: 500px;}
	.banner li.banner5{background: url( ../images/banner5.jpg) no-repeat center bottom; background-size: 100% 500px;height: 500px;}
	.banner li.banner6{background: url( ../images/banner6.jpg) no-repeat center bottom; background-size: 100% 500px;height: 500px;}
	
	.banner li.banner1 .font1{padding-top: 160px;}
	.banner li.banner1 .font1 img{width: 90%; margin: 0 auto;}
	.banner li.banner1 .font2 img{width: 95%; margin: 0 auto;}
	.news .tt{padding-top: 55px;}
	.news .dd{padding-top: 40px;}
	.contact{height: 700px;}
	.nav li{width: 90px;}
	.nav{padding-left: 100px;}
	.head .logo{padding-left: 20px;}
	.banner li.banner1 .more{margin-top: 60px;}
	.banner li.banner1 .more a{padding: 6px 15px 0px 15px; width: 130px; height: 38px;}
	.am-slider-a1 .am-control-nav{position: absolute; bottom: 25px;}
	.product{padding-top: 30px;}
	.product dt h2.t1{font-size: 26px;}
	.product dd.d1{width: 1000px;  overflow: hidden; margin: 0 auto;}
	.pro_tt{width: 300px; height: 483px;}
	.product .pro_tt dt h2.t2{font-size: 22px;}
	.product dd.d2 p{font-size: 13px; padding-top: 0;}
	.product dd.d2 .more{position: absolute; bottom: 30px; width: 100%; overflow: hidden; margin-left: -35px;}
	.product dd.d2 .more a{width: 190px; margin:  0 auto; padding: 8px 20px;}
	.pro_dd{width: 700px; height: 495px;}
	.pro_dd li{width: 337px;height: 235px; margin-left: 12px; margin-bottom: 12px;}
	.pro_dd li p{margin-left: -70px;}
	.pro_dd li:hover p{-webkit-transform: translate3d(0,-160px,0);	transform: translate3d(0,-160px,0); }
	.about .dt1 .en,.news .tt .en,.case .dt1 .en,.contact .tt .en{font-size: 28px;}
	.about .dt1 .cn,.news .tt .cn,.case .dt1 .cn,.contact .tt .cn{font-size: 22px;}
	.about dd.d2{width: 90%;}
	.about dd.d3{width: 1000px; }
	.about dd.d3 li{width: 246px;}
	.about dd.d3 p.cn{font-size: 16px;}
	.news .tt,.news .dd{width: 100%;}
	.news .dd .am-tab-panel .news_l{width: 290px;}
	.news .dd .am-tab-panel .news_r{width: 700px;}
	.am-tabs-bd .am-tab-panel{padding: 0;}
	.news .dd .am-tab-panel .news_l img{width: 290; height: 192px;}
	.news .dd .am-tab-panel .news_l .l-cont{padding-top: 10px; font-size: 13px;}
	.news_r .r-img img,.news_r .r-img{width: 150px; height: 100px;}
	.case{height: 760px;}
	.case dd{width: 1000px;}
	.case dd li{width: 234px; height: 173px; margin: 10px 8px;}
	.work-item .work-description h3{font-size: 14px;}
	.work-description{position: absolute; top: 60%;}
	.contact{height: 600px;}
	.contact .tt{width: 100%;}
	.contact .tt{padding-top: 50px;}
	.contact dd .cn{padding-top: 60px;}
	.b_info{width: 1000px;}
	.b_nav{width: 820px;}
	.b_nav li a{padding: 3px 16px;}
	
	.page_com{width: 100%;}
	.page_pro{width: 90%;}
	.list_case .slick-slide img,.gccase .case_tt{width: 234px;}
	.jdcase li{width: 94%;}
	.p_about{width: 96%; background: url(../images/com.jpg) no-repeat center bottom; background-size: 95%; padding-bottom: 430px;}
	.page_info .top1,.page_info .news_list{width: 92%}
	.news_infos{width: 92%; margin: 0 auto;}
	.list_pro li{margin-top: 20px;}
	.list_pro li .pro_tit{height: 30px; margin-top: -30px; padding-top: 5px;}
	.page_case{width: 94%;}
	.page_ser{width: 95%;}
	.page_ser .ser1 p.t1,.ad_tt{font-size: 19px;}
	.page_cont{width: 96%;}
	.page_cont .map{width: 460px;}
	.list_qiti{width: 800px; overflow: hidden; margin: 0 auto;}

}

/*ipad 768*/
@media screen and (min-width: 768px) and (max-width : 1023px){
	.nav{display: none;}
	.am-menu{display: block;}
	.am-menu{display: block; float: right;}
	.am-menu-offcanvas1 .am-menu-toggle{ display:block; color:#fff;  font-size:18px; padding-right:15px;}
	.head{}
	.head .menu{padding-top: 0;}
	.head .logo img{width: 95%;}
	
	.banner li.banner1{background: url( ../images/banner1.jpg) no-repeat center bottom; background-size: 800px 450px;height: 450px;}
	.banner li.banner2{background: url( ../images/banner2.jpg) no-repeat center bottom; background-size: 800px 450px;height: 450px;}
	.banner li.banner3{background: url( ../images/banner3.jpg) no-repeat center bottom; background-size: 800px 450px;height: 450px;}
	.banner li.banner4{background: url( ../images/banner4.jpg) no-repeat center bottom; background-size: 800px 450px;height: 450px;}
	.banner li.banner5{background: url( ../images/banner5.jpg) no-repeat center bottom; background-size: 800px 450px;height: 450px;}
	.banner li.banner6{background: url( ../images/banner6.jpg) no-repeat center bottom; background-size: 800px 450px;height: 450px;}
	
	.am-slider-a1 .am-control-nav li a.am-active,.am-slider-a1 .am-control-nav li a{width:8px; height: 8px;}
	.banner li.banner1 .font1{padding-top: 140px;}
	.banner li.banner1 .font1 img{width: 80%; margin: 0 auto;}
	.banner li.banner1 .font2 img{width: 80%; margin: 0 auto;}
	.news .tt{padding-top: 55px;}
	.news .dd{padding-top: 40px;}
	.contact{height: 700px;}
	.nav li{width: 90px;}
	.nav{padding-left: 100px;}
	.head .logo{padding-left: 20px;}
	.banner li.banner1 .more{margin-top: 50px;}
	.banner li.banner1 .more a{padding: 4px 10px 0px 10px; width: 120px; height: 34px;}
	.am-slider-a1 .am-control-nav{position: absolute; bottom: 25px;}
	.product dt{padding: 0 30px 30px 30px;}
	.product{padding-top: 20px;}
	
	.product dt h2.t1{font-size: 26px;}
	.product dt p{line-height: 26px; color: #555;}
	.product dd.d1{width: 1000px;  overflow: hidden; margin: 0 auto;}
	.pro_tt{ display: none;}
	.product dd.d1{width: 768px;}
	.product .pro_tt dt h2.t2{font-size: 22px;}
	.product dd.d2 p{font-size: 13px;}
	.product dd.d2 .more{position: absolute; bottom: 30px; width: 100%; overflow: hidden; margin-left: -35px;}
	.product dd.d2 .more a{width: 190px; margin:  0 auto; padding: 8px 20px;}
	.pro_dd{width: 95%;height: auto;margin: 0 auto; float: none; padding-right: 10px;}
	.pro_dd li{width: 47%;height:auto; margin-left: 18px; margin-bottom: 18px;}
	.pro_dd li p{margin-left: -70px;}
	.pro_dd li:hover p{-webkit-transform: translate3d(0,-160px,0);	transform: translate3d(0,-160px,0); }
	
	.about{margin-top: 30px;}
	.about .dt1 .en,.news .tt .en,.case .dt1 .en,.contact .tt .en{font-size: 28px;}
	.about .dt1 .cn,.news .tt .cn,.case .dt1 .cn,.contact .tt .cn{font-size: 22px;}
	.about dt.dt1{padding-top: 50px;}
	.about dd.d1{width: 630px;}
	.about dd.d1{width:380px; margin: 0 auto;}
	.about dd.d2{width: 90%;}
	.about dd.d3{width: 760px; padding-top: 30px; }
	.about dd.d3 li{width: 188px; height: 105px;}
	.about dd.d3 p.cn{font-size: 14px;}
	.about dd.d3 p.en{display: none;}
	
	
	
	.news{background: #fff;}
	.news .tt,.news .dd{width: 100%;}
	.news .dd .am-tab-panel .news_l{width: 100%;}
	.news .dd .am-tab-panel .news_r{width: 700px;}
	.am-tabs-bd .am-tab-panel{padding: 0;}
	.news .dd .am-tab-panel .news_l .l-cont{padding-top: 10px; font-size: 13px;}
	.news_r .r-img img,.news_r .r-img{width: 130px; height: 90px;}
	.news_r .r-img{margin-top: 4px;}
	.news .dd .am-tab-panel .news_l .l-img{background: rgba(0,0,0,0);width: 230px;height: 152px; float: left; margin: 30px 14px 0 20px;}
	.news .dd .am-tab-panel .news_l img{width: 220px; height: 152px;opacity: 1; }
	.news .dd .am-tab-panel .news_l .l-tit{width: 484px; float: right; padding-top: 40px;font-size: 16px;}
	.news .dd .am-tab-panel .news_l a{height: 210px; border-bottom: 1px solid #eee;}
	.news .dd .am-tab-panel .news_r{width: 100%;}
	.news .dd .am-tab-panel{padding-bottom: 10px;}
	.news .dd .am-tabs-bd,.am-tabs-bd .am-tab-panel.am-active{position:static;}
	.news .dd .am-tabs-bd{padding-top: 20px;}
	
	.case{height: 570px;}
	.case dt.dt1{padding-top: 50px;}
	.case dd ul{padding: 30px 0;}
	.case dd{width: 100%;}
	.case dd li{width: 179px; height: 125px; margin: 10px 6px;}
	.work-item .work-description h3{font-size: 14px;}
	.work-description{position: absolute; top: 60%;}
	.contact{height: 560px;}
	.contact .tt{width: 100%;}
	.contact .tt{padding-top: 50px;}
	.contact dd .cn{padding-top: 60px;}
	.contact dd .en{padding-bottom: 50px;}
	.b_info{width: 100%;}
	.b_nav{width: 600px; padding-left: 20px;}
	.b_nav li a{padding: 3px 0px; margin: 0 15px;}
	.b_logo img{width: 75%;}
	
	.page_com{width: 100%;}
	.dsj{width: 93%; margin: 0 auto;}
	
	.page_pro{width: 90%;}
	.list_case .slick-slide img,.gccase .case_tt{width: 176px;}
	.gccase .case_tt{height: 30px; padding-top: 5px;}
	.jdcase .case_tt a{font-size: 16px;}
	.jdcase li{width: 94%;}
	.p_about{width: 90%; background: url(../images/com.jpg) no-repeat center bottom; background-size: 95%; padding-bottom: 430px;}
	.page_info .top1,.page_info .news_list{width: 92%}
	.news_infos{width: 92%; margin: 0 auto;}
	.list_pro li{margin-top: 20px;}
	.list_pro li .pro_tit{height: 30px; margin-top: -30px; padding-top: 5px;}
	.page_case{width: 94%;}
	.page_ser{width: 95%;}
	.page_ser .ser1 p.t1,.ad_tt{font-size: 17px;}
	.page_cont{width: 96%;}
	.page_cont .map{width: 730px; height: 350px;}
	.page_cont .email{padding-top: 35px; padding-left: 35px;}
	.news_show{width: 92%; margin: 0 auto;}
	.news_infos,.news_infos p{line-height: 26px;}
	.news_infos p{text-indent: 0;}
	.case_ser{width: 100%; background: url(../images/ser_bg.jpg) no-repeat right 180px;padding: 30px 0 50px 30px;background-size: 60%; height: 100%;}
	.add_bb{width: 98%;}
	.page_ser .case_add .ad1{width: 100px;}
	.page_ser .case_add .ad2{width: 240px;}
	
	.list_qiti{width: 700px; overflow: hidden; margin: 0 auto;}
	.am-slider-default .am-direction-nav a:before{font-size: 30px!important;}
	.am-slider-default .am-control-nav{position: absolute; bottom: 20px;}
	.am-slider-default .am-control-nav li a,.am-slider-default .am-control-nav li a.am-active{width: 10px; height: 10px;}

	
	

}

/* 736(plus-414横屏)*/
@media screen and (min-width: 736px) and (max-width : 767px){
	.nav{display: none;}
	.am-menu{display: block;}
	.am-menu{display: block; float: right;}
	.am-menu-offcanvas1 .am-menu-toggle{ display:block; color:#fff;  font-size:18px; padding-right:15px;}
	.head{}
	.head .menu{padding-top: 0;}
	.head .logo img{width: 95%;}
	
	.banner li.banner1{background: url( ../images/banner1.jpg) no-repeat center bottom; background-size: 736px 420px;height: 420px;}
	.banner li.banner2{background: url( ../images/banner2.jpg) no-repeat center bottom; background-size: 736px 420px;height: 420px;}
	.banner li.banner3{background: url( ../images/banner3.jpg) no-repeat center bottom; background-size: 736px 420px;height: 420px;}
	.banner li.banner4{background: url( ../images/banner4.jpg) no-repeat center bottom; background-size: 736px 420px;height: 420px;}
	.banner li.banner5{background: url( ../images/banner5.jpg) no-repeat center bottom; background-size: 736px 420px;height: 420px;}
	.banner li.banner6{background: url( ../images/banner6.jpg) no-repeat center bottom; background-size: 736px 420px;height: 420px;}
	
	.am-slider-a1 .am-control-nav li a.am-active,.am-slider-a1 .am-control-nav li a{width:8px; height: 8px;}
	.banner li.banner1 .font1{padding-top: 140px;}
	.banner li.banner1 .font1 img{width: 80%; margin: 0 auto;}
	.banner li.banner1 .font2 img{width: 80%; margin: 0 auto;}
	.news .tt{padding-top: 45px;}
	.news .dd{padding-top: 40px;}
	.contact{height: 700px;}
	.nav li{width: 90px;}
	.nav{padding-left: 100px;}
	.head .logo{padding-left: 20px;}
	.banner li.banner1 .more{margin-top: 35px;}
	.banner li.banner1 .more a{padding: 4px 10px 0px 10px; width: 120px; height: 34px;}
	.am-slider-a1 .am-control-nav{position: absolute; bottom: 25px;}
	.product dt{padding: 0 30px 30px 30px;}
	.product{padding-top: 20px;}
	
	.product dt h2.t1{font-size: 26px;}
	.product dt p{line-height: 26px; color: #555;}
	.product dd.d1{width: 1000px;  overflow: hidden; margin: 0 auto;}
	.pro_tt{ display: none;}
	.product dd.d1{width: 100%;}
	.product .pro_tt dt h2.t2{font-size: 22px;}
	.product dd.d2 p{font-size: 13px;}
	.product dd.d2 .more{position: absolute; bottom: 30px; width: 100%; overflow: hidden; margin-left: -35px;}
	.product dd.d2 .more a{width: 190px; margin:  0 auto; padding: 8px 20px;}
	.pro_dd{width: 95%;height: auto;margin: 0 auto; float: none; padding-right: 10px;}
	.pro_dd li{width: 47%;height:auto; margin-left: 18px; margin-bottom: 18px;}
	.pro_dd li p{margin-left: -70px;}
	.pro_dd li:hover p{-webkit-transform: translate3d(0,-160px,0);	transform: translate3d(0,-160px,0); }
	
	.about{margin-top: 30px;}
	.about .dt1 .en,.news .tt .en,.case .dt1 .en,.contact .tt .en{font-size: 28px;}
	.about .dt1 .cn,.news .tt .cn,.case .dt1 .cn,.contact .tt .cn{font-size: 22px;}
	.about dt.dt1{padding-top: 50px;}
	.about dd.d1{width: 630px;}
	.about dd.d1{width:380px; margin: 0 auto;}
	.about dd.d2{width: 90%;}
	.about dd.d3{width: 760px; padding-top: 30px; }
	.about dd.d3 li{width: 188px; height: 105px;}
	.about dd.d3 p.cn{font-size: 14px;}
	.about dd.d3 p.en{display: none;}
	
	
	
	.news{background: #fff;}
	.news .tt,.news .dd{width: 100%;}
	.news .dd .am-tab-panel .news_l{width: 100%;}
	.news .dd .am-tab-panel .news_r{width: 700px;}
	.am-tabs-bd .am-tab-panel{padding: 0;}
	.news .dd .am-tab-panel .news_l .l-cont{padding-top: 10px; font-size: 13px;}
	.news_r .r-img img,.news_r .r-img{width: 130px; height: 90px;}
	.news_r .r-img{margin-top: 4px;}
	.news .dd .am-tab-panel .news_l .l-img{background: rgba(0,0,0,0);width: 230px;height: 152px; float: left; }
	.news .dd .am-tab-panel .news_l img{width: 220px; height: 152px;opacity: 1; }
	.news .dd .am-tab-panel .news_l .l-tit{width: 484px;  padding-top: 0px;font-size: 16px;}
	.news .dd .am-tab-panel .news_l a{height: 170px; border-bottom: 1px solid #eee;}
	.news .dd .am-tab-panel .news_r{width: 100%;}
	.news .dd .am-tab-panel{padding-bottom: 10px;}
	.news .dd .am-tabs-bd,.am-tabs-bd .am-tab-panel.am-active{position:static;}
	.news .dd .am-tabs-bd{padding-top: 20px;}
	.news_r li a{padding: 10px; height: 120px;}
	.news .dd .am-tab-panel .news_r{height: 375px;}
	
	.case{height: 530px;}
	.case dt.dt1{padding-top: 50px;}
	.case dd ul{padding: 30px 0;}
	.case dd{width: 98%; margin: 0 auto;}
	.case dd li{width: 23.2%; height: auto; margin: 10px 6px;}
	.work-item .work-description h3{font-size: 14px;}
	.work-description{position: absolute; top: 60%;}
	.contact{height: 560px;}
	.contact .tt{width: 100%;}
	.contact .tt{padding-top: 50px;}
	.contact dd .cn{padding-top: 60px;}
	.contact dd .en{padding-bottom: 50px;}
	.b_info{width: 100%;}
	.b_nav{width: 576px; padding-left: 20px;}
	.b_nav li a{padding: 3px 0px; margin: 0 13px;}
	.b_logo img{width: 75%;}
	
	.page_com{width: 100%;}
	.dsj{width: 93%; margin: 0 auto;}
	
	.page_pro{width: 90%;}
	.list_case .slick-slide img,.gccase .case_tt{width: 222px;}
	.gccase .case_tt{height: 30px; padding-top: 5px;}
	.jdcase .case_tt a{font-size: 16px;}
	.jdcase li{width: 94%;}
	.p_about{width: 90%; background: url(../images/com.jpg) no-repeat center bottom; background-size: 95%; padding-bottom: 430px;}
	.page_info .top1,.page_info .news_list{width: 92%}
	.news_infos{width: 92%; margin: 0 auto;}
	.list_pro li{margin-top: 20px;}
	.list_pro li .pro_tit{height: 30px; margin-top: -30px; padding-top: 5px;}
	.page_case{width: 94%;}
	.page_ser{width: 95%;}
	.page_ser .ser1 p.t1,.ad_tt{font-size: 17px;}
	.page_cont{width: 96%;}
	.page_cont .map{width: 730px; height: 350px;}
	.page_cont .email{padding-top: 35px; padding-left: 35px;}
	.news_show{width: 92%; margin: 0 auto;}
	.news_infos,.news_infos p{line-height: 26px;}
	.news_infos p{text-indent: 0;}
	.case_ser{width: 100%; background: url(../images/ser_bg.jpg) no-repeat right 180px;padding: 30px 0 50px 30px;background-size: 60%; height: 100%;}
	.add_bb{width: 98%;}
	.page_ser .case_add .ad1{width: 100px;}
	.page_ser .case_add .ad2{width: 240px;}
	
	.list_qiti{width: 100%; overflow: hidden; margin: 0 auto;}
	.am-slider-default .am-direction-nav a:before{font-size: 30px!important;}
	.am-slider-default .am-control-nav{position: absolute; bottom: 20px;}
	.am-slider-default .am-control-nav li a,.am-slider-default .am-control-nav li a.am-active{width: 10px; height: 10px;}

}

/*ipad 667(8-375横屏)*/
@media screen and (min-width: 667px) and (max-width : 735px){
	.nav{display: none;}
	.am-menu{display: block;}
	.am-menu{display: block; float: right;}
	.am-menu-offcanvas1 .am-menu-toggle{ display:block; color:#fff;  font-size:18px; padding-right:15px;}
	.head{}
	.head .menu{padding-top: 0;}
	.head .logo img{width: 95%;}
	
	.banner li.banner1{background: url( ../images/banner1.jpg) no-repeat center bottom; background-size: 667px 400px;height: 400px;}
	.banner li.banner2{background: url( ../images/banner2.jpg) no-repeat center bottom; background-size: 667px 400px;height: 400px;}
	.banner li.banner3{background: url( ../images/banner3.jpg) no-repeat center bottom; background-size: 667px 400px;height: 400px;}
	.banner li.banner4{background: url( ../images/banner4.jpg) no-repeat center bottom; background-size: 667px 400px;height: 400px;}
	.banner li.banner5{background: url( ../images/banner5.jpg) no-repeat center bottom; background-size: 667px 400px;height: 400px;}
	.banner li.banner6{background: url( ../images/banner6.jpg) no-repeat center bottom; background-size: 667px 400px;height: 400px;}
	
	.am-slider-a1 .am-control-nav li a.am-active,.am-slider-a1 .am-control-nav li a{width:8px; height: 8px;}
	.banner li.banner1 .font1{padding-top: 140px;}
	.banner li.banner1 .font1 img{width: 80%; margin: 0 auto;}
	.banner li.banner1 .font2 img{width: 80%; margin: 0 auto;}
	.news .tt{padding-top: 45px;}
	.news .dd{padding-top: 40px;}
	.contact{height: 700px;}
	.nav li{width: 90px;}
	.nav{padding-left: 100px;}
	.head .logo{padding-left: 20px;}
	.banner li.banner1 .more{display: none;}
	.banner li.banner1 .more a{padding: 4px 10px 0px 10px; width: 120px; height: 34px;}
	.am-slider-a1 .am-control-nav{position: absolute; bottom: 25px;}
	.product dt{padding: 0 30px 30px 30px;}
	.product{padding-top: 20px;}
	
	.product dt h2.t1{font-size: 26px;}
	.product dt p{line-height: 26px; color: #555;}
	.product dd.d1{width: 1000px;  overflow: hidden; margin: 0 auto;}
	.pro_tt{ display: none;}
	.product dd.d1{width: 100%;}
	.product .pro_tt dt h2.t2{font-size: 22px;}
	.product dd.d2 p{font-size: 13px;}
	.product dd.d2 .more{position: absolute; bottom: 30px; width: 100%; overflow: hidden; margin-left: -35px;}
	.product dd.d2 .more a{width: 190px; margin:  0 auto; padding: 8px 20px;}
	.pro_dd{width: 96%;height: auto;margin: 0 auto; float: none; padding-right: 10px;}
	.pro_dd li{width: 47%;height:auto; margin-left: 18px; margin-bottom: 18px;}
	.pro_dd li p{margin-left: -70px;}
	.pro_dd li:hover p{-webkit-transform: translate3d(0,-160px,0);	transform: translate3d(0,-160px,0); }
	
	.about{margin-top: 30px;}
	.about .dt1 .en,.news .tt .en,.case .dt1 .en,.contact .tt .en{font-size: 28px;}
	.about .dt1 .cn,.news .tt .cn,.case .dt1 .cn,.contact .tt .cn{font-size: 22px;}
	.about dt.dt1{padding-top: 50px;}
	.about dd.d1{width: 630px;}
	.about dd.d1{width:380px; margin: 0 auto;}
	.about dd.d2{width: 90%;}
	.about dd.d3{width: 760px; padding-top: 30px; }
	.about dd.d3 li{width: 168px; height: 105px;}
	.about dd.d3 p.cn{font-size: 14px;}
	.about dd.d3 p.en{display: none;}
	
	
	
	.news{background: #fff;}
	.news .tt,.news .dd{width: 100%;}
	.news .dd .am-tab-panel .news_l{width: 100%;}
	.news .dd .am-tab-panel .news_r{width: 700px;}
	.am-tabs-bd .am-tab-panel{padding: 0;}
	.news .dd .am-tab-panel .news_l .l-cont{padding-top: 10px; font-size: 13px;}
	.news_r .r-img img,.news_r .r-img{width: 130px; height: 100px;}
	.news_r .r-img{margin-top: 6px;}
	.news .dd .am-tab-panel .news_l .l-img{background: rgba(0,0,0,0);width: 200px; padding:0 10px;height: auto; float: left; display: none;}
	.news .dd .am-tab-panel .news_l img{width: 100%; height: auto;opacity: 1; }
	.news .dd .am-tab-panel .news_l .l-tit{width: 94%;  padding-top: 0px;font-size: 16px;}
	.news .dd .am-tab-panel .news_l a{height: 170px; border-bottom: 1px solid #eee;}
	.news .dd .am-tab-panel .news_r{width: 100%;}
	.news .dd .am-tab-panel{padding-bottom: 10px;}
	.news .dd .am-tabs-bd,.am-tabs-bd .am-tab-panel.am-active{position:static;}
	.news .dd .am-tabs-bd{padding-top: 20px;}
	.news_r li a{padding: 10px; height: auto;}
	.news .dd .am-tab-panel .news_r{height: 420px;}
	
	
	.case{height: 500px;}
	.case dt.dt1{padding-top: 50px;}
	.case dd ul{padding: 30px 0;}
	.case dd{width: 98%; margin: 0 auto;}
	.case dd li{width: 23%; height: auto; margin: 10px 6px;}
	.work-item .work-description h3{font-size: 14px;}
	.work-description{position: absolute; top: 60%;}
	.contact{height: 560px;}
	.contact .tt{width: 100%;}
	.contact .tt{padding-top: 50px;}
	.contact dd .cn{padding-top: 60px;}
	.contact dd .en{padding-bottom: 50px;}
	.b_info{width: 100%;}
	.b_nav{width: 96%; float: none; margin: 0 auto;padding-left: 20px;}
	.b_nav li a{padding: 3px 0px; margin: 0 18px;}
	.b_logo img{width: 75%;}
	
	.page_com{width: 100%;}
	.dsj{width: 93%; margin: 0 auto;}
	
	.page_pro{width: 90%;}
	.list_case .slick-slide img,.gccase .case_tt{width: 203px;}
	.gccase .case_tt{height: 30px; padding-top: 5px;}
	.jdcase .case_tt a{font-size: 16px;}
	.jdcase li{width: 94%;}
	.p_about{width: 90%; background: url(../images/com.jpg) no-repeat center bottom; background-size: 95%; padding-bottom: 430px;}
	.page_info .top1,.page_info .news_list{width: 92%}
	.news_infos{width: 92%; margin: 0 auto;}
	.list_pro li{margin-top: 20px;}
	.list_pro li .pro_tit{height: 30px; margin-top: -30px; padding-top: 5px;}
	.page_case{width: 94%;}
	.page_ser{width: 95%;}
	.page_ser .ser1 p.t1,.ad_tt{font-size: 17px;}
	.page_cont{width: 96%;}
	.page_cont .map{width: 730px; height: 350px;}
	.page_cont .email{padding-top: 35px; padding-left: 35px;}
	.news_show{width: 92%; margin: 0 auto;}
	.news_infos,.news_infos p{line-height: 26px;}
	.news_infos p{text-indent: 0;}
	.case_ser{width: 100%; background: url(../images/ser_bg.jpg) no-repeat right 180px;padding: 30px 0 50px 30px;background-size: 60%; height: 100%;}
	.add_bb{width: 98%;}
	.page_ser .case_add .ad1{width: 100px;}
	.page_ser .case_add .ad2{width: 210px;}
	
	.list_qiti{width: 100%; overflow: hidden; margin: 0 auto;}
	.am-slider-default .am-direction-nav a:before{font-size: 30px!important;}
	.am-slider-default .am-control-nav{position: absolute; bottom: 20px;}
	.am-slider-default .am-control-nav li a,.am-slider-default .am-control-nav li a.am-active{width: 10px; height: 10px;}
	.b_logo{display: none;}
	.page_com .h_1 .dd li{width: 95%;}
	.page_banner{height: 300px;}

	
}

/*ipad 568(5-320横屏)*/
@media screen and (min-width: 568px) and (max-width : 666px){
	.nav{display: none;}
	.am-menu{display: block;}
	.am-menu{display: block; float: right;}
	.am-menu-offcanvas1 .am-menu-toggle{ display:block; color:#fff;  font-size:18px; padding-right:15px;}
	.head{}
	.head .menu{padding-top: 0;}
	.head .logo img{width: 95%;}
	
	.banner li.banner1{background: url( ../images/banner1.jpg) no-repeat center bottom; background-size: 568px 350px;height: 350px;}
	.banner li.banner2{background: url( ../images/banner2.jpg) no-repeat center bottom; background-size: 568px 350px;height: 350px;}
	.banner li.banner3{background: url( ../images/banner3.jpg) no-repeat center bottom; background-size: 568px 350px;height: 350px;}
	.banner li.banner4{background: url( ../images/banner4.jpg) no-repeat center bottom; background-size: 568px 350px;height: 350px;}
	.banner li.banner5{background: url( ../images/banner5.jpg) no-repeat center bottom; background-size: 568px 350px;height: 350px;}
	.banner li.banner6{background: url( ../images/banner6.jpg) no-repeat center bottom; background-size: 568px 350px;height: 350px;}
	
	.am-slider-a1 .am-control-nav li a.am-active,.am-slider-a1 .am-control-nav li a{width:8px; height: 8px;}
	.banner li.banner1 .font1{padding-top: 120px;}
	.banner li.banner1 .font1 img{width: 70%; margin: 0 auto;}
	.banner li.banner1 .font2 img{width: 70%; margin: 0 auto;}
	.news .tt{padding-top: 45px;}
	.news .dd{padding-top: 40px;}
	.contact{height: 700px;}
	.nav li{width: 90px;}
	.nav{padding-left: 100px;}
	.head .logo{padding-left: 20px;}
	.banner li.banner1 .more{display: none;}
	.banner li.banner1 .more a{padding: 4px 10px 0px 10px; width: 120px; height: 34px;}
	.am-slider-a1 .am-control-nav{position: absolute; bottom: 25px;}
	.product dt{padding: 0 30px 30px 30px;}
	.product{padding-top: 20px;}
	
	.product dt h2.t1{font-size: 24px;}
	.product dt p{line-height: 26px; color: #555;}
	.product dd.d1{width: 1000px;  overflow: hidden; margin: 0 auto;}
	.pro_tt{ display: none;}
	.product dd.d1{width: 100%;}
	.product .pro_tt dt h2.t2{font-size: 22px;}
	.product dd.d2 p{font-size: 13px;}
	.product dd.d2 .more{position: absolute; bottom: 30px; width: 100%; overflow: hidden; margin-left: -35px;}
	.product dd.d2 .more a{width: 190px; margin:  0 auto; padding: 8px 20px;}
	.pro_dd{width: 96%;height: auto;margin: 0 auto; float: none; padding-right: 10px;}
	.pro_dd li{width: 46%;height:auto; margin-left: 18px; margin-bottom: 18px;}
	.pro_dd li p{margin-left: -70px;}
	.pro_dd li:hover p{-webkit-transform: translate3d(0,-160px,0);	transform: translate3d(0,-160px,0); }
	
	.about{margin-top: 30px;}
	.about .dt1 .en,.news .tt .en,.case .dt1 .en,.contact .tt .en{font-size: 28px;}
	.about .dt1 .cn,.news .tt .cn,.case .dt1 .cn,.contact .tt .cn{font-size: 22px;}
	.about dt.dt1{padding-top: 50px;}
	.about dd.d1{width: 630px;}
	.about dd.d1{width:380px; margin: 0 auto;}
	.about dd.d2{width: 90%;}
	.about dd.d3{width: 760px; padding-top: 30px; }
	.about dd.d3 li{width: 143px; height: 105px;}
	.about dd.d3 li.z1{background: url(../images/z1.png)no-repeat center 10px;background-size: 28% auto;}
	.about dd.d3 li.z2{background: url(../images/z2.png)no-repeat center 10px;background-size: 28% auto;}
	.about dd.d3 li.z3{background: url(../images/z3.png)no-repeat center 10px;background-size: 28% auto;}
	.about dd.d3 li.z4{background: url(../images/z4.png)no-repeat center 10px;background-size: 28% auto;}
	
	.about dd.d3 p.cn{font-size: 12px;}
	.about dd.d3 p.en{display: none;}
	
	
	
	.news{background: #fff;}
	.news .tt,.news .dd{width: 100%;}
	.news .dd .am-tab-panel .news_l{width: 100%;}
	.news .dd .am-tab-panel .news_r{width: 700px;}
	.am-tabs-bd .am-tab-panel{padding: 0;}
	.news .dd .am-tab-panel .news_l .l-cont{padding-top: 10px; font-size: 13px;}
	.news_r .r-img img,.news_r .r-img{width: 130px; height: 100px;}
	.news_r .r-img{margin-top: 6px;}
	.news .dd .am-tab-panel .news_l .l-img{background: rgba(0,0,0,0);width: 200px; padding:0 10px;height: auto; float: left; display: none;}
	.news .dd .am-tab-panel .news_l img{width: 100%; height: auto;opacity: 1; }
	.news .dd .am-tab-panel .news_l .l-tit{width: 94%;  padding-top: 0px;font-size: 16px;}
	.news .dd .am-tab-panel .news_l a{height: 170px; border-bottom: 1px solid #eee;}
	.news .dd .am-tab-panel .news_r{width: 100%;}
	.news .dd .am-tab-panel{padding-bottom: 10px;}
	.news .dd .am-tabs-bd,.am-tabs-bd .am-tab-panel.am-active{position:static;}
	.news .dd .am-tabs-bd{padding-top: 20px;}
	.news_r li a{padding: 10px; height: auto;}
	.news .dd .am-tab-panel .news_r{height: 420px;}
	
	
	.case{height: 470px;}
	.case dt.dt1{padding-top: 50px;}
	.case dd ul{padding: 30px 0;}
	.case dd{width: 98%; margin: 0 auto;}
	.case dd li{width: 22.6%; height: auto; margin: 10px 6px;}
	.work-item .work-description h3{font-size: 14px;}
	.work-description{position: absolute; top: 60%;}
	.contact{height: 560px;}
	.contact .tt{width: 100%;}
	.contact .tt{padding-top: 50px;}
	.contact dd .cn{padding-top: 60px;}
	.contact dd .en{padding-bottom: 50px;}
	.b_info{width: 100%;}
	.b_nav{width: 100%; float: none; margin: 0 auto;padding-left: 20px;}
	.b_nav li a{padding: 3px 0px; margin: 0 12px;}
	.b_logo img{width: 75%;}
	
	.page_com{width: 100%;}
	.dsj{width: 93%; margin: 0 auto;}
	
	.page_pro{width: 90%;}
	.list_case .slick-slide img,.gccase .case_tt{width: 173px;}
	.jdcase .disc{font-size: 12px; line-height: 18px;}
	.gccase .case_tt{height: 30px; padding-top: 5px;}
	.jdcase .case_tt a{font-size: 14px;}
	.jdcase li{width: 94%;}
	.p_about{width: 90%; background: url(../images/com.jpg) no-repeat center bottom; background-size: 95%; padding-bottom: 430px;}
	.page_info .top1,.page_info .news_list{width: 92%}
	.news_infos{width: 92%; margin: 0 auto;}
	.list_pro li{margin-top: 20px;}
	.list_pro li .pro_tit{height: 30px; margin-top: -30px; padding-top: 5px;}
	.page_case{width: 94%;}
	.page_ser{width: 95%;}
	.page_ser .ser1 p.t1,.ad_tt{font-size: 17px;}
	.page_cont{width: 96%;}
	.page_cont .map{width: 730px; height: 350px;}
	.page_cont .email{padding-top: 35px; padding-left: 35px;}
	.news_show{width: 92%; margin: 0 auto;}
	.news_infos,.news_infos p{line-height: 26px;}
	.news_infos p{text-indent: 0;}
	.case_ser{width: 100%; background: url(../images/ser_bg.jpg) no-repeat right 180px;padding: 30px 0 50px 30px;background-size: 60%; height: 100%;}
	.add_bb{width: 98%;}
	.page_ser .case_add li{float: none; width: 100%; margin-top: 25px;}
	.page_ser .case_add .ad1{width: 100px;}
	.page_ser .case_add .ad2{width: 420px;}
	
	.list_qiti{width: 100%; overflow: hidden; margin: 0 auto;}
	.am-slider-default .am-direction-nav a:before{font-size: 30px!important;}
	.am-slider-default .am-control-nav{position: absolute; bottom: 20px;}
	.am-slider-default .am-control-nav li a,.am-slider-default .am-control-nav li a.am-active{width: 10px; height: 10px;}
	.b_logo{display: none;}
	.page_com .h_1 .dd li{width: 95%;}
	.page_banner{height: 300px;}

}

/*iphone8 plus 414*/
@media screen and (min-width: 414px) and (max-width : 567px){
	.nav{display: none;}
	.am-menu{display: block;}
	.am-menu{display: block; float: right;}
	.am-menu-offcanvas1 .am-menu-toggle{ display:block; color:#fff;  font-size:18px; padding-right:15px;}
	.head{}
	.head .menu{padding-top: 0;}
	.head .logo img{width: 75%;}
	.am-menu-offcanvas1 .am-menu-toggle{position: absolute;  top: -50px;}
	
	.banner li.banner1{background: url( ../images/banner1.jpg) no-repeat center bottom; background-size: 414px 250px;height: 250px;}
	.banner li.banner2{background: url( ../images/banner2.jpg) no-repeat center bottom; background-size: 414px 250px;height: 250px;}
	.banner li.banner3{background: url( ../images/banner3.jpg) no-repeat center bottom; background-size: 414px 250px;height: 250px;}
	.banner li.banner4{background: url( ../images/banner4.jpg) no-repeat center bottom; background-size: 414px 250px;height: 250px;}
	.banner li.banner5{background: url( ../images/banner5.jpg) no-repeat center bottom; background-size: 414px 250px;height: 250px;}
	.banner li.banner6{background: url( ../images/banner6.jpg) no-repeat center bottom; background-size: 414px 250px;height: 250px;}
	
	.banner li.banner1 .font1{padding-top: 90px; width: auto;}
	.banner li.banner1 .font1 img{width: 60%; margin: 0 auto;}
	.banner li.banner1 .font2 img{width: 50%; margin: 0 auto;}
	.banner li.banner1 .font2{padding-top: 20px;}
	.banner li.banner1 .more{display: none;}
	.news .tt{padding-top: 35px;}
	.news .dd{padding-top: 20px;}
	.contact{height: 700px;}
	.nav li{width: 90px;}
	.nav{padding-left: 100px;}
	.head .logo{padding-left: 20px;}
	.banner li.banner1 .more{margin-top: 50px;}
	.banner li.banner1 .more a{padding: 4px 10px 0px 10px; width: 120px; height: 34px;}
	.am-slider-a1 .am-control-nav{position: absolute; bottom: 25px;}
	.product dt{padding: 0 30px 30px 30px;}
	.product{padding-top: 10px;}
	
	.product dt h2.t1{font-size: 17px;}
	.product dt p{line-height: 23px; color: #555;}
	.product dd.d1{width: 1000px;  overflow: hidden; margin: 0 auto;}
	.pro_tt{ display: none;}
	.product dd.d1{width: 100%;}
	.product .pro_tt dt h2.t2{font-size: 22px;}
	.product dd.d2 p{font-size: 13px;}
	
	.product dd.d2 .more{position: absolute; bottom: 30px; width: 100%; overflow: hidden; margin-left: -35px;}
	.product dd.d2 .more a{width: 190px; margin:  0 auto; padding: 8px 20px;}
	.pro_dd{width: 98%;height: auto;margin: 0 auto; float: none; padding-right: 10px;}
	.pro_dd li{width: 45%;height: auto; margin-left: 18px; margin-bottom: 18px;}
	.pro_dd li p{margin-left: -50px;font-size: 15px;}
	.pro_dd li:hover p{-webkit-transform: translate3d(0,-90px,0);	transform: translate3d(0,-90px,0); }
	.pro_dd li p.p2{margin-left: -53px;}
	
	.about{ background: url(../images/about_m.jpg) no-repeat center top; background-size:  414px 600px;height: 600px; width: 100%; overflow: hidden; margin-top: 30px;}
	.about .dt1 .en,.news .tt .en,.case .dt1 .en,.contact .tt .en{font-size: 20px;}
	.about .dt1 .cn,.news .tt .cn,.case .dt1 .cn,.contact .tt .cn{font-size: 16px;}
	.about dt.dt1{padding-top: 50px;}
	.about dd.d1{width: 630px; display: none;}
	.about dd.d1 ul{padding-top: 65px;}
	.about dd.d2{width: 90%;}
	.about dd.d3{ display: none;}
	.about dd.d3 li{width: 188px; height: 105px;}
	.about dd.d2 p{font-size: 13px;}
	.about dd.d3 p.cn{font-size: 14px;}
	.about dd.d3 p.en{display: none;}
	.about dd.d1 li a{font-size: 14px; padding: 2px 15px;}
	.about dd.d2 .more a{margin: 50px auto;}
	
	
	
	.news{background: #fff;}
	.news .tt,.news .dd{width: 100%;}
	.news .dd .am-tab-panel .news_l{width: 100%;}
	.news .dd .am-tab-panel .news_r{width: 700px;}
	.am-tabs-bd .am-tab-panel{padding: 0;}
	.news .dd .am-tab-panel .news_l .l-cont{padding-top: 5px; font-size: 13px;}
	.news_r .r-img img,.news_r .r-img{width: 80px; height: 70px;}
	.news_r .r-img{margin-top: 9px;}
	.news .dd .am-tab-panel .news_l .l-img{background: rgba(0,0,0,0);width: 230px;height: 152px; float: left; margin: 30px 14px 0 20px; display: none;}
	.news .dd .am-tab-panel .news_l img{width: 220px; height: 152px;opacity: 1; }
	.news .dd .am-tab-panel .news_l .l-tit{width: 100%; float: none; padding-top: 10px;font-size: 16px; padding-left: 20px;}
	.news .dd .am-tab-panel .news_l a{ border-bottom: 1px solid #eee;}
	.news .dd .am-tab-panel .news_r{width: 100%;}
	.news .dd .am-tab-panel{padding-bottom: 10px;}
	.news .dd .am-tabs-bd,.am-tabs-bd .am-tab-panel.am-active{position:static;}
	.news .dd .am-tabs-bd{padding-top: 20px;}
	.news .dd .am-tabs-nav{width: 100%;}
	.news .dd .am-tabs-nav li{ margin: 0 5px;}
	.am-tabs-d2 .am-tabs-nav a{padding: 0 10px;}
	.news .dd .am-tab-panel .news_l a{height: auto;}
	.news_r li a{padding: 10px; height: auto;}
	.news_r .r-img{margin-right: 10px;}
	.news_r .r-date{display: none;}
	.news_r .r-cont{font-size: 12px;}
	.news_r .r-tit{padding-bottom: 8px;}
	.news .dd .am-tab-panel .news_r{height:auto;}
	
	
	
	.case{height: 830px;}
	.case dt.dt1{padding-top: 30px;}
	.case dd ul{padding: 30px 0;}
	.case dd{width: 100%;}
	.case dd ul{width: 96%; overflow: hidden; margin: 0 auto;}
	.case dd li{width: 186px; height: 130px; margin: 10px 6px;}
	.work-item .work-description h3{font-size: 14px;}
	.work-description{position: absolute; top: 60%;}
	.contact{height: 480px;}
	.contact .tt{width: 100%;}
	.contact .tt{padding-top: 50px;}
	.contact dd .cn{padding-top: 40px; font-size: 22px;}
	.contact dd .en{padding-bottom: 50px;font-size: 10px;-webkit-text-size-adjust: none;transition: scale(0.833);}
	.b_info{width: 100%; display: none;}
	.contact dd .info .info_left{display: none;}
	.contact dd .info .info_right{float: none; margin: 0 auto;}
	.b_nav{width: 600px; padding-left: 20px;}
	.b_nav li a{padding: 3px 0px; margin: 0 15px;}
	.b_logo img{width: 75%;}
	.bottom .b_copy{font-size: 12px;}
	.bottom .b_copy .support{display: none;}
	
	
	.page_com{width: 100%;}
	.page_com .h_2 .dd li{width: 50%;}
	.page_com .h_1 .dd li .honor_tt{font-size: 14px; font-weight: normal;}
	.dsj{width: 93%; margin: 0 auto;}
	.page_pro{width: 90%;}
	.list_case .slick-slide img,.gccase .case_tt{width: 370px;}
	.gccase{padding-top: 15px;}
	.jdcase .tit{padding: 0;}
	.jdcase .tit .en{font-size: 22px;}
	.jdcase .tit .cn{padding-top: 0; font-size: 16px;}
	.jdcase .case_img{width: 100px; padding-top: 4px;}
	.jdcase li .more{display: none;}
	.page_case .show_tt{font-size: 18px;}
	.page_case .show_info img{width: 100%; height: auto; margin-top: 10px;}
	.gccase .case_tt{height: 30px; padding-top: 5px;}
	.jdcase .case_tt a{font-size: 14px;}
	.jdcase .disc{font-size: 12px; line-height: 20px;}
	.jdcase li{width: 94%;}
	.p_about{width: 90%; background: none; padding-bottom: 10px;}
	.page_info .top1,.page_info .news_list{width: 92%}
	.news_infos{width: 92%; margin: 0 auto;}
	.list_pro li{margin-top: 20px; width: 50%;}
	.list_pro li .pro_tit{height: 30px; margin-top: -30px; padding-top: 5px;}
	.page_case{width: 94%;}
	.page_ser{width: 95%;}
	.page_ser .ser1 p.t1,.ad_tt{font-size: 14px; text-indent: 0; line-height: 24px;}
	.page_ser, .page_ser p{line-height: 27px;}
	.page_cont{width: 96%;}
	.page_cont .map{width: 395px; height: 300px;margin-top: 10px; margin-bottom: 25px; float: none; overflow: hidden;}
	.page_cont .email{padding: 0; float: none; width: 92%; margin: 0 auto; }
	.news_show{width: 92%; margin: 0 auto;}
	.news_infos,.news_infos p{line-height: 26px;}
	.news_infos p{text-indent: 0;}
	.case_ser{width: 90%; margin: 0 auto;background:none;padding: 0px 0 20px 0px;height: 100%;}
	.add_bb{width: 98%;}
	.page_ser .case_add .ad1{width: 100px;}
	.page_ser .case_add .ad2{width: 270px;}
	.banner_bg,.banner_about .banner_img,.page_banner,.banner_news .banner_img,.banner_pro .banner_img,.banner_case .banner_img,.banner_ser .banner_img,.banner_con .banner_img{height: 250px;}
	.banner_font{position: absolute;  top: 90px;}
	.banner_font .b_en{font-size: 20px; padding-bottom: 0; margin-bottom: 6px;}
	.banner_font .b_cn{font-size: 14px;}
	.page_info .position{text-align: left; padding-bottom: 0;}
	.page_type{display: none;}
	.page_com{padding-top: 0;}
	.p_about,.p_about p{font-size: 12px; line-height: 24px;}
	.dsj .ds1 span.year,.dsj .ds2 span.year{font-size: 16px; width: 50px;height: 50px; line-height: 18px; padding-top: 8px;}
	.dsj .ds1,.dsj .ds2{font-size: 12px;}
	.dsj .ds1{text-align: left;}
	.page_info .top1 .pic{display: none;}
	.news_show .news_title{font-size: 18px;}
	.page_info .top1 .disc{font-size: 12px;}
	.list_pro{padding-top: 10px;}
	.show_img img{width: 100%; height: auto;}
	.page_case .show_info{padding-top: 15px;}
	.page_info,.page_case .pager{padding-bottom: 0;}
	.page_ser .case_add li{width: 100%;}
	.news_infos img, .news_infos p img{width: 100%; height: auto;}
	
	.qiti_img{padding: 15px 0 10px 0;}
	.list_qiti{width: 370px; overflow: hidden; margin: 0 auto;}
	.qiti_font .tit{ font-size: 15px;}
	.am-slider-default .am-direction-nav a:before{font-size: 30px!important;}
	.am-slider-default .am-control-nav{position: absolute; bottom: 15px;}
	.am-slider-default .am-control-nav li a,.am-slider-default .am-control-nav li a.am-active{width: 9px; height: 9px;}
	.tabs .tabs-nav a{padding: 7px 30px;}
	.case_font .p1{font-size: 20px; color: #00a8cd; padding-top: 20px;}
	.case_font .p2{font-size: 18px; color: #333; padding:5px 0 10px 0; letter-spacing: 1px;}
	
	.contact dd .info{width: 100%;}

	
}

/*iphone8 375*/
@media screen and (min-width: 375px) and (max-width : 413px){
	.nav{display: none;}
	.am-menu{display: block;}
	.am-menu{display: block; float: right;}
	.am-menu-offcanvas1 .am-menu-toggle{ display:block; color:#fff;  font-size:18px; padding-right:15px;}
	.head{}
	.head .menu{padding-top: 0;}
	.head .logo img{width: 75%;}
	.am-menu-offcanvas1 .am-menu-toggle{position: absolute;  top: -50px;}
	
	.banner li.banner1{background: url( ../images/banner1.jpg) no-repeat center bottom; background-size: 400px 200px;height: 200px;}
	.banner li.banner2{background: url( ../images/banner2.jpg) no-repeat center bottom; background-size: 400px 200px;height: 200px;}
	.banner li.banner3{background: url( ../images/banner3.jpg) no-repeat center bottom; background-size: 400px 200px;height: 200px;}
	.banner li.banner4{background: url( ../images/banner4.jpg) no-repeat center bottom; background-size: 400px 200px;height: 200px;}
	.banner li.banner5{background: url( ../images/banner5.jpg) no-repeat center bottom; background-size: 400px 200px;height: 200px;}
	.banner li.banner6{background: url( ../images/banner6.jpg) no-repeat center bottom; background-size: 400px 200px;height: 200px;}
	.am-slider-a1 .am-control-nav li a.am-active,.am-slider-a1 .am-control-nav li a{width:8px; height: 8px;}
	.banner li.banner1 .font1{padding-top: 70px; width: auto;}
	.banner li.banner1 .font1 img{width: 60%; margin: 0 auto;}
	.banner li.banner1 .font2 img{width: 40%; margin: 0 auto;}
	.banner li.banner1 .font2{padding-top: 15px;}
	.banner li.banner1 .more{display: none;}
	.news .tt{padding-top: 35px;}
	.news .dd{padding-top: 20px;}
	.contact{height: 700px;}
	.nav li{width: 90px;}
	.nav{padding-left: 100px;}
	.head .logo{padding-left: 20px;}
	.banner li.banner1 .more{margin-top: 50px;}
	.banner li.banner1 .more a{padding: 4px 10px 0px 10px; width: 120px; height: 34px;}
	.am-slider-a1 .am-control-nav{position: absolute; bottom: 25px;}
	.product dt{padding: 0 30px 15px 30px;}
	.product{padding-top: 10px;}
	
	.product dt h2.t1{font-size: 15px;}
	.product dt p{line-height: 23px; color: #555;}
	.product dd.d1{width: 1000px;  overflow: hidden; margin: 0 auto;}
	.pro_tt{ display: none;}
	.product dd.d1{width: 100%;}
	.product .pro_tt dt h2.t2{font-size: 22px;}
	.product dd.d2 p{font-size: 13px;}
	
	.product dd.d2 .more{position: absolute; bottom: 30px; width: 100%; overflow: hidden; margin-left: -35px;}
	.product dd.d2 .more a{width: 190px; margin:  0 auto; padding: 8px 20px;}
	.pro_dd{width: 98%;height: auto;margin: 0 auto; float: none; padding-right: 10px;}
	.pro_dd ul{}
	.pro_dd li{width: 46.5%;height:auto; margin-left: 12px; margin-bottom: 12px;}
	.pro_dd li p{margin-left: -42px;font-size: 14px; padding-bottom: 6px;}
	.pro_dd li:hover p{-webkit-transform: translate3d(0,-80px,0);	transform: translate3d(0,-80px,0); }
	.pro_dd li p.p2{margin-left: -48px;}
	.pro_tt{width: 100%;}
	
	.about{ background: url(../images/about_m.jpg) no-repeat center top; background-size:  414px 630px;height: 630px; width: 100%; overflow: hidden; margin-top: 30px;}
	.about .dt1 .en,.news .tt .en,.case .dt1 .en,.contact .tt .en{font-size: 20px;}
	.about .dt1 .cn,.news .tt .cn,.case .dt1 .cn,.contact .tt .cn{font-size: 16px;}
	.about dt.dt1{padding-top: 50px;}
	.about dd.d1{width: 630px; display: none;}
	.about dd.d1 ul{padding-top: 65px;}
	.about dd.d2{width: 90%;}
	.about dd.d3{ display: none;}
	.about dd.d3 li{width: 188px; height: 105px;}
	.about dd.d2 p{font-size: 13px;}
	.about dd.d3 p.cn{font-size: 14px;}
	.about dd.d3 p.en{display: none;}
	.about dd.d1 li a{font-size: 14px; padding: 2px 15px;}
	.about dd.d2 .more a{margin: 50px auto;}
	
	
	
	.news{background: #fff;}
	.news .tt,.news .dd{width: 100%;}
	.news .dd .am-tab-panel .news_l{width: 100%;}
	.news .dd .am-tab-panel .news_r{width: 700px;}
	.am-tabs-bd .am-tab-panel{padding: 0;}
	.news .dd .am-tab-panel .news_l .l-cont{padding-top: 5px; font-size: 13px;}
	.news_r .r-img img,.news_r .r-img{width: 80px; height: 70px;}
	.news_r .r-img{margin-top: 9px;}
	.news .dd .am-tab-panel .news_l .l-img{background: rgba(0,0,0,0);width: 230px;height: 152px; float: left; margin: 30px 14px 0 20px; display: none;}
	.news .dd .am-tab-panel .news_l img{width: 220px; height: 152px;opacity: 1; }
	.news .dd .am-tab-panel .news_l .l-tit{width: 100%; float: none; padding-top: 10px;font-size: 16px; padding-left: 20px;}
	.news .dd .am-tab-panel .news_l a{ border-bottom: 1px solid #eee;}
	.news .dd .am-tab-panel .news_r{width: 100%;}
	.news .dd .am-tab-panel{padding-bottom: 10px;}
	.news .dd .am-tabs-bd,.am-tabs-bd .am-tab-panel.am-active{position:static;}
	.news .dd .am-tabs-bd{padding-top: 20px;}
	.news .dd .am-tabs-nav{width: 100%;}
	.news .dd .am-tabs-nav li{ margin: 0 5px;}
	.am-tabs-d2 .am-tabs-nav a{padding: 0 10px;}
	.news .dd .am-tab-panel .news_l a{height: auto;}
	.news_r li a{padding: 10px; height: auto;}
	.news_r .r-img{margin-right: 10px;}
	.news_r .r-date{display: none;}
	.news_r .r-cont{font-size: 12px;}
	.news_r .r-tit{padding-bottom: 8px;}
	.news .dd .am-tab-panel .news_r{height: auto;}
	.news .dd .am-tabs-bd .more a{font-size: 13px; margin-top: 15px; height: 38px; padding-top: 8px;}
	.case dd .more a{font-size: 13px; height: 38px; padding-top: 8px;}
	
	
	
	.case{height: 770px;}
	.case dt.dt1{padding-top: 30px;}
	.case dd ul{padding: 30px 0;}
	.case dd{width: 100%;}
	.case dd ul{width: 96%; overflow: hidden; margin: 0 auto;}
	.case dd li{width: 46%; height: 116px; margin: 10px 6px;}
	.work-item .work-description h3{font-size: 13px;}
	.work-description{position: absolute; top: 60%;}
	.contact{height: 480px;}
	.contact .tt{width: 100%;}
	.contact .tt{padding-top: 50px;}
	.contact dd .cn{padding-top: 40px; font-size: 22px;}
	.contact dd .en{padding-bottom: 50px;font-size: 10px;-webkit-text-size-adjust: none;transition: scale(0.833);}
	.b_info{width: 100%; display: none;}
	.contact dd .info .info_left{display: none;}
	.contact dd .info .info_right{float: none; margin: 0 auto;}
	.b_nav{width: 600px; padding-left: 20px;}
	.b_nav li a{padding: 3px 0px; margin: 0 15px;}
	.b_logo img{width: 75%;}
	.bottom .b_copy{font-size: 12px;}
	.bottom .b_copy .support{display: none;}
	
	.page_com{width: 100%;}
	.page_com .h_2 .dd li{width: 50%;}
	.dsj{width: 93%; margin: 0 auto;}
	.page_pro{width: 90%;}
	.list_case .slick-slide img,.gccase .case_tt{width: 340px;}
	.gccase{padding-top: 15px;}
	.jdcase .tit{padding: 0;}
	.jdcase .tit .en{font-size: 22px;}
	.jdcase .tit .cn{padding-top: 0; font-size: 16px;}
	.jdcase .case_img{width: 100px; padding-top: 4px;}
	.jdcase li .more{display: none;}
	.page_case .show_tt{font-size: 16px;}
	.page_case .show_info img{width: 100%; height: auto; margin-top: 10px;}
	.gccase .case_tt{height: 30px; padding-top: 5px;}
	.jdcase .case_tt a{font-size: 14px;}
	.jdcase .disc{font-size: 12px; line-height: 20px;}
	.jdcase li{width: 94%;}
	.p_about{width: 90%; background: none; padding-bottom: 10px;}
	.page_info .top1,.page_info .news_list{width: 92%}
	.news_infos{width: 92%; margin: 0 auto;}
	.list_pro li{margin-top: 20px; width: 50%;}
	.list_pro li .pro_tit{height: 30px; margin-top: -30px; padding-top: 5px;}
	.page_case{width: 94%;}
	.page_ser{width: 95%;}
	.page_ser .ser1 p.t1,.ad_tt{font-size: 14px; text-indent: 0; line-height: 24px;}
	.page_ser, .page_ser p{line-height: 27px;}
	.page_cont{width: 96%;}
	.page_cont .map{width: 355px; height: 300px;margin-top: 10px; margin-bottom: 25px; float: none; overflow: hidden;}
	.page_cont .email{padding: 0; float: none; width: 92%; margin: 0 auto; }
	.news_show{width: 92%; margin: 0 auto;}
	.news_infos,.news_infos p{line-height: 26px;}
	.news_infos p{text-indent: 0;}
	.case_ser{width: 90%; margin: 0 auto;background:none;padding: 0px 0 20px 0px;height: 100%;}
	.add_bb{width: 98%;}
	.page_ser .case_add .ad1{width: 100px;}
	.page_ser .case_add .ad2{width: 240px;}
	.banner_bg,.banner_about .banner_img,.page_banner,.banner_news .banner_img,.banner_pro .banner_img,.banner_case .banner_img,.banner_ser .banner_img,.banner_con .banner_img{height: 200px;}
	.banner_font{position: absolute;  top: 90px;}
	.banner_font .b_en{font-size: 20px; padding-bottom: 0; margin-bottom: 6px;}
	.banner_font .b_cn{font-size: 14px;}
	.page_info .position{text-align: left; padding-bottom: 0;}
	.page_type{display: none;}
	.page_com{padding-top: 0;}
	.p_about,.p_about p{font-size: 12px; line-height: 24px;}
	.dsj .ds1 span.year,.dsj .ds2 span.year{font-size: 16px; width: 50px;height: 50px; line-height: 18px; padding-top: 8px;}
	.dsj .ds1,.dsj .ds2{font-size: 12px;}
	.dsj .ds1{text-align: left;}
	.page_info .top1 .pic{display: none;}
	.news_show .news_title{font-size: 18px;}
	.page_info .top1 .disc{font-size: 12px;}
	.list_pro{padding-top: 10px;}
	.show_img img{width: 100%; height: auto;}
	.page_case .show_info{padding-top: 15px;}
	.page_info,.page_case .pager{padding-bottom: 0;}
	.page_ser .case_add li{width: 100%;}
	.dsj_limg{padding-top: 14px;}
	.page_info .news_list .news_date{display: none;}
	.page_info .news_list li{padding: 3px 0;}
	.news_infos img, .news_infos p img{width: 100%; height: auto;}
	.page_info .top1{margin-bottom: 0;}
	.page_case .show_info, .page_case .show_info p{font-size: 12px;}
	.page_ser .ser2, .page_ser .ser3, .page_ser .ser4{padding-top: 20px;}
	
	.qiti_img{padding: 15px 0 10px 0;}
	.list_qiti{width: 340px; overflow: hidden; margin: 0 auto;}
	.qiti_font .tit{ font-size: 15px;}
	.page_com .h_1 .dd li .honor_tt{font-size: 14px; font-weight: normal;}
	.page_com .h_1{padding-top: 15px;}
	.am-slider-default .am-direction-nav a:before{font-size: 26px!important;}
	.am-slider-default .am-control-nav{position: absolute; bottom: 15px;}
	.am-slider-default .am-control-nav li a,.am-slider-default .am-control-nav li a.am-active{width: 8px; height: 8px;}
	.tabs .tabs-nav a{padding: 6px 24px;}
	.case_font .p1{font-size: 20px; color: #00a8cd; padding-top: 20px;}
	.case_font .p2{font-size: 18px; color: #333; padding:5px 0 10px 0; letter-spacing: 1px;}
	.contact dd .info{width: 100%;}

	
}

/*iphone5 <375*/
@media screen and (max-width: 374px) {
	
	.nav{display: none;}
	.am-menu{display: block;}
	.am-menu{display: block; float: right;}
	.am-menu-offcanvas1 .am-menu-toggle{ display:block; color:#fff;  font-size:18px; padding-right:15px;}
	.head{}
	.head .menu{padding-top: 0;}
	.head .logo img{width: 75%;}
	.am-menu-offcanvas1 .am-menu-toggle{position: absolute;  top: -50px;}
	
	.banner li.banner1{background: url( ../images/banner1.jpg) no-repeat center bottom; background-size: 400px 180px;height: 180px;}
	.banner li.banner2{background: url( ../images/banner2.jpg) no-repeat center bottom; background-size: 400px 180px;height: 180px;}
	.banner li.banner3{background: url( ../images/banner3.jpg) no-repeat center bottom; background-size: 400px 180px;height: 180px;}
	.banner li.banner4{background: url( ../images/banner4.jpg) no-repeat center bottom; background-size: 400px 180px;height: 180px;}
	.banner li.banner5{background: url( ../images/banner5.jpg) no-repeat center bottom; background-size: 400px 180px;height: 180px;}
	.banner li.banner6{background: url( ../images/banner6.jpg) no-repeat center bottom; background-size: 400px 180px;height: 180px;}
	.am-slider-a1 .am-control-nav li a.am-active,.am-slider-a1 .am-control-nav li a{width:8px; height: 8px;}
	.banner li.banner1 .font1{padding-top: 70px; width: auto;}
	.banner li.banner1 .font1 img{width: 60%; margin: 0 auto;}
	.banner li.banner1 .font2 img{width: 40%; margin: 0 auto;}
	.banner li.banner1 .font2{padding-top: 15px;}
	.banner li.banner1 .more{display: none;}
	.news .tt{padding-top: 35px;}
	.news .dd{padding-top: 20px;}
	.contact{height: 700px;}
	.nav li{width: 90px;}
	.nav{padding-left: 100px;}
	.head .logo{padding-left: 15px;}
	.banner li.banner1 .more{margin-top: 50px;}
	.banner li.banner1 .more a{padding: 4px 10px 0px 10px; width: 120px; height: 34px;}
	.am-slider-a1 .am-control-nav{position: absolute; bottom: 15px;}
	.product dt{padding: 0 20px 10px 20px;}
	.product{padding-top: 0px;}
	
	.product dt h2.t1{font-size: 15px;}
	.product dt p{line-height: 23px; color: #555; font-size: 12px;}
	.product dd.d1{width: 1000px;  overflow: hidden; margin: 0 auto;}
	.pro_tt{ display: none;}
	.product dd.d1{width: 100%;}
	.product .pro_tt dt h2.t2{font-size: 22px;}
	.product dd.d2 p{font-size: 13px;}
	
	.product dd.d2 .more{position: absolute; bottom: 30px; width: 100%; overflow: hidden; margin-left: -35px;}
	.product dd.d2 .more a{width: 190px; margin:  0 auto; padding: 8px 20px;}
	
	.pro_dd{width: 98%;height: auto;margin: 0 auto; float: none; padding-right: 10px;}
	.pro_dd ul{}
	.pro_dd li{width: 46%;height:auto; margin-left: 12px; margin-bottom: 12px;}
	
	.pro_dd li p{margin-left: -42px;font-size: 14px; padding-bottom: 6px;}
	.pro_dd li:hover p{-webkit-transform: translate3d(0,-70px,0);	transform: translate3d(0,-70px,0); }
	.pro_dd li p.p2{margin-left: -48px;}
	
	.about{ background: url(../images/about_m.jpg) no-repeat center top; background-size:  414px 640px;height: 580px; width: 100%; overflow: hidden; margin-top: 20px;}
	.about .dt1 .en,.news .tt .en,.case .dt1 .en,.contact .tt .en{font-size: 20px;}
	.about .dt1 .cn,.news .tt .cn,.case .dt1 .cn,.contact .tt .cn{font-size: 16px;}
	.about dt.dt1{padding-top: 40px;}
	.about dd.d1{width: 630px; display: none;}
	.about dd.d1 ul{padding-top: 65px;}
	.about dd.d2{width: 90%; padding-top: 35px;}
	.about dd.d3{ display: none;}
	.about dd.d3 li{width: 188px; height: 105px;}
	.about dd.d2 p{font-size: 12px; line-height: 27px;}
	.about dd.d3 p.cn{font-size: 14px;}
	.about dd.d3 p.en{display: none;}
	.about dd.d1 li a{font-size: 14px; padding: 2px 15px;}
	.about dd.d2 .more a{margin: 50px auto;}
	
	
	
	
	.news{background: #fff;}
	.news .tt,.news .dd{width: 100%;}
	.news .dd .am-tab-panel .news_l{width: 100%;}
	.news .dd .am-tab-panel .news_r{width: 700px;}
	.am-tabs-bd .am-tab-panel{padding: 0;}
	.news .dd .am-tab-panel .news_l .l-cont{padding-top: 5px; font-size: 13px;}
	.news_r .r-img img,.news_r .r-img{width: 80px; height: 70px;}
	.news_r .r-img{margin-top: 9px;}
	.news .dd .am-tab-panel .news_l .l-img{background: rgba(0,0,0,0);width: 230px;height: 152px; float: left; margin: 30px 14px 0 20px; display: none;}
	.news .dd .am-tab-panel .news_l img{width: 220px; height: 152px;opacity: 1; }
	.news .dd .am-tab-panel .news_l .l-tit{width: 100%; float: none; font-size: 14px; padding-left: 10px; padding-bottom: 0; padding-top: 0;}
	.news .dd .am-tab-panel .news_l a{ border-bottom: 1px solid #eee; padding-bottom: 12px;}
	.news .dd .am-tab-panel .news_r{width: 100%;}
	.news .dd .am-tab-panel{padding-bottom: 10px;}
	.news .dd .am-tabs-bd,.am-tabs-bd .am-tab-panel.am-active{position:static; padding-bottom: 0;}
	.news .dd .am-tabs-bd{padding-top: 20px;}
	.news .dd .am-tabs-nav{width: 100%;}
	.news .dd .am-tabs-nav li{ margin: 0 5px;}
	.am-tabs-d2 .am-tabs-nav a{padding: 0 10px;}
	.news .dd .am-tab-panel .news_l a{height: auto;}
	.news_r li a{padding: 10px 6px; height: auto;}
	.news_r .r-img{margin-right: 10px; display: none;}
	.news_r .r-date{display: none;}
	.news_r .r-cont{font-size: 12px;}
	.news_r .r-tit{padding-bottom: 8px;}
	.news .dd .am-tab-panel .news_r{height: auto;}
	.news .dd .am-tabs-bd .more a{font-size: 13px; margin-top: 15px; height: 38px; padding-top: 8px;}
	.case dd .more a{font-size: 13px; height: 38px; padding-top: 8px;}
	.am-tabs-d2 .am-tabs-nav a, .am-tabs-d2 .am-tabs-nav li, .am-tabs-d2 .am-tabs-nav>.am-active a{line-height: 28px;}
	.news .dd .am-tab-panel .news_l .l-date,.news .dd .am-tab-panel .news_l .l-cont{padding-left: 10px; padding-bottom: 0; font-size: 12px;}
	.news .dd .am-tab-panel .news_l .l-cont{font-size: 12px; line-height: 20px;}
	.news .dd .am-tabs-bd .more{margin-bottom: 20px;}
	
	
	
	
	.case{height: 690px;}
	.case dt.dt1{padding-top: 30px;}
	.case dd ul{padding: 30px 0;}
	.case dd{width: 100%;}
	.case dd ul{width: 96%; overflow: hidden; margin: 0 auto;}
	.case dd li{width: 45.5%; height: 96px; margin: 10px 6px;}
	.work-item .work-description h3{font-size: 12px; line-height: 18px;}
	.work-description{position: absolute; top: 60%;}
	.contact{height: 420px;}
	.contact .tt{width: 100%;}
	.contact .tt{padding-top: 50px;}
	.contact dd .cn{padding-top: 20px; font-size: 18px;}
	.contact dd .en{padding-bottom: 30px;font-size: 8.5px;-webkit-text-size-adjust: none;transition: scale(0.733);}
	.b_info{width: 100%; display: none;}
	.contact dd .info{width: 100%;}
	.contact dd .info .info_right ul{padding-left: 20px;}
	.contact dd .info .info_left{display: none;}
	.contact dd .info .info_right{float: none; margin: 0 auto;}
	.b_nav{width: 600px; padding-left: 20px;}
	.b_nav li a{padding: 3px 0px; margin: 0 15px;}
	.b_logo img{width: 75%;}
	.bottom .b_copy{font-size: 11px;}
	.bottom .b_copy .support{display: none;}
	
	.page_com{width: 100%;}
	.page_com .h_2 .dd li{width: 50%;}
	.dsj{width: 93%; margin: 0 auto;}
	.page_pro{width: 90%;}
	.list_case .slick-slide img,.gccase .case_tt{width: 300px;}
	.gccase{padding-top: 15px;}
	.jdcase .tit{padding: 0;}
	.jdcase .tit .en{font-size: 22px;}
	.jdcase .tit .cn{padding-top: 0; font-size: 16px;}
	.jdcase .case_img{width: 100px; padding-top: 4px;}
	.jdcase li .more{display: none;}
	.page_case .show_tt{font-size: 16px;}
	.page_case .show_info img{width: 100%; height: auto; margin-top: 10px;}
	.gccase .case_tt{height: 30px; padding-top: 5px;}
	.jdcase .case_tt a{font-size: 14px;}
	.jdcase .disc{font-size: 12px; line-height: 20px;}
	.jdcase li{width: 94%;}
	.p_about{width: 90%; background: none; padding-bottom: 10px;}
	.page_info .top1,.page_info .news_list{width: 92%}
	.news_infos{width: 92%; margin: 0 auto;}
	.list_pro li{margin-top: 20px; width: 50%;}
	.list_pro li .pro_tit{height: 30px; margin-top: -30px; padding-top: 5px;}
	.page_case{width: 94%;}
	.page_ser{width: 95%;}
	.page_ser .ser1 p.t1,.ad_tt{font-size: 14px; text-indent: 0; line-height: 24px;}
	.page_ser, .page_ser p{line-height: 27px;}
	.page_cont{width: 96%;}
	.page_cont .map{width: 305px; height: 300px;margin-top: 10px; margin-bottom: 25px; float: none; overflow: hidden;}
	.page_cont .email{padding: 0; float: none; width: 92%; margin: 0 auto; }
	.news_show{width: 92%; margin: 0 auto;}
	.news_infos,.news_infos p{line-height: 26px;}
	.news_infos p{text-indent: 0;}
	.case_ser{width: 90%; margin: 0 auto;background:none;padding: 0px 0 20px 0px;height: 100%;}
	.add_bb{width: 98%;}
	.page_ser .case_add .ad1{width: 100px;}
	.page_ser .case_add .ad2{width: 190px;}
	.banner_bg,.banner_about .banner_img,.page_banner,.banner_news .banner_img,.banner_pro .banner_img,.banner_case .banner_img,.banner_ser .banner_img,.banner_con .banner_img{height: 180px;}
	.banner_font{position: absolute;  top: 80px;}
	.banner_font .b_en{font-size: 18px; padding-bottom: 0; margin-bottom: 6px;}
	.banner_font .b_cn{font-size: 13px;}
	.page_info .position{text-align: left; padding-bottom: 0;}
	.page_type{display: none;}
	.page_com{padding-top: 0;}
	.p_about,.p_about p{font-size: 12px; line-height: 24px;}
	.dsj .ds1 span.year,.dsj .ds2 span.year{font-size: 16px; width: 50px;height: 50px; line-height: 18px; padding-top: 8px;}
	.dsj .ds1,.dsj .ds2{font-size: 12px;}
	.dsj .ds1{text-align: left;}
	.page_info .top1 .pic{display: none;}
	.news_show .news_title{font-size: 18px;}
	.page_info .top1 .disc{font-size: 12px;}
	.list_pro{padding-top: 10px;}
	.show_img img{width: 100%; height: auto;}
	.page_case .show_info{padding-top: 15px;}
	.page_info,.page_case .pager{padding-bottom: 0;}
	.page_ser .case_add li{width: 100%;}
	.dsj_limg{padding-top: 14px;}
	.page_info .news_list .news_date{display: none;}
	.page_info .news_list li{padding: 3px 0;}
	.news_infos img, .news_infos p img{width: 100%; height: auto;}
	.page_info .top1{margin-bottom: 0;}
	.page_case .show_info, .page_case .show_info p{font-size: 12px;}
	.page_ser .ser2, .page_ser .ser3, .page_ser .ser4{padding-top: 20px;}
	.page_info .top1 .date{display: none;}
	
	.qiti_img{padding: 15px 0 10px 0;}
	.list_qiti{width: 290px; overflow: hidden; margin: 0 auto;}
	.qiti_font .tit{ font-size: 15px;}
	.page_com .h_1 .dd li .honor_tt{font-size: 14px; font-weight: normal;}
	.page_com .h_1{padding-top: 15px;}
	.am-slider-default .am-direction-nav a:before{font-size: 26px!important;}
	.am-slider-default .am-control-nav{position: absolute; bottom: 15px;}
	.am-slider-default .am-control-nav li a,.am-slider-default .am-control-nav li a.am-active{width: 7px; height: 7px;}
	.tabs .tabs-nav a{padding: 5px 20px; margin: 0 4px;}
	.case_font .p1{font-size: 18px; color: #00a8cd; padding-top: 20px;}
	.case_font .p2{font-size: 16px; color: #333; padding:5px 0 10px 0; letter-spacing: 1px;}
	.contact dd .info{width: 100%;}

}