* { margin: 0; padding: 0; }


/*inner_cont*/
.w_1170{ width: 1200px; margin: 0 auto;}
.inner_cont{ background: #f8f8f8; padding: 30px 0 0 ; margin-top:14px;   }
.inner_banner{ width: 100%; padding-bottom: 253px; height: 0; background-size:cover;}
.list_newspage { padding: 2.5%; background: #fff;  }
.list_newspage .list_newsimg li{ margin-bottom: 2.5%;padding-bottom: 2.5%; border-bottom: 1px solid #f0f2f5; }
.list_newspage .list_newsimg li a{  display: block; width: 100%; overflow: hidden; }
.list_newspage .list_newsimg li .img{float: left;margin-right: 20px;width: 160px;height: 120px;overflow: hidden; position: relative;  }
.list_newspage .list_newsimg li .img em{  position: absolute; left: 0;top: 0;width: 100%; height: 100%; display: block; background-size: cover;  transition: all 0.3s ease 0s; -webkit-transition: all 0.3s ease 0s; }
.list_newspage .list_newsimg li .txt{ }
.list_newspage .list_newsimg li .txt .title{ overflow: hidden; 
white-space: nowrap; 
text-overflow: ellipsis; color: #2a333c;font-size: 18px; margin-bottom: 10px; transition: all 0.3s ease 0s; -webkit-transition: all 0.3s ease 0s; }
.list_newspage .list_newsimg li .txt .detail{ overflow: hidden; 
text-overflow: ellipsis; 
display: -webkit-box;
 -webkit-line-clamp: 2;
 -webkit-box-orient: vertical;
line-height: 20px;max-height: 40px; margin-bottom: 10px; font-size: 14px; color: #76838f; }
.list_newspage .list_newsimg li .txt .meta{color: #a3afb7; }
.list_newspage .list_newsimg li .txt .meta span{margin-right: 14px; }
.list_newspage .list_newsimg li .txt .meta .view{ background: url(../images/view_bg.jpg) no-repeat left center; padding-left: 19px; }

/*.page{ font-size: 0; text-align: center;}
.page a{ display: inline-block;border:1px solid #e4eaec; height: 38px;line-height: 38px;  padding: 0 15px;font-size: 16px; color: #76838f; margin-left: -1px;position: relative; }
.page .prev,.page .next{  }
.page a:hover{ background: #29a463; color:#FFF;}
.page .on,.page .on:hover{ border-color: #03a5fa; background: #FF0000;color: #fff;}
.list_newspage .list_newsimg li a:hover .txt .title{ color: #03a5fa;}
.list_newspage .list_newsimg li a:hover .img em{
    -webkit-transform:scale(1.05); transform:scale(1.05);}
	*/
.page{ color:#767676; text-align:center; font-size:14px; margin-bottom:70px; }
.page a{ color:#333331; display:inline-block; padding:0 13px; height:32px; line-height:32px; border:1px solid #bdbcbc; margin: 4px}
.page a.active{ color:#fff; background:#03a5fa; border:1px solid #03a5fa;}
.page a:hover{ color:#fff; background:#03a5fa; border:1px solid #03a5fa; }
.page input{ width:50px; border:1px solid #dcdcdc; height:30px;}
.page span{ padding:0 4px; margin-right: 4px}
.page .turn{ border:none;}
.page .turn:hover{color:#767676; background:none;  border:none;}
.page span{ color:#333331; display:inline-block; padding:0 12px; height:32px; line-height:32px; border:1px solid #bdbcbc;}
.page select{height:32px; line-height:32px; border:1px solid #bdbcbc; width:58px;}


/*list_productpage*/
.list_productpage{ }
.list_productpage .list_product{ }
.list_productpage .list_product li{float: left;width: 22.75%; margin-right:3%; margin-bottom: 32px;  }
.list_productpage .list_product li:nth-child(4n){margin-right: 0;}
.list_productpage .list_product li a{ display: block;background: #fff;text-align: center;}
.list_productpage .list_product li .img{width: 100%;height: 0; padding-bottom:65%;overflow: hidden; position: relative;  }
.list_productpage .list_product li .img em{  position: absolute; left: 0;top: 0;width: 100%; height: 100%; display: block; background-size: cover;  transition: all 0.3s ease 0s; -webkit-transition: all 0.3s ease 0s; }
.list_productpage .list_product li .txt{  line-height: 24px;height: 24px;overflow: hidden; padding: 9px 5px 37px; font-size: 14px; color: #2a333c; overflow: hidden; 
white-space: nowrap; 
text-overflow: ellipsis; transition: all 0.5s ease 0s; -webkit-transition: all 0.5s ease 0s; }
.list_productpage .list_product li a:hover .txt{ transform:translateX(5px); -webkit-transform:translateX(5px); 
    color: #03a5fa; }
.list_productpage .list_product li a:hover .img em{
    -webkit-transform:scale(1.05); transform:scale(1.05);}


/*menu_level*/
.menu_level{ background: #fff;  }
.menu_level ul{ }
.menu_level ul li{  width: auto!important;   display: inline-block; float: left;}
.menu_level ul li a{ text-decoration: none;
    font-size: 14px;
    font-weight: 300;
    display: block;
    color: rgb(144, 147, 155);
    padding: 14px;}


/*location*/
.location{ padding: 15px 0px;font-size: 16px;color: #5a5a5a; }
.location a{color: #5a5a5a; padding: 0 5px; }
.location i{padding-left: 5px; }
.location i.icon{ padding-left: 0; font-size: 18px; }


/*cont_productpage*/
.cont_productpage{ background: #fff; }
.producttop{ padding: 3%;}
.js_productimg{ float: left; width: 43.85%; }
.product_toptxt{float: right;width: 39.15%; }
.product_toptxt .title{font-size: 22px;
    margin: 15px 0 18px 2px;color: #37474f;}
.product_toptxt .txt{     
    line-height: 1.8;
    margin-bottom: 25px;color: #5e7387;font-size: 14px; }
.product_toptxt .type{ border:1px solid #f0f2f5; border-width: 1px 0; padding-top: 15px; margin-bottom: 20px;}
.product_toptxt .type li{font-size: 14px;color: #76838f;width: 50%;float: left;    margin-bottom: 15px; }
.product_toptxt .btn li{margin-bottom: 10px; }
.product_toptxt .btn li a{display: block; background: #46be8a; border-radius: 4px;color: #fff;font-size: 14px; line-height: 36px; height: 36px;text-align: center; }
.product_toptxt .btn .li2 a{background: #f96868; }
.product_toptxt .share{ }

.productbot{ padding: 3%;}
.productbot .tit{  border-bottom: 1px solid #e4eaec;}
.productbot .tit li{float: left; }
.productbot .tit li a{ position: relative;display: block;padding: 10px 20px; font-size: 16px;   color: #76838f; transition:all 0.3s ease 0s; -webkit-transition:all 0.3s ease 0s; }
.productbot .tit .on a:after{ position: absolute;left: 0; bottom: 0;width: 100%;height: 1px; content: ""; background: #03a5fa;  }
.productbot .item{  padding: 25px 0;}
.productbot .item img{ }


/*cont_staffpage*/
.js_product{ position: relative;}
.js_product .scroll-05-b{ }
.js_product .swiper-button-prev{ left: 72px;background: url(../images/staff_arrow.png) no-repeat left top;width: 66px;height: 51px;}
.js_product .swiper-button-next{ right: 72px;background: url(../images/staff_arrow.png) no-repeat right top;width: 66px;height: 51px;}
.js_product .swiper-button-prev:hover{ background-position: left bottom; }
.js_product .swiper-button-next:hover{ background-position: right bottom; }


.scroll-05-s{ }
.scroll-05-s .swiper-slide{ width: 130px;}
.scroll-05-s .img-load{  display: block; width: 100%;height:86px; background-size: cover; background-repeat: no-repeat; max-width: 130px; background-position: center; overflow: hidden; }
.scroll-05-s .swiper-slide{ -webkit-transition:all .15s linear; transition:all .15s linear;}
.cont_staffpage .swiper-slide .txt{ position: absolute; left: 0;bottom: 0;right: 0;padding: 20px 4.32%; height: 25px; line-height: 25px;  overflow: hidden; 
white-space: nowrap; 
text-overflow: ellipsis;background: rgba(0,0,0,0.7); font-size: 18px;color: #fff;}
.scroll-05-s .swiper-slide:hover{opacity:1;}
.scroll-05-s .swiper-slide-active{opacity:1;}
.scroll-05-b .img-load{ height:400px; width: 100%; display: block; background-size: cover; background-repeat: no-repeat; background-position: center; }
.scroll-05-b .img-load i{background-size:contain;background:url(../images/loading.gif) center no-repeat;  }
.scroll-05-b .img-load::after { display: block;padding-bottom: 75%;width: 0;content: "";}
.js_product .swiper-container{ width: 60%; max-width: 694px; margin: 0 auto 10px;}
.scroll-05-s .swiper-slide-active .img-load:after{position: absolute; left: 0;top: 0;bottom: 0;right: 0; content: "";   border:2px solid #03a5fa;}
.js_productimg{ position: relative; padding: 0 3%;}
.js_productimg .swiper-button-prev,
.js_productimg .swiper-button-next{ display: block;width: 24px; height: 48px; position: absolute; top: 50%; margin-top: -24px;}
.js_productimg .swiper-button-prev{left: 0; background: url(../images/icon-arrowbtn.png) no-repeat center top; }
.js_productimg .swiper-button-next{right: 0; background: url(../images/icon-arrowbtn.png) no-repeat center -50px; }
.scroll-05-b{ margin-bottom: 12px;}
.productbot .item{ display: none;font-size: 14px; line-height: 1.5;}
.productbot .item img{ max-width: 100%; height: auto!important;}

.product_tag{    line-height: 2;
    font-size: 16px;
    font-weight: 300;
    color: #222; }
.product_tag a{  color: #222; transition:all 0.3s ease 0s; -webkit-transition:all 0.3s ease 0s;  }
.product_tag a:hover{ color: #03a5fa;}



.common_newsul li { border-bottom: 1px dotted #dedede; }
.common_newsul li a { display: block; height: 49px; line-height: 49px; padding-left: 14px; position: relative; -webkit-transition: all 0.3s linear 0s; transition: all 0.3s linear 0s; }
.common_newsul li a:hover { -webkit-transform: translateX(5px); -ms-transform: translateX(5px); transform: translateX(5px); }
.common_newsul li a:hover:after { background-position: right center; }
.common_newsul li a:hover em b { color: #03a5fa; }
.common_newsul li a:hover:after{ background: #03a5fa; }
.common_newsul li a:after { position: absolute; left: 0; top: 50%; width: 4px; height: 4px; background: #333; border-radius: 50%;
    margin-top: -2px; content: ""; }
.common_newsul li a span { display: block; float: left; width: 90px; text-align: right; font-size: 12px; color: #bbbbbb; margin-left: -90px; }
.common_newsul li a em { float: left; width: 100%; display: block; }
.common_newsul li a em b { display: block; margin-right: 92px; font-size: 15px; color: #444444; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; -webkit-transition: all 0.3s linear 0s; transition: all 0.3s linear 0s; }
.productbot .item table{ width: 100%;}
.productbot .item table td{ border:1px solid #ddd; padding:10px;}



.list_downloadpage{  background: #fff; padding: 3%;}
.list_downloaddl{ border-bottom: 1px solid #e4eaec; padding-bottom: 30px;margin-bottom: 30px;}
.list_downloaddl a{ display: block;overflow: hidden;background: url(../images/download_icon.jpg) no-repeat left 2px; padding-left: 50px;}
.list_downloaddl dt{ float: left;width: 100%;}
.list_downloaddl dt .wrap{margin-right: 90px; }
.list_downloaddl dt h3{ line-height:1.25;font-size: 16px;color: #2a333c;width: 60%; overflow: hidden; margin-bottom: 4px; -webkit-transition: all 0.3s linear 0s; transition: all 0.3s linear 0s;}
.list_downloaddl dt h5{ line-height: 24px;font-size: 14px;color: #76838f; }
.list_downloaddl dt h5 span{ margin-right: 16px;}
.list_downloaddl dd{float: left;margin-left: -88px;width: 86px;height: 34px; border:1px solid #03a5fa;  color: #03a5fa;font-size: 14px;text-align: center; line-height: 34px; -webkit-transition: all 0.3s linear 0s; transition: all 0.3s linear 0s;   }
.list_downloaddl a:hover dd{ background: #03a5fa; border-color:#03a5fa;color: #fff;}
.list_downloaddl a:hover dt h3{ color: #03a5fa;}



/*list_resourcepage*/
.list_resourcepage{ padding:3%; background: #fff;}
.recurit_wrap table { width: 100%; border-collapse: collapse; background: #fff;  margin-bottom: 40px; }

.recurit_wrap table thead tr { background: #969696; color: #fff; font-weight: bold; font-size: 15px; }

.recurit_wrap table thead tr th { color: #fff; }



.recurit_wrap table td, .recurit_wrap table th { text-align: left; color: #666666; font-size: 14px; }

.recurit_wrap table th { height: 57px; }

.recurit_wrap table td { height: 52px; }

.recurit_wrap table td { font-size: 14px; color: #444444; }

.recurit_wrap table a { color: #555555; display: block; font-size: 14px; }

.recurit_wrap table a:hover { text-decoration: underline; color: #03a5fa; }

.recurit_wrap table td:nth-child(1), .recurit_wrap table th:nth-child(1) { width: 31.83%; padding-left: 3.33%; box-sizing: border-box; }

.recurit_wrap table td:nth-child(2), .recurit_wrap table th:nth-child(2) { width: 21.92%; text-align: center; }

.recurit_wrap table td:nth-child(3), .recurit_wrap table th:nth-child(3) { width: 28.5%; text-align: center; }

.recurit_wrap table td:nth-child(4), .recurit_wrap table th:nth-child(4) { width: 17.67%; text-align: center; }

.recurit_wrap table td:nth-child(4) { font-size: 14px; }
.recurit_wrap table tr:nth-child(2n){ background: #f4f5f5;}




/*list_contactpage*/
.list_contactpage{ padding: 30px; background: #fff;  }
.list_contactpage .contact_img{  float: right; width: 64%;  }
.list_contactpage .contact_img .map{ width: 100%; height: 406px; }
.list_contactpage .contact_txt{ float: left;width: 30%; padding-top: 5px; }
.list_contactpage .contact_txt .title{ margin-bottom: 39px; }
.list_contactpage .contact_txt .title b{ display: block;  line-height: 1.46;font-size: 26px;color: #333333;font-weight: bold; }
.list_contactpage .contact_txt .title  span{ display: block; line-height: 2; text-transform: uppercase;font-size: 11px;color: #999999;text-transform: uppercase; font-family: Arial, "Helvetica Neue", Helvetica, sans-serif; }
.list_contactpage .contact_txt ul{ }
.list_contactpage .contact_txt ul li{ padding-left: 48px; min-height: 39px;   margin-bottom: 29px;
  position: relative;
 line-height: 26px;font-size: 14px; color: #444444; padding-left: 48px; }
.list_contactpage .contact_txt ul li b{ display: block; }
.list_contactpage .contact_txt ul li span{ display: block; }
.list_contactpage .contact_txt ul li.li1{ background: url(../images/contact_icon1.png) no-repeat left 5px; }
.list_contactpage .contact_txt ul li.li2{background: url(../images/contact_icon2.png) no-repeat left 5px; }
.list_contactpage .contact_txt ul li.li3{ background: url(../images/contact_icon3.jpg) no-repeat left 5px;}




/*list_honorpage*/
.list_honorpage{  padding: 3%; background: #fff;}
.list_honor{ padding-bottom: 5px;  }
.list_honor li{  float: left; width: 22.5%; margin-right: 3.33%; margin-bottom: 40px;}
.list_honor li a{ display: block; border:1px solid #e4e4e4; position: relative; overflow: hidden;}
.list_honor li .img{  width: 100%; padding-bottom: 133.96%; height: 0; position: relative;}
.list_honor li .img img{ position: absolute; left: 0;top: 0;width: 100%; height: 100%; transition: all 0.3s ease 0s; -webkit-transition: all 0.3s ease 0s; }
.list_honor li .img .icon{ position: absolute; left: 50%;   top: 50%;  background: #fff; border-radius: 50%; text-align: center; line-height: 67px; overflow: hidden; color: #03a5fa;font-size: 26px;
    width: 67px;height: 67px; margin-top: -33.5px;margin-left: -33.5px; transform:translateY(-50px); -webkit-transform:translateY(-50px); opacity: 0;
transition: all 0.3s ease 0s; -webkit-transition: all 0.3s ease 0s;
  }
.list_honor li .txt{ font-size: 14px;color: #444444; text-align: center; line-height: 17px; height: 17px; padding-bottom: 21px; position: relative; transition: all 0.3s ease 0s; -webkit-transition: all 0.3s ease 0s;}
.list_honor li .txt span{ display: block; position: relative; z-index: 2; }
.list_honor li:nth-child(4n){ margin-right: 0;}
.list_honor li a:hover .img .icon{ transform:translateY(0px);-webkit-transform:translateY(0px); opacity: 1;}
.list_honor li a:after{ position: absolute; left: 0;top: 0;right: 0;bottom: 0; border:2px solid #03a5fa; content: ""; opacity: 0; transition: all 0.3s ease 0s; -webkit-transition: all 0.3s ease 0s; }
.list_honor li a:hover{border:1px solid #03a5fa; }
.list_honor li a:hover:after{opacity: 1;  }
.list_honor li .txt:after{ position: absolute; left: 0; bottom: 0;width: 100%; height: 62px; background: #03a5fa; content: ""; transform:translateY(50px); -webkit-transform:translateY(50px); opacity: 0;
transition: all 0.3s ease 0s; -webkit-transition: all 0.3s ease 0s; }
.list_honor li a:hover .txt:after{transform:translateY(0px);-webkit-transform:translateY(0px); opacity: 1; }
.list_honor li a:hover .txt{ color: #fff;}
.list_honor li a:hover .img em{ transform:scale(1.05);-webkit-transform:scale(1.05);}


.Gallery{width:100%;height:100%;position:fixed;left:0;top:0;background:#111;opacity:0;z-index:999999;transition:all .3s ease;-moz-transition:all .3s ease;-webkit-transition:all .3s ease}
.Gallery.show{opacity:1}
.g-bottom,.g-left,.g-right,.g-top{z-index:99;display:block;-webkit-appearance:none;transition:all .3s ease;-moz-transition:all .3s ease;-webkit-transition:all .3s ease}
.g-top{position:absolute;top:0;left:0;width:100%;background:rgba(0,0,0,.7);height:45px;text-align:center;line-height:45px;color:#fff;z-index:120}
.g-left.none,.g-right.none{opacity:.3;cursor:not-allowed}
.g-bottom{position:absolute;bottom:0;left:0;width:100%;background:rgba(0,0,0,.7);height:45px;text-align:center;line-height:45px;color:#fff;z-index:120}
.g-left{position:absolute;top:43%;left:0;height:14%;background:rgba(0,0,0,.5);width:55px;cursor:pointer}
.g-right{position:absolute;top:43%;right:0;height:14%;background:rgba(0,0,0,.5);width:55px;cursor:pointer}
.Gallery img{max-height:87%;max-width:99%}
.Gallery.Gallery-none img{max-height:100%;max-width:99%}
.Gallery-wrap{width:100%;height:100%;position:relative;transform:translate3d(0,0,0);-moz-transform:translate3d(0,0,0);-webkit-transform:translate3d(0,0,0)}
.g-left:after{content:'';width:20px;height:2px;background:#fff;position:absolute;left:16px;top:50%;margin-top:-1px}
.g-left:before{content:'';width:10px;height:10px;border:2px solid #fff;transform:rotate(45deg);-moz-transform:rotate(45deg);-webkit-transform:rotate(45deg);border-top:none;border-right:none;display:block;position:absolute;left:16px;top:50%;margin-top:-6px}
.g-right:after{content:'';width:20px;height:2px;background:#fff;position:absolute;right:16px;top:50%;margin-top:-1px}
.g-right:before{content:'';width:10px;height:10px;border:2px solid #fff;transform:rotate(45deg);-moz-transform:rotate(45deg);-webkit-transform:rotate(45deg);border-left:none;border-bottom:none;display:block;position:absolute;right:16px;top:50%;margin-top:-6px}
.g-list{width:100%;height:100%;text-align:center;vertical-align:middle;position:absolute;left:0;top:0}
.g-list span{display:inline-block;vertical-align:middle;height:100%}
.g-list img{vertical-align:middle;cursor:-webkit-grab;cursor:-moz-grab;cursor:grab;transition:all .4s ease;-moz-transition:all .4s ease;-webkit-transition:all .4s ease}
.Gallery-wrap.grab .g-list img{cursor:-webkit-grabbing;cursor:-moz-grabbing;cursor:grabbing}
.g-top .g-count{width:auto;height:100%;position:absolute;left:0;top:0;padding:0 18px}
.g-top button{height:45px;width:45px;border:none;position:absolute;right:0;top:0;opacity:.8;background:0 0;-webkit-tap-highlight-color:transparent}
.g-top span{display:block;width:100%;height:100%;line-height:45px;color:#fff}
.g-close{cursor:pointer}
.g-close:after{content:'';width:24px;height:2px;background:#fff;display:block;transform:rotate(45deg);-moz-transform:rotate(45deg);-webkit-transform:rotate(45deg);position:absolute;left:8px;top:21px}
.g-close:before{content:'';width:24px;height:2px;background:#fff;display:block;transform:rotate(-45deg);-moz-transform:rotate(-45deg);-webkit-transform:rotate(-45deg);position:absolute;left:8px;top:21px}
.g-top button:hover{opacity:1}
.loading{width:100%;height:100%;background:rgba(17,17,17,1);position:absolute;left:0;top:0;z-index:1000}
.loading s{display:block;width:30px;height:30px;background:#0ad1a9;border-radius:50%;position:absolute;left:50%;top:50%;margin-top:-15px;margin-left:-15px;-moz-animation:load 1.5s linear infinite;-webkit-animation:load 1.5s linear infinite}
.loading p{text-align:center;font-size:12px;position:relative;top:50%;margin-top:25px}
@keyframes load{
  0%{transform:scale(.5);opacity:1}
  100%{transform:scale(1.5);opacity:0}
}
@-moz-keyframes load{
  0%{transform:scale(.5);-moz-transform:scale(.5);opacity:1}
  100%{transform:scale(1.5);-moz-transform:scale(1.5);opacity:0}
}
@-webkit-keyframes load{
  0%{transform:scale(.5);-webkit-transform:scale(.5);opacity:1}
  100%{transform:scale(1.5);-webkit-transform:scale(1.5);opacity:0}
}


/*list_messagepage*/
.list_messagepage { padding: 3%; background: #fff; }
.list_messagepage .message_form li { float: left; }
.list_messagepage .message_form .message_li { position: relative; width:100%; margin-right: 4%; background: #f2f2f2; height: 46px; overflow: hidden; margin-bottom: 18px; }
.list_messagepage .message_form .message_li .message_label { display: block; position: absolute; left: 0; top: 0; width: 95px; padding-right: 10px; font-size: 16px; color: #4c4c4c; text-align: right; line-height: 46px; height: 46px; overflow: hidden; }
.list_messagepage .message_form .message_li .wrap { margin-left: 105px; margin-right: 28px; }
.list_messagepage .message_form .message_li .text1 { line-height: 20px; height: 20px; overflow: hidden; padding: 13px 0; width: 100%; background: none; font-size: 14px; color: #222; }
.list_messagepage .message_form .message_li i.need { position: absolute; right: 0; top: 0; display: block; width: 28px; text-align: center; line-height: 46px; height: 46px; overflow: hidden; font-size: 14px; color: #d93631; }
.list_messagepage .message_form .message_li:nth-child(2n) { margin-right: 0; }
.list_messagepage .message_form .message_textarea { width: 100%; margin-right: 0; height: auto; }
.list_messagepage .message_form .message_textarea .message_label { top: 13%; margin-top: -23px; }
.list_messagepage .message_form .message_textarea .wrap { padding: 13px 0; height: 146px; }
.list_messagepage .message_form .message_textarea textarea { font-size: 14px; color: #222; width: 100%; resize: none; height: 146px; background: none; }
.list_messagepage .message_form .message_yzm { width: 80%; }
.list_messagepage .message_form .message_yzm .message_label { width: 39%; text-align: center; }
.list_messagepage .message_form .message_yzm .yzm { width: 24%; position: absolute; right: 0; top: 0; height: 44px; cursor: pointer; border: 1px solid #dbdbdb; }
.list_messagepage .message_form .message_yzm .wrap { margin-left: 39%; margin-right: 24%; }
.list_messagepage .message_form .message_yzm .text2 { line-height: 20px; height: 20px; overflow: hidden; padding: 12px 5%; width: 90%; background: #fff; border: 1px solid #dbdbdb; border-width: 1px 0; font-size: 14px; color: #222; }
.list_messagepage .message_form .message_last { text-align: left; float: left; width: 100%;  }
.list_messagepage .message_form .message_last input { font-size: 14px; width: 40%; height: 45px; border-radius:35px; min-width: 100px; transition: all 0.3s ease 0s; }
.list_messagepage .message_form .message_last .btn1 { color: #fff; background: #d7000f; }
.list_messagepage .message_form .message_last .btn2 { color: #666666; background: #ebebeb; }
.list_messagepage .message_form .message_last .btn1:hover { background: #337043; }
.list_messagepage .message_form .message_last .btn2:hover { background: #efefef; }

/*cont_infopage*/
.cont_infopage { position: relative; overflow: hidden; background: #fff; padding: 3%; }
.post_article {  }
.post_article .wrap { position: relative; }
.post_article .post_header { padding-bottom: 15px; }
.post_article .post_header .title { text-align: center; font-size: 20px; font-weight: bold; color: #4c4c4c; margin-bottom: 15px; line-height: 32px; }
.post_article .post_header .meta { line-height: 20px; height: 20px; overflow: hidden; border: 1px solid #dbdbdb; border-width: 1px 0; padding: 15px 0; text-align:center;font-size: 12px; color: #808080;  }

.post_article .post_cont { font-size: 14px; color: #4c4c4c; line-height: 32px; margin-bottom: 60px; }
.post_article .post_cont img { max-width: 100%; height: auto; }
.post_article .turnpage li { line-height: 32px; overflow: hidden; height: 32px; }
.post_article .turnpage a { font-size: 14px; color: #333333; font-weight: bold; transition: all 0.3s ease 0s; }
.post_article .turnpage a span { color: #4c4c4c; font-weight: normal; transition: all 0.3s ease 0s; }
.post_article .turnpage a:hover { color: #03a5fa; }
.post_article .turnpage a:hover span { color: #03a5fa; }

.post_solutionarticle .post_header { padding-bottom: 0; text-align:center; }




.section1_piclist ul li .img .icon{ position: absolute; left: 50%;   top: 50%;  background: #fff; border-radius: 50%; text-align: center; line-height: 67px; overflow: hidden; color: #03a5fa;font-size: 26px;
    width: 67px;height: 67px; margin-top: -33.5px;margin-left: -33.5px; transform:translateY(-50px); -webkit-transform:translateY(-50px); opacity: 0;
transition: all 0.3s ease 0s; -webkit-transition: all 0.3s ease 0s;
  }

.section1_piclist ul li a:hover .img .icon{ transform:translateY(0px);-webkit-transform:translateY(0px); opacity: 1;}
.section1_piclist ul li a:hover .img em{ transform:scale(1.05); -webkit-transform:scale(1.05);}






.Gallery{width:100%;height:100%;position:fixed;left:0;top:0;background:#111;opacity:0;z-index:999999;transition:all .3s ease;-moz-transition:all .3s ease;-webkit-transition:all .3s ease}
.Gallery.show{opacity:1}
.g-bottom,.g-left,.g-right,.g-top{z-index:99;display:block;-webkit-appearance:none;transition:all .3s ease;-moz-transition:all .3s ease;-webkit-transition:all .3s ease}
.g-top{position:absolute;top:0;left:0;width:100%;background:rgba(0,0,0,.7);height:45px;text-align:center;line-height:45px;color:#fff;z-index:120}
.g-left.none,.g-right.none{opacity:.3;cursor:not-allowed}
.g-bottom{position:absolute;bottom:0;left:0;width:100%;background:rgba(0,0,0,.7);height:45px;text-align:center;line-height:45px;color:#fff;z-index:120}
.g-left{position:absolute;top:43%;left:0;height:14%;background:rgba(0,0,0,.5);width:55px;cursor:pointer}
.g-right{position:absolute;top:43%;right:0;height:14%;background:rgba(0,0,0,.5);width:55px;cursor:pointer}
.Gallery img{max-height:87%;max-width:99%}
.Gallery.Gallery-none img{max-height:100%;max-width:99%}
.Gallery-wrap{width:100%;height:100%;position:relative;transform:translate3d(0,0,0);-moz-transform:translate3d(0,0,0);-webkit-transform:translate3d(0,0,0)}
.g-left:after{content:'';width:20px;height:2px;background:#fff;position:absolute;left:16px;top:50%;margin-top:-1px}
.g-left:before{content:'';width:10px;height:10px;border:2px solid #fff;transform:rotate(45deg);-moz-transform:rotate(45deg);-webkit-transform:rotate(45deg);border-top:none;border-right:none;display:block;position:absolute;left:16px;top:50%;margin-top:-6px}
.g-right:after{content:'';width:20px;height:2px;background:#fff;position:absolute;right:16px;top:50%;margin-top:-1px}
.g-right:before{content:'';width:10px;height:10px;border:2px solid #fff;transform:rotate(45deg);-moz-transform:rotate(45deg);-webkit-transform:rotate(45deg);border-left:none;border-bottom:none;display:block;position:absolute;right:16px;top:50%;margin-top:-6px}
.g-list{width:100%;height:100%;text-align:center;vertical-align:middle;position:absolute;left:0;top:0}
.g-list span{display:inline-block;vertical-align:middle;height:100%}
.g-list img{vertical-align:middle;cursor:-webkit-grab;cursor:-moz-grab;cursor:grab;transition:all .4s ease;-moz-transition:all .4s ease;-webkit-transition:all .4s ease}
.Gallery-wrap.grab .g-list img{cursor:-webkit-grabbing;cursor:-moz-grabbing;cursor:grabbing}
.g-top .g-count{width:auto;height:100%;position:absolute;left:0;top:0;padding:0 18px}
.g-top button{height:45px;width:45px;border:none;position:absolute;right:0;top:0;opacity:.8;background:0 0;-webkit-tap-highlight-color:transparent}
.g-top span{display:block;width:100%;height:100%;line-height:45px;color:#fff}
.g-close{cursor:pointer}
.g-close:after{content:'';width:24px;height:2px;background:#fff;display:block;transform:rotate(45deg);-moz-transform:rotate(45deg);-webkit-transform:rotate(45deg);position:absolute;left:8px;top:21px}
.g-close:before{content:'';width:24px;height:2px;background:#fff;display:block;transform:rotate(-45deg);-moz-transform:rotate(-45deg);-webkit-transform:rotate(-45deg);position:absolute;left:8px;top:21px}
.g-top button:hover{opacity:1}
.loading{width:100%;height:100%;background:rgba(17,17,17,1);position:absolute;left:0;top:0;z-index:1000}
.loading s{display:block;width:30px;height:30px;background:#0ad1a9;border-radius:50%;position:absolute;left:50%;top:50%;margin-top:-15px;margin-left:-15px;-moz-animation:load 1.5s linear infinite;-webkit-animation:load 1.5s linear infinite}
.loading p{text-align:center;font-size:12px;position:relative;top:50%;margin-top:25px}
@keyframes load{
    0%{transform:scale(.5);opacity:1}
    100%{transform:scale(1.5);opacity:0}
}
@-moz-keyframes load{
    0%{transform:scale(.5);-moz-transform:scale(.5);opacity:1}
    100%{transform:scale(1.5);-moz-transform:scale(1.5);opacity:0}
}
@-webkit-keyframes load{
    0%{transform:scale(.5);-webkit-transform:scale(.5);opacity:1}
    100%{transform:scale(1.5);-webkit-transform:scale(1.5);opacity:0}
}






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


/*1200 end*/
}

@media screen and (max-width: 991px) { 
.inner_banner{ padding-bottom: 26%;}

.list_newspage .list_newsimg li .img{ margin-right: 16px;
    width: 128px;height: 96px;}
.list_newspage .list_newsimg li .txt .meta{ display: none;}
.list_productpage .list_product li{width: 48%; margin-right:4%;  }
.list_productpage .list_product li:nth-child(2n){margin-right: 0; }


.js_productimg,.product_toptxt{ float: none;width: 100%;    padding: 0 0%;}
.js_productimg{ margin-bottom: 25px;}
.scroll-05-s .img-load{ height: 45px;}


/*list_resourcepage*/
.recurit_wrap table, .recurit_wrap table thead, .recurit_wrap table tbody, .recurit_wrap table th, .recurit_wrap table td, .recurit_wrap table tr { display: block; }
.recurit_wrap table td:nth-of-type(1), .recurit_wrap table td:nth-of-type(2), .recurit_wrap table td:nth-of-type(3), .recurit_wrap table td:nth-of-type(4) { width: 100%; padding-left: 100px; box-sizing: border-box; text-align: left; }
.recurit_wrap table th:nth-of-type(1) { background: #007aff; color: #fff; }
.recurit_wrap table tr { margin-bottom: 8px; }
.recurit_wrap table thead tr { position: absolute; top: -9999px; left: -9999px; }
.recurit_wrap table tr { border: 1px solid #ccc; }
.recurit_wrap table td { border: none; border-bottom: 1px solid #eee; position: relative; height: 40px; line-height: 40px; text-align: left;  overflow: hidden;overflow: hidden; 
white-space: nowrap; 
text-overflow: ellipsis;}
.recurit_wrap table td:before { position: absolute; top: 0px; left: 0px; bottom: 0; text-align: left; white-space: nowrap; font-weight: bold; text-transform: uppercase; }
.recurit_wrap table a { display: block; }
.recurit_wrap table td:nth-of-type(1):before { content: "招聘岗位"; }
.recurit_wrap table td:nth-of-type(2):before { content: "学历"; }
.recurit_wrap table td:nth-of-type(3):before { content: "工作地点"; }
.recurit_wrap table td:nth-of-type(4):before { content: "发布时间"; }
.recurit_wrap table td:before{  width: 78px; padding-left: 5px;border-right: 1px solid #eee; }


/*.list_contactpage*/
.list_contactpage{ padding: 2%;}
.list_contactpage .contact_img{ margin-bottom: 18px;}
.list_contactpage .contact_img .map{ height: 243.6px;}
.list_contactpage .contact_txt,.list_contactpage .contact_img{ float: none; width: 100%;}
.list_contactpage .contact_txt .title b{  font-size: 16px;}
.list_contactpage .contact_txt .title { margin-bottom: 23.4px;}
.list_contactpage .contact_txt ul li{ margin-bottom: 17.4px; background-size: 19.8px 23.4px!important; padding-left: 30px;}


/*list_messagepage*/
.list_messagepage .message_form .message_li { float: none; width: 100%; margin-right: 0; }
.list_messagepage .message_form .message_last { float: none; width: 100%; text-align: center; }
.list_messagepage .message_form .message_last input { margin: 0 10px; }

/*cont_infopage*/
.post_article .post_header .meta { height: auto; }
.post_article .post_header .meta .left, .post_article .post_header .meta .right { float: none; }
.post_article .post_header .meta .left { margin-bottom: 10px; }
  

.section1_piclist ul li{ width: 50%;}
.section2_news ul li,.section2_news ul li:nth-child(3n){ width: 49%;margin-right: 2%;}
.section2_news ul li:nth-child(2n){ margin-right: 0; }


.list_honor li{width:48%; margin-right: 4%;}
.list_honor li:nth-child(2n){margin-right: 0;}

.page a{ display: none;}
.page .prev, .page .next,.page .on{ display: inline-block;}


/*list_download*/
.list_downloaddl dt .wrap{margin-right: 0;}
.list_downloaddl dt h3{width: 100%; }
.list_downloaddl dt{ float: none; width: 100%;margin-left: 0;}
.list_downloaddl dd{ float: none; margin-left: 0; margin-top: 10px;}

/*cont_productpage*/
.productbot .tit li a{     padding: 10px 15px;}
.common_newsul li a span{ display: none;}
.common_newsul li a em b{ margin-right: 0px;}

/*991 end*/
}

@media screen and (max-width: 768px) { 
.w_1170{width:90%;}
.section1_piclist ul li{ width: 100%;}
.section2_news ul li,.section2_news ul li:nth-child(3n){ width: 100%;margin-right: 0%;}
.section2_news ul li:nth-child(2n){ margin-right: 0; }


/*768 end*/
}



.inner_left{ float:left; width: 18%; min-height:200px; min-width:226px;}
.left_menue h4{font-size: 30px; color: #3e3e3e; text-transform:uppercase; background:url(../images/x3.jpg) no-repeat left bottom; padding-bottom:11px; margin-bottom:24px;}
.left_menue h4 p{ font-size: 16px; color: #b2b2b2; line-height:32px; height:30px;  }
.left_menue ul { }
.left_menue ul li a{ font-size:16px; height:50px; line-height:50px; line-height:50px; background:url(../images/dian3.jpg) no-repeat left center; padding-left:18px; }
.left_menue ul li a:hover{color: #03a5fa; font-weight:bold; background:url(../images/ndian.jpg) no-repeat left center; text-indent:18px;transition: all 0.3s ease 0s; -webkit-transition: all 0.3s ease 0s;transform:translateX(6px); -webkit-transform:translateX(6px);}
.left_menue ul li.cur a{ color: #03a5fa; font-weight:bold; background:url(../images/ndian.jpg) no-repeat left center; text-indent:18px;transition: all 0.3s ease 0s; -webkit-transition: all 0.3s ease 0s;transform:translateX(6px); -webkit-transform:translateX(6px);}
.left_menue ul li ul { padding-left:15px;}
.left_menue ul li ul li a{ font-size:14px; height:45px; line-height:45px;background:url(../images/dian3.jpg) no-repeat left center; padding-left:18px; }
.left_menue ul li.cur ul li a{font-size:14px; height:45px; line-height:45px; background:url(../images/dian3.jpg) no-repeat left center; padding-left:18px; color:#474747; font-weight:normal;}
.left_menue ul li.cur ul li a:hover{color: #03a5fa; font-weight:bold; background:url(../images/ndian.jpg) no-repeat left center; text-indent:18px;transition: all 0.3s ease 0s; -webkit-transition: all 0.3s ease 0s;transform:translateX(6px); -webkit-transform:translateX(6px);}

.inner_cont .nyR{float:left; width:76.5%; min-height:600px; border-left:1px solid #ddd; padding-left:4.4%;}
.inner_cont .nyR h2 { width:100%; border-bottom:1px solid #ddd;}

.warp {
	float:left; width:76.5%; min-height:600px; border-left:1px solid #ddd; padding-left:4%; 
}

.warp .w_t {
	width: 100%;
	height: auto;
	overflow: hidden;
	padding: 0px 0px 32px 0px;
	position: relative;
	border-bottom: 1px solid #DDDDDD;
}

.warp .w_t:before {
	width: 118px;
	height: 2px;
	position: absolute;
	left: 0px;
	bottom: 0px;
	background: #03a5fa;
	content: '';
}

.warp .w_t:after {
	width: 10px;
	height: 2px;
	position: absolute;
	right: 0px;
	bottom: 0px;
	background: #e41616;
	content: '';
}

.warp .w_t h2 {
	width: auto;
	float: left;
	font-size: 30px;
	line-height: 30px;
	color: #03a5fa;
	font-weight: normal;
}

.warp .w_t .w_nav {
	width: auto;
	float: right;
	color: #989898;
	margin-top: 10px;
}
.warp .w_t .w_nav span.home{ margin-left:5px;}

.warp .w_t .w_nav a {
	padding: 0px 0px;
}

.warp .w_t .w_nav a:last-child {
	padding-right: 0px;
}

.warp .w_t .w_nav a.active {
	color: #e51616;
}

.warp_content {
	width: 100%;
	height: auto;
	margin-top: 20px;
}

.warp_content .year {
	width: 100%;
	height: auto;
	line-height: 75px;
	font-size: 61px;
	opacity: .3;
	text-transform: uppercase;
}

.warp_content .a_tips {
	width: 100%;
	height: auto;
	font-size: 14px;
	line-height: 28px;
	color: #0587cb;
}

.warp_content .a_tips.b {
	color: #747474;
}
.a_list {
	width: 100%;
	height: auto;
	margin-top: 50px;
	overflow: hidden;
	margin-bottom: 25px;
}

.a_list ul li {
	width: 200px;
	height: auto;
	float: left;
	margin-right: 20px;
	padding-right: 20px;
	border-right: 1px solid #DDDDDD;
}

.a_list ul li b {
	display: block;
	font-weight: normal;
	font-size: 36px;
	color: #03a5fa;
	line-height: 50px;
	text-transform: uppercase;
}

.a_list ul li p {
	font-size: 14px;
	width: 100%;
	height: auto;
	line-height: 25px;
}

.a_list ul li:last-child {
	width: 300px;
	border-right: none;
}

.about_img {
	width: 100%;
	height: auto;
	margin-bottom: 25px;
	margin-top:15px;
}

.about_img img {
	display: block;
}

.about_content {
	font-size:14px;
	width: 100%;
	height: auto;
	line-height: 36px;
	padding-bottom:30px;
}

.about_content p {
	display: block;
	margin-bottom: 20px;
}

/*资质荣誉*/

.ab_list {
	width: 100%;
	height: auto;
	margin-top: 40px;
	overflow: hidden;
}

.ab_list ul li {
	width: 260px;
	height: 375px;
	border: 1px solid #ddd;
	padding:10px;
	float: left;
	margin-left:8px;
	margin-right:10px;
	margin-bottom:30px;
	position: relative;
	cursor: pointer;
	overflow: hidden;
}

.ab_list ul li.last {
	margin-right: 0px;
}

.ab_list ul li .showBox {
	width: 100%;
	height: 100%;
	position: relative;
	background: url(../images/b1.jpg) center center no-repeat;
	background-size: cover;
}

.ab_list ul li .showBox .title,
.ab_list ul li .hideBox .title {
	width: 100%;
	height: auto;
	text-align: center;
	font-size: 16px;
	line-height: 30px;
	position: relative;
	top: 205px;
}

.ab_list ul li .showBox .title:after,
.ab_list ul li .hideBox .title:after {
	width: 50px;
	height: 2px;
	position: absolute;
	left: 50%;
	margin-left: -25px;
	bottom: -10px;
	background: #FFFFFF;
	opacity: .5;
	content: '';
}

.ab_list ul li .showBox.a .title {
	color: #278eb2;
}

.ab_list ul li .showBox.a .title:after {
	background: #278eb2;
}

.ab_list ul li .hideBox {
	width: 100%;
	height: 100%;
	position: absolute;
	background: #3f7c4f;
	opacity:0.9;
    filter:alpha(opacity=90);
	left: 0px;
	top: 110%;
	transition: all 0.5s cubic-bezier(0.25, 0, 0, 1);
	-webkit-transition: all 0.5s cubic-bezier(0.25, 0, 0, 1);
	
}

.ab_list ul li .hideBox .des {
	width: 100%;
	height: auto;
	text-align: center;
	font-size: 18px;
	line-height: 30px;
	position: relative;
	top: 70px;
	color: #FFFFFF;
}

.ab_list ul li .hideBox .detail {
	width: 94%;
	height: 250px;
	top: 150px;
	position: absolute;
	left: 3%;
	font-size: 14px;
	text-align: center;
	line-height: 30px;
	color: rgba(255, 255, 255, .7);
}

.ab_list ul li .hideBox a {
	display: block;
	width: 100px;
	height: 30px;
	border-radius: 30px;
	background: #FFFFFF;
	color: #278eb2;
	bottom: 75px;
	font-size: 12px;
	font-family: "微软雅黑";
	line-height: 30px;
	text-align: center;
	left: 50%;
	position: absolute;
	margin-left: -50px;
}
.ab_list ul li .hideBox a:hover{
	background: #f67d78;
	color: #fff;
	box-shadow: 0px 0px 15px rgba(0,0,0,.4);
}
.ab_list ul li:hover .hideBox {
	top: 0%;
}

/*战略合作单位*/
/*资质荣誉*/

.zl_list {
	width: 100%;
	height: auto;
	margin-top: 40px;
	overflow: hidden;
}

.zl_list ul li {
	width: 380px;
	height: 240px;
	border: 1px solid #ddd;
	padding:10px;
	float: left;
	margin-left:25px;
	margin-right:28px;
	margin-bottom:45px;
	position: relative;
	cursor: pointer;
	overflow: hidden;
}

.zl_list ul li.last {
	margin-right: 0px;
}

.zl_list ul li .showBox {
	width: 100%;
	height: 100%;
	position: relative;
	background: url(../images/b1.jpg) center center no-repeat;
	background-size: cover;
}

.zl_list ul li .showBox .title,
.zl_list ul li .hideBox .title {
	width: 100%;
	height: auto;
	text-align: center;
	font-size: 16px;
	line-height: 30px;
	position: relative;
	top: 205px;
}

.zl_list ul li .showBox .title:after,
.zl_list ul li .hideBox .title:after {
	width: 50px;
	height: 2px;
	position: absolute;
	left: 50%;
	margin-left: -25px;
	bottom: -10px;
	background: #FFFFFF;
	opacity: .5;
	content: '';
}

.zl_list ul li .showBox.a .title {
	color: #278eb2;
}

.zl_list ul li .showBox.a .title:after {
	background: #278eb2;
}

.zl_list ul li .hideBox {
	width: 100%;
	height: 100%;
	position: absolute;
	background: #3f7c4f;
	opacity:0.9;
    filter:alpha(opacity=90);
	left: 0px;
	top: 110%;
	transition: all 0.5s cubic-bezier(0.25, 0, 0, 1);
	-webkit-transition: all 0.5s cubic-bezier(0.25, 0, 0, 1);
	
}

.zl_list ul li .hideBox .des {
	width: 100%;
	height: auto;
	text-align: center;
	font-size: 18px;
	line-height: 30px;
	position: relative;
	top: 70px;
	color: #FFFFFF;
}

.zl_list ul li .hideBox .detail {
	width: 94%;
	height: 250px;
	top: 150px;
	position: absolute;
	left: 3%;
	font-size: 14px;
	text-align: center;
	line-height: 30px;
	color: rgba(255, 255, 255, .7);
}

.zl_list ul li .hideBox a {
	display: block;
	width: 100px;
	height: 30px;
	border-radius: 30px;
	background: #FFFFFF;
	color: #278eb2;
	bottom: 75px;
	font-size: 12px;
	font-family: "微软雅黑";
	line-height: 30px;
	text-align: center;
	left: 50%;
	position: absolute;
	margin-left: -50px;
}
.zl_list ul li .hideBox a:hover{
	background: #f67d78;
	color: #fff;
	box-shadow: 0px 0px 15px rgba(0,0,0,.4);
}
.zl_list ul li:hover .hideBox {
	top: 0%;
}

/*以下为分享*/
.sub_nav_share,
.sub_nav_print {
	width: 100%;
	height: 35px;
	margin-top:20px;
	overflow: hidden;
	padding: 15px 0px;
	border-bottom: 1px solid #DDDDDD;
	border-top: 1px solid #DDDDDD;
	position: relative;
}
.sub_nav_share .s_share {
	position: relative;
	width: 35px;
	height: 35px;
	border-radius: 35px;
	background: #c7c7c7;
	cursor: pointer;
	-webkit-transition-duration: .3s;
	transition-duration: .3s;
}

.sub_nav_share .s_share:before {
	width: auto;
	height: 35px;
	position: absolute;
	right: -40px;
	top: 0px;
	color: #c7c7c7;
	content: '分享';
	z-index: 10;
	line-height: 35px;
}

.sub_nav_share .s_share:hover {
	width: 95%;
	background: #3f7c4f;
}

.sub_nav_share .s_share a {
	position: absolute;
	top: 2.5px;
	left: 40px;
	display: block;
	width: 30px;
	height: 30px;
	border-radius: 50%;
	background: url(../images/socialIcon.png) no-repeat;
	background-size: auto 60px;
	cursor: pointer;
	-webkit-transition-duration: .3s;
	transition-duration: .3s;
}

.sub_nav_share .s_share a.wechat {
	left: 40px;
}

.sub_nav_share .s_share a.sina {
	left: 80px;
	background-position: -30px 0;
}

.sub_nav_share .s_share a.facebook {
	left: 120px;
	background-position: -60px 0;
}

.sub_nav_share .s_share a.twitter {
	left: 160px;
	background-position: -90px 0;
}

.sub_nav_share .s_share a:hover {
	background-color: #FFF;
	background-position: 0 -30px;
}

.sub_nav_share .s_share a.sina:hover {
	background-color: #FFF;
	background-position: -30px -30px;
}

.sub_nav_share .s_share a.facebook:hover {
	background-color: #FFF;
	background-position: -60px -30px;
}

.sub_nav_share .s_share a.twitter:hover {
	background-color: #FFF;
	background-position: -90px -30px;
}

.sub_nav_share .s_share:after {
	position: absolute;
	top: 5px;
	left: 5px;
	width: 25px;
	height: 25px;
	background: url(../images/shareIcon.png) no-repeat;
	background-size: cover;
	content: "";
}
/*分享结束*/

/*新闻版块*/
.recomNewsScroll{width: 100%;overflow: hidden;margin-bottom: 30px;position: relative; margin-top:56px;}
.recomNewsScroll .swiper-slide a{display: block;height: 250px;padding:0 20px 0 410px;position: relative;}
.recomNewsScroll .swiper-slide a .pic{width: 370px;height: 225px;overflow: hidden;position: absolute;left: 0;top: 0;}
.recomNewsScroll .swiper-slide a .pic img{width: 100%;height: 100%;cursor: pointer; transition: all 0.6s;}
.recomNewsScroll .swiper-slide a .pic:hover img{ -webkit-transform: scale(1.1); -moz-transform: scale(1.1); -ms-transform: scale(1.1); transform: scale(1.1);}
.rotateY:hover{ -webkit-transform: rotateY(180deg); -moz-transform: rotateY(180deg); -ms-transform: rotateY(180deg); transform: rotateY(180deg); }
.translateX:hover{-webkit-transform:translateX(-6px); -moz-transform: translateX(6px); -ms-transform:translateX(-6px); transform:translateX(-6px);}

.recomNewsScroll .swiper-slide a .text{width: 100%;box-sizing:border-box;}
.recomNewsScroll .swiper-slide a .text h5{font-size: 20px;color: #545454;font-weight:bold;}
.recomNewsScroll .swiper-slide a .text span{display: block;height: 50px;line-height: 50px;color: #b2b2b2;font-size: 12px;}
.recomNewsScroll .swiper-slide a .text p{line-height: 25px;height: 81px;overflow: hidden;margin: 15px 0 20px;font-size: 14px;color: #585858;}
.recomNewsScroll .swiper-slide a .text em{display: block;width: 123px;height: 35px;line-height: 35px;text-align: center;color: #FFF;font-size: 14px;background: #03a5fa;}
.recomNewsScroll .swiper-slide a:hover .text h5{color: #d23c01;}
.recomNewsScroll.swiper-container-horizontal > .swiper-pagination-bullets{position: absolute;z-index: 3;height: 24px;width: auto;left: auto;right: 20px;bottom: 26px;line-height: 24px;font-size: 0;}
.recomNewsScroll.swiper-container-horizontal > .swiper-pagination-bullets .swiper-pagination-bullet{width: 22px;height: 22px;margin: 0 0 0 10px;border:1px solid #dddddd;cursor: pointer;border-radius: 0;opacity: 1;text-align: center;line-height: 22px;font-size: 12px;color: #666;background: none;
-webkit-transition:all 0.3s linear; -moz-transition:all 0.3s linear; -ms-transition:all 0.3s linear; transition:all 0.3s linear;}
.recomNewsScroll.swiper-container-horizontal > .swiper-pagination-bullets .swiper-pagination-bullet.swiper-pagination-bullet-active{background: #d23c01;border-color: #d23c01;color: #fff;}

.newsList{width: 100%;margin-bottom: 30px;}
.newsList li{margin-bottom: 20px;}
.newsList li a{display: block;position: relative;padding: 30px 108px 30px 178px;background: #f4f4f4;}
.newsList li a .date{width: 120px;padding-top: 45px;height: 63px;position: absolute;left: 0px;top: 0px;text-align: right;}
.newsList li a .date span{display: block;height: 35px;line-height: 35px;overflow: hidden;color: #000000;font-size: 30px;}
.newsList li a .date em{display: block;height: 28px;line-height: 28px;overflow: hidden;color: #999999;font-size: 14px;}
.newsList li a .text{width: 100%;}
.newsList li a .text h5{height: 35px;line-height: 35px;font-weight: normal;margin-bottom: 10px;font-size: 18px;color: #333333;}
.newsList li a .text p{line-height: 20px;height: 40px;color: #666666;overflow: hidden;}
.newsList li a:hover .text h5{color: #d23c01;}

/*经典案例*/
.picList{width: 100%;margin: 62px 0;}
.picList li{width: 370px;float: left;margin: 0 40px 40px 40px;background: #fff; text-align:center;}
.picList li a{display: block;}
.picList li a .pic{width: 100%;height: 0;padding-bottom: 75.4%;position: relative;overflow: hidden; border-bottom:1px #ebeaea solid;}
.picList li a .pic img{width: 100%;height: 100%;position: absolute;left: 0;top: 0;cursor: pointer; transition: all 0.6s;}
.picList li a .pic:hover img{ -webkit-transform: scale(1.1); -moz-transform: scale(1.1); -ms-transform: scale(1.1); transform: scale(1.1);}

.picList li a .pic b{position: absolute;left: 0;top: 0;width: 100%;height: 100%;z-index: 2;background: rgba(0,0,0,0);/*opacity: 0;*/}
.picList li a .pic i{position: absolute;left: 0;top: 0;width: 100%;height: 100%;z-index: 3;background:url(../images/videoIcon1.png) no-repeat center center;}
.picList li a .text{padding: 15px 10px;line-height: 22px;}
.picList li a .text h5{font-size: 18px;color: #333333;font-weight: normal; line-height:32px;}
.picList li a .text span{display: block;font-size: 12px;color: #999999;}
.picList li:hover{box-shadow:0 0 15px rgba(0,0,0,0.2);}
.picList li:hover a .pic b{opacity: 1;}

/*方案应用*/
.list_fa { width:100%; margin-bottom:35px;}
.list_fa dl { margin-bottom:45px; height:233px;} 
.list_fa dt { float:left; width:50.2%;}
.list_fa dt img { width:412px; height:231px; overflow:hidden; border:1px solid #ddd;cursor: pointer; transition: all 0.6s;}
.list_fa dd { float:left; width:49.8%;}
.list_fa dd h5{height: 35px;line-height: 35px;font-weight:bold;margin-bottom: 10px;font-size:20px;color: #545454;}
.list_fa dd em{display: block;width: 123px;height: 35px;line-height: 35px;text-align: center;color: #FFF;font-size: 14px;background: #03a5fa;}
.list_fa dd .proshow {line-height:24px;height: 120px;color: #585858;overflow: hidden; font-size:14px; margin-top:5px; margin-bottom:20px;}

/*应用案例*/
/*课题申报*/
.service_questionpage{  width:100%; margin-top:38px; margin-bottom:30px;}
.service_questionpage .questionnei-navli1{}
.service_questionpage .questionnei-navli1 a{ display:block; padding:0 22px; font-size:16px; height:46px; line-height:46px; overflow:hidden; margin-bottom:4px; background:#e6e6e6 url(../images/question_ico1.jpg) no-repeat 97% center; color:#4c4c4c;transition:none; -webkit-transition:none; -moz-transition:none;}
.service_questionpage .hidden_txt{ display:none; padding:8px 22px 32px; color:#505050; font-size:14px; line-height:30px; }
.service_questionpage .open .hidden_txt{ display:block;}
.service_questionpage .questionnei-navli1 a.chosen{color:#fff;  font-weight:bold; background:#03a5fa url(../images/question_ico2.jpg) no-repeat 97% center;}

.service_questionpage .questionnei-navli1 a span{background:url(../images/apply_add.jpg) no-repeat left center; padding-left:20px; display:block;}
.service_questionpage .questionnei-navli1 a.chosen span{ background:url(../images/apply_minus.jpg) no-repeat left center; }

/*产品详细*/
/*方案应用*/
.list_prod { width:100%; margin-bottom:35px;}
.list_prod dl { margin-bottom:45px; height:290px;} 
.list_prod dt { float:left; width:54.3%;}
.list_prod dt img { width:458px; height:289px; overflow:hidden; border:1px solid #ddd;cursor: pointer; transition: all 0.6s;}
.list_prod dd { float:left; width:45.7%;}
.list_prod dd h5{height: 35px;line-height: 35px;font-weight:bold;margin-bottom: 10px;font-size:20px;color: #545454;}

.list_prod dd span{display: block;overflow: hidden;color: #b2b2b2;font-size: 12px;}
.list_prod dd em{display: block;float:left; padding:0 10px;height: 35px;line-height: 35px;text-align: center;color: #FFF;font-size: 14px;background: #e54144; border-radius:2px;}

.list_prod dd  .proshow {line-height:26px;height: 182px;color: #585858;overflow: hidden; font-size:14px; margin-top:10px; margin-bottom:20px;}
.list_prod .protxt  { font-size:14px; line-height:30px; color:#4d4d4d;}

/*在线留言*/
.msg { width:51%; height:660px; margin-bottom:35px; background:url(../images/demo/msgbg.jpg) no-repeat 0 0; padding-left:49%;}

/*联系我们*/

.list4_2{ width: 100%; background: #f2f2f2; }
.list4_2 .list4_2_left{ width: 470px; background: #eaeaea; padding: 70px 0 80px; text-align: center; float:left;}
.list4_2 .list4_2_left h4{ line-height: 36px; font-family: 'Microsoft Yahei'; font-size: 16px; color: #3f3f3f; font-weight: bold; margin-top: 20px; }
.list4_2 .list4_2_left h3{ line-height: 58px; font-family: 'RCSC','Microsoft Yahei'; font-size: 45px; color: #333; font-weight:bold; }
.list4_2 .list4_2_left .qrcode{ width: 168px; height: 156px; border: 1px solid #e1dbd1; margin: 26px auto 0; text-align:center; color:#868686; line-height:42px; }
.list4_2 .list4_2_left .qrcode img{ width: 100%; height: 100%; }

.list4_2 .list4_2_left .list4_2_nav{ margin-top:28px; padding-left:100px; text-align:left;   }
.list4_2 .list4_2_left .list4_2_nav ul li{ float: left; line-height: 28px; font-family: 'Microsoft Yahei'; font-size: 14px; color: #3f3f3f; margin: 0 8px; }
.list4_2 .list4_2_left .list4_2_nav ul li a:hover{ color: #c1a67a; text-decoration: underline; }

.list4_2 .list4_2_right{ width: 800px;}
.list4_2 .list4_2_right .address{ margin-top: 44px; float:left; }
.list4_2 .list4_2_right .address ul{ width:900px;}
.list4_2 .list4_2_right .address ul li{  display: block; float: left; width:100%;  box-sizing: border-box; width: 400px; margin-right:46px; margin-bottom:30px;}
.list4_2 .list4_2_right .address ul li h3{ line-height: 42px; font-family: 'Microsoft Yahei'; font-size: 16px; color: #3f3f3f; font-weight: bold; border-bottom: 1px solid #bdbdbd; margin-bottom:10px; }
.list4_2 .list4_2_right .address ul li h4{ line-height: 30px; font-family: 'Microsoft Yahei'; font-size: 16px; color: #3f3f3f; font-weight: bold; margin: 16px 0 14px; }
.list4_2 .list4_2_right .address ul li p{ line-height: 30px; font-family: 'Microsoft Yahei'; font-size: 14px; color: #8d8d8d; }

.list4_2 .list4_2_right .address ul li.on h3,.list4_2 .list4_2_right .address ul li.on h4,.list4_2 .list4_2_right .address ul li.on p{ color: #b49665; }
.list4_2 .list4_2_right .address ul li.on h3{ border-bottom-color: #b49665; }
.list4_2 .list4_2_right .address ul li.on.address_beijing h3:before{ background-position: 0 -49px; }
.list4_2 .list4_2_right .address ul li.on.address_shanghai h3:before{ background-position: -43px -49px; }
.list4_2 .list4_2_right .address ul li.on.address_wuhan h3:before{ background-position: -86px -49px; }

.list4_2 .list4_2_right .address ul li.on p.p1n:before{ background-position: -18px -114px; }
.list4_2 .list4_2_right .address ul li.on p.p2n:before{ background-position: -18px -143px; }
.list4_2 .list4_2_right .address ul li.on p.p3n:before{ background-position: -18px -170px; }
.list4_2 .list4_2_map{ width:440px; float:left;}

@media screen and (max-width: 991px) { 
.list4_2 .list4_2_right .address{ margin-top: 44px; width:100%; }
.list4_2 .list4_2_right .address ul li{ width:100%; overflow:hidden;}
}
/*地图*/

.haier-school{ height: 334px; -webkit-transform: scale(0.655); -moz-transform: scale(0.655); -ms-transform: scale(0.655); transform: scale(0.655); -webkit-transform-origin: 28px top; -moz-transform-origin: 28px top; -ms-transform-origin: 28px top; transform-origin: 28px top; }
.haier-school .china-map { background: url(../images/map/zhongguoditu.png); width: 626px; height: 506px; overflow: hidden; position: relative; font-family: "微软雅黑"; color: #5D5D5D; }
.china-map li span { position: absolute; display: block; }
.china-map li a { position: absolute; display: block; cursor: pointer; outline: none; }
.heirongjiang { top: 0px; right: 0px; width: 140px; height: 124px; }
.heirongjiang span { top: 70px; left: 64px; }
.china-map li.current .heirongjiang { background: url(../images/map/heirongjiang.png); }
.xinjiang { top: 59px; left: 0px; width: 248px; height: 189px; }
.xinjiang span { top: 105px; left: 110px; }
.china-map li.current .xinjiang { background: url(../images/map/xinjiang.png); }
.gansu { top: 159px; left: 207px; width: 177px; height: 149px; }
.gansu span { top: 110px; left: 116px; }
.china-map li.current .gansu { background: url(../images/map/gansu.png); }
.neimenggu { top: 6px; right: 91px; width: 273px; height: 233px; }
.neimenggu span { top: 175px; left: 104px; }
.china-map li.current .neimenggu { background: url(../images/map/neimenggu.png); }
.xizang { top: 234px; left: 25px; width: 244px; height: 149px; }
.xizang span { top: 75px; left: 110px; }
.china-map li.current .xizang { background: url(../images/map/xizang.png); }
.qinghai { top: 206px; left: 163px; width: 155px; height: 112px; }
.qinghai span { top: 42px; left: 67px; }
.china-map li.current .qinghai { background: url(../images/map/qinghai.png); }
.sichuan { top: 286px; left: 252px; width: 122px; height: 119px; }
.sichuan span { top: 42px; left: 47px; }
.china-map li.current .sichuan { background: url(../images/map/sicuan.png); }
.yunnan { top: 359px; left: 246px; width: 111px; height: 116px; }
.yunnan span { top: 57px; left: 42px; }
.china-map li.current .yunnan { background: url(../images/map/yunnan.png); }
.guangxi { top: 401px; left: 339px; width: 94px; height: 69px; }
.guangxi span { top: 27px; left: 42px; }
.china-map li.current .guangxi { background: url(../images/map/guangxi.png); }
.guangdong { top: 411px; left: 402px; width: 98px; height: 75px; }
.guangdong span { top: 15px; left: 42px; }
.china-map li.current .guangdong { background: url(../images/map/guangdong.png); }
.guizhou { top: 357px; left: 327px; width: 76px; height: 66px; }
.guizhou span { top: 27px; left: 25px; }
.china-map li.current .guizhou { background: url(../images/map/guizhou.png); }
.hunan { top: 344px; left: 390px; width: 68px; height: 79px; }
.hunan span { top: 27px; left: 25px; }
.china-map li.current .hunan { background: url(../images/map/hunan.png); }
.chongqing { top: 314px; left: 349px; width: 58px; height: 59px; }
.chongqing span { top: 23px; left: 9px; }
.china-map li.current .chongqing { background: url(../images/map/chongqing.png); }
.shanxi { top: 209px; left: 352px; width: 62px; height: 110px; }
.shanxi span { top: 70px; left: 16px; }
.china-map li.current .shanxi { background: url(../images/map/saixi.png); }
.ningxia { top: 214px; left: 335px; width: 35px; height: 53px; }
.ningxia span { top: 17px; left: 6px; }
.china-map li.current .ningxia { background: url(../images/map/ningxia.png); }
.hubei { top: 300px; left: 385px; width: 95px; height: 58px; }
.hubei span { top: 20px; left: 40px; }
.china-map li.current .hubei { background: url(../images/map/hubei.png); }
.sanxi { top: 191px; left: 403px; width: 43px; height: 85px; }
.sanxi span { top: 32px; left: 10px; }
.china-map li.current .sanxi { background: url(../images/map/sanxi.png); }
.henan { top: 252px; left: 407px; width: 70px; height: 67px; }
.henan span { top: 24px; left: 20px; }
.china-map li.current .henan { background: url(../images/map/henan.png); }
.jilin { top: 99px; left: 508px; width: 105px; height: 66px; }
.jilin span { top: 24px; left: 50px; }
.china-map li.current .jilin { background: url(../images/map/jilin.png); }
.liaoning { top: 138px; left: 493px; width: 74px; height: 69px; }
.liaoning span { top: 18px; left: 31px; }
.china-map li.current .liaoning { background: url(../images/map/liaoning.png); }
.shandong { top: 222px; left: 458px; width: 80px; height: 53px; }
.shandong span { top: 18px; left: 16px; }
.china-map li.current .shandong { background: url(../images/map/shandong.png); }
.jiangsu { top: 263px; left: 477px; width: 69px; height: 67px; }
.jiangsu span { top: 10px; left: 22px; }
.china-map li.current .jiangsu { background: url(../images/map/jiangsu.png); }
.sanghai { top: 308px; left: 529px; width: 17px; height: 17px; }
.sanghai span { top: 0px; left: 0px; width: 30px; }
.china-map li.current .sanghai { background: url(../images/map/shanghai.png); }
.anhui { top: 273px; left: 462px; width: 59px; height: 71px; }
.anhui span { top: 30px; left: 16px; }
.china-map li.current .anhui { background: url(../images/map/anhui.png); }
.jiangxi { top: 339px; left: 452px; width: 58px; height: 83px; }
.jiangxi span { top: 30px; left: 11px; }
.china-map li.current .jiangxi { background: url(../images/map/jiangxi.png); }
.zhejiang { top: 331px; left: 505px; width: 46px; height: 44px; }
.zhejiang span { top: 10px; left: 11px; }
.china-map li.current .zhejiang { background: url(../images/map/zhejiang.png); }
.fujian { top: 364px; left: 485px; width: 52px; height: 67px; }
.fujian span { top: 23px; left: 11px; }
.china-map li.current .fujian { background: url(../images/map/fujian.png); }
.taiwan { top: 403px; left: 540px; width: 20px; height: 48px; }
.taiwan span { top: 12px; left: 0px; width: 30px; }
.china-map li.current .taiwan { background: url(../images/map/taiwan.png); }
.hainan { bottom: 0px; left: 390px; width: 31px; height: 25px; }
.hainan span { top: 4px; left: 0px; }
.china-map li.current .hainan { background: url(../images/map/hainan.png); }
.hebei { top: 158px; left: 437px; width: 67px; height: 96px; }
.hebei span { top: 51px; left: 10px; }
.china-map li.current .hebei { background: url(../images/map/hebei.png); }
.beijing { top: 182px; left: 455px; width: 23px; height: 24px; }
.beijing span { top: 0px; left: 0px; width: 30px; }
.china-map li.current .beijing { background: url(../images/map/beijing.png); }
.tianjin { top: 193px; left: 471px; width: 14px; height: 22px; }
.tianjin span { top: 4px; left: 0px; width: 30px; }
.china-map li.current .tianjin { background: url(../images/map/tianjin.png); }

@media screen and (max-width: 420px) { 
.list_productpage .list_product li{width: 100%; margin-right:0%; }
.list4_2 .list4_2_map {
    width: 100%;
    float: left;
}

.list_honor li{width:100%; margin-right: 0%;}
.list_honor li:nth-child(2n){margin-right: 0;}
.inner_left,.left_menue { display:none;}

.warp { width:100%; min-height:350px; border-left:0px solid #ddd; padding-left:0;}
.warp .w_t {
	width: 100%;
	height: auto;
	overflow: hidden;
	padding: 0px 0px 22px 0px;
	position: relative;
	border-bottom: 1px solid #DDDDDD;
}

.warp .w_t:before {
	width: 100px;
	height: 2px;
	position: absolute;
	left: 0px;
	bottom: 0px;
	background: #03a5fa;
	content: '';
}

.warp .w_t:after {
	width: 10px;
	height: 2px;
	position: absolute;
	right: 0px;
	bottom: 0px;
	background: #e41616;
	content: '';
}

.warp .w_t h2 {
	width: auto;
	float: left;
	font-size: 24px;
	line-height: 30px;
	color: #03a5fa;
	font-weight:bold;
}

.warp .w_t .w_nav {
	width: auto;
	float: right;
	color: #989898;
	margin-top: 10px;
}

.warp .w_t .w_nav a {
	padding: 0px 10px;
}

.warp .w_t .w_nav a:last-child {
	padding-right: 0px;
}

.warp .w_t .w_nav a.active {
	color: #e51616;
}
.warp_content .year {
	width: 100%;
	height: auto;
	line-height: 40px;
	font-size: 35px;
	opacity: .3;
	text-transform: uppercase;
}
.a_list {
	width: 100%;
	height: auto;
	margin-top: 20px;
	overflow: hidden;
	margin-bottom: 25px;
}
.a_list ul li {
	width: 200px;
	height: auto;
	float: left;
	margin-right: 20px;
	padding-right: 20px;
	border-right: 0px solid #DDDDDD;
}
.about_content {
	font-size:15px;
	width: 100%;
	height: auto;
	line-height: 26px;
	padding-bottom:30px;
	text-align:justify;
}
.about_img img {width: auto; height: auto; max-width: 100%; max-height: 100%;}

.mob_h { display:none;}
.mob_jia { margin-top: 14px;}

.ab_list ul li {
	width: 140px;
	height: 202px;
	border: 1px solid #ddd;
	padding:5px;
	float: left;
	margin-left:0px;
	margin-right:15px;
	margin-bottom:30px;
	position: relative;
	cursor: pointer;
	overflow: hidden;
}

.ab_list ul li:nth-child(2n){margin-right: 0;}
.mob_f {font-size: 16px;}

.zl_list ul li {
	width: 95%;
	padding-bottom: 63.16%;
	border: 1px solid #ddd;
	padding:2%;
	float: left;
	margin-left:0px;
	margin-right:0px;
	margin-bottom:45px;
	position: relative;
	cursor: pointer;
	overflow: hidden;
}
/*新闻版块*/
.recomNewsScroll{width: 100%; height:100%;overflow: hidden;margin-bottom: 30px;position: relative; margin-top:26px; display:none;}
.recomNewsScroll .swiper-slide a{display: block;padding:0 20px 0 410px;position: relative;}
.recomNewsScroll .swiper-slide a .pic{width:100%; padding-bottom:60.8%;overflow: hidden;position: absolute;left: 0;top: 0;}
.recomNewsScroll .swiper-slide a .pic img{width: 100%;height: 100%;cursor: pointer; transition: all 0.6s;}
.recomNewsScroll .swiper-slide a .pic:hover img{ -webkit-transform: scale(1.1); -moz-transform: scale(1.1); -ms-transform: scale(1.1); transform: scale(1.1);}
.rotateY:hover{ -webkit-transform: rotateY(180deg); -moz-transform: rotateY(180deg); -ms-transform: rotateY(180deg); transform: rotateY(180deg); }
.translateX:hover{-webkit-transform:translateX(-6px); -moz-transform: translateX(6px); -ms-transform:translateX(-6px); transform:translateX(-6px);}

.recomNewsScroll .swiper-slide a .text{width: 100%; height:500px; clear:both; position:absolute; left:0;}
.recomNewsScroll .swiper-slide a .text h5{font-size: 20px;color: #545454;font-weight:bold;}
.recomNewsScroll .swiper-slide a .text span{display: block;height: 50px;line-height: 50px;color: #b2b2b2;font-size: 12px;}
.recomNewsScroll .swiper-slide a .text p{line-height: 25px;height: 81px;overflow: hidden;margin: 15px 0 20px;font-size: 14px;color: #585858;}
.recomNewsScroll .swiper-slide a .text em{display: block;width: 123px;height: 35px;line-height: 35px;text-align: center;color: #FFF;font-size: 14px;background: #03a5fa;}
.recomNewsScroll .swiper-slide a:hover .text h5{color: #d23c01;}
.recomNewsScroll.swiper-container-horizontal > .swiper-pagination-bullets{position: absolute;z-index: 3;height: 24px;width: auto;left: auto;right: 20px;bottom: 26px;line-height: 24px;font-size: 0;}
.recomNewsScroll.swiper-container-horizontal > .swiper-pagination-bullets .swiper-pagination-bullet{width: 22px;height: 22px;margin: 0 0 0 10px;border:1px solid #dddddd;cursor: pointer;border-radius: 0;opacity: 1;text-align: center;line-height: 22px;font-size: 12px;color: #666;background: none;
-webkit-transition:all 0.3s linear; -moz-transition:all 0.3s linear; -ms-transition:all 0.3s linear; transition:all 0.3s linear;}
.recomNewsScroll.swiper-container-horizontal > .swiper-pagination-bullets .swiper-pagination-bullet.swiper-pagination-bullet-active{background: #d23c01;border-color: #d23c01;color: #fff;}

.newsList{width: 100%;margin-bottom: 30px; margin-top:30px;}
.newsList li{margin-bottom: 20px;width:100%; height:110px;background: #f4f4f4;}
.newsList li a{display: block; margin-bottom:15px;position: relative;padding: 10px 108px 30px 178px;}
.newsList li a .date{width: 0px;display:none;}
.newsList li a .date span{display: block;height: 35px;line-height: 35px;overflow: hidden;color: #000000;font-size: 16px;}
.newsList li a .date em{display: block;height: 28px;line-height: 28px;overflow: hidden;color: #999999;font-size: 14px;}
.newsList li a .text{width:90%; position:absolute; left:10px; box-sizing: border-box; }
.newsList li a .text h5{ width: 100%;height: 35px;line-height: 35px;font-weight: normal;margin-bottom: 10px;font-size: 18px;color: #333333;}
.newsList li a .text p{ width: 100%;line-height: 20px;height: 40px;color: #666666;}
.newsList li a:hover .text h5{color: #d23c01;}

.service_questionpage .hidden_txt{ display:block; padding:8px 22px 32px; color:#505050; font-size:14px; line-height:30px; }
.service_questionpage .hidden_txt img {width: auto; height: auto; max-width: 100%; max-height: 100%;

}
/*文字截断*/
.TXTovehid{display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}


/*方案应用*/
.list_fa { width:100%; margin-bottom:35px;}
.list_fa dl { margin-bottom:45px;} 
.list_fa dt { width:100%;}
.list_fa dt img { width:100%;  overflow:hidden; border:1px solid #ddd;cursor: pointer; transition: all 0.6s;}
.list_fa dt img:hover{ transform: scale(1.2);}
.list_fa dd { width:100%; position:relative;}
.list_fa dd h5{height: 23px;line-height: 23px;font-weight:bold;margin-top: 15px;font-size:20px;color: #545454;}

.list_fa dd span{display: block;overflow: hidden;color: #b2b2b2;font-size: 12px;}
.list_fa dd em{display: block;width: 123px;height: 35px;line-height: 35px;text-align: center;color: #FFF;font-size: 14px;background: #03a5fa; display:none;}
.list_fa dd  p {line-height:24px;height: 109px;color: #585858;overflow: hidden; font-size:14px; margin-top:10px; margin-bottom:30px;}

.list_fa dd .proshow { margin-bottom:30px;}

/*方案应用*/
.list_prod { width:100%; margin-bottom:35px;}
.list_prod dl { margin-bottom:45px; height:230px;} 
.list_prod dt { float:left; width:100%;}
.list_prod dt img { width:100%; height:100%; overflow:hidden; border:1px solid #ddd;cursor: pointer; transition: all 0.6s;}
.list_prod dt img:hover{ transform: scale(1.2);}
.list_prod dd { float:left; width:100%;}
.list_prod dd h5{height: 25px;line-height: 25px;font-weight:bold;margin-top: 15px;font-size:20px;color: #545454;}

.list_prod dd span{display: block;overflow: hidden;color: #b2b2b2;font-size: 12px; display:none}
.list_prod dd em{display: block;width: 123px;height: 35px;line-height: 35px;text-align: center;color: #FFF;font-size: 14px;background: #e54144; border-radius:2px;display:none}

.list_prod dd  .proshow {line-height:30px;height: 193px;color: #585858;overflow: hidden; font-size:14px; margin-top:20px;display:none;}
.list_prod .protxt  { overflow:hidden; overflow-x:scroll;-webkit-overflow-scrolling: touch; font-size:14px; line-height:30px; color:#4d4d4d;}
.list_prod .protxt img {width: auto; height: auto; max-width: 100%; max-height: 100%;}

/*经典案例*/
.picList{width: 100%;margin: 62px 0;}
.picList li{width: 100%;background: #fff;margin: 0 0px 40px 0px; text-align:center;}
.picList li a{display: block;}
.picList li a .pic{width: 100%;height: 0;padding-bottom: 75.4%;position: relative;overflow: hidden; border-bottom:1px #ebeaea solid;}
.picList li a .pic img{width: 100%;height: 100%;position: absolute;left: 0;top: 0;cursor: pointer; transition: all 0.6s;}
.picList li a .pic:hover img{ -webkit-transform: scale(1.1); -moz-transform: scale(1.1); -ms-transform: scale(1.1); transform: scale(1.1);}

.picList li a .pic b{position: absolute;left: 0;top: 0;width: 100%;height: 100%;z-index: 2;background: rgba(0,0,0,0);/*opacity: 0;*/}
.picList li a .pic i{position: absolute;left: 0;top: 0;width: 100%;height: 100%;z-index: 3;background:url(../images/videoIcon1.png) no-repeat center center;}
.picList li a .text{padding: 15px 10px;line-height: 22px;}
.picList li a .text h5{font-size: 18px;color: #333333;font-weight: normal; line-height:32px;}
.picList li a .text span{display: block;font-size: 12px;color: #999999;}
.picList li:hover{box-shadow:0 0 15px rgba(0,0,0,0.2);}
.picList li:hover a .pic b{opacity: 1;}


.haier-school { display:none;}
.list4_2 .list4_2_left{ width: 100%; background: #eaeaea; padding: 30px 0 40px; text-align: center; float:left;}
.list4_2 .list4_2_left h3{ line-height: 58px; font-family: 'RCSC','Microsoft Yahei'; font-size: 35px; color: #347245; font-weight:bold; }
.list4_2 .list4_2_left .qrcode{ width: 168px; height: 156px; border: 1px solid #e1dbd1; margin: 26px auto 0; text-align:center; color:#868686; line-height:42px; }
.list4_2 .list4_2_left .qrcode img{ width: 100%; height: 100%; }
.list4_2 .list4_2_left .list4_2_nav{ margin:30px auto 0; padding-left:10%; text-align:left;}
.list4_2 .list4_2_right{ width:370px; margin:0 auto; }

/*在线留言*/
.msg { width:100%; height:660px; margin-bottom:35px; background:none; padding-left:0;}

.inner_banner{ padding-bottom: 26%; background-size:cover;}

/*420 end*/
}