@import url('import.css');
@font-face {font-family: "iconfont";
  src: url('../fonts/iconfont.eot?t=1466415132'); /* IE9*/
  src: url('../fonts/iconfont.eot?t=1466415132#iefix') format('embedded-opentype'), /* IE6-IE8 */
  url('../fonts/iconfont.woff?t=1466415132') format('woff'), /* chrome, firefox */
  url('../fonts/iconfont.ttf?t=1466415132') format('truetype'), /* chrome, firefox, opera, Safari, Android, iOS 4.2+*/
  url('../fonts/iconfont.svg?t=1466415132#iconfont') format('svg'); /* iOS 4.1- */
}
.wraper { width:1200px; margin:0 auto; text-align: center; z-index: 33;  }
.nav4 { display: none; }
.b_about { height: 480px; background: url(../images/b_about.jpg) no-repeat center top; background-size: 100%;-webkit-background-size: cover;-moz-background-size: cover;-o-background-size: cover;background-size:cover;  }
.b_news { height: 480px; background: url(../images/b_news.jpg) no-repeat center top; background-size: 100%;-webkit-background-size: cover;-moz-background-size: cover;-o-background-size: cover;background-size:cover; }
.b_events { height: 480px; background: url(../images/b-events.jpg) no-repeat center top; background-size: 100%;-webkit-background-size: cover;-moz-background-size: cover;-o-background-size: cover;background-size:cover; }
.b_zhuanti { height: 480px; background: url(../images/b-zhuanti.jpg) no-repeat center top; background-size: 100%;-webkit-background-size: cover;-moz-background-size: cover;-o-background-size: cover;background-size:cover; }
.b_products { height: 480px; background: url(../images/b_products.jpg) no-repeat center top; background-size: 100%;-webkit-background-size: cover;-moz-background-size: cover;-o-background-size: cover;background-size:cover; }
.b_case { height: 480px; }
.b_service { height: 480px; background: url(../images/b_service.png) no-repeat center top; background-size: 100%;-webkit-background-size: cover;-moz-background-size: cover;-o-background-size: cover;background-size:cover;}
.b_contact { height: 480px; background: url(../images/b-contact.jpg) no-repeat center top; background-size: 100%;-webkit-background-size: cover;-moz-background-size: cover;-o-background-size: cover;background-size:cover;}
 
.home_intro { padding:20px; line-height: 26px; font-size: 14px;  }
.text-indent { text-indent: 2rem; }
 /* ----------------------------------------class css -----------------------*/
.back {
    background: #333; padding: 6px 22px; border-radius: 2px; color: #fff; font-size: 12px;
}
.back:hover {
    background: #e75c22; color: #fff;
}

*, *:after, *:before { border-box; box-sizing: border-box; }
.clearfix:before, .clearfix:after { content: ''; display: table; }
.clearfix:after { clear: both; }
.header { background-color: #002f76; height: 80px; width: 100%; padding: 15px 0; }
h3 { font-weight: 300; } 
/* ---------- class css end   ------------  */
.class-pos-name {  display: block; padding-top: 280px; text-align: left; }
.class-pos-name h3 { font-size: 36px; color: #fff; font-weight: 400; }

.class-nav { position: relative;   z-index: 9; background: #fff; width: 100%;  }
.class-nav .about-nav,.c-nav-fixed .about-nav { display: flex;  margin:0 auto; width:620px; justify-content: space-between; align-content: center; }
.about-nav li { list-style: none;height: 45px; line-height: 45px; border-bottom: #fff solid 2px; }
.about-nav li.active { border-bottom: #1d2384 solid 2px; }
.about-nav li a { color: #666; font-weight: 300; }
.about-nav li.active a, .about-nav li:hover a { color: #1d2384; }

.c-nav-fixed { position: fixed;  top: 0; left: 0;  }

.c-aboutbg { min-height: 330px; background: #f7f7f7; padding: 20px 0; }
.c-aboutbg .about-info { text-align: left; font-size: 14px; line-height: 24px; }
.c-aboutbg .about-info p { margin-bottom: 10px; }
.c-aboutbg .about-info p img, .c-aboutbg .about-info img { max-width: 100%; width: 100%; }

.c-twobg { min-height: 330px;  padding: 20px 0; }
.p50 { padding-left: 50px; padding-right: 50px; }

.class-nav-title h3 { font-size: 26px; font-weight: 300; color: #666; margin-bottom: 10px;  }

/*-------------------------- product-list page style ---------------*/
.class-products { position: relative; }
.class-products dl.cate { display: -webkit-flex; display: flex; justify-content:flex-start; align-items: stretch; padding: 10px  20px 10px 0; background: url(../images/hr_bg.jpg) repeat-x bottom; }
.class-products dl.cate dt { min-width: 65px; display: inline-flex; font-size: 12px; padding-top: 5px; margin-right: 20px; color: #000; }
.class-products dl.cate dd { display: -webkit-flex; display: flex; justify-content:flex-start; align-items: flex-start; flex-wrap: wrap; }
.class-products dl.cate dd a { display: inline-flex; margin-right: 10px; margin-top: 2px; margin-bottom: 2px; padding: 3px 7px; border-radius: 2px; font-size: 12px; display: inline-block; border: #ccc solid 1px; color: #333;   }
.class-products dl.cate dd a.active,.class-products dl.cate dd a:hover { border: #1d2384 solid 1px; color: #1d2384;  }
.class-products dl.cate dd a:hover { color: #1d2384; }
.class-products dl.cate dd a.active:hover { color: #1d2384; }

.class-products dl.cates {display: -webkit-flex; display: flex; justify-content:flex-start; align-items: stretch; padding: 10px  20px 10px 0; background: url(../images/hr_bg.jpg) repeat-x bottom; }
.class-products dl.cates dt { min-width: 75px; display: inline-flex; font-size: 12px; padding-top: 2px; margin-right: 10px; color: #000; }
.class-products dl.cates dd {  display: -webkit-flex; display: flex; justify-content:flex-start; align-items: flex-start; flex-wrap: wrap; }
.class-products dl.cates dd a { display: inline-flex; margin-right: 10px; margin-top: 2px; margin-bottom: 2px; padding: 3px 7px; border-radius: 2px; font-size: 12px; display: inline-block; border: #ccc solid 1px; color: #333;  }
.class-products dl.cates dd a.active,.class-products dl.cates dd a:hover { border: #1d2384 solid 1px; color: #1d2384;  }
.class-products dl.cates dd a:hover { color: #1d2384; }
.class-products dl.cates dd a.active:hover { color: #1d2384; }

.home-products { padding:10px 0 20px;  }
.home-products h3 { font-size: 26px; font-weight: 300; color: #222; }

.swiper-products { display: flex; justify-content: flex-start; flex-wrap: wrap; margin-top: 20px;   margin: 10px 0 15px; width: 100%; }
.swiper-products li { list-style: none; width:24%; margin-right:1.333%; margin-top: 15px; }
.swiper-products li:nth-child(4n) {  margin-right:0; }
.swiper-products li .item { width: 100%;}
.swiper-products li .item img { width: 100%; max-height: 200px; }
.swiper-products li .item p { height: 32px; line-height: 32px;  color: #8e9eb2; }
.swiper-products li .item p a { color: #8e9eb2; font-size: 14px; }
.swiper-products .tags {   display: flex; flex-wrap: wrap; }
.swiper-products .tags a { margin:5px 5px 0 0; padding: 3px 5px; border-radius: 2px; font-size: 12px; display: inline-block; border: #ccc solid 1px; color: #333; }

.swiper-designerlist { display: flex; flex-wrap: wrap; margin-top: 20px;   margin: 10px 0 15px; width: 100%; }
.swiper-designerlist li { list-style: none;width:255px; margin-left: 20px; margin-top: 15px;  top: 0;}
.swiper-designerlist li .item { position: relative; }
.swiper-designerlist li:nth-child(4n+1) { margin-left:0; }
.swiper-designerlist li .item img { width: 255px; height: 200px; }
.swiper-designerlist li .item p { line-height: 26px; text-align: left; color: #000; }
.swiper-designerlist li .item p a { color: #000; font-size: 14px; }
.swiper-designerlist .tags {   display: flex; flex-wrap: wrap; }
.swiper-designerlist .tags a { font-size: 12px;  color: #333; }

/*-------------------------- pro-show page style ---------------*/
#ptabs,#ctabs,#ddtabs {  z-index: 9;  background: #fff; }
#ptabs { display: none; }


.page-postion { padding: 15px 0 10px; font-size: 14px; border-bottom: #dedede solid 1px; text-align: left; }
.page-postion span { font-size: 14px; }
.page-inner { display: flex;  margin-top: 35px; position: relative; }
.page-inner .navbg { position: absolute;}
.page-inner ul.page-nav { width: 220px; text-align: left; position:  fixed; z-index: 9; }
.page-inner ul.page-nav li { list-style: none; padding: 8px; border-bottom: #eee solid 1px; font-size: 14px; }
.page-inner ul.page-nav li:first-child {  border-top: #eee solid 1px; }
.page-inner ul.page-nav li img { max-height: 16px; float: left; margin-top: 3px; margin-right: 10px; }
.page-inner ul.page-nav li span { font-size: 16px; margin-right: 4px; }
.page-inner ul.page-nav li.active a { color: #1d2384; }
.page-inner .page-content {  margin-left: 220px;  min-height: 400px; width: 100%; padding-left: 50px; text-align: left; }
.page-content h3 { font-size: 18px; line-height: 30px; margin-bottom: 15px; font-weight: 400; color: #555; }
.page-content dl.tabs { margin-bottom: 15px; }
.page-content dl.tabs dt { min-height: 35px; padding: 16px 0; display: flex; justify-content: center; justify-content: center; background: url(../images/hr_bg.jpg) repeat-x  left 30px;  }
.page-content dl.tabs dt a { padding:1px 10px; background: #fff; font-size: 18px; color: #232323; }
.page-content dl.tabs dt span { color: #fff; font-size: 14px; }
.page-content dl.tabs dd img { margin-bottom: 10px; max-width: 100%; }
.solution .first-dl { margin-top: 45px; }

.page-content .information { margin-bottom: 25px; font-size: 14px; line-height: 22px; }
.page-content .information p { margin-bottom: 7px; font-size: 14px; line-height: 22px; }

.inquire { margin: 30px 100px 100px; text-align: center;  display: flex; justify-content: center; align-content: center; }
.infos { margin: 100px 30px 0; font-size: 14px; line-height: 25px; text-align: left; }
.infos p { text-indent: 2em; line-height: 30px; }
.inquire form { display: inline-flex; }
.inquire input[type="text"] { height: 34px; border: #dedede solid 1px; border-radius: 3px; width: 280px; line-height: 30px; padding: 5px; color: #666; margin-right: 5px; }
.inquire .submit-btn { background: #365bc0; border-radius: 3px; border: 0; padding: 7px 15px; font-size: 14px; color: #fff;  }
.inquire .submit-btn span { font-size: 16px; }

.case-content { text-align: left; padding: 15px 0; }
.case-content h3 { color: #000; }


.case-content .page-pro-case { display: flex;  flex-wrap:  wrap; align-content: space-between; }
.case-content .page-pro-case li { list-style: none;width:255px;text-align: center;margin-left: 20px;margin-top: 15px;line-height: 30px; }
.case-content .page-pro-case li img { height: 190px; width: 190px; }
.case-content .page-pro-case li:nth-child(4n+1) { margin-left:0; }

.case-content .page-pro-like {  margin-top: 20px; display: flex; flex-wrap:  wrap; justify-content: flex-start;  margin: 10px 0 15px; width: 100%; }
.case-content .page-pro-like li { list-style: none;width:24%; margin-left: 1.333%; margin-top: 15px;  top: 0;}
.case-content .page-pro-like li .item { position: relative; }
.case-content .page-pro-like li:nth-child(4n+1) { margin-left:0; }
.case-content .page-pro-like li .item img { width: 100%; max-height: 200px; }
.case-content .page-pro-like li .item p {  width:100%; bottom: 4px; height: 32px; line-height: 32px; text-align: center; }
.case-content .page-pro-like li .item p a { color: #8e9eb2; font-size: 14px; }

.case-content .page-pro-like .tags {   display: flex; flex-wrap: wrap; }
.case-content .page-pro-like .tags a { margin:5px 5px 0 0; padding: 3px 5px; border-radius: 2px; font-size: 12px; display: inline-block; border: #ccc solid 1px; color: #333; }

.case-content .pro-search { position: relative; display: flex;  }
#parent{
    background: url('https://www.paalermat.com/UploadFile/down.png') right center no-repeat; 
   /* the width and the height of your image */
    width: 100px;
    height: 34px;
    overflow: hidden;
    border: solid 1px #ccc;
    border-right: none; margin-top: 10px;
}

#parent select{
    -webkit-appearance:none;
    -moz-appearance:none;
    appearance:none;
    background:transparent;
    border:none;
    padding-left:10px;
    width: 120px;
    height:100%;    
}
.case-content .pro-search input { width: 980px; padding: 8px; margin-top: 10px;  }
.case-content .pro-search span { position: absolute; cursor: pointer; right: 12px; top: 16px; font-size: 16px; }

/*----------------------------------  case list page style  -------*/
.home-cases { margin: 10px 0 0; position: relative; }

.home-cases .cases-list { display: flex; flex-wrap:  wrap; align-content: space-between; margin: 10px 0 15px; width: 100%; }
.home-cases .cases-list li{ list-style: none;width:180px;  margin-top: 25px; margin-bottom: 10px; }
.home-cases .cases-list li img {  height: 175px; width: 175px;  }
.home-cases .cases-list li:hover a { color: rgba(25,39,132,1); }


/*----------------------- case show page style ----------*/
.page-case-prolike { display: flex; flex-wrap:  wrap; align-content: space-between;  width: 100%; }
.page-case-prolike li { list-style: none;width:195px; margin-left: 10px; margin-top: 10px; top: 0;}
.page-case-prolike li .item { position: relative;  }
.page-case-prolike li:nth-child(4n+1) { margin-left:0; }
.page-case-prolike li .item  img { max-width: 195px; min-height: 150px; }
.page-case-prolike li .item  p { position: absolute;width:195px; bottom: 14px; height: 32px; line-height: 32px; background: rgba(0,0,0,0.5); color: #fff;text-align: center; }
.page-case-prolike li .item  p a { color: #fff; font-size: 14px; }
.page-case-prolike li:hover .item  p { background: rgba(25,39,132,0.5); }
.page-case-prolike .tags {   display: flex; flex-wrap: wrap; }
.page-case-prolike .tags a { margin:0 5px 5px 0; padding: 3px 5px; border-radius: 2px; font-size: 12px; display: inline-block; border: #ccc solid 1px; color: #333; }


.page-like-case { display: flex;  flex-wrap:  wrap; align-content: space-between; }
.page-like-case li { list-style: none; width:160px; font-size: 14px; text-align: center; margin-top:10px;margin-bottom:20px; line-height: 30px; }
.page-like-case li img { height: 160px; width: 160px; }


/*------------------- ----- soulution page style ------- */
.page-content .tabs-nav {   width: 810px; margin-top: -2px; justify-content: space-between; align-content: center; position: ; margin-bottom: 10px; }
.page-content .tabs-nav li { list-style: none;width: 33.333%; float: left; border: #dedede solid 1px; height: 38px; line-height: 38px; text-align: center; background: #fff; font-size: 14px; }
.page-content .tabs-nav li.active { border: #365bc0 solid 1px; background: #365bc0; color: #fff; }

.add-height { height: 360px; position: absolute; width: 1px; left: 0; top: 0; z-index: -1; }
.qq-service { margin: 30px 0 30px 270px; text-align: center; display: flex; justify-content: center; align-content: center; }
.qq-service .qq-inner { width: 380px; font-size: 14px; border: #dedede solid 2px; padding: 30px; text-align: center; }
.qq-service .qq-inner a { color: #365bc0; }


/*--------------------------  专题 page style   -------------------*/

.page-message { margin:30px; }
.page-message dl.info dt { font-size: 16px; padding:10px; border-bottom: #dedede solid 1px; text-align: center; color: #444;  }
.page-message dl.info dd { padding: 15px 0; line-height: 21px; }
.page-message dl.info dd p { margin-bottom: 10px; color: #666; font-size: 14px; text-align: left; }
.page-message dl.info dd img { max-width: 1020px; }


/*------------------------------events page style ----*/

.page-video { display: flex; flex-wrap:  wrap; align-content: space-between;  width: 100%; }
.page-video li { list-style: none;width:195px; margin-left: 10px; margin-bottom: 20px; position: relative; top: 0;}
.page-video li:nth-child(4n+1) { margin-left:0; }
.page-video li img { max-width: 195px; }
.page-video li p {  width:195px;  height: 40px; font-size: 14px; line-height: 23px;  text-align: center; }
 


/*-------------------------- page guest style ---------------*/

.feedback { padding: 30px 0; }
.feedback .form-list { display: flex; flex-direction: row; justify-content: space-between; align-content: center; }
.feedback .feedback-form { flex: 6; text-align: left; }
.feedback .feedback-form h3 { font-size: 20px; font-weight: 300; color: #365bc0; }
.feedback .feedback-form h3 span { font-size: 16px; }
.feedback .feedback-form input[type='text'] { width: 45%; margin-right: 10px; border:#dedede solid 1px; padding: 5px; height: 30px; margin-top: 15px; }
.feedback .feedback-form  .feed-submit { margin: 15px 0; display: flex; align-content: center; }
.feedback .feedback-form  .feed-submit .submit-btn { background: #365bc0; border: none; padding: 5px 15px; font-size: 14px; color: #fff; }
.feed-submit .feed-msg { margin:5px 0 0 20px; display: none; font-size: 14px; color: #ff0000; }
.feed-submit .feed-msg.green { color: #4ca913 }
.feed-submit .submit-btn span,.feed-submit .feed-msg span { font-size: 16px; }

.feedback .feedback-form textarea { width: 92%; border: #dedede solid 1px; height: 80px; line-height: 21px; padding: 5px; margin-top: 15px;  }
.feedback .feed-contact { position: relative;  flex: 3; display: flex; flex-wrap: wrap; justify-content: flex-start; align-content: flex-start; margin-top: 40px; }
.feedback .feed-contact .line { position: absolute;left: 0; top: 0; width: 1px; background: #ddd; height: 170px; }
.feedback .feed-contact li { list-style: none;margin-left: 60px; text-align: left; padding-bottom: 12px; display: flex; font-size: 14px; }
.feedback .feed-contact li span { font-size: 16px; margin-right: 5px; margin-top: 2px; }
.feedback .feed-contact li:last-child p { line-height: 30px; }
.feed-contact li a:hover { color: #1d2384; }

/*--------------------------------------------------------------*/

#sitemap h3 { font-size: 1rem; margin: 5px 0; padding: 0;  }
#sitemap h3 a { color: #000; }
#sitemap > div { border: #dedede solid 1px; padding: 10px 15px;  display: flex; align-items: center; justify-content: left; flex-wrap: wrap; }
#sitemap > div h4 { color: #222; font-size: 14px; font-weight: normal; width: 100%; }
#sitemap > div span { display: inline-block; padding: 5px 0; width: 14.28%; text-align: left;  }
#sitemap > div span a { font-size: 14px; color: #666; }

#contactus ul.tabs {  display: flex; background: #e8e8e8; align-items: center; justify-content: space-between; flex-wrap: nowrap; }
#contactus ul.tabs li { list-style: none;text-align: center; padding: 7px 0; flex: 1; }
#contactus ul.tabs li.active { background: #1d2384; }
#contactus ul.tabs li a { color: #333; font-size: 14px; }
#contactus ul.tabs li.active a { color: #fff;  }
/*-------------------------- news style ---------------*/

.event-news-list { margin: 0; }
.event-news-list li { list-style: none;min-height: 40px; text-align: left; border-bottom: #eee solid 1px; line-height: 40px; font-size: 14px; }
.event-news-list li span { float: right; }
.event-news-list li.piclist { border-bottom: none; line-height: 22px; min-height: 110px; margin-bottom: 5px; text-align: left; }
.event-news-list li.piclist img { max-height: 100px; max-width: 200px;  float: left; margin-right: 20px;  }
.event-news-list li.piclist h3 { font-size: 16px; margin-bottom: 0;  }
.event-news-list li.piclist p { font-size: 12px; }

.page-content dl.inner dt { font-size: 16px; padding:0 10px 10px; border-bottom: #dedede solid 1px; text-align: center; color: #444;  }
.page-content dl.inner dd { padding: 15px 0; line-height: 21px; }
.page-content dl.inner dd p { margin-bottom: 10px; color: #666; font-size: 14px; text-align: left; }
.page-content dl.inner dd img { max-width: 100%; }

.pagination { font-size: 12px; line-height:25px; }
.pagination li { list-style: none;float:left; font-size: 12px; line-height:25px; }
.pagination.alternate li a {
	font-size: 12px;
	padding: 4px 10px !important; font-family: Arial;
	display: inline-block;
	line-height: 16px;
	background: #f5f5f5;
	color: #333333;
	 
}
.pagination.alternate li a:hover {
	background: #e8e8e8;
	color: #222222;
	text-shadow: 0 1px 0 #ffffff;
	cursor: pointer;
}
.pagination.alternate li.disabled a {
	color: #AAAAAA !important;
}
.pagination.alternate li.disabled a:hover {
	background: #f5f5f5;
	cursor: default !important;
}
.pagination.alternate li.active a {
	background: #41BEDD !important;
	color: #ffffff !important;
	cursor: default !important;
}

// --------------------------- two ---------------
.home-clients { padding:10px 0 20px; background: #f7f7f7;   }
.home-clients ul.clients-list { display: flex; flex-wrap: wrap; }
.home-clients ul.clients-list li { list-style: none;width: 115px; margin: 5px 5px 0 0;}
.home-clients ul.clients-list li img { width: 115px; height: 115px; }
.home-clients ul.clients-list li:nth-child(9n) { margin: 5px 0 0 0; }
.home-clients ul.clients-area { display: flex; margin-top: 15px; padding-bottom: 5px; flex-wrap: nowrap; }
.home-clients ul.clients-area li { width: 180px; list-style: none; font-size: 16px; color: #000; text-align: left; }
.home-clients .area-list { width: 100%; height: 120px; overflow: hidden;  }
.home-clients .area-list li { list-style: none; width: 143px; margin-right: 11px;  line-height: 23px; text-align: left; display: flex; flex-direction: column; float: left;  }
.home-clients .area-list li a { font-size: 12px; overflow:hidden;
    text-overflow:ellipsis;
    -o-text-overflow:ellipsis;
    -webkit-text-overflow:ellipsis;
    -moz-text-overflow:ellipsis;
    white-space:nowrap;  }
.home-clients .clients-more { display: flex; margin: 5px 0; justify-content: center; align-content: center; }
.home-clients .clients-more a { font-size: 16px;   color: #333; padding: 5px 12px; border-radius: 2px;}
.home-clients .clients-more a span { font-size: 11px; }

.zhuanli {   overflow: hidden; } 
.zhuanli li { list-style: none;background: #fff; /*min-height: 350px;*/ border-bottom-left-radius: 7px; border-bottom-right-radius: 7px; }
.zhuanli li img  { max-width: 200px; border-radius: 4px; margin-bottom: 5px; }
.zhuanli li h3 { font-size: 14px; line-height: 26px; text-align: left; text-align: left;  font-weight: 400; color: #454545; }

.page-zt-list {  display: flex; margin: 0 auto 20px; justify-content: space-between; align-items:center; padding-top: 20px; }
.page-zt-list li  { list-style: none; text-align: center; font-size: 14px; color: #fff; }
.page-zt-list li img { max-width: 200px; margin-bottom: 5px; }
.page-zt-list li a {  font-size: 14px; line-height: 26px; text-overflow:ellipsis; overflow:hidden; white-space:nowrap; text-align: left; font-weight: 400; color: #454545; }

#productsList { width: 960px; }


@media screen and (max-width: 1600px) {
    .swiper-container {
        height: 520px;
    }
    .swiper-designer {
        height: 450px;
    }

    .b_about, .b_news, .b_case, .b_service,.b_events,.b_contact,.b_zhuanti {
        height: 450px;
        background-size: 100%;
    }
}

@media screen and (max-width: 1440px) {
    .swiper-container {
        height: 470px;
    }
    .swiper-designer {
        height: 400px;
    }
    .b_about, .b_news, .b_case, .b_service,.b_events,.b_contact,.b_zhuanti  {
        height: 400px;
    }
}

@media screen and (max-width: 1280px) {
    .swiper-container {
        height: 420px;
    }
    .swiper-designer {
        height: 370px;
    }
    .b_about, .b_news, .b_case, .b_service,.b_products,.b_events,.b_contact,.b_zhuanti  {
        height: 370px;
    }
}

@media screen and (max-width: 1024px) { 
        .swiper-container { height: 350px; }
        .swiper-designer {
            height: 360px;
        }
        .b_about,.b_news,.b_case,.b_service { height: 360px; }
        .wraper { width: 96%; margin: 0 2%; }
        #ptabs,#ctabs,#ddtabs { width: 100%; display: block;  }
        .index-nav .home-nav,.c-nav-fixed .home-nav { width:100%; }
        .home-nav li a { font-size: 16px; }
        #header #mnav { display: none;  }
        
        #header { min-height: 85px; }
        #header h1 img { max-width: 260px; }
        #header .top .formSearchs input { border:#dedede solid 1px; height:28px; line-height: 28px; }
        #header .top .formSearchs span {  font-size: 16px;   }
        #header .top span.sina,#header .top span.wechat { font-size: 18px; }
        #header .top span.tel { font-size: 20px; }
        #header .top span.language { font-size: 20px;  }
        #header .top span.english { font-size: 20px;  }
        #header ul#menu li  { font-size: 14px;  }

        .home-clients ul.clients-list li { width: 10%; margin: 5px 0 0 0;}
        .home-clients ul.clients-list li img { width: 100%; height: 100%; }
        .home-clients ul.clients-list li:nth-child(9n) { margin: 5px 0 0 0; }
        .home-clients .area-list { width: 100%; height: 100%;   }
        .home-clients .area-list li { width: 14.26%; margin-right: 0;  line-height: 23px;    }
        .home-clients .area-list li a { font-size: 12px; }
        .home-clients .clients-more { display: none; }
        .vertical-menu { display: none; }
 
        .footer {  height:1050px;   }
        .footer .footer-icon-nav {    }
        .footer .footer-icon-nav li  { font-size: 12px; }
        .footer .footer-icon-nav li img { max-width: 155px; }
        .footer .footer-icon-nav li a { color: #fff; }

        .footer .class-list li a { font-size: 12px; }
        .footer .class-list li a:first-child{ font-size: 14px; margin-bottom: 7px; }
        .footer .ft-webclients a {  font-size: 12px;   }
        .footer .copyright { display: block;   } 
 

}

@media screen and (max-width: 768px) { 
       
        * { font-family: 'webfonts'; }
        .home-nav li a { font-size: 14px; }
        .swiper-container { height: 280px; }
        .swiper-designer {
            height: 300px;
        }

        #productsList { width: 100%; }
 
        #header ul#menu { width: 450px; }
        #header ul#menu li  { font-size: 12px;  }
         .home-news-list li h3, .home-news-list li a { font-size: 12px; }

        #header { 
                background-color: #202020;
        }
        #header .top { height: 40px;  }
        #header .top > div {  margin-left: 15px;  }
        #header .top .enwebsite { margin-right: 15px; }

         .footer {  height:790px;   }
        .footer .footer-icon-nav li  { font-size: 12px; }
        .footer .footer-icon-nav li img { max-width: 120px; }
       


} /*兼容平板*/
@media screen and (max-width: 640px) {
    .b_about,.b_news,.b_case,.b_service { height: 200px; }
    .swiper-designer {
        height: 200px;
    }
        
} /*兼容手机*/
@media screen and (max-width: 480px) {
        * { font-family:'Helvetica Neue', 'Lato', 'Segoe UI', Helvetica, Arial, sans-serif; }
        .nav4 { display: block; }
        .swiper-container {
            height: 150px;
         }
        .swiper-designer {
            height: 150px;
        }
        #header { min-height: 91px; position: relative; z-index: 99;  }
        #header ul#menu { display: none; }
        .home-nav li a { font-size: 14px; }
        #header #mnav { display: none; z-index: 99999; position: absolute; top: 90px; right: -5px; width: 40%; }
        #header #mnav > ul { padding: 5px; background: #fff; padding-bottom: 10px; }
        #header #mnav > ul li { list-style: none; border-bottom: #efefef solid 1px; padding: 5px; }
        #header #mnav > ul li:last-child { border-bottom: none; }
        #header #mnav > ul li a { font-size: 14px; }
        #header .top { height: 35px; position: absolute; top: 5px; right: 0; width: 100%;   }
        #header .top .formSearchs { flex:3; display: flex; align-items: center; margin-right: 20px;  }
        #header .top .formSearchs input { width: 100%; height:28px; line-height: 28px; padding-left: 10px; }
        #header .top .formSearchs span { margin-left: -30px; font-size: 18px; cursor: pointer; }
        .header h1 { margin-top: 5px; width: 100%; }

        .home-clients ul.clients-list li { width: 20%; margin: 5px 0 0 0;}
        .home-clients .area-list { width: 100%; height: 100%;   }
        .home-clients .area-list li { width: 14.26%; margin-right: 0;  line-height: 23px;   }
        .home-clients ul.clients-area { display: flex; margin-top: 15px; padding-bottom: 5px; flex-wrap: nowrap; }
        .home-clients ul.clients-area li {  font-size: 12px; color: #000; text-align: left; }

        .footer {  height:610px;   }
        .footer .footer-icon-nav {  flex-wrap: wrap;   }
        .footer .footer-icon-nav li  {  flex:1; min-width: 33.3%; max-width: 33.3%; width: 33.3%; }
        .footer .footer-icon-nav li img { max-width: 125px; margin-bottom: 5px; }

        .footer .class-list { display: flex; margin: 0 auto 20px; flex-wrap: wrap;  justify-content: space-between; align-items:flex-start; }
        .footer .class-list li { flex:1; min-width: 20%; max-width: 20%; width: 20%; margin-right: 0;  line-height: 23px; text-align: center;  }
        .footer .class-list li a:first-child{ font-size: 14px; }
        .footer .class-list li:last-child { flex: 5; text-align: left; margin-top: 20px; margin-left: 2%; min-width: 98%; max-width: 98%; width: 98%; }
        .footer .copyright img { max-width: 96%; }
        .footer .copyright p { padding-bottom: 10px;}
        .c-aboutbg .about-info p { font-size: 12px;  }

        #mob-menu { display: block; }

        .class-nav .about-nav,.c-nav-fixed .about-nav { background: #fff;  margin:0 auto; width:100%; }
        ul.about-nav li a { font-size: 14px;}

        .feedback { padding: 20px 0; }
        .feedback .form-list { display: block;  }
        .feedback .feedback-form {  width:96%; margin-left:4%;  }
        .feedback .feedback-form textarea { width: 93%; }
  
        .class-products dl.cate dt { display: none;}
        .class-products dl.cates dt { display: none; }
        .class-products dl.cate dd a { font-size: 12px; padding: 2px 4px; }
        .class-products dl.cates dd a {  font-size: 12px; padding: 2px 4px;  }

        .swiper-products li { width:48%; margin-right: 2%;  }
        .swiper-products li:nth-child(2n) { margin-right:0; }
        .swiper-products li:nth-child(4n) { margin-right:2%; }
        .swiper-products li .item img { width: 100%; height: 100%; }
        .swiper-products li .item p { width:100%; bottom: 3px;  }
        .swiper-products li .item p a { font-size: 12px; }

        .swiper-designerlist li { width:49%; margin-left: 2%;  }
        .swiper-designerlist li:nth-child(2n+1) { margin-left:0; }
        .swiper-designerlist li .item img { width: 100%; height: 100%; }
        .swiper-designerlist li .item p { width:100%; bottom: 3px;  }
        .swiper-designerlist li .item p a { font-size: 12px; }

        .page-postion { padding: 10px 0; font-size: 12px;  }
        .page-postion span { font-size: 12px; }
  
        .page-inner ul.page-nav { width:100%; margin-left: -10px;   margin-right: -20px; min-width: 100%; display: flex; flex-wrap: wrap; }
        .page-inner ul.page-nav li { border-top: none; background: rgba(8,87,176,0.6); flex:1; min-width: 25%; width: 25%; padding: 8px 0; margin: 0; font-size: 12px; text-align: center; }
        .page-inner ul.page-nav li:first-child {  border-top: none; }
        .page-inner ul.page-nav li img,.page-inner ul.page-nav li span { display: none; }
        .page-inner ul.page-nav li a { color: #dedede; }
        .page-inner ul.page-nav li.active a { font-weight: bold; color:#fff; }

        .page-inner .page-content {  margin-left: 0; width: 100%; padding-left: 0; text-align: left;  }
        .page-content dl.tabs dd, .page-content dl.tabs dd p { font-size: 12px;  }
 
        .case-content .page-pro-case li {  width:33.333%; margin-left:0;margin-top: 10px;line-height:26px; }
        .case-content .page-pro-case li img { width: 100%; height: auto;  }
        .case-content .page-pro-case li:nth-child(2n+1) { margin-left:0; }
        .case-content .page-pro-case li a { font-size: 12px; }

        .case-content .page-pro-like {  margin-top: 20px;  }
        .case-content .page-pro-like li {  width:49%; margin-left: 2%; }
        .case-content .page-pro-like li .item { position: relative; }
        .case-content .page-pro-like li:nth-child(2n+1) { margin-left:0; }
        .case-content .page-pro-like li .item img { width: 100%; height: 100%; }
        .case-content .page-pro-like li .item p { width:100%; bottom: 3px; }
        .case-content .page-pro-like li .item p a { font-size: 12px; }
      
        .case-content h3 { font-size: 16px; }
        .case-content .pro-search input { width:62%; border:#ccc solid 1px; }
        .case-content .pro-search span {  right: 30px; }

        .home-cases { margin:0;   }
        .home-cases .cases-list li{  width:33.333%;  margin-top:0; margin-bottom: 0; }
        .home-cases .cases-list li img {  width: 100%;  height: auto;  }
        .home-cases .cases-list li a { font-size: 12px; }

        .page-case-prolike li { width:49%; margin-left: 2%;  }
        .page-case-prolike li:nth-child(2n+1) { margin-left:0; }
        .page-case-prolike li .item  img { width: 100%; height: 100%; }
        .page-case-prolike li .item  p {  width:100%; bottom: 13px; height: 32px; line-height: 32px; background: rgba(0,0,0,0.5); color: #fff;text-align: center; }
        .page-case-prolike li .item  p a {  font-size: 12px; }
        .page-case-prolike li:hover .item  p { background: rgba(25,39,132,0.5); }
 
        .page-like-case li { list-style: none; width:33.333%; font-size: 12px; text-align: center; margin-top:0;margin-bottom:0; line-height: 26px; }
        .page-like-case li img {  width: 100%; height: auto; }

        .inquire { margin: 30px 0 40px; text-align: center;  display: flex; justify-content: center; align-content: center; }
        .infos { margin: 30px 0; font-size: 12px; line-height: 21px; text-align: left; }
        .infos p { text-indent: 2em; }
 
        .inquire form { display: inline-flex;   }
        .inquire input[type="text"] { height: 34px; border: #dedede solid 1px; border-radius: 3px; width:200px; line-height: 30px; padding: 5px; color: #666; margin-right: 5px; }
        .inquire .submit-btn { background: #365bc0; border-radius: 3px; border: 0; padding: 5px 10px; font-size: 12px; color: #fff;  }
        .inquire .submit-btn span { font-size: 14px; }

        .event-news-list li {  font-size: 12px; }
        .event-news-list li.piclist {  line-height: 22px; min-height: 110px; }
        .event-news-list li.piclist img { max-height: 100px; max-width: 120px; margin-right:7px;  }
        .event-news-list li.piclist h3 { font-size: 12px; margin-bottom: 0; margin-top: 0; line-height:19px;  }

        .page-video li { list-style: none;width:49%; margin-left: 2%; margin-bottom: 12px; }
        .page-video li:nth-child(2n+1) { margin-left:0; }
        .page-video li img { max-width: 100%; }
        .page-video li p {  width:100%; font-size: 12px; line-height:20px;  }
        
        .page-inner { margin-top: 0; }
        .page-inner .page-content { margin-top: 35px; padding-top: 20px; }
        .page-content h3 { font-size: 16px; margin-bottom: 10px; }
        .page-content dl.tabs { margin-bottom: 10px; }
        .page-content dl.tabs dt a {  font-size: 16px;  }
        .page-content dl.tabs dt span { font-size: 14px; }
        .page-content dl.tabs dd, .page-content dl.tabs dd p , .page-content p { font-size: 12px; }

        #sitemap > div span {  width:25%;   }
        #sitemap > div span a { font-size: 12px; }
        #parents{ height: 28px; }
        .about-info img { width: 100%; }

        .swiper-products .tags,.page-case-prolike .tags,.case-content .page-pro-like .tags { display: none; }
        .hide,#hide { display: none; }
        .home-zhuanli .zhuanli li img  { max-width: 100%; border-radius: 4px; margin-bottom: 5px; }
        .page-content p img { max-width: 100%; }
        .minh { padding-top: 35px; }
        .p50 { padding-left: 5px; padding-right: 5px; }
        .container { padding-bottom: 55px; }
    
 
}
@media screen and (max-width: 375px) {
        
        .home-nav li a { font-size: 12px; }
        .swiper-container { height: 140px; }
        .swiper-designer {
            height: 130px;
        }
        .about-info img { width: 100%; }
 
}
@media screen and (max-width: 320px) {
        .footer {  height:750px;   }
        .footer .footer-icon-nav li  {  flex:1; min-width: 50%; max-width:50%; width: 50%; }
        .footer .footer-icon-nav li img { max-width: 145px; margin-bottom: 5px; }
        .class-products dl.cate, .class-products dl.cates { padding:5px  5px 5px 0; }
        .class-products dl.cate dt { display: none;}
        .class-products dl.cates dt { display: none; }
        .class-products dl.cate dd a { padding: 2px; }
        .class-products dl.cates dd a { padding: 2px 4px;  }
        .c-aboutbg .about-info { padding: 0; margin: 0; }
        .feedback .feed-contact { position: relative;  flex: 3; display: flex; flex-wrap: wrap; justify-content: flex-start; align-content: flex-start; margin-top: 40px; }
        .feedback .feed-contact .line { display: none; }
        .feedback .feed-contact li {  margin-left: 0; font-size: 12px; }
        .feedback .feed-contact li span { font-size: 16px; margin-right: 5px; margin-top: 2px; }
        #sitemap > div span {  width:33.333%;   }
       

         
}