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

* {
	box - sizing: border - box
} * , blockquote, body, button, code, dd, div, dl, dt, fieldset, form, h1, h2, h3, h4, h5, h6, input, legend, li, ol, p, pre, td, textarea, th, ul {
	margin: 0;
	padding: 0
}
LI, UL { list-style-type:none;}
body { font-family:"思源黑体 LIGHT"; background:#f3f3f3;  font-size:14px; color:#000;}
IMG {
	BORDER - TOP - WIDTH: 0;
	BORDER - LEFT - WIDTH: 0;
	BORDER - BOTTOM - WIDTH: 0;
	BORDER - RIGHT - WIDTH: 0
}


@font-face {

  font-family:思源黑体 REGULAR;

  src: url("../fonts/思源黑体 REGULAR.OTF")  format(".OTF"),

}
@font-face {

  font-family:思源黑体 LIGHT;

  src: url("../fonts/思源黑体 LIGHT.OTF")  format(".OTF"),

}
.fz { margin:0 auto; width:100%; max-width:1300px;}
.fr { float:right;}
.fl { float:left;}
.clear { clear:both;}
a { text-decoration:none;color:#000;}
img { border:0;}

.p_pdf { width:100%; margin-top:5%;  overflow:auto;-webkit-overflow-scrolling:touch; }
.products_xq .pdf_more {display:inline-block; padding:0 4%; float:right; font-size:14px;    font-weight: 100; background:#0775e0; color:#fff; border:1px solid #0775e0}
.products_xq .pdf_more:hover{  background:#fff; color:#0775e0; border:1px solid #0775e0}
.p_pdf iframe { width:100%; height:750px;}
.yd_pdf { margin-top:10%; text-align:center; display:none;}
.yd_pdf a{ display:inline-block; padding:2% 4%; font-size:16px; background:#0775e0; color:#fff; border:1px solid #0775e0}
.yd_pdf a:hover{  background:#fff; color:#0775e0; border:1px solid #0775e0}

.top_img {
    width: 40px;
    height: 40px;
    background:#0775e0 url(../images/top_img.png) no-repeat center center;
}
.top_img:hover {background:#0775e0 url(../images/top_img.png) no-repeat center center;}



/* 导航 */
.index_logo{ position:absolute; left:3.5%; top:0; z-index:30; width:25%; height:100px;}
.index_logo img{ height:60px; padding-top:19px; padding-right:20px; float:left;}
.index_logo a { color:#0775e0; font-size:20px; line-height:100px;}
.index_logo a p { font-size:18px; display:inline-block;}
.index_logo a p i{   display:inline-block; font-style:normal; padding:0 5px;}
.index_logo a span { font-size:18px; display:inline-block; }
.head{width:100%;height:100px;z-index: 9999; border-bottom:1px solid #c6c8c6; position:relative; background:#fff;}
.head .nav{display: block; width:100%; position:absolute; right:0; top:0; }
.head .nav .nav_pc{ width:60%; float:right; margin-right:5%;}
.headlf a span { display:none;}
.m_img .headlf a em  p { display:none;}
.head .nav ul li #p_none { display:none !important;}
.head .nav ul li #p_nav .s_a { text-align:center; }
.head .nav ul li{float:left;box-sizing: border-box; text-align:center;z-index: 999; width:16.2%;}
.head .nav ul li:first-child{  width:7% !important;}
.head .nav ul .t_search{ text-align:left; width:7% !important; position:inherit;}
.head .nav ul .t_search .f_a{ background:url(../images/search.png) no-repeat right center; }
.head .nav ul .on .f_a { color:#0775e0;}
.head .nav ul .t_search i{ display:inline-block; font-style:normal; font-size:10px; padding:0 9px; color:#979797; line-height:98px;}
.head .nav ul .t_tel .f_a{ background:url(../images/top_tel.png) no-repeat left center;padding-left:24%; color:#0775e0; font-size:18px; }
.head .nav ul .t_tel { margin-left:4%; width:12%; }
.head .nav ul li .f_a{line-height:100px;display:block;font-size:16px;color:#000;width:100%;}

.head .nav ul li .f_a:hover{color: #0775e0; transition:all 0.3s}
.head .nav ul li .s_navbox{ text-align:left;padding:4% 0;display:none;position: absolute;left: 0;width: 100%; background:#f4f4f4;z-index: 9999;box-sizing: border-box;top:101px;}
.head .nav ul li .s_navbox .s_a a{color:#333333;font-size:14px;text-transform:uppercase;display:inline-block;padding:0  10px;}
.head .nav ul li .s_navbox .s_a_l { width:100%;}
.head .nav ul li .s_navbox .s_a_r img { width:100%;}
.head .nav ul li .s_navbox .s_a_l01 {width: 80%; margin: 0 auto;}
.head .nav ul li .s_navbox .s_a_l01 dl dd a { padding:0; display:block; width:100%;  min-height:150px; }
.head .nav ul li .s_navbox .s_a_l01 dl dd{ position:relative; display:block; text-align:center; min-height:150px; float:left; width:30%; margin-left:5%;   background:#fff; transition:all 0.6s; -webkit-transition:all 0.6s; -moz-transition:all 0.6s;}
.head .nav ul li .s_navbox .s_a_l01 dl dd:hover {  box-shadow:0 10px 35px 0 rgba(0,0,0,.1); transition:all 0.6s; -webkit-transition:all 0.6s; -moz-transition:all 0.6s;}
 .head .nav ul li .s_navbox .s_a_l01 dl dd:nth-child(1 ){   margin-left:0;}
.head .nav ul li .s_navbox .s_a_l01 dl dd img { display:block;width:50%;   position: absolute;    top: 0;    right: 0;    bottom: 0;    left: 0;    margin: auto;}

.s_a_l01 dl dt {  font-size:30px; padding-bottom:3%; margin-bottom:5%; border-bottom:1px solid #e4e4e4}
.head .nav ul li .s_navbox .s_a_l02 { width:60%;}
.head .nav ul li .s_navbox .s_a_l02 span{ display:block; border-bottom:1px solid #e4e4e4; padding-bottom:3%;  font-size:30px; color:#0775e0;}
.head .nav ul li .s_navbox .s_a a:hover{color: #0775e0;}
.top_solution dl dd { float:left; margin-left:2%; width:18.4%; text-align:center; }
.head .nav ul li .s_navbox .s_a .top_solution dl dd a img{ margin-bottom:5%;display:block;width:96%; border:1px solid #e4e4e4; padding:2%;}
.top_solution dl dd:first-child{  margin-left:0; }
.head .nav ul li .s_navbox .s_a .top_solution dl dd a img:hover{  border:1px solid #0775e0; }
.top_solution dl dd a em { font-style:normal; font-size:16px;  }

.top_service dl .top_service_a { width:50%; float:left}
.top_service dl .top_service_b { width:15%; margin:0 10%; float:left}
.top_service dl .top_service_c { width:15%; float:left}
.head .nav ul li .s_navbox .s_a .top_service_b .top_service_a_i{ margin-top:28px; }

.top_service_a_t {     font-size:25px;padding-bottom: 15px;margin-bottom:20px;  border-bottom: 1px solid #e4e4e4;}
.top_service_a_i dl dt { display:block; font-style:normal; font-size:20px; margin:2% 0 5%}
.head .nav ul li .s_navbox .s_a .top_service_a_i dl dd a { color:#333333; font-size:14px; padding:0;}
.head .nav ul li .s_navbox .s_a .top_service_a_i dl dd a:hover { color:#0775e0; text-decoration:underline; }
.top_service_a_i dl dd { margin-bottom:5%;}
.top_service_a .top_service_a_i{ float:left; width:22%; margin-left:4%;}
.top_service_a_i dl dd a i { font-style:normal; display:inline-block; padding-right:10px; transition:all 0.6s; -webkit- transition:all 0.6s; -moz- transition:all 0.6s; }
.top_service_a_i dl dd a:hover i {   padding-left:10px; transition:all 0.6s; -webkit- transition:all 0.6s; -moz- transition:all 0.6s; }
#top_service_a_i { margin-left:0;}

.top_service { text-align:center;}
.top_service dl dd { display:block; float:left; display: table; margin-left:5%; min-height:150px; width:29.5%;  border: 1px solid #e4e4e4; background-position:center; background-repeat:no-repeat; background-size:cover;}
.top_service dl dd:first-child{ margin-left:0;}
.head .nav ul li .s_navbox .s_a .top_service { width:80%; margin:0 auto;}
.head .nav ul li .s_navbox .s_a .top_service dl dd a { font-size:20px;  vertical-align: middle;
             display: table-cell;  height:100%; min-height:150px; padding:0; color:#fff;width:100%;background:rgba(0,0,0,0.7); }
.head .nav ul li .s_navbox .s_a .top_service dl .zcs1{ background-image:url(../images/sv1.jpg)}
.head .nav ul li .s_navbox .s_a .top_service dl .zcs2{ background-image:url(../images/sv2.jpg)}
.head .nav ul li .s_navbox .s_a .top_service dl .zcs3{ background-image:url(../images/sv3.jpg)}

.head .nav ul li .s_navbox .t_about_l {  width: 60%;}
.head .nav ul li .s_navbox .t_about_r {      width: 28%; text-align: right;}
.head .nav ul li .s_navbox .t_about_r img {  width: 100%;}
.head .nav ul li .s_navbox .t_about_l01 {  width: 45%;  margin-top: 11px;}
.head .nav ul li .s_navbox .t_about_l01 a { font-size:16px;   display: block;   float: left;    margin-right: 8%;   width: 31%;   padding-left: 5%;    margin-bottom: 5%;}
.head .nav ul li .s_navbox .t_about_l02 { width: 45%;}
.head .nav ul li .s_navbox .t_about_l02 span {  display: block;   font-size: 30px;   color: #0775e0;    border-bottom: 1px solid #e4e4e4;
 padding-bottom: 4%;}
.head .nav ul li .s_navbox .t_about_l02 .t_about_info {
    font-size: 14PX;
    color: #6e6e6e;
    line-height: 2;
    margin-top: 4%;}
.head .nav ul li .s_navbox .t_about_l02 .t_about_more a{ color:#6e6e6e; padding:1% 8%; font-size:12px; border:1px solid #e4e4e4; margin-top:4%;}
.head .nav ul li .s_navbox .t_about_l02 .t_about_more a:hover{ color:#fff; border:1px solid #0775e0; background:#0775e0;}
.head .nav ul li .s_navbox .t_about_l .t_about_l01 a i { font-style:normal; display:inline-block; padding-right:10px; transition:all 0.6s; -webkit- transition:all 0.6s; -moz- transition:all 0.6s; }
.head .nav ul li .s_navbox .t_about_l .t_about_l01 a:hover i {  padding-left:5px; transition:all 0.6s; -webkit- transition:all 0.6s; -moz- transition:all 0.6s; }
.head .nav ul li .s_navbox .t_about_l .t_about_l01 a:hove { text-decoration:underline;}



.m_nav{display:none}
.headlf .m_logo{display: none}
.headrg .m_menuimg{display: none}
.active{background-color: #cf1322}
.activ2{background-color: #cf1322}

.head .nav ul .t_search .s_navbox{ width:100%; left:auto;right:0;}
.head .nav ul .t_search .search { width:50%; margin:0 auto;}
.head .nav ul .t_search .search .text { outline:none; float:left; width:76%;   background:#fff; height:55px; border:1px solid #fff;line-height:55px; padding-left:2%; color:#949292;}
.head .nav ul .t_search .search .btn { outline:none; padding:0; color:#fff; float:left; transition:all 0.6s;  width:20%; border:1px solid #fff;background:#0775e0; height:55px; line-height:55px; text-align:center;} 
.head .nav ul .t_search .search .btn:hover { letter-spacing:8px; transition:all 0.6s; color:#0775e0; background:#fff; border:1px solid #0775e0}


/* 下拉侧边菜单 */
.sidenav{position: relative;width:180px;display: block; float: left;}
.sidenav label {width:180px;display: block;padding-left: 55px;box-sizing: border-box; background: #128ee3;position: relative;height: 48px;line-height: 48px;color: #fff;font-size: 16px;}
.sidenav label i {width: 30px;height: 30px;display: block;position: absolute;background-size: 20px;left: 25px;top: 16px;}
.sidenav .side {display: inline-block;position: absolute;top: 48px;left: 0;z-index: 999;width: 180px;background: #fff;border-top: none;background-color: rgba(255, 255, 255, .95);box-sizing: border-box;}
.sidenav .side li {position: relative;width:100%; padding:5px 0px;border-bottom: 1px solid #cccccc;box-sizing: border-box}
.sidenav ul.side li:first-child {cursor: pointer; width:14%;}
.sidenav .side li a {color: #333;height: 40px;line-height: 40px;padding: 8px 0 8px 0;display: block;font-size: 16px;}
.sidenav .side li a:hover {background: none;color: #0085cd;}
.sidenav .side li a i {transition: all 0.3s ease 0s;}
.sidenav .side li a i.side_t {margin-left:10px; width: 40px;height: 40px;display: inline-block;vertical-align: middle;background-size: 30px;}
.sidenav .side li a:hover i {margin-left: 15px;}

.sidenav .side li:hover .side_main {display: block;z-index: 999;}
.sidenav .side .side_main {display: none;width: 500px;background: #FFFFFF;position: absolute;left: 180px;top:0;box-shadow: 3px 3px 5px rgba(0, 0, 0, 0.1);border: 1px #cecece solid;z-index: 7;}
.sidenav .side .side_main dl {margin: 20px;padding: 0;}
.sidenav .side .side_main dl dt {font-size: 18px;margin-bottom: 10px;color: #0173b2;font-weight: bold;}
.sidenav .side .side_main dl dt b{font-size: 15px;}
.sidenav .side .side_main dl dd {margin-bottom: 10px;display: inline-block;}
.sidenav .side .side_main dl dd a {position: relative; display: inline-block;color: #777;font-size: 14px;margin:0 4px ;padding: 0 5px;border-right: 2px solid #bbbbbb; height: auto;line-height: 1.5;transition: all 0.2s ease 0s;}
i.icon-hot,i.icon-new {display: inline-block;height: 9px;width: 24px;vertical-align: middle;}
i.icon-hot {background-position: 0 -240px;}
i.icon-new {background-position: -40px -240px;}
.sidenav .side .side_main dl dd a span {color: #999;}
.sidenav .side .side_main dl dd a:hover {background: none;color: #cf1322;transform:translateY(-2px);}
.sidenav .side .side_main dl dd a:hover b {color: #40adf5;}
.sidenav .side .side_main dl dd a:hover span {color: #40adf5;}

/* 轮播图 */
.slider {position: relative;overflow: hidden;width: 100%;}
.slideBox .hd {height: 10px;z-index:1; overflow: hidden;position: absolute;left: 50%;bottom: 20px;transform: translateX(-50%);z-index: 1;}
.slideBox .hd ul{ text-align:center;  padding-top:5px;  }
.slideBox .hd ul li {cursor:pointer;float: left;margin-right: 5px;width: 30px;height: 10px;line-height: 14px;text-align: center;background: #fff;}
.slideBox .hd ul .on {background: #00a2ff;color: #fff;}
.slideBox .bd{ position:relative; z-index:0; }
.slideBox .bd li img{width:100%; vertical-align:top;  } 



/* 首页内容 */
.index_info { margin-top:5%;}
.index_info ul li { float:left; margin-left:5%; width:29.8%; position:relative;overflow:hidden; border:1px solid #e9e9e9;}
.index_info ul li:first-child {  margin-left:0;}
.index_info ul li .index_info_img { width:100%; overflow:hidden;}
.index_info ul li .index_info_img img{ width:100%;  display: block;-webkit-transition: 1s;-moz-transition: 1s;transition: 1s;}
.index_info ul li:hover .index_info_img img{-webkit-transform:scale(1.1);-moz-transform:scale(1.1);-ms-transform:scale(1.1);transform:scale(1.1);}
.index_info ul li a .index_info_content { z-index:12; width:100%; height:200px; position:absolute; left:0; bottom:-200px; background:rgba(7,117,224,0.9);transition:all 0.6s; -webkit- transition:all 0.6s; -moz- transition:all 0.6s; }
.index_info ul li:hover a .index_info_content {  bottom:0;transition:all 0.6s; -webkit- transition:all 0.6s; -moz- transition:all 0.6s; }
.index_info ul li a .index_info_content .index_info_content_t { text-align:center; font-size:18px; color:#fff; margin:30px 0 20px; }
.index_info ul li a .index_info_content .index_info_content_i { line-height:1.8;font-size:14px; color:#c4d6f3; padding:0 5%;

    display: -webkit-box;
    word-break: break-all;
    text-overflow: ellipsis;
    overflow: hidden;
    -webkit-box-orient: vertical;
    -webkit-line-clamp:3;
 }
.index_info ul li a .index_info_title{opacity:1;-webkit-transition: 0.3s;-moz-transition: 0.3s;transition: 0.3s;   text-align:center; color:#fff; font-size:30px; width:100%; }

.index_info ul li a .index_info_title p { height:50px; line-height:50px; display:block;width:100%;   position: absolute;    top: 0;    right: 0;    bottom: 0;    left: 0;    margin: auto; z-index:10;}

.index_info ul li:hover a .index_info_title { opacity:0;-webkit-transition: 1s;-moz-transition: 0.3s;transition: 0.3s;}

.index_info ul li a .index_info_title em { width:100%; display:block;  position:absolute; left:0; top:50%; }
.index_info ul li a .index_info_title em i { display:block; margin:8% auto 0; width:60px; height:1px; background:#fff;}

.index_info ul li .index_info_content span { margin:10px 8% 0 0; z-index:40; width:16px; height:16px; display:block; background:url(../images/more.png) no-repeat center center; float:right;}
.index_info ul li .index_info_vidoe { opacity:0; width:100%; height:100%; background:rgba(0,0,0,0.7); position:absolute; left:0; top:0;transition:all 0.6s; -webkit- transition:all 0.6s; -moz- transition:all 0.6s;}
.index_info ul li:hover .index_info_vidoe { opacity:1; transition:all 0.6s; -webkit- transition:all 0.6s; -moz- transition:all 0.6s;}
.index_info ul li .index_info_vidoe img { width:25%;   position: absolute;    top: 0;    right: 0;    bottom: 0;    left: 0;    margin: auto; }





/*小于1600大于1200稍微调整下字体*/
@media screen and (max-width: 1600px) and (min-width:1200px) {
  
   .head .nav ul li .f_a { font-size: 16px;}
   .nav ul li .s_navbox .s_a a{font-size:12px}
   .foot_top ul{margin-left:60px}
   .nav ul li .s_navbox .s_a{width:100%}
   .head .nav ul .t_search {  width: 4% !important;transition:all 0.6s;}
}

@media screen and (max-width: 1200px) and (min-width:1024px) {
   
   .head .nav ul .t_search { padding-left:0;transition:all 0.6s;}
}



/*移动端导航*/
.m_navList ul li:first-child{ text-align:center; padding:15% 0 15%;}
.m_navList ul li .c_logo{ width:20%;}
@media screen and (max-width: 1024px) and (min-width: 0px){
   .msgNum{display: none;}
   .head{display:none}
   .m_img{display:block;height:90px;background:#fff;width:100%;z-index:9999;overflow: hidden;    border-bottom: 1px solid #c6c8c6;}
   .headlf img { float:left; padding-right:20px;padding-top:18px;}
   .headlf a { color:#0775e0; font-size:16px;  }
   .headlf a:hover { color:#0775e0; }
   .m_img .headlf{padding-left:25px;float: left; width:72%;}
   .m_img .headlf .m_logo{height:55px;display: block}
   .m_img .headlf a em { font-style:normal; width:80%; display:block; float:left; line-height:1.2}
   .m_img .headlf a em  p { font-size:18px; margin-top:34px; display:inline-block;}
   .m_img .headlf a em  p i{ padding:0 5px; display:inline-block;}
   .m_img .headlf a em  span { font-size:18px;}
   .m_img .headrg{padding-top:30px;padding-right:25px;float: right;}
   .m_img .headrg a .m_menuimg{height:25px;vertical-align:top;display: block}
   .m_nav {display:block;position:fixed;top:0px;left:0px;width:0px;height:0px;overflow:hidden;z-index:10000}
   .m_nav .closecover{position:absolute;width:100%;height:100%;background:#0b0d19;filter:alpha(opacity=0);opacity:0;left:0px;top:0px;z-index:1}
   .m_nav .closeicon{position:absolute;width:20%;left:30px;top:5%;z-index:100;text-align:center;filter:alpha(opacity=0);opacity:0}
   .m_nav .m_navList{position:absolute;width:80%;right:0px;top:0px;background:#0b0d19;height:100%;z-index:100;right:-80%;overflow-y: scroll;}
   .m_nav .m_navList ul{padding-left:5%;padding-right:5%}
   .m_nav .m_navList ul li{border-bottom:1px solid #232530}
   .m_nav .m_navList ul li a{display:block;height:45px;color:#fff;line-height:45px;padding-left:5%;font-size:16px}
   .m_nav .m_navList ul li .m_f_a{display: flex;align-items: center;justify-content: space-between; width: 100%}
   .m_nav .m_navList ul li .m_f_a a{flex: 1;}
   .m_nav .m_navList ul li .m_f_a i{width: 40px;height:35px;box-sizing: border-box; padding:0 5px; display: block;}
   .icon{ background:url(../images/plus.png) 100% no-repeat;background-position: 50% 50%; -webkit-transition:all 0s;-moz-transition:all 0s;transition:all 0s}
   .icon_on{background:url(../images/reduce.jpg) 50% no-repeat!important;background-position: 50% 50%;-webkit-transition:all 0s;-moz-transition:all 0s;transition:all 0s}
   .m_nav .m_navList ul li .m_s_nav{display:none;width: 100%;}
   .m_nav .m_navList ul li .m_s_nav a{display: block; height:40px;line-height:40px;font-size:14px;padding-left:10%;overflow: hidden; white-space: nowrap;width: 90%;text-overflow: ellipsis;}
}

.m_s_nav dl dt {  background:#24262f url(../images/sxt02.png) no-repeat 8px center; text-indent:1.5em; color:#fff; padding:1%; margin:0 12% 2%;}
.m_nav .m_navList ul li .m_s_nav dl dt a { font-size:16px;  color:#fff; }
.m_s_nav dl dd a {  }
.m_s_nav dl dd a i { padding:0 3% 0 4%; display:inline-block; font-style:normal;}
.m_s_nav dl dd {  padding:1%; margin:0 12% 0;}
.m_s_nav dl .m_down .m_down_f {  background:#24262f url(../images/sxt02.png) no-repeat 8px center; text-indent:1.5em; color:#fff; padding:1%;}
.m_s_nav dl .m_down {  margin:0 12% 2%;}
.m_nav .m_navList ul li .m_s_nav dl .m_down a { }
.m_nav .m_navList ul li .m_s_nav dl .m_down dl dd .m_down_t{border-bottom: 1px solid #232530; text-indent:1em;}
.m_nav .m_navList ul li #m_s_nav01 dl dd a { padding-left:0;}
.m_nav .m_navList ul li:first-child {  border-bottom:0;}

/*=====banner=====*/
.banner {margin: 0 auto;width: 100%;}
.flexslider {margin: 0;padding: 0;}
.flexslider .slides > li {display: none;-webkit-backface-visibility: hidden; position:relative; }
.flexslider .slides > li div { background-position: center; background-repeat: no-repeat; background-size: cover; }
.flexslider .slides > li div a { display:block; width:100%; }

.flexslider .slides > li .img img{ width:100%;  }

.slides:after {content: ".";display: block;clear: both;visibility: hidden;line-height: 0;height: 0;}
html[xmlns] .slides {display: block;}
.banner ul li .li_video{ background:#000;}
.banner #video { width:100%; }
.flexslider {margin: 0 auto;position: relative;width:100%;zoom: 1;}
.flexslider .slides > li .img { height:600px !important;}
.pro-switch {height:600px;overflow: hidden;position: relative;width:100%;}
.no-js .slides > li:first-child {display: block;}

.flex-viewport {max-height: 2000px;-webkit-transition: all 1s ease;-moz-transition: all 1s ease;transition: all 1s ease;}
.flexslider .slides {zoom: 1;}
.flex-direction-nav {*height: 0;}
.flex-direction-nav a {width:50px;height: 50px; border-radius:5px;margin: -58px 0 0;display: block;position: absolute;top: 50%;z-index: 10;cursor: pointer;text-indent: -9999px;opacity: 0;filter:alpha(opacity=0);-webkit-transition: all .3s ease;}
.flex-direction-nav .flex-next {background: url(../images/banner_right.png) no-repeat center center;right: 2%;}
.flex-direction-nav .flex-next:hover {background:#0775e0 url(../images/banner_righth.png) no-repeat center center;}
.flex-direction-nav .flex-prev {background: url(../images/banner_left.png) no-repeat center center;left: 2%;}
.flex-direction-nav .flex-prev:hover {background:#0775e0 url(../images/banner_lefth.png) no-repeat center center;}
.flexslider:hover .flex-next {opacity: 0.8;filter:alpha(opacity=25);}
.flexslider:hover .flex-prev {opacity: 0.8;filter:alpha(opacity=25);}
.flexslider:hover .flex-next:hover, .flexslider:hover .flex-prev:hover {opacity: 1;filter:alpha(opacity=50);}
.flex-control-nav {width: 100%;position: absolute;bottom: 5%;text-align: center;}
.flex-control-nav li {margin: 0 10px;display: inline-block;zoom: 1;*display: inline;}
.flex-control-paging li a {display:block;height: 1px;overflow: hidden;text-indent:-99em;width:40px; background:#fff;cursor: pointer; }
.flex-control-paging li a.flex-active {background:#0775e0; }


#slides2 { display:none;}


 
/*=====头部产品切换=====*/
 

   #owl-demo .item{
       margin: 0.5em;
		transition: 0.5s all;
		-webkit-transition: 0.5s all;
		-moz-transition: 0.5s all;
		-o-transition: 0.5s all;
		padding: 1em;
		background: #fff;
		cursor:pointer;
    }
    #owl-demo .item img{
        display: block;
        height: auto;
    }
.item img,.item a,.item p{
	opacity:1;
	transition: 0.5s all;
	-webkit-transition: 0.5s all;
	-moz-transition: 0.5s all;
	-o-transition: 0.5s all;
}
.item img:hover,.item a:hover,.item p:hover{
	opacity:1;
}
.owl-theme .owl-controls{
	margin-top: 10px;
	text-align: center;
}
/*-----*/
.item a{
 
	color: #000;
	padding: 0.5em 0 0.4em 0;
	display:block;
	transition:0.5s all;
    -webkit-transition:0.5s all;
    -moz-transition:0.5s all;
    -o-transition:0.5s all;
}
.item a span{
	font-weight:600;
}

/*---//--*/
/* Styling Next and Prev buttons */

.owl-theme .owl-controls .owl-buttons div{
	color: #FFF;
	display: inline-block;
	zoom: 1;
	*display: inline;/*IE7 life-saver */
	margin: 5px;
	height:40px;
	width:40px; border-radius:5px;
	display:block;
	font-size: 12px;
	transition:0.5s all;
    -webkit-transition:0.5s all;
    -moz-transition:0.5s all;
    -o-transition:0.5s all;
}
.owl-theme .owl-controls .owl-buttons div:hover{
	opacity:0.6;
}
/* Clickable class fix problem with hover on touch devices */
/* Use it for non-touch hover action */
.owl-theme .owl-controls.clickable .owl-buttons div:hover{
	text-decoration: none;
}
.owl-prev {position: absolute;top: 40%;left: -7%;background: url(../images/banner_left.png) no-repeat center center;}
.owl-prev:hover { background:#0775e0 url(../images/banner_lefth.png) no-repeat center center;}
.owl-next{position: absolute;top:40%;right: -7%;background: url(../images/banner_right.png) no-repeat center center;}
.owl-next:hover{ background:#0775e0 url(../images/banner_righth.png) no-repeat center center;}
/* Styling Pagination*/

.owl-theme .owl-controls .owl-page{
	display: inline-block;
	zoom: 1;
	*display: inline;/*IE7 life-saver */
}
.owl-theme .owl-controls .owl-page span{
	display: block;
	width: 12px;
	height: 12px;
	margin: 5px 7px;
	filter: Alpha(Opacity=50);/*IE7 fix*/
	opacity: 0.5;
	-webkit-border-radius: 20px;
	-moz-border-radius: 20px;
	border-radius: 20px;
 
}

.owl-theme .owl-controls .owl-page.active span,
.owl-theme .owl-controls.clickable .owl-page:hover span{
	filter: Alpha(Opacity=100);/*IE7 fix*/
	opacity: 1;
}

/* If PaginationNumbers is true */

.owl-theme .owl-controls .owl-page span.owl-numbers{
	height: auto;
	width: auto;
	color: #FFF;
	padding: 2px 10px;
	font-size: 12px;
	-webkit-border-radius: 30px;
	-moz-border-radius: 30px;
	border-radius: 30px;
}

/* preloading images */
.owl-item.loading{
	min-height: 150px;

}
/* 
 * 	Core Owl Carousel CSS File
 *	v1.24
 */

/* clearfix */
.owl-carousel .owl-wrapper:after {
	content: ".";
	display: block;
	clear: both;
	visibility: hidden;
	line-height: 0;
	height: 0;
}
/* display none until init */
.owl-carousel{
	display: none;
	position: relative;
	width: 100%;
	-ms-touch-action: pan-y; 
}
.owl-carousel .owl-wrapper{
	display: none;
	position: relative;
	-webkit-transform: translate3d(0px, 0px, 0px);
}
.owl-carousel .owl-wrapper-outer{
	overflow: hidden;
	position: relative;
	width: 100%;
}
.owl-carousel .owl-wrapper-outer.autoHeight{
	-webkit-transition: height 500ms ease-in-out;
	-moz-transition: height 500ms ease-in-out;
	-ms-transition: height 500ms ease-in-out;
	-o-transition: height 500ms ease-in-out;
	transition: height 500ms ease-in-out;
}
	
.owl-carousel .owl-item{  
	float: left;
}
.owl-carousel .owl-item img{ width:100%;-webkit-transition: 1s;-moz-transition: 1s;transition: 1s;}
.owl-carousel .owl-item img:hover{-webkit-transform:scale(1.1);-moz-transform:scale(1.1);-ms-transform:scale(1.1);transform:scale(1.1);}
.owl-carousel .owl-item a em { display:block; width:100%; font-style:normal; font-size:14px;}
.head .nav ul li .s_navbox .s_a .owl-carousel .owl-item a{ padding:0;}
.owl-controls .owl-page,
.owl-controls .owl-buttons div{
	cursor: pointer;
}
.owl-controls {
	-webkit-user-select: none;
	-khtml-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
	-webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}

/* mouse grab icon */


/* fix */
.owl-carousel  .owl-wrapper,
.owl-carousel  .owl-item{
	-webkit-backface-visibility: hidden;
	-moz-backface-visibility:    hidden;
	-ms-backface-visibility:     hidden;
  -webkit-transform: translate3d(0,0,0);
  -moz-transform: translate3d(0,0,0);
  -ms-transform: translate3d(0,0,0);
}

/* CSS3 Transitions */

.owl-origin {
	-webkit-perspective: 1200px;
	-webkit-perspective-origin-x : 50%;
	-webkit-perspective-origin-y : 50%;
	-moz-perspective : 1200px;
	-moz-perspective-origin-x : 50%;
	-moz-perspective-origin-y : 50%;
	perspective : 1200px;
}
/* fade */
.owl-fade-out {
  z-index: 10;
  -webkit-animation: fadeOut .7s both ease;
  -moz-animation: fadeOut .7s both ease;
  animation: fadeOut .7s both ease;
}
.owl-fade-in {
  -webkit-animation: fadeIn .7s both ease;
  -moz-animation: fadeIn .7s both ease;
  animation: fadeIn .7s both ease;
}
/* backSlide */
.owl-backSlide-out {
  -webkit-animation: backSlideOut 1s both ease;
  -moz-animation: backSlideOut 1s both ease;
  animation: backSlideOut 1s both ease;
}
.owl-backSlide-in {
  -webkit-animation: backSlideIn 1s both ease;
  -moz-animation: backSlideIn 1s both ease;
  animation: backSlideIn 1s both ease;
}
/* goDown */
.owl-goDown-out {
  -webkit-animation: scaleToFade .7s ease both;
  -moz-animation: scaleToFade .7s ease both;
  animation: scaleToFade .7s ease both;
}
.owl-goDown-in {
  -webkit-animation: goDown .6s ease both;
  -moz-animation: goDown .6s ease both;
  animation: goDown .6s ease both;
}
/* scaleUp */
.owl-fadeUp-in {
  -webkit-animation: scaleUpFrom .5s ease both;
  -moz-animation: scaleUpFrom .5s ease both;
  animation: scaleUpFrom .5s ease both;
}

.owl-fadeUp-out {
  -webkit-animation: scaleUpTo .5s ease both;
  -moz-animation: scaleUpTo .5s ease both;
  animation: scaleUpTo .5s ease both;
}



.wrap{
	width:90%;
	margin:0 auto;
}
 

 

/* Keyframes */
/*empty*/
@-webkit-keyframes empty {
  0% {opacity: 1}
}
@-moz-keyframes empty {
  0% {opacity: 1}
}
@keyframes empty {
  0% {opacity: 1}
}
@-webkit-keyframes fadeIn {
  0% { opacity:0; }
  100% { opacity:1; }
}
@-moz-keyframes fadeIn {
  0% { opacity:0; }
  100% { opacity:1; }
}
@keyframes fadeIn {
  0% { opacity:0; }
  100% { opacity:1; }
}
@-webkit-keyframes fadeOut {
  0% { opacity:1; }
  100% { opacity:0; }
}
@-moz-keyframes fadeOut {
  0% { opacity:1; }
  100% { opacity:0; }
}
@keyframes fadeOut {
  0% { opacity:1; }
  100% { opacity:0; }
}
@-webkit-keyframes backSlideOut {
  25% { opacity: .5; -webkit-transform: translateZ(-500px); }
  75% { opacity: .5; -webkit-transform: translateZ(-500px) translateX(-200%); }
  100% { opacity: .5; -webkit-transform: translateZ(-500px) translateX(-200%); }
}
@-moz-keyframes backSlideOut {
  25% { opacity: .5; -moz-transform: translateZ(-500px); }
  75% { opacity: .5; -moz-transform: translateZ(-500px) translateX(-200%); }
  100% { opacity: .5; -moz-transform: translateZ(-500px) translateX(-200%); }
}
@keyframes backSlideOut {
  25% { opacity: .5; transform: translateZ(-500px); }
  75% { opacity: .5; transform: translateZ(-500px) translateX(-200%); }
  100% { opacity: .5; transform: translateZ(-500px) translateX(-200%); }
}
@-webkit-keyframes backSlideIn {
  0%, 25% { opacity: .5; -webkit-transform: translateZ(-500px) translateX(200%); }
  75% { opacity: .5; -webkit-transform: translateZ(-500px); }
  100% { opacity: 1; -webkit-transform: translateZ(0) translateX(0); }
}
@-moz-keyframes backSlideIn {
  0%, 25% { opacity: .5; -moz-transform: translateZ(-500px) translateX(200%); }
  75% { opacity: .5; -moz-transform: translateZ(-500px); }
  100% { opacity: 1; -moz-transform: translateZ(0) translateX(0); }
}
@keyframes backSlideIn {
  0%, 25% { opacity: .5; transform: translateZ(-500px) translateX(200%); }
  75% { opacity: .5; transform: translateZ(-500px); }
  100% { opacity: 1; transform: translateZ(0) translateX(0); }
}
@-webkit-keyframes scaleToFade {
  to { opacity: 0; -webkit-transform: scale(.8); }
}
@-moz-keyframes scaleToFade {
  to { opacity: 0; -moz-transform: scale(.8); }
}
@keyframes scaleToFade {
  to { opacity: 0; transform: scale(.8); }
}
@-webkit-keyframes goDown {
  from { -webkit-transform: translateY(-100%); }
}
@-moz-keyframes goDown {
  from { -moz-transform: translateY(-100%); }
}
@keyframes goDown {
  from { transform: translateY(-100%); }
}

@-webkit-keyframes scaleUpFrom {
  from { opacity: 0; -webkit-transform: scale(1.5); }
}
@-moz-keyframes scaleUpFrom {
  from { opacity: 0; -moz-transform: scale(1.5); }
}
@keyframes scaleUpFrom {
  from { opacity: 0; transform: scale(1.5); }
}

@-webkit-keyframes scaleUpTo {
  to { opacity: 0; -webkit-transform: scale(1.5); }
}
@-moz-keyframes scaleUpTo {
  to { opacity: 0; -moz-transform: scale(1.5); }
}
@keyframes scaleUpTo {
  to { opacity: 0; transform: scale(1.5); }
}
 .owl-carousel  {margin-top: 2%; }
 

 
/*=====头部产品切换=====*/


/*=====底部=====*/
.foot{  width:100%; padding:5% 0 0; background:#565656; color:#adadad; overflow:hidden; margin-top:5%;}
.foot_sort { width:73%;}
.foot_wx { width:20%;}
.foot_wx ul .f_tel { margin-bottom:20px; padding-left:45px; background:url(../images/f_t.png) no-repeat left top;}
.foot_wx ul .f_tel p { color:#fff; font-size:30px;}
.foot_wx ul .f_name { font-size:16px; color:#fff; margin-bottom:10px;}
.foot_wx ul .f_con  { color:#adadad;}
.foot_wx ul .f_con dl dd { margin-bottom:10px; overflow:hidden;}
.foot_wx ul .f_con dl dd i { display:block; width:20%; float:left; font-style:normal;}
.foot_wx ul .f_con dl dd span { display:block; width:78%; float:right;font-size: 12px;}
.foot_sort ul li { float:left; margin-right:5%; width:12%}
.foot_sort ul li span { display:block; font-size:16px; color:#fff; margin-bottom:25px;}
.foot_sort ul li span em { font-style:normal;}
.foot_sort ul li span i{ display:block; width:28px; height:1px; background:#ebebeb; margin-top:16px;}

.foot_sort ul li:first-child dl dd { width:100%;}
.foot_sort ul li:last-child{ margin-right:0;}
.foot_sort ul li dl dd{ margin-bottom:10px;display:block;}
.foot_sort ul li dl dd a{ color:#adadad;}
.foot_sort ul li dl dd a:hover{ color:#fff;}
.foot_sort ul li dl { display:block;}
.foot_sort ul .d_gz dl dd img { width:100%;}
.foot_sort ul .d_gz dl dd .bshare-custom a { padding:0; display:block; width:32px; height:32px; float:left; margin-left:20px;}
.foot_sort ul .d_gz dl dd .bshare-custom .bshare-sinaminiblog{ margin-left:0; background:url(../images/f_l.png) no-repeat center center;}
.foot_sort ul .d_gz dl dd .bshare-custom .bshare-weixin{ background:url(../images/f_w.png) no-repeat center center;}
.foot_sort ul .d_gz dl dd { width:100%;}
.foot_sort ul .d_gz dl dd .bshare-custom  { width:100%;}
.foot_sort ul .d_gz dl .sys { margin-top:20px;}
.copyright { border-top:1px solid #6d6d6d; height:60px; line-height:60px; margin-top:50px; font-size:12px;}
.copyright a { color:#adadad; }
.copyright a:hover { color:#fff; }

.inner_con { margin-top:5%;} 







/* ===== 微信 ===== */
#trigger {text-align:center;}
.popupbox {width:500px;display: none; /* Hidden as default */float: left;position: fixed;top: 50%; left: 50%;z-index: 99999999999;}
#fade { display: none; /* Hidden as default */background: #000;position: fixed; left: 0; top: 0;width: 100%; height: 100%;opacity: .80;z-index: 99999999;}
#intabdiv {text-align:center;}
#close img {text-decoration:none;}
#close {width:50px;height:50px;position: absolute;float:right;}
#intabdiv img { width:50%;}
#intabdiv { text-align:center;}
.btn3{position:fixed;z-index:30; bottom:20px;  width:100%; text-align:center; display:none;}
.men{position:relative;   }

.new-sub{position:absolute; bottom:50px; z-index:10; width:133%;padding: 0px 10px; background: #fff;box-sizing:border-box; -webkit-box-sizing:border-box; border: 1px solid #EEEEEE; border-radius: 5px; display:none;}
.new-sub li{width: 100%; background:#fff; float:none; box-sizing:border-box;  -webkit-box-sizing:border-box; border-top:1px solid #f2f2f2;}
.new-sub li a{display:block; height:50px; line-height:50px;text-align:left; background:#fff; color:#333;border:none; text-align:center;
 font-size:16px;}
.sanjiao{position:absolute;bottom:5px;right:5px;width:0;height:0;border:5px solid transparent;border-right:5px solid #000;border-bottom:5px solid #000;opacity:.5;}
.bt-name{font-size:16px;color:#000;}
.bt-name a{display:block;font-size:16px;color:#000;}
.new-sub .tiggle{width:0px;  height:0px;  position:absolute; left:50%; margin-left:-10px; bottom:-9px; border-top:10px solid #EEEEEE; border-left:10px solid transparent; border-right:10px solid transparent; z-index:10;}
.new-sub .innertiggle{width:0px;  height:0px; position:absolute; left:50%;  margin-left:-9px; bottom:-8px; border-top:9px solid white; border-left:9px solid transparent;border-right:9px solid transparent; z-index:11;}
.clearfix dl { width:80%; margin:0 auto; border-radius:50px; height:50px;background:#0775e0;}
.clearfix dl dd { float:left; width:33%; }
.clearfix dl dd:nth-child(2) { border-left:1px solid #fff; border-right:1px solid #fff; height:100%;}
.clearfix dl dd img { width:32px; margin-top:10px;}


#tbox{width:47px; height:73px; 
}/*解决IE6下不兼容 position:fixed 的问题*/
#jianyi{ width:47px; height:25px; position:absolute; bottom:0px; cursor:pointer}
#gotop{ width:47px; height:47px;  position:absolute; top:0px; display:none; cursor:pointer} 

#gotop:hover{ }




/*--------------------page------------------*/

.page { text-align:center;margin:10px auto;clear: both;padding-top:10px;}

.page span.page_list {overflow:hidden;}
.page span.page_list a {background:#fff;margin-right:5px;border:1px solid #eaeaea;padding: 5px 10px 5px 10px;font-size:12px;}
.page span.page_rows {background:#fff;border:1px solid #eaeaea;font-size:12px;margin-right:5px;padding: 5px 10px 5px 10px;}
.page span.page_list a.selected {background: #0775e0;border:1px solid #0775e0;color: #fff;}


.sort_fl { display:none; text-align:center; width:100%; margin-top:30px;}

.sort_fl a { display:inline-block;  padding:2% 6%; margin:0 2%; background:#fff; color:#333333;}
.sort_fl  a:hover {  background:#0775e0; color:#fff;}



/*==============================================================================================*/
/*搜索
/*==============================================================================================*/
.m_nav .m_navList ul li:last-child { border-bottom:0; width:100%}
.m_search { width:100%; display:none;}
.m_nav .m_navList ul .m_search { margin-top:15%; }
.m_nav .m_navList ul .m_search #keywords { width:100%; color:#fff; background:#0b0d19; border-top:1px solid #0b0d19; border-left:1px solid #0b0d19; border-right:1px solid #0b0d19; border-bottom:1px solid #fff; padding:4% 2%; text-align:center;}
.m_nav .m_navList ul .m_search .btn { margin-top:5%; padding-left:0; display:block; width:30%; height:40px; line-height:40px; text-align:center; color:#0b0d19; background:#fff;}
.m_nav .m_navList ul .m_search .btn:Hover {  color:#fff; background:#0775e0;}
.cate_box {
	
	margin-bottom:20px;
	display:block;
	height:75px;
	border-bottom:1px solid #ddd;
	background:#fff;
}
.cate {
	width:100%;
	height:75px;
	display:block;
	margin-left:auto;
	margin-right:auto;
	z-index:10;
	position:relative;
}

.cate ul {
	position:absolute;
	width:100%;
	display:block;
	height:75px;
	left:0px;
	top:0px;
	z-index:20;
}

.cate li {
	float:left;
	list-style:none;
	padding:0px 20px;
	overflow:hidden;
	display:inline-block;
}
.cate li div {
	display:block;
	line-height:36px;
}
.cate li div span {
	display:block;
	line-height:36px;
	cursor:pointer;
}
.cate li a {
	display:block;
	font-size:16px;
	line-height:74px;
}
.cate li a:hover {
}
.cate li.cur {
	color:#0775e0;
	border-bottom:#0775e0 solid 2px;
}
.cate li.cur a {
	color:#0775e0;
}
.cate li .onhvr {
	color:#F90;
}
.cate li ul {
	display:none
}
.cate .root {
	background:#e8e8e8;
}
.cate .root span {
	
	color:#FFF;
	padding-left:15px;
}
.cate .root.cur span {
	color:#fff;
}

.prolist ul li { float: left;
  width: 22.7%;margin: 0 0 3% 3%;
    text-align: center;}
.prolist ul li img { width:100%;   border: 1px solid #e5e5e5;}	
.prolist ul li:nth-child(4n+1) {margin: 0 0 3% 0;}
.prolist ul li a { font-size:14px; color:#3a3a3a;}
.prolist ul li:hover img {border: 1px solid #0775e0;}
.prolist ul li h3 { display: -webkit-box;
    word-break: break-all;
    text-overflow: ellipsis;
    overflow: hidden;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 1}	
.prolist ul li:hover a {  color:#0775e0;}

.arclist ul li{    border-bottom: 1px dashed #dbdbdb;
    padding-bottom: 10px;
    margin-left:8%;
    width: 46%;
    float: left;
    margin-bottom: 20px;
    background: url(../images/news_d.jpg) no-repeat left 8px;
}
.arclist ul li:nth-child(2n-1) {margin-left: 0;}
.arclist ul li span {
    float: right;
    color: #666666;
    margin-left: 10px;}
.arclist ul li a {    width: 64%;
    float: left;
    color: #000;
    padding-left: 15px;display: -webkit-box;
    word-break: break-all;
    text-overflow: ellipsis;
    overflow: hidden;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 1;
 }	
 
 .arclist ul li a:hover {
    color: #0775e0
	;
 }	





/*=====关于我们=====*/
.inner_body { background:#fff;}
.inner_banner { width:100%;     border-bottom: 1px solid #e5e5e5; overflow:hidden;height:350px;background-position: center; background-repeat: no-repeat;background-size: cover;}
.inner_banner_z { color:#fff; text-align:center;}
#pro_banner .inner_banner_z { color:#0775e0; text-align:center;}
.inner_banner_z span { margin:10% 0 0;font-size:35px;  display:block; }
.inner_banner_z p { font-size:18px; text-transform:uppercase;}
.inner_sort { width:100%; height:60px; line-height:60px; background:#fff;box-shadow: 0 0 10px 0 rgba(0,0,0,.2); -webkit-box-shadow: 0 0 10px 0 rgba(0,0,0,.2); -moz-box-shadow: 0 0 10px 0 rgba(0,0,0,.2);}
.inner_sort_r { width:60%; text-align:right;}
.inner_sort_l {width:35%; }
#inner_sort_l{width:100%; }
.inner_sort_r dl dd a i { display:none;}
.inner_sort_z  { overflow:hidden;}
.inner_sort_r dl dd{ display:initial;}
.inner_sort_r dl a { display:inline-block; margin-left:4%; font-size:17px; color:#333333;}
.inner_sort_r dl a:hover { color:#0775e0;}
.inner_sort_r dl .cur a { color:#0775e0; border-bottom:2px solid #0775e0;} 
#s_t dl dd:first-child a { color:#0775e0; border-bottom:2px solid #0775e0;} 
.inner_sort_l { color:#6e6e6e; }
.inner_sort_l a:first-child{ opacity:0.8;  background:url(../images/crumbs.png) no-repeat left center; padding:0 10px; }
.inner_sort_l a { display:inline-block; margin-left:1%; font-size:12px; color:#969696;}
.inner_sort_l a:hover {  color:#0775e0;}
.inner_sort_l a  i{ display:inline-block; color:#969696; padding-left:5px; font-size:12px; letter-spacing:-3px; font-style:normal; font-family:"宋体"}
.inner_sort_l a:last-child i { display:none;}

.inner_about_title {  }
.inner_about_title span { display:block;  font-size:14px;  color: #c2c2c2; text-transform:uppercase;}
.inner_about_title i { display:block; width:100%; height:2px; margin:2% 0 5%; background:#ebebeb;}
.inner_about_title p { font-size:25px; color:#000;}
.inner_about_info { padding-top:100px; overflow:hidden;}
.inner_about_info_l { width:45%;}
.inner_about_info_l img {width:100%;}
.inner_about_info_r { width:50%;  }
.inner_about_info_i {  line-height:2;}
.inner_about_info_i img { max-width:100%;}



.mission { width:100%; padding:6% 0 180px; background-image:url(../images/qywh.jpg); background-position:center; background-repeat:no-repeat; background-size:cover; margin-top:5%;}
.mission_z ul li{ float:left; width:33.2%; text-align:center; min-height:150px;}
.mission_z ul li span { display:block; color:#000; font-size:20px; margin:5% 0 2%; width:100%}
.mission_z ul li p {   color:#333333; font-size:14px;width:100%}
.mission_z ul li img { width:10%}
.mission_z ul .mission2 { border-left:1px solid #dedede;border-right:1px solid #dedede}
.culture ul li {  width:50%; float:left;}
.culture ul li img { width:100%;}
.culture ul li .culture_l { width:50%;}
.culture ul li .culture_r { width:50%;}

.culture ul { display: flex;flex-direction: row;flex-wrap: wrap;}
.culture ul li .culture_desc{ padding:10%;}
.culture ul li .culture_desc span { display:block;  font-size:20px;}
.culture ul li .culture_desc i { display:block; width:40px; height:2px; background:#0775e0; margin:4% 0 8%;}
.culture ul li .culture_desc p{ line-height:2;}

.culture ul .culture2{ margin-top:-6px;}

 
.honor_title { text-align:center; margin-top:10%;}
.honor_title SPAN { display:block; font-size:30px; color:#000;} 
.honor_title i { display:block; width:30px; height:2px; background:#0775e0; margin:10px auto 10px;}
.honor_title p{ line-height:2; color:#bfbfbf;}




.inner_mission_t {    text-align: center;}
.inner_mission_t span {     display: block;font-size: 30px;color: #000; }
.inner_mission_t i {display: block;  width: 30px;  height: 2px;  background: #0775e0;  margin: 10px auto 10px;}
.inner_mission_t p { line-height: 2; color: #bfbfbf; text-transform:uppercase;}
.inner_mission_i ul {  }
.inner_mission_i {background:#fff; overflow:hidden; padding:2%; width:86%; margin:-150px auto 0; box-shadow: 0 0 10px 0 rgba(0,0,0,.2);
    -webkit-box-shadow: 0 0 10px 0 rgba(0,0,0,.2);
    -moz-box-shadow: 0 0 10px 0 rgba(0,0,0,.2);}
.inner_mission_i ul  { float:left; width:58%;}
.inner_mission_i .inner_mission_r{ float:right; width:40%;}
.inner_mission_i  .inner_mission_r img { width:100%}
.inner_mission_i ul li { width:48%; margin-left:4%; margin-bottom:6%; float:left;}
.inner_mission_i ul li:nth-child(2n+1) {   margin-left:0;}
.inner_mission_i ul li dl dt { font-size:18px; font-weight:bold; margin-bottom:4%;}
.inner_mission_i ul li dl dd { line-height:1.5;}
.inner_mission_i ul{ display: flex;flex-direction: row;flex-wrap: wrap;}
.inner_mission_i ul li{ flex: auto;}

 
 
 
 


/*荣誉资质*/
#mbOverlay { position:fixed; z-index:9999; top:0; left:0; width:100%; height:100%; background-color:#000; cursor:pointer;  }
#mbOverlay.mbOverlayFF {}
#mbOverlay.mbOverlayIE { position:absolute; }
#mbCenter { height:557px; position:absolute; z-index:9999; left:50%; top:30%; background-color:#fff; -moz-border-radius:10px; -webkit-border-radius:10px; -moz-box-shadow:0 10px 40px rgba(0, 0, 0, 0.70); -webkit-box-shadow:0 10px 40px rgba(0, 0, 0, 0.70); }
#mbCenter.mbLoading { background:#fff url(../images/WhiteLoading.gif) no-repeat center; -moz-box-shadow:none; -webkit-box-shadow:none; }
#mbImage { left:0; top:0; font-family:Myriad, Verdana, Arial, Helvetica, sans-serif; line-height:20px; font-size:12px; color:#fff; text-align:left; background-position:center center; background-repeat:no-repeat; padding:10px; }

#mbImage a, #mbImage a:link, #mbImage a:visited { color:#ddd; }
#mbImage a:hover, #mbImage a:active { color:#fff; }
#mbBottom { min-height:20px; font-family:Myriad, Verdana, Arial, Helvetica, sans-serif; line-height:20px; font-size:12px; color:#999; text-align:left; padding:0 10px 10px; }
#mbTitle { display:inline; color:#999; font-weight:bold; line-height:20px; font-size:14px; }
#mbNumber { display:inline; color:#C00; line-height:26px; font-size:12px; position: absolute; bottom: 10px; right: 10px; text-align: center; width:65px; height:26px; }
#mbCaption { display:block; color:#999; line-height:14px; font-size:10px; }
#mbPrevLink, #mbNextLink, #mbCloseLink { display:block; float:right; height:20px; margin:0; outline:none; }
#mbPrevLink { width:32px; height:100px; background:transparent url(../images/CustomBlackPrevious.gif) no-repeat center; position: absolute; top:38%; left:-32px; }
#mbNextLink { width:32px; height:100px; background:transparent url(../images/CustomBlackNext.gif) no-repeat center; position: absolute; top:38%; right:-32px; }
#mbCloseLink { width:24px; background:transparent url(../images/CustomBlackClose.gif) no-repeat center; position:absolute; top:10px; right:10px; }
#mbError { position:relative; font-family:Myriad, Verdana, Arial, Helvetica, sans-serif; line-height:20px; font-size:12px; color:#fff; text-align:center; border:10px solid #700; padding:10px 10px 10px; margin:20px; -moz-border-radius:5px; -webkit-border-radius:5px; }
#mbError a, #mbError a:link, #mbError a:visited, #mbError a:hover, #mbError a:active { color:#d00; font-weight:bold; text-decoration:underline; }
.mod_gallerylist ul li{float:left;     margin: 0 0 2% 4%; width: 22%; min-height:242px;}
.mod_gallerylist ul li img { width:100%; }
.mod_gallerylist ul li:nth-child(4n+1){margin-left:0}

.mod_gallerylist{width:100; margin-top:5%;}
.meta{text-align:center;}
.image_container img{ width:100%;}
 
.meta a{color:#333; text-decoration:none;     display: -webkit-box;
    word-break: break-all;
    text-overflow: ellipsis;
    overflow: hidden;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 1;}
.mod_gallerylist ul li .image_container {border:1px solid #CCC; padding:2px ;width:100%; overflow:hidden; margin-bottom:10px; }
.mod_gallerylist ul li:hover .image_container {border:1px solid #0775e0; }
.mod_gallerylist ul li .image_container  img{ width:100%;  display: block;-webkit-transition: 1s;-moz-transition: 1s;transition: 1s;}
.mod_gallerylist ul li:hover .image_container  img{-webkit-transform:scale(1.1);-moz-transform:scale(1.1);-ms-transform:scale(1.1);transform:scale(1.1);}
.w_clear { display:none; clear:both;}


/*联系我们*/
.inner_contact { padding-top:5%;}
.inner_contact ul li { float:left; width:50%;}
.inner_contact ul li dl dt span { display:block; font-size:30px; font-weight:bold;}
.inner_contact ul li dl dt p { font-size:16px; color:#bfbfbf; margin:0 0 30px;}
.inner_contact ul li dl dd { font-size:16px; margin-bottom:1%;}
.map { margin-top:5%;}





/* 首页邮箱*/
.sy_email { padding:80px  0 30px; overflow:hidden; margin:0 auto; width:80%;}
.sy_email_l {   height:98px; line-height:28px; text-align:center;   font-size:16px;  color:#000;  }
.sy_email_l h3 { font-size:30px; font-weight:100;    margin-bottom: 10px;}
.sy_email_l p { color:#000; font-size:14px;}
.sy_email_r { width:80%; margin:0 auto }
.sy_email_r ul li { position:relative; float:left; margin-left:6%; width:47%; height:60px; margin-bottom:5%;}
.sy_email_r ul li:nth-child(1)  {  margin-left:0;}
.sy_email_r ul li:nth-child(3)  {  margin-left:0;}
.sy_email_r ul .sy_email_r05 { width:100%; height:65px; }
.sy_email_r ul li .field2 .label { width:100%; color:#888787; font-size:14px; display:block;}
.sy_email_r ul li .field2 .text {  outline: none;width:96%; height:50px; background:#f5f7f9; border-radius:5px; padding:5px 2%; color:#888787; font-size:14px; border:0;}
.sy_email_r ul li .field2 .holding {   outline: none;width:630px; height:50px; background:#f5f7f9; border-radius:5px; padding:5px 10px; color:#888787; font-size:18px; border:0;}
.sy_email_r ul li .field2 input {   outline: none;width:630px; height:50px; background:#f5f7f9; border-radius:5px; padding:5px 10px; color:#888787; font-size:18px; border:0;}
.sy_email_r ul li .field2:input-placeholder { color:#000;}
.sy_email_r ul .sy_email_r05 { height:138px; margin-left:0;}
.sy_email_r ul .sy_email_r05 .field2 .textarea {  font-size:14px;   outline: none; 
  width:98%; height:122px; padding:1%; background:#f5f7f9; border-radius:5px;  color:#888787;  border:0;}
 .sy_email_r ul .sy_email_r05 .field2 .holding {    outline: none;
  width:1300px; height:122px; padding:10px; background:#f5f7f9; border-radius:5px;  color:#888787; font-size:18px; border:0;}
.sy_email_r ul .sy_email_r05 .field2 textarea {    outline: none;
  width:1300px; height:122px; padding:10px; background:#f5f7f9; border-radius:5px;  color:#888787; font-size:18px; border:0;} 
  
.sy_email_r ul .sy_email_r06 { width:100%; margin-left:0; margin-top:10px;}
.sy_email_r ul .sy_email_r06 .btn{  font-size:20px;  margin-right:14px;height:45px; width:170px; border:2px solid #0775e0; background:#0775e0; border-radius:5px; color:#fff;  transition: all 0.6s; -webkit-transition: all 0.6s; -moz-transition: all 0.6s; float:right;} 
.sy_email_r ul .sy_email_r06 .btn:hover{ letter-spacing:2px; border:2px solid #0775e0; background:#fff; color:#0775e0;  border-radius:15px;transition: all 0.6s; -webkit-transition: all 0.6s; -moz-transition: all 0.6s;} 

.sy_email_r ul li .field2_title { font-size:14px; margin-bottom:5px; }

.sy_email_r ul li:nth-child(3) .field2 textarea::-webkit-input-placeholder {
  color: #888787;
  font-size: 14px; 
}

.sy_email_r ul li:nth-child(3) .field2 textarea:-moz-placeholder {
  color: #888787;
  font-size: 14px; 
}

.sy_email_r ul li:nth-child(3) .field2 textarea::-moz-placeholder {
  color: #888787;
  font-size: 14px;
}

.sy_email_r ul li:nth-child(3) .field2 textarea:-ms-input-placeholder {
  color: #888787;
  font-size: 14px;
}


 
 
/*======解决方案=========*/ 
.caselist { padding-top:100px;}
.caselist ul li { width:30.6%; margin-left:4%; margin-bottom:4%; float:left; overflow:hidden;box-shadow: 0 0 10px 0 rgba(0,0,0,.1);-webkit-transition:all 0.6s;-moz-transition:all 0.6s;transition:all 0.6s;} 
.caselist ul li:hover { box-shadow: 0 0 30px 0 rgba(0,0,0,.3);-webkit-transition:all 0.6s;-moz-transition:all 0.6s;transition:all 0.6s;} 
.caselist ul li:nth-child(3n+1) { margin-left:0; } 
.caselist ul li a .caselist_img { height:auto; width:100%; overflow:hidden; position:relative;}
.caselist ul li a i {-webkit-transition:all 0.6s;-moz-transition:all 0.6s;transition:all 0.6s; opacity:0 ;display:block; width:100%; height:100%; position:absolute; left:0; top:0; background:rgba(0,0,0,0.8)}
.caselist ul li:hover a i {-webkit-transition:all 0.6s;-moz-transition:all 0.6s;transition:all 0.6s; opacity:1 ;}
.caselist ul li a em {-webkit-transition:all 0.6s;-moz-transition:all 0.6s;transition:all 0.6s;opacity:0 ; text-align:center; display:block; width:50px; text-align:center; height:50px; color:#fff; font-size:20px ;font-weight:bold; font-style:normal; border-radius:30px; border:1px solid #fff; position:absolute; left:42%; top:70%; z-index:10}
.caselist ul li:hover a em {-webkit-transition:all 0.6s;-moz-transition:all 0.6s;transition:all 0.6s;opacity:1; top:40%;}
.caselist ul li a .caselist_img em img { width:30px; margin-top:12px;}
.caselist ul li .caselist_title span { font-size:16px; float:left; display:inline-block;-webkit-transition:all 0.6s;-moz-transition:all 0.6s;transition:all 0.6s;} 
.caselist ul li:hover .caselist_title span { color:#0775e0; margin-left:15px;-webkit-transition:all 0.6s;-moz-transition:all 0.6s;transition:all 0.6s;}
.caselist ul li .caselist_title p { width:16px; height:16px; background:url(../images/moreh01.png) no-repeat center center; float:right;-webkit-transition:all 0.6s;-moz-transition:all 0.6s;transition:all 0.6s;}
.caselist ul li:hover .caselist_title p {background:url(../images/moreh.png) no-repeat center center; margin-right:15px;-webkit-transition:all 0.6s;-moz-transition:all 0.6s;transition:all 0.6s;}
.caselist ul li .caselist_title { padding:4% 4%; overflow:hidden;}
.caselist ul li a .caselist_img img{  width:100%; cursor: pointer;   transition: all 0.6s; -webkit-transition: all 0.6s; -moz-transition: all 0.6s; }  
.caselist ul li:hover a .caselist_img img{  -webkit-transform: scale(1.05); -moz-transform: scale(1.05); transform: scale(1.05);  }  

.inner_case { padding-top:80px;}
.case_info { padding:2%;background:#f3f3f3; overflow:hidden; }
.case_info_title { text-align:center; font-size:35px; padding-bottom:1.5%; margin-bottom:4%; border-bottom:1px solid #d7d7d7;} 
.news_info_title { text-align:center; font-size:35px; padding-bottom:1.5%; margin-bottom:1%; border-bottom:1px solid #d7d7d7;} 
.case_info_time { color:#333333; text-align:center; margin-bottom:3%; font-size:12px;}
.case_info_con{ line-height:2; }
.case_info_con img { max-width:100%;}
 
.inner_next { padding-top:3%; margin-top:5%;}
.inner_next dl { width:80%; float:left;} 
.inner_next dl dd { float:left; display:block; width:100%;}
.inner_next dl dd:first-child{ border-bottom:1px solid #d7d7d7; padding:0 0 1% 0; margin-bottom:1%;}
.inner_next span { display:block; float:right; width:15%;}
.inner_next span a { margin-top:8px; float:right; padding:5px 30px; border-radius:5px; border:1px solid #0775e0; background:#0775e0; color:#fff;}
.inner_next span a:hover{  border:1px solid #0775e0; background:#f3f3f3; color:#0775e0;}
.inner_next dl dd a { color:#333333;}
.inner_next dl dd a:hover { color:#0775e0;}

.inner_related {  margin-top:5%; } 
.related_news_t {    border-bottom: 1px solid #e5e5e5; height:45px; font-weight:bold; line-height:45px; width:100%;   font-size:16px;margin-top:20px;}
.related_news_t h3 {font-size: 25px;display: inline-block;color: #333333; font-weight: 500; border-bottom: 1px solid #0775e0; }

.related_news_i { margin-top:30px;}

.related_news_i ul li {border-bottom: 1px dashed #dbdbdb; padding-bottom:10px; margin-left:10%; width:45%; float:left; margin-bottom:20px;  background:url(../images/news_d.jpg) no-repeat left 8px;}
.related_news_i ul li:nth-child(2n-1) { margin-left:0;}
.related_news_i ul li span { float:right; color:#666666; margin-left:10px;}
.related_news_i ul li a { color:#000; padding-left:15px;        display: -webkit-box !important;  
                overflow: hidden;  
                text-overflow: ellipsis;  
                word-break: break-all;  
                -webkit-box-orient: vertical;  
                -webkit-line-clamp: 1;   }
.related_news_i ul li a:hover { color:#0775e0;  }

.related_pro_t {    border-bottom: 1px solid #e5e5e5; height:45px; font-weight:bold; line-height:45px; width:100%;   font-size:16px;margin-top:20px;}
.related_pro_t h3 {font-size: 26px;display: inline-block;color: #333333; font-weight: 500; border-bottom: 1px solid #0775e0; }
.related_pro_i { margin-top:30px;}


.related_pro_i { width:100%}
.related_pro_i ul li { float:left; margin:0 0 0 3%; width:22.6%; }
.related_pro_i ul li:nth-child(4n+1) { margin-left:0;}
.related_pro_i ul li a .related_pro_i_t { width:100%; height:42px; line-height:42px; text-align:center; overflow:hidden;position:relative;}
.related_pro_i ul li a .related_pro_i_t i { width:100%; height:42px; position:absolute; left:0;  bottom:43px; background:#0775e0; display:block;transition:all 0.7s;}
.related_pro_i ul li:hover a .related_pro_i_t i { left:0;  bottom:0;transition:all 0.7s;}
.related_pro_i ul li a .related_pro_i_t p {position:absolute; left:0 ; bottom:0; z-index:2;width:100%; height:42px;}
.related_pro_i ul li:hover a .related_pro_i_t p { color:#fff;transition:all 0.7s;}
.related_pro_i_img img{ width:100%;}

.related_pro_i_img { min-height:160px; width:100%;  position:relative; overflow:hidden; border:1px solid #e5e5e5;}
.related_pro_i_img_i { width:100%; height:169px; background:rgba(0,0,0,0.8); position:absolute; left:0; bottom:-169px;transition:all 0.7s;}
.related_pro_i ul li:hover a .related_pro_i_img_i { position:absolute; left:0; bottom:0;transition:all 0.7s;}
.related_pro_i ul li a .related_pro_i_img_i img { border:0; padding-top:140px;}
.related_pro_i ul li a .related_pro_i_img_i span { display:block; color:#fff; margin:20px;     display: -webkit-box;
    word-break: break-all;
    text-overflow: ellipsis;
    overflow: hidden;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 6;
}
.related_pro_i  ul li a .related_pro_i_img img{  width:100%; cursor: pointer;   transition: all 0.6s; -webkit-transition: all 0.6s; -moz-transition: all 0.6s; }  
.related_pro_i  ul li:hover a .related_pro_i_img img{  -webkit-transform: scale(1.05); -moz-transform: scale(1.05); transform: scale(1.05);  }  

 
 
 
 
/*======新闻列表=========*/  
.inner{  padding-top:100px;}
.newlist { width:70%;}
.newlist ul li { border-bottom:1px dashed #e0e0df; padding-bottom:20px; width:100%; margin-bottom:20px; overflow:hidden;}
.newlist ul li .newlist_l { width:30%;  overflow:hidden; position:relative;}
.newlist ul li .newlist_r { width:65%;}
.newlist ul li .newlist_l img { width:100%;}
.newlist ul li .newlist_r .newlist_r_title { overflow:hidden; position:relative; margin-bottom:9px; padding-bottom:6px}
.newlist ul li .newlist_r .newlist_r_title a { color:#000; font-size:18px;    display: -webkit-box;
    word-break: break-all;
    text-overflow: ellipsis;
    overflow: hidden;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 1;}
.newlist ul li .newlist_r .newlist_r_title a:hover { color:#0775e0; text-decoration:underline;}
.newlist ul li .newlist_r .newlist_r_title i{  transition: all 0.6s; -webkit-transition: all 0.6s; -moz-transition: all 0.6s;position:absolute; left:-100%; bottom:0; width:100%; height:1px; display:block; background:#0775e0;}
.newlist ul li:hover .newlist_r .newlist_r_title i{ left:0; transition: all 0.6s; -webkit-transition: all 0.6s; -moz-transition: all 0.6s;}
.newlist_r_info { line-height:25px; color:#848484; font-size:14px;display: -webkit-box;
    word-break: break-all;
    text-overflow: ellipsis;
    overflow: hidden;
    -webkit-box-orient: vertical;
    -webkit-line-clamp:  3}
.newlist_r_mroe { color:#d0cfcf; margin-top:25px;}
.newlist_r_mroe a { padding:6px 20px; color:#848484; border:1px solid #eeeeee; border-radius:5px; margin-right:6px;}
.newlist_r_mroe a:hover {  color:#fff; background:#0775e0; border:1px solid #0775e0;}
.newlist_r_time {color:#d0cfcf; margin-top:5px; margin-bottom:10px; font-size:12px;}
.newlist_r_mroe span img { float:left; margin-right:10px;}

.newlist ul li .newlist_l .newlist_l_title {  transition: all 0.6s; -webkit-transition: all 0.6s; -moz-transition: all 0.6s; filter:alpha(opacity:0); opacity:0;width:100%; height:100%; text-align:center; position:absolute; left:0; top:0; background:rgba(0,0,0,0.6); color:#fff; font-size:40px;display: table;}
.newlist ul li .newlist_l .newlist_l_title  span{     height: 100%;vertical-align: middle;  display: table-cell;}

.newlist ul li:hover .newlist_l .newlist_l_title {    transition: all 0.6s; -webkit-transition: all 0.6s; -moz-transition: all 0.6s; filter:alpha(opacity:100); opacity:1;   position:absolute; left:0; top:0; background:rgba(0,0,0,0.5) ; color:#fff; font-size:40px;}
.newlist ul li img{  cursor: pointer;   transition: all 0.6s; -webkit-transition: all 0.6s; -moz-transition: all 0.6s; }  
.newlist ul li:hover img{  -webkit-transform: scale(1.03); -moz-transform: scale(1.03); transform: scale(1.03);  }  

 
.newslist_l { width:25%} 
.newslist_l_title { width:100%; height:100px; line-height:100px; font-size:30px; text-align: center; background:#0775e0; color:#fff;}
.newslist_rm_title { margin-top:10%; font-size:25px; border-bottom: 1px solid #e5e5e5;}
.newslist_rm_title span { color:#0775e0; display:inline-block; padding-bottom:2%; padding-left:40px; background:url(../images/sxt01.png) no-repeat left 8px; }
.newslist_rm_img{ margin-top:8%;}
.newslist_rm_img ul li { margin-bottom:10%;box-shadow: 0 0 10px 0 rgba(0,0,0,.1); text-align:center; }
.newslist_rm_img ul li a .newslist_rm_img01 img{ width:90%;}
.newslist_rm_img ul li a .newslist_rm_img02 { color:#000; padding:2%;} 
.newslist_rm_img ul li:hover a .newslist_rm_img02 { color:#0775e0;} 
.newslist_rm_img ul li a .newslist_rm_img01 img{  cursor: pointer;   transition: all 0.6s; -webkit-transition: all 0.6s; -moz-transition: all 0.6s; }  
.newslist_rm_img ul li:hover a .newslist_rm_img01 img {  -webkit-transform: scale(1.03); -moz-transform: scale(1.03); transform: scale(1.03);  }  




/*======产品列表=========*/  
.productlist { padding-top:50px}
.productlist_left { width:25%;}
.productlist_right { width:71%;}
.product_right{ width:71%;}
.productlist_left_t { width: 100%;     height: 100px;    line-height: 100px;    font-size: 30px; text-indent: 2.3em;  background: #0775e0 url(../images/l_q.png) no-repeat 250px center; color: #fff;}
.productlist_left_i {border: 1px solid #e5e5e5; padding:6% 6% 3%; }
.productlist_left_i ul li { margin-bottom:4%;}
.productlist_left_i ul li .p_qx { text-indent:3em; display:block; padding:4%; font-size:18px; background:#f3f3f3 url(../images/sxt01.png) no-repeat 20px center; color:#000;}
.productlist_left_i ul .p_on .p_qx {  background:#0775e0 url(../images/sxt02.png) no-repeat 20px center; color:#fff;}
.productlist_left_i ul li:hover .p_qx {  background:#0775e0 url(../images/sxt02.png) no-repeat 20px center; color:#fff;}

#ab_wh ul li { margin-bottom:4%;}
#ab_wh ul li a { text-indent:3em; display:block; padding:4%; font-size:18px; background:#f3f3f3 url(../images/sxt01.png) no-repeat 20px center; color:#000;}
#ab_wh ul .cur a {  background:#0775e0 url(../images/sxt02.png) no-repeat 20px center; color:#fff;}
#ab_wh ul li:hover a {  background:#0775e0 url(../images/sxt02.png) no-repeat 20px center; color:#fff;}
.about_wh img{ max-width:100%;}
.about_wh_t { text-align:center; font-size:30px; border-bottom:1px solid #e5e5e5; padding-bottom:2%; margin-bottom:4%; }
.about_wh_img { text-align:center;}
.about_wh_img img { padding:2%;border:1px solid #e5e5e5;}
#faq ul li{ margin-bottom:6%;}
#faq ul li:last-child{ margin-bottom:0;}
#downlist_left_i ul li .p_qx { text-indent:3em; display:block; padding:4%; font-size:18px; background:#f3f3f3 url(../images/xz01.png) no-repeat 20px center; color:#000;}
#downlist_left_i ul .p_on .p_qx {  background:#0775e0 url(../images/xz02.png) no-repeat 20px center; color:#fff;}
#downlist_left_iul li:hover .p_qx {  background:#0775e0 url(../images/xz02.png) no-repeat 20px center; color:#fff;}

.productlist_left_i ul li dl { width:80%; margin:0 auto;}
.productlist_left_i ul li dl dd { padding-bpttom:2%; margin-bottom:2%;}
.productlist_left_i ul li dl dd a {  padding:4% 0; display:block; color:#333333; border-bottom:1px solid #e5e5e5;}
.productlist_left_i ul li dl dd a:hover {    color:#0775e0; border-bottom:1px solid #0775e0;}
.productlist_left_i ul li dl .cur a {    color:#0775e0; border-bottom:1px solid #0775e0;}
.productlist_left_i ul li dl dd:last-child a {  border-bottom:0;}
.productlist_left_i ul li dl dd a i { display:inline-block; padding:0 15px 0 10px; font-style:normal; font-size:16px;}

.productlist_right ul li { padding:3% 0; border-bottom:1px dashed #e5e5e5; overflow:hidden;}
.productlist_right ul li:hover { background:#f6f5f5; border-bottom:1px solid #f6f5f5;  }
.productlist_right ul li a .list_left img{ width:100%;}
.productlist_right ul li a .list_left { width:28%;border:1px solid #e5e5e5; position:relative;}
.productlist_right ul li a .list_left i { transition: all 0.6s; -webkit-transition: all 0.6s; -moz-transition: all 0.6s; opacity:0; display:block; position:absolute; left:0; top:0; width:100%; height:100%; background:rgba(0,0,0,0.7)}
.productlist_right ul li:hover a .list_left i { transition: all 0.6s; -webkit-transition: all 0.6s; -moz-transition: all 0.6s; opacity:1; }
.productlist_right ul li a .list_left em { transition: all 0.6s; -webkit-transition: all 0.6s; -moz-transition: all 0.6s; opacity:0;display:block; position:absolute; left:0; top:45%; font-style:normal; color:#fff; font-weight:bold; width:100%;   font-size:30px; text-align:center; }
.productlist_right ul li:hover a .list_left em { transition: all 0.6s; -webkit-transition: all 0.6s; -moz-transition: all 0.6s; opacity:1; }

.productlist_right ul li .list_right  { width:68%;}
.productlist_right ul li .list_right .list_right_title a { color:#000; font-size:20px; display:block;}
.productlist_right ul li .list_right .list_right_title a:hover { color:#0775e0;}
.productlist_right ul li .list_right .list_right_title p { margin:1% 0 2%}
.productlist_right ul li .list_right .list_right_desc{ line-height:2; color:#666666;

    display: -webkit-box;
    word-break: break-all;
    text-overflow: ellipsis;
    overflow: hidden;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 5;
}
.productlist_right ul li .list_right .list_right_xq { margin-top:4%;}
.productlist_right ul li .list_right .list_right_xq a { display:inline-block; margin-right:2%; padding:1% 4%; color:#000; background:#f6f5f5; border:1px solid #e4e4e4; }
.productlist_right ul li .list_right .list_right_xq a:hover {  color:#fff; background:#0775e0;border:1px solid #0775e0; }

.k_right { width:71%;}
.k_right ul li { float:left; width:30.5%; margin-left:4%; margin-bottom:4%;}
.k_right ul li:nth-child(3n+1) { margin-left:0;}
.k_right ul li a .k_right_img { width:100%; border:1px solid #e5e5e5; overflow:hidden; position:relative;}
.k_right ul li a .k_right_img img{    width:100%; cursor: pointer;   transition: all 0.6s; -webkit-transition: all 0.6s; -moz-transition: all 0.6s; }  
.k_right ul li:hover a .k_right_img img{  -webkit-transform: scale(1.05); -moz-transform: scale(1.05); transform: scale(1.05);  }  


.k_right ul li a .k_right_title { text-align:center; padding:3% 0 0 0; color:#000}
.k_right ul li:hover a .k_right_title {  color:#0775e0}

.k_right ul li a .k_right_img i { display:block; position:absolute;background:#0775e0; -webkit-transition:all 0.6s;-moz-transition:all 0.6s;transition:all 0.6s;}
.k_right ul li a .k_right_img .k_i1 { left:-100%; width:100%; height:1px; top:0; }
.k_right ul li:hover a .k_right_img .k_i1 { left:0;   -webkit-transition:all 0.6s;-moz-transition:all 0.6s;transition:all 0.6s;}
.k_right ul li a .k_right_img .k_i2 { left:0; width:1px; height:100%; bottom:-100%; }
.k_right ul li:hover a .k_right_img .k_i2 { bottom:0;   -webkit-transition:all 0.6s;-moz-transition:all 0.6s;transition:all 0.6s;}

.k_right ul li a .k_right_img .k_i3 { right:0; width:1px; height:100%; top:-100%; }
.k_right ul li:hover a .k_right_img .k_i3 { top:0;   -webkit-transition:all 0.6s;-moz-transition:all 0.6s;transition:all 0.6s;}
.k_right ul li a .k_right_img .k_i4 { right:-100%; width:100%; height:1px; bottom:0; }
.k_right ul li:hover a .k_right_img .k_i4 { right:0;   -webkit-transition:all 0.6s;-moz-transition:all 0.6s;transition:all 0.6s;}







/*图片放大镜样式*/
.jqzoom{float:left;border:none;position:relative;padding:0px;cursor:pointer;margin:0px;display:block;}
.zoomdiv{z-index:100;position:absolute;top:0px;left:0px;width:400px;height:400px;background:#ffffff;border:1px solid #CCCCCC;display:none;text-align:center;overflow:hidden;}
.jqZoomPup{z-index:10;visibility:hidden;position:absolute;top:0px;left:0px;width:20px;height:20px;border:1px solid #aaa;background:#ffffff;opacity: 0.5;-moz-opacity: 0.5;-khtml-opacity: 0.5;filter: alpha(Opacity=50);}

/*图片小图预览列表*/
.spec-preview{width:100%;height:auto;border:1px solid #e5e5e5; overflow:hidden}
.spec-scroll{clear:both;margin-top:5px;width:100%;display: none;}
.spec-scroll .prev{float:left;margin-right:4px;}
.spec-scroll .next{float:right;}
.spec-scroll .prev,.spec-scroll .next{display:block;font-family:"宋体";text-align:center;width:10px;height:93px; line-height:93px;border:1px solid #CCC;background:#EBEBEB;cursor:pointer;text-decoration:none;}
.spec-scroll .items{float:left;position:relative;width:316px; padding-left:4px;height:98px;overflow:hidden;}
.spec-scroll .items ul{position:absolute;width:999999px;height:98px;}
.spec-scroll .items ul li{float:left;width:98px;text-align:center;margin-right: 8px;}
.spec-scroll .items ul li img{width:91px;height:91px;border:1px solid #cfcfcf;}
.spec-scroll .items ul li img:hover{border:1px solid #ac1809;}
.product_img { width:50%}
.product_title { width:45%;} 
.product_t { padding-bottom:5%; margin-bottom:5%;border-bottom:1px solid #e5e5e5;}
.product_t span { display:block; color:#000; font-size:25px;}
.product_t p { color:#999; margin-top:0;}
.product_desc { line-height:2;}
.product_tel { margin-top:10%; padding:2% 18%; background:#f3f3f3 url(../images/p_tel.png) no-repeat 10px center ;}
.product_tel p { display:block;  font-weight:bold; font-size:30px; color:#0775e0;}


/* tabbtn */
.product_content { margin-top:5%;}
.tabbtn {height:40px;border-bottom:solid 1px #e5e5e5; width:100%; margin-bottom:3%;}
.tabbtn li { width:20%; margin-right:1%;
	float:left;
	position:relative; 
}
.tabbtn li a { background:#f3f3f3 ;
	display:block; width:100%;
	height:40px;
	line-height:40px;
	overflow:hidden; 
	text-align:center;
	font-size:16px;
	cursor:pointer;
}
.tabbtn li.current a {  height:40px; 	line-height:40px; 	background:#0775e0; 	color:#fff; }
/* tabcon */
.tabcon {
	border-width:0;
	border-color:0;
	border-style:solid;
	position:relative;/*必要元素*/
	overflow:hidden;
}
.tabcon .subbox {
	position:absolute;/*必要元素*/
	left:0;
	top:0;
}
.tabcon .sublist { line-height:2;}
.tabcon .sublist img{ max-width:100%;}
.tabcon .sublist table { width:100% !important;}

/*服务支持*/
.inner_service { margin-top:80px;}
.inner_service ul li { float:left; margin-left:5%; width:30%; position:relative; overflow:hidden; max-height:450px;-webkit-transition:all 0.6s;-moz-transition:all 0.6s;transition:all 0.6s;}
.inner_service ul li:hover {  box-shadow: 0 0 20px 0 rgba(0,0,0,.4);-webkit-transition:all 0.6s;-moz-transition:all 0.6s;transition:all 0.6s;} 
.inner_service ul li:first-child { margin-left:0;}
.inner_service ul li .s_img{ width:100%; cursor: pointer;   transition: all 0.6s; -webkit-transition: all 0.6s; -moz-transition: all 0.6s; }  
.inner_service ul li:hover a .s_img{  -webkit-transform: scale(1.05); -moz-transform: scale(1.05); transform: scale(1.05);  }  
.inner_service ul li a{ width:100%; height:100%; }
.inner_service ul li i { width:100%; height:100%; background:rgba(0,0,0,0.7); position:absolute; left:0; top:0;z-index:1 }
.inner_service ul li p img { display:block; position:absolute; left:0; right:0; top:0; bottom:0; margin:40% auto; width:17%; z-index:5; transition: all 0.6s; -webkit-transition: all 0.6s; -moz-transition: all 0.6s; }
.inner_service ul li:hover p img {  margin:45% auto; transition: all 0.6s; -webkit-transition: all 0.6s; -moz-transition: all 0.6s; }
.inner_service ul li a span { display:block; position:absolute; color:#fff; text-align:center; font-size:30px; left:0; right:0; top:0; bottom:0; margin:65% auto; width:100%; z-index:5;}
.inner_service ul li:hover a span { color:#0775e0;}



.inner_downlist{ margin-top:80px;}
.inner_downlist ul li { position:relative; overflow:hidden;text-align:center; float:left; margin-left:4%; width:21.8%; border-radius:5px; border: 1px solid #e5e5e5;  min-height:200px;transition: all 0.6s; -webkit-transition: all 0.6s; -moz-transition: all 0.6s;}
.inner_downlist ul li:first-child { margin-left:0;}
.inner_downlist ul li:hover{ box-shadow: 0 0 20px 0 rgba(0,0,0,.2);-webkit-transition:all 0.6s;-moz-transition:all 0.6s;transition:all 0.6s;} 

.inner_downlist ul li a span{ font-size:25px; color:#0775e0;  }
.inner_downlist ul li a img { }
.inner_downlist ul li i { display:block; position:absolute; background:#0775e0;}
.inner_downlist ul li .di1 { width:100%; height:1px; left:-100%; top:0;-webkit-transition:all 0.6s;-moz-transition:all 0.6s;transition:all 0.6s;}
.inner_downlist ul li:hover .di1 { left:0; -webkit-transition:all 0.6s;-moz-transition:all 0.6s;transition:all 0.6s;}
.inner_downlist ul li .di2 { width:1px; height:100%; right:0; top:-100%;-webkit-transition:all 0.6s;-moz-transition:all 0.6s;transition:all 0.6s;}
.inner_downlist ul li:hover .di2 { top:0; -webkit-transition:all 0.6s;-moz-transition:all 0.6s;transition:all 0.6s;}
.inner_downlist ul li .di3 { width:100%; height:1px; right:-100%; bottom:0;-webkit-transition:all 0.6s;-moz-transition:all 0.6s;transition:all 0.6s;}
.inner_downlist ul li:hover .di3 { right:0; -webkit-transition:all 0.6s;-moz-transition:all 0.6s;transition:all 0.6s;}
.inner_downlist ul li .di4 { width:1px; height:100%; left:0; bottom:-100%;-webkit-transition:all 0.6s;-moz-transition:all 0.6s;transition:all 0.6s;}
.inner_downlist ul li:hover .di4 { bottom:0; -webkit-transition:all 0.6s;-moz-transition:all 0.6s;transition:all 0.6s;}
.inner_downlist ul li p { height:50px;margin:16% 0 5%; }
.inner_downlist ul li p img {height:50px;}
.inner_downlist ul li a{ display:block; width:100%; overflow:hidden; min-height:200px;}
 
.sort_name { margin-top:80px; text-align: center; font-size:30px; color:#0775e0;  border-bottom: 1px solid #e5e5e5; margin-bottom:4%;}
.sort_name i { display:block; width:40px; height:1px; background:#0775e0; margin:1% auto 0;}
.pro_sort { text-align:center;  background-image:url(../images/pp_bj.jpg); background-repeat:no-repeat; background-position:center; background-size:cover;}
.pro_sort ul li { display:inline-block; margin:0 4%; padding:4%;     border: 1px solid #e5e5e5;-webkit-transition:all 0.6s;-moz-transition:all 0.6s;transition:all 0.6s;}
.pro_sort ul li:hover { box-shadow: 0 0 15px 0 rgba(0,0,0,.2);-webkit-transition:all 0.6s;-moz-transition:all 0.6s;transition:all 0.6s;} 
.pro_sort ul li img { margin-bottom:4%;}
.pro_sort ul li a{ display:inline-block; color:#000; font-size:16px; }
.pro_sort ul li:hover a{   color:#0775e0;  }
.pro_sort ul li img{cursor: pointer;   transition: all 0.6s; -webkit-transition: all 0.6s; -moz-transition: all 0.6s; }  
.pro_sort ul li:hover img{  -webkit-transform: scale(1.05); -moz-transform: scale(1.05); transform: scale(1.05);  }  

.pro_sort dl{ background:rgba(0,0,0,0.5); padding:11% 0; width:100%}
.pro_sort dl dd { background:rgba(255,255,255,1); display:inline-block; margin:0 4%; padding:3% 4%;     border: 1px solid #e5e5e5;-webkit-transition:all 0.6s;-moz-transition:all 0.6s;transition:all 0.6s;}
.pro_sort dl dd:hover { box-shadow: 0 0 15px 0 rgba(0,0,0,.2);-webkit-transition:all 0.6s;-moz-transition:all 0.6s;transition:all 0.6s;} 
.pro_sort dl dd img { margin-bottom:4%;}
.pro_sort dl dd a{ display:inline-block; color:#000; font-size:16px; }
.pro_sort dl dd:hover a{   color:#0775e0;  }
.pro_sort dl dd img{cursor: pointer;   transition: all 0.6s; -webkit-transition: all 0.6s; -moz-transition: all 0.6s; }  
.pro_sort dl dd:hover img{  -webkit-transform: scale(1.05); -moz-transform: scale(1.05); transform: scale(1.05);  }  




.inner_pro { margin-top:5%;}
.inner_pro ul li { float:left; margin-left:5%; width:30%; position:relative; overflow:hidden; max-height:450px;-webkit-transition:all 0.6s;-moz-transition:all 0.6s;transition:all 0.6s;}
.inner_pro ul li:hover {  box-shadow: 0 0 20px 0 rgba(0,0,0,.4);-webkit-transition:all 0.6s;-moz-transition:all 0.6s;transition:all 0.6s;} 
.inner_pro ul li:first-child { margin-left:0;}
.inner_pro ul li .s_img{ width:100%; cursor: pointer;   transition: all 0.6s; -webkit-transition: all 0.6s; -moz-transition: all 0.6s; }  
.inner_pro ul li:hover a .s_img{  -webkit-transform: scale(1.05); -moz-transform: scale(1.05); transform: scale(1.05);  }  
.inner_pro ul li a{ width:100%; height:100%; }
.inner_pro ul li i { width:100%; height:100%; background:rgba(255,255,255,0.7); position:absolute; left:0; top:0;z-index:1transition: all 0.6s; -webkit-transition: all 0.6s; -moz-transition: all 0.6s; }
.inner_pro ul li:hover i {   background:rgba(255,255,255,0.5); transition: all 0.6s; -webkit-transition: all 0.6s; -moz-transition: all 0.6s; }
.inner_pro ul li p img { display:block; position:absolute; left:0; right:0; top:0; bottom:0; margin:21% auto; width:50%; z-index:5; transition: all 0.6s; -webkit-transition: all 0.6s; -moz-transition: all 0.6s; }
.inner_pro ul li:hover p img {  margin:15% auto; transition: all 0.6s; -webkit-transition: all 0.6s; -moz-transition: all 0.6s; }
.inner_pro ul li a span { display:block; position:absolute; color:#fff; text-align:center; font-size:30px; left:0; right:0; top:0; bottom:0; margin:65% auto; width:100%; z-index:5;}
.inner_pro ul li:hover a span { color:#0775e0;}


.faq_sort ul li { text-align:center;float:left; margin-left:5%; width:21.2%; position:relative; overflow:hidden; max-height:450px;-webkit-transition:all 0.6s;-moz-transition:all 0.6s;transition:all 0.6s;}
.faq_sort ul li:hover {  box-shadow: 0 0 20px 0 rgba(0,0,0,.4);-webkit-transition:all 0.6s;-moz-transition:all 0.6s;transition:all 0.6s;} 
.faq_sort ul li:first-child { margin-left:0;}
.faq_sort ul li .s_img{ width:100%; cursor: pointer;   transition: all 0.6s; -webkit-transition: all 0.6s; -moz-transition: all 0.6s; }  
.faq_sort ul li:hover a .s_img{  -webkit-transform: scale(1.05); -moz-transform: scale(1.05); transform: scale(1.05);  }  
.faq_sort ul li a{ width:100%; height:100%; color:#fff; font-size:20px; }
.faq_sort ul li i { width:100%; height:100%; background:rgba(0,0,0,0.7); position:absolute; left:0; top:0;z-index:1transition: all 0.6s; -webkit-transition: all 0.6s; -moz-transition: all 0.6s; }
.faq_sort ul li:hover i {   background:rgba(0,0,0,0.5); transition: all 0.6s; -webkit-transition: all 0.6s; -moz-transition: all 0.6s; }
#down_sort ul li:hover i {   background:rgba(0,0,0,0.3); transition: all 0.6s; -webkit-transition: all 0.6s; -moz-transition: all 0.6s; }

.faq_sort ul li p  { display:block; position:absolute; left:0; right:0; top:0; bottom:0; margin:28% auto; width:50%; z-index:5; transition: all 0.6s; -webkit-transition: all 0.6s; -moz-transition: all 0.6s; }
.faq_sort ul li:hover p  { opacity:0;  margin:15% auto; transition: all 0.6s; -webkit-transition: all 0.6s; -moz-transition: all 0.6s; }
.faq_sort ul li a span { display:block; position:absolute; color:#fff; text-align:center; font-size:30px; left:0; right:0; top:0; bottom:0; margin:65% auto; width:100%; z-index:5;}
.faq_sort ul li:hover a span { color:#0775e0;}
.faq_sort ul li .faq_sort_img {  transition: all 0.6s; -webkit-transition: all 0.6s; -moz-transition: all 0.6s; min-height:170px; width:100%; background-repeat:no-repeat; background-position:center; background-size:cover;}
.faq_sort ul li:hover .faq_sort_img {  -webkit-transform: scale(1.05); -moz-transform: scale(1.05); transform: scale(1.05);}
.faq_sort ul li .sort_p2 img{ height:35px;}
.faq_sort ul li .sort_p2 {margin:50% auto;  opacity:0;  transition: all 0.6s; -webkit-transition: all 0.6s; -moz-transition: all 0.6s; }
.faq_sort ul li:hover .sort_p2 {margin:25% auto;  opacity:1;   transition: all 0.6s; -webkit-transition: all 0.6s; -moz-transition: all 0.6s;}


.down_bj { margin-top:4%; padding:3% 0; overflow:hidden; background-position:center; background-repeat:no-repeat; background-size:cover; margin-bottom:5%;}
.down_gz { text-align:center; font-size:20px; color:#fff; margin:0 0 1%;}
.down_gz_info { padding:1% 2%;}
.down_gz_info table   {  border:1px solid #fff;border-collapse:collapse; }
.down_gz_info table tr td { padding:0.5%;  color:#fff; font-size:12px;}

/* 客服*/
#rightButton{ position:fixed; _position:absolute; top:40%; right:0; z-index:999999; display:block;}
#right_ul{ position:relative;}
#right_ul li { position:relative;}
#right_ul li span { display:none; position:absolute; top:0;}
#right_qq{  background:#0775e0 url(../images/r_qq.png) no-repeat; width:68px; height:68px; margin-bottom:1px;  }
#right_qq a{ width:68px; height:68px; display:block; }
#right_qq:hover{  background:#494949 url(../images/r_qq.png) no-repeat; }
#right_tel{ background:#0775e0 url(../images/r_phone.png) no-repeat; width:68px; height:68px; }
#right_tel:hover{ background:#494949 url(../images/r_phone.png) no-repeat;  }
#right_wx{ background:#0775e0 url(../images/r_wx.png) no-repeat; width:68px; height:68px;margin-top: 1px;  }
#right_wx:hover{ background:#494949 url(../images/r_wx.png) no-repeat;  }
#right_tip{    position:absolute; right:70px; top:-10px; display:none; z-index:999999; }
#right_ul #right_tel span { left:-252px;width:252px; line-height:91px; height:91px; background:url(../images/l_telbj.png) no-repeat left center; color:#0775e0; text-align:center; font-size:35px; font-weight:bold;}
#right_ul #right_tel:hover span { display:block; }
#right_ul #right_wx span { left:-160px;width:160px;  height:160px;  text-align:center; }
#right_ul #right_wx:hover span { display:block; }

#right_ul #right_wx span img{border: 1px solid #e5e5e5;}



/* 下载页面*/
.ny_downlist { width:71%}
.ny_downlist ul li { margin-bottom:4%; width:100%;  overflow:hidden; font-size:14px;}
.tableProDetails {
	border-collapse: collapse;
}
.ny_downlist table{width: 100% !important;
    border:solid 1px #cccccc;
    border-collapse: collapse;
    border-spacing: 0;
}
.ny_downlist th, .ny_downlist td {

	line-height: 2;
	color: #000;
	border: 1px solid #ddd;
	font-family: "Arial";
	background-color: #FFFFFF;
}
.ny_downlist th, .ny_downlist td.thead {
	background-color: #f2f2f2;
	text-align:center;
	font-weight: normal;
}
.ny_downlist td.thead {
	font-weight: bold;
}
.ny_downlist td img {
	max-width: 100%;
	height: auto;
}
.ny_downlist td table {
	min-width: auto;
}
.ny_downlist table .do_ms1{  width:16%;	padding: 2% 2%; font-size:16px; color:#000;}
.ny_downlist table th {  text-align: center; }
.ny_downlist table .do_ms2 {  color:#0775e0;width: 76%;	padding: 2% 2%;font-size:16px;}
.ny_downlist table .do_ms2 span{ float:right; color:#333333; font-size:14px;}
.ny_downlist table .do_ms3{  width: 16%; text-align:center;	padding: 2% 2%;}
.ny_downlist table .do_ms4 { width: 76%;	padding: 2% 2%;color: #555;}
.ny_downlist table .do_ms1 {
    width: 20%;
    text-align: center;
    vertical-align: middle;
}
.ny_downlist ul li .more_down { border:1px solid #0775e0;
    background: #0775e0;
    width: 100px;
    height: 35px;
    line-height: 35px;
    text-align: center;
    color: #fff;
    float: right;
    display: block;
    margin-top: 25px;}
.ny_downlist ul li .more_down:hover {  background: #fff;color: #0775e0; border:1px solid #0775e0;}	
.ny_down_m a {
    background: #0775e0; margin-top:20px;
    width: 150px;
    height: 40px;
    line-height: 40px;
    text-align: center;
    color: #fff;
    float: right;
    display: block;
    margin-top: 20px;}
.ny_down_m a:hover {  background: #e46713;color: #fff;}	





/* 常见问题*/
.faqlist_z  { margin:80px auto 0; }
.faqlist  {  padding:4%;  background:#fff; overflow:hidden; }
.faqlist_title {position:relative; height:30px; width:100%; padding-bottom:3%; margin-bottom:3%; border-bottom:1px solid #e5e5e5;}
.faqlist_title  span { padding-left:1%; color:#0775e0; display:block; float:left; font-size:30px; border-left:3px solid #0775e0; height:25px; line-height:25px; width:40%}
.faqlist_title  .faq_search { position:absolute; right:0; bottom:33px;width:40%}
.faqlist_title  .faq_search #keywords { float:left; width:78%; height:25px; padding:1%; background:#fff; border-right:0; border:1px solid #e5e5e5}
.faqlist_title  .faq_search #keywordsa{ float:left; width:78%; height:25px; padding:1%; background:#fff; border-right:0; border:1px solid #e5e5e5}

.faqlist_title  .faq_search .btn { position:absolute; right:0; top:0; display:block;height:25px; line-height:25px; text-align:center; width:17.15%; padding:1%; background:#0775e0; border:1px solid #0775e0; color:#fff;}

.faqlist_fl { text-align:center; margin-bottom:5%;}
.faqlist_fl dl dd i { display:none;}
.faqlist_fl dl dd { display:inline-block; padding:0.6% 1.5%; margin:0 1.5%; background:#f3f3f3;}
.faqlist_fl dl .cur {  background:#0775e0;}
.faqlist_fl dl dd:hover {  background:#0775e0;}
.faqlist_fl dl dd a{ display:inline-block; color:#000;}
.faqlist_fl dl dd a:hover { color:#fff;}
.faqlist_fl dl .cur a { color:#fff;}
.demo{width:100%;margin:0 auto;}
.menu_head{ font-size:17px; padding-bottom:1.5%; margin-bottom:1.5%;border-bottom:1px solid #e5e5e5;cursor:pointer;position:relative;font-weight:bold;background: url(../images/faq_x.png) center right no-repeat;}
.menu_list .current{background:url(../images/faq_s.png) center right no-repeat; color:#0775e0;}
.menu_body{display:none; background:#f3f3f3; padding:1%; line-height:2; margin-bottom:4%}
.menu_body a{display:block;color:#006699;background-color:#EFEFEF;padding-left:10px;font-weight:bold;text-decoration:none;height:24px;line-height:24px;}
.menu_body a:hover{color:#000000;text-decoration:underline;}
.menu_body img{ max-width:100%;}
.menu_list  i{ font-style:normal; display:inline-block; font-size:18px; padding-right:10px;}

/* 视频中心*/

.vidoe_tx { padding-top:80px;}
.vidoe_tx ul li { width:30%; margin:0 0 2% 5%; float:left; text-align:center; position:relative;min-height:300px;}
.vidoe_tx ul li:nth-child(3n+1) {  margin:0 0 2% 0;  }
.vidoe_tx ul li .vidoe_tx_info { width:100%;}
.vidoe_tx ul li .vidoe_tx_info iframe{ width:100%; min-height:300px;}
.vidoe_tx ul li .vidoe_tx_info .txp_tipbar { display:none !important;}
.vidoe_tx ul li span { display:block; margin-top:2%; position:absolute; left:-1%; bottom:0; line-height:50px; width:103%; height:50px; background:#f3f3f3; z-index:999999999999999999;} 

.vidoelist { margin-top:80px;}

/*--------------------视频------------------*/
.vidoe_z { margin-top:50px;}
 
.category_mod {
    width: 100%;
}

.category_mod>.leftTitle {
    width: 100%;
    height: 66px;
    background: #01b0ef;
    line-height: 66px;
    text-indent: 16px;
    font-size: 20px;
    color: #ffffff;
}

.category_mod>.leftTitle span {
    font-size: 12px;
    color: #fff;
    padding-left: 6px;
}

.category_mod .content {
    width: 100%;
    border: solid 1px #e5e5e5;
    border-top: none;
    box-sizing: border-box;
    padding: 10px;
    box-shadow: 0px 5px 8px #dbdbdb;
}

.category_mod .content ul li {
    position: relative;
    border-bottom: dotted 1px #DDDDDD;
}

.category_mod .content ul li:last-child {
    border-bottom: none
}

.category_mod .content ul li a {
    color: #444444;
    display: block;
    height: 50px;
    line-height: 50px;
    font-size: 16px;
    text-indent: 10px;
    padding-right: 40px;
    box-sizing: border-box;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.category_mod .content ul li a:hover {
    color: #0dd1cf;
    display: block;
    height: 50px;
    line-height: 50px;
    font-size: 16px;
    text-indent: 10px;
    padding-right: 40px;
    box-sizing: border-box;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.category_mod .content ul li .more {
    cursor: pointer;
    position: absolute;
    color: #0dd1cf;
    font-size: 1.6rem;
    text-align: right;
    width: 40px;
    height: 50px;
    line-height: 50px;
    right: 5px;
    top: 0px;
}

.category_mod .content ul li .subclass {
    padding: 0px 15px 15px;
    display: none;
}

.category_mod .content ul li .subclass ul li {
    border-bottom: none;
    position: static;
    width: 100%;
    height: 30px;
    color: #777777;
}

.category_mod .content ul li .subclass ul li a {
    height: 30px;
    line-height: 30px;
    color: #777777;
    display: block;
    font-size: 14px;
    padding-right: 0px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.category_mod .content ul li .subclass ul li a:hover {
    color: #0dd1cf;
    height: 30px;
    line-height: 30px;
    display: block;
    font-size: 14px;
    padding-right: 0px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.view-content .video_info ul li {float: left;}


.view-content .video_info ul li a {
	display: block;
}

.view-content .video_info ul li .case-imgWrapper {
	display: table-cell;
    position: relative;
	width: 435px;
	height:244px;     border: 1px solid #eaebeb;
	vertical-align: middle;
}

.view-content .video_info ul li .case-imgWrapper .index_video { }
.view-content .video_info ul li .case-imgWrapper img {
	display: block;

    width: 100%;
    height: 100%;
	
	
}

.view-content .video_info ul li i { display:block; font-style:normal; padding:1% 0; border-radius:30px; margin:0 0 4% 4%; text-align:center; width:20%; background:#0775e0; color:#fff; border:1px solid #0775e0;}
.view-content .video_info ul li i:hover {   background:#f3f3f3; color:#0775e0; border:1px solid #0775e0;}
.view-content .video_info ul li span {
	display: block;
	width:92%; padding:4% 4%;
	line-height: 40px;
	color: #000;
	font-size: 16px; 
	overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}
.view-content .video_info ul li span em { font-style:normal; float:right; font-size:12px; color:#333333;}

.view-content .video_info ul li {background: #f3f3f3; overflow:hidden;    margin-left:5%;margin-bottom:5%;width:30%;   }
.view-content .video_info ul li:nth-child(3n+1) {margin-left:0;}

.view-content .video_info ul li .play {
    width: 63px;
    height: 63px;
    display: block;
    overflow: hidden;
    position: absolute;
    top: 36%;
    left: 50%;
    margin-left: -32px;
    background: url(../images/play.png) no-repeat 0px -4px;
    z-index: 10;
}
.view-content .video_info ul li:hover .play {
    background: url(../images/play.png) no-repeat 0px -73px;
}

/*视频*/
.video-box video {
	display: block;
	width: 100%;
}

.video-box img {
	display: block;
	width: 100%;
}

.video-box span {
	display: block;
	width: 100%;
	text-align: center;
	margin-bottom: 15px;
	font-size: 14px;
}




.playbox { background:rgba(0,0,0,0.5);
    width: 100%;
    height: 100%;
    position: fixed;
    z-index: 9999;
    left: 0px;
    top: 0px;
    display:none;
}
.playbox .inner {
    width: 1344px;
    height: 756px;
    position: fixed;
    background: rgba(255,255,255,0.1);
    z-index: 999;
    left: 10%;
    top: 50px;
    border: solid 1px #f9f9f9;
    border-radius: 2px;
    -moz-border-radius: 2px;
    -webkit-border-radius: 2px;
}
.playbox .close {
    width: 30px;
    height: 30px;
    background:rgba(255,255,255,0.5) url(../images/close.png) no-repeat center center;
    display: block;
    overflow: hidden;
    position: absolute;
    top: 50px;
    left: 110px;
    z-index: 9999;
}
.playbox .cover {
    width: 100%;
    height: 100%;
    position: fixed;
    background: rgba(0,0,0,0.1);
    z-index: 99;
}
.playbox .inner .vdo_zoom {
    width: 1324px;
    height: 736px;
    margin: 30px 30px 0px 30px;
    color: #fff;
    background: rgba(0,0,0,0.8);
}
.vidoelist .inner { padding-top:0;}
.inner_vidoe { line-height:2;}
.inner_vidoe #video { height:500px; outline:none;}




.inner_search { background:#fff; margin-top:80px;}
.inner_search_z { padding:3%;}
#mainer { margin-top:4%;}


/*弹出视频*/
.reveal-modal-bg{position:fixed;height:100%;width:100%;background-color:#000;z-index:100;display:none;top:0;left:0;}
.reveal-modal{visibility:hidden;top:100px;left:0; width:100%;position:absolute;z-index:101;}
.reveal_vidoe { width:60%; margin:0 auto;}
.reveal_vidoe iframe { width:100% !important; height:500px !important;-webkit-border-radius:5px;border-radius:5px;-moz-box-shadow:0 0 10px rgba(0,0,0,.4);-webkit-box-shadow:0 0 10px rgba(0,0,0,.4);-box-shadow:0 0 10px rgba(0,0,0,.4);}

.reveal-modal .close-reveal-modal {
font-size:30px;line-height:.5;position:absolute;top:8px;right:17%;color:#fff;text-shadow:0 -1px 1px rbga(0,0,0,.6);font-weight:bold;cursor:pointer;} 
.reveal-modal h2{font-size:18px;color:#990000;padding:0 0 20px 0;}
.reveal-modal p{padding:0 0 15px 0;}
.vidoes ul li { background: #f3f3f3;overflow: hidden; margin-left: 5%; float:left;  margin-bottom: 5%; width: 30%;}
.vidoes ul li:nth-child(3n+1){  margin-left:0; }
.vidoes ul li .vidoes_img { width:100%; overflow:hidden; max-height:250px; position:relative;}	
.vidoes ul li .vidoes_img p { display:block; height:100%; width:100%; position:absolute; left:0; top:0; z-index:5;}
.vidoes ul li .vidoes_img iframe { margin-top:-10%; width:100% !important;height: 338px;}

.vidoes { padding-top:80px}
.vidoes ul li a .vidoes_bf span p {word-wrap:break-word; min-height: 50px;

word-break:normal;  display:block ;width:65%; float:left;}   
.vidoes ul li a .vidoes_bf span{ display: block;
    width: 92%;
    padding: 4% 4%;
    line-height: 1.5;
    color: #000;
    font-size: 16px;}
.vidoes ul li a .vidoes_bf span em{ font-style: normal; float: right;font-size: 12px; color: #333333;}

.vidoes ul li a .vidoes_bf i{ display: block;font-style: normal; padding: 1% 0; border-radius: 30px; margin:6% 0 4% 4%; text-align: center;
 width: 20%;background: #0775e0; color: #fff; border: 1px solid #0775e0;transition:all 0.6s; -webkit-transition:all 0.6s; -moz-transition:all 0.6s;}
.vidoes ul li a .vidoes_bf i:hover{   background:#f3f3f3; color:#0775e0; border:1px solid #0775e0; transition:all 0.6s; -webkit-transition:all 0.6s; -moz-transition:all 0.6s;}

.vidoes .txp_tipbar { display:none !important; } 
.vidoes .txp_player{ display:none !important; } 
.vidoes .txpdiv { display:none !important; } 
.vidoes .txp_tipbar .txp_tip{ display:none !important; } 













@media screen and (max-width:4804px) and (min-width:1920px) {
   
     .pro-switch {height:900px;}
	.flexslider .slides > li .img {height:900px !important; position:relative;}
	
	.head .nav ul .t_search{  width: 4% !important;transition:all 0.6s;}
    .head .nav ul li { width:12% !important;}
    .head .nav ul .t_tel { width: 12% !important;}
	.head { height: 120px;}
	.head .nav ul li .f_a {  line-height: 120px; font-size:20px;}
	.index_logo a { line-height:55px; color:#0775e0; font-size:20px;}
	.index_logo a p { font-size:20px; margin-top:32px;}
	.index_logo a span { font-size:20px;  }
	.index_logo img {  height: 70px; padding-top: 25px;}
    .head .nav ul .t_tel .f_a{ font-size:20px;}
    .index_info ul li { width: 29.6%;}
	.culture ul li .culture_desc {   padding:20%;}
	.culture ul li .culture_desc span {  font-size: 30px;}
	.inner_downlist ul li {  width: 21.6%;}
	.inner_sort {box-shadow: 0 0 10px 0 rgba(0,0,0,.2); -webkit-box-shadow: 0 0 10px 0 rgba(0,0,0,.2); -moz-box-shadow: 0 0 10px 0 rgba(0,0,0,.2);}
   .view-content .video_info ul li .case-imgWrapper {width: 540px;	height:303px; } 
    .view-content .video_info ul li {  margin-bottom:10%;}
	.reveal_vidoe iframe { height:650px !important;}

	
	
}



@media screen and (max-width: 1920px) and (min-width:1600px) {
    .flexslider .slides > li .img {height:700px !important;}
	.pro-switch {height:700px;}
    .fz { width: 92%;transition:all 0.6s;}
	.head .nav ul .t_search{  width: 4% !important;transition:all 0.6s;}
    .head .nav ul li { width: 12% !important;}
    .head .nav ul .t_tel { width: 12% !important;}
	.head .nav ul li .f_a { font-size: 18px;}
	.head .nav ul .t_tel .f_a {   padding-left: 17%;}
	.head .nav .nav_pc {  margin-right: 4%;}
	.head { height: 110px;}
	.head .nav ul li .f_a {  line-height: 110px;}
	
	.index_logo a { line-height:55px; color:#0775e0; font-size:20px;}
	.index_logo a p { font-size:20px; margin-top:28px;}
	.index_logo a span { font-size:20px;  }
	.index_logo img { padding-top: 22px;}
	.culture ul li .culture_desc {   padding: 18%;}
	.culture ul li .culture_desc span {  font-size: 25px;}
	.inner_sort {box-shadow: 0 0 10px 0 rgba(0,0,0,.2); -webkit-box-shadow: 0 0 10px 0 rgba(0,0,0,.2); -moz-box-shadow: 0 0 10px 0 rgba(0,0,0,.2);}
    .view-content .video_info ul li .case-imgWrapper {width: 540px;	height:303px; } 
    .view-content .video_info ul li {  margin-bottom:8%;}
	.reveal_vidoe iframe { height:650px !important;}
	
	
	
	
}

@media screen and (max-width: 1510px) and (min-width:1490px) {
	
	.head .nav ul .t_tel {  width: 13% !important;}
	
	
}



@media screen and (max-width: 1600px) and (min-width:1440px) {
    .flexslider .slides > li .img {height: 650px !important;}
    .pro-switch {height:650px;}
	.head .nav ul li { width:12% !important;transition:all 0.6s;}
    .fz { width: 90%;transition:all 0.6s;}
	.head .nav ul .t_search { width:4% !important;transition:all 0.6s;}
    .head .nav ul .t_tel { width:13.5% !important;transition:all 0.6s;}
	.head .nav ul .t_tel .f_a {   padding-left: 20%;}
	.head .nav ul .t_tel {margin-left:3.5%;}
	.index_logo img { padding-top: 22px;}
	.culture ul li .culture_desc {   padding: 18%;}
	.culture ul li .culture_desc span {  font-size: 25px;}
	.view-content .video_info ul li .case-imgWrapper {width: 454px;	height:255px; }
	.reveal_vidoe iframe { height:550px !important;}

}


@media screen and (max-width: 1440px) and (min-width:1200px) {
     .flexslider .slides > li .img {height: 600px !important;}
    .pro-switch {height:600px;}
	.head .nav ul li { width: 12% !important;}
    .head .nav ul .t_tel { width: 15% !important;margin-left: 2%;}
    .fz { width: 90%;transition:all 0.6s;}
    .value_info li {width: 19.9%;}
	.index_logo a { font-size: 16px;}
	.head .nav ul .t_tel .f_a { background: url(../images/top_tel.png) no-repeat 8px center;}
    .faqlist_title .faq_search .btn {width: 17%;}
	.view-content .video_info ul li .case-imgWrapper {width: 435px;	height:244px; }
   .faq_sort ul li .faq_sort_img { min-height: 160px;}
   .index_logo { width: 31%;}
}




@media screen and (max-width: 1296px) and (min-width:1200px) {
 
    .head .nav ul .t_tel {    width: 16% !important; margin-left: 1%;}
	
    .view-content .video_info ul li .case-imgWrapper {width: 454px;	height:217px; }
	.view-content .video_info ul li { margin-bottom:3%;}
   
}

@media screen and (max-width:1242px) and (min-width:1200px) {
 
	 .view-content .video_info ul li .case-imgWrapper {width: 454px;	height:208px; }
     .view-content .video_info ul li { margin-bottom:3%;}
 
}
@media only screen and (max-width: 1300px){	


   .foot_wx { width: 25%;}


}


@media only screen and (max-width: 1200px){	
    .index_about_con { display: -webkit-box;
    word-break: break-all;
    text-overflow: ellipsis;
    overflow: hidden;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 7;}
   .index_logo img { padding-top:21px;    height: 50px;}
   .head { height: 90px;}
   .index_logo a {  line-height: 90px;}
   .head .nav ul li .f_a { line-height: 90px;}
   
   .index_logo a { line-height:1.2; color:#0775e0; font-size:20px;}
	.index_logo a p { font-size:18px; margin-top:22px;}
	.index_logo a span { font-size:14px;  }
	
   .index_logo {  width: 260px;}
   .head .nav ul li { width: 11% !important;}
   .flexslider .slides > li .img {height: 500px !important;}
   .pro-switch {height:500px;}
	.value_info li {width: 19.8%;}
	#seventh span {  font-size: 30px;}
	.value_info li:nth-child(2) #seventh i { right:28%;}
	.value_info li:nth-child(3) #seventh i { right:22%;}
	#seventh i { top: 7px;}
	.fz { width: 90%;}
	.head .nav ul .t_search{ width: 4% !important;}
    .head .nav ul .t_tel {  margin-left: 2%;width: 20% !important;}
	.head .nav .nav_pc { width: 68%;}
	.head .nav .nav_pc {  margin-right: 4%;}
    .index_info ul li { width: 29.6%;}
	.foot_sort ul li {  margin-right: 3%;}
	.foot_sort ul li:last-child { width:14%}
	.inner_banner_z span { margin: 13% 0 0;}
	.productlist_right ul li .list_right .list_right_desc{     display: -webkit-box;
    word-break: break-all;
    text-overflow: ellipsis;
    overflow: hidden;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3;}
	.inner_downlist ul li {  width: 21.7%;}
	.faqlist_title .faq_search { bottom: 26px;}
	.view-content .video_info ul li .case-imgWrapper {width: 435px;	height:190px; }
     .view-content .video_info ul li { margin-bottom:3%;}
	.pro_sort ul li {  margin: 0 3%;}
    .faq_sort ul li .faq_sort_img { min-height: 150px;}
	.head .nav ul li .s_navbox { top:91px;}

}


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

 .head .nav ul .t_tel { width: 20% !important;}
 
 
 }


@media screen and (max-width: 1200px) and (min-width:1024px) {
     .flexslider .slides > li .slide { height:500px;transition:all 0.6s;}
	.head .nav ul li .f_a { font-size: 14px;transition:all 0.6s;}
  
	
	
}




@media only screen and (max-width: 1024px){	
    .flexslider .slides > li .img {height:400px !important;}
	 .pro-switch {height:400px;}
	.flexslider .slides > li .slide img{display:block;width:100%;   position:inherit;   }
    .fz {  width: 95%;}
    .headlf a span { display:inline-block;}
	.foot_sort { width:100%; float:none; overflow:hidden; margin-bottom:5%;}
	.foot_wx { width:40%; margin:0 auto; float:none;}
	.foot_sort ul li {  width: 14%;}
	.inner_banner { height: 300px;}
	.culture ul li .culture_desc {  padding: 5%;}
	.culture ul li .culture_desc p { line-height:1.5;}
	.view-content .video_info ul li .case-imgWrapper {width: 435px;	height:165px; }
     .view-content .video_info ul li { margin-bottom:3%;}
	.view-content .video_info ul li i { width: 28%;}
	.pro_sort ul li {  margin: 0 2%;}
	.inner_mission_i {  width: 91%;}
	.index_logo a p i { display:inline-block;}
	.vidoes ul li .vidoes_img {  max-height: 200px;}
	.vidoes ul li .vidoes_img iframe {  margin-top: -27%;}
	.reveal_vidoe {  width: 85%;}
	.reveal-modal .close-reveal-modal {  right: 4%;}
	
	
}
@media only screen and (max-width: 850px){	
    .culture ul li {  width: 50%; overflow:hidden;}
    .culture ul .culture_i .culture_desc {  padding:15%;}
    .culture ul #w_right { position:relative; right:0;}
    .culture ul #w_left {position:relative; left:0;}
    .w_clear { display:block;}
	.culture ul li { width:100%;}
	.culture ul li .culture_desc {  padding:14% 15% 0;}
	.culture ul li .culture_desc p { line-height:2;}
	.culture ul #cul2 .culture_l { float:right;}
	.culture ul #cul2 .culture_r { float:left;}
    .culture ul li:first-child { margin-bottom:-5px;}
	.newlist { width:100%;}
	.newslist_l { display:none;}
	.inner {  padding-top: 8%;}
		.productlist_right ul li .list_right .list_right_desc{     display: -webkit-box;
    word-break: break-all;
    text-overflow: ellipsis;
    overflow: hidden;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;}
	.view-content .video_info ul li .case-imgWrapper {width: 435px;	height:178px; }
     .view-content .video_info ul li { margin-bottom:3%;}
	.pro_sort ul li {  margin: 0 1%; width:31%; float:left; display:block; padding:4% 0;}
	
	.head .nav ul .t_search .search{  display:none;}
	.m_search {  display:block;}
	.faq_sort ul li .faq_sort_img { min-height: 130px;}
	
}



@media only screen and (max-width: 768px){	
    
   .btn3{ display:block;}
   .foot { padding: 5% 0 10%;}
    .flexslider .slides > li .img {height:auto !important;}
	 .pro-switch {height:auto;}
    .fz {  width: 96%;transition:all 0.6s;}
	.index_info ul li a .index_info_title {font-size:25px;}
    .index_info ul li {   float: left;    margin-left: 2%; width: 31.7%;}
	.foot_sort ul li {  width: 13%;} 
	.foot_sort ul li:last-child {  width: 16%;} 
	#slides1{ display:none;}
	#slides2{ display:block;}
    .inner_sort_r {   width: 65%;}
	.mission_z ul li img {   width: 18%;}
	.mission_z ul li p { padding:0 4%; width:92%;}
	.mission { padding: 10% 0;  margin-top: 10%;}
	.mission_z ul li{ float:left; width:33.1%;}
	.inner_about_info_l { width:100%; text-align:center;}
	.inner_about_info_r { width:100%; margin-top:5%;}
	.inner_about_info_l img { width:70%;}
	.inner_contact ul li {  width:100%;}
	.inner_contact ul li:last-child dl dt { display:none;}
	.inner_contact {  padding-top:10%;}
	.inner_next dl {  width: 100%;}
	.inner_next span {  width: 100%;}
	.product_right {  width: 100%;}
	.product_tel { padding: 2% 0 2% 24%;}
	.faqlist_title span{ width:50%;}
    .view-content .video_info ul li { width: 47.5%;}
	.view-content .video_info ul li:nth-child(3n+1) {  margin-left: 5%;}
	.view-content .video_info ul li:nth-child(2n+1) {  margin-left: 0;}
	.playbox .inner #player-container-id {  width: 100% !important;   height: 500px !important;}
	.view-content .video_info ul li .case-imgWrapper {width: 435px;	height:168px; }
     .view-content .video_info ul li { margin-bottom:3%;}
	
	 .playbox .inner .vdo_zoom {  margin: 0; width:100% !important;}
	 .vidoelist .inner{  width: 100% !important; top:70px !important}
	.playbox .inner { border:0;}
	.playbox .close { top:30px !important;}
	.inner_mission_i { margin: -50px auto 0;}
	.inner_mission_i .inner_mission_r {   float: none; width: 80%; margin:0 auto;}
	.inner_mission_i ul { width:100%; margin-top:5%;}
	.faq_sort ul li .faq_sort_img { min-height: 110px;}
	#rightButton { display:none;}
	.vidoe_tx ul li { width:48.5%; margin:0 0 2% 3%;min-height:300px;}
    .vidoe_tx ul li:nth-child(3n+1) {  margin:0 0 2% 3%;  }
	.vidoe_tx ul li:nth-child(2n+1) {  margin:0 0 2% 0;  }
	.vidoe_tx ul li:first-child {  margin:0 0 2% 0;  }
	.menu_head {  padding-bottom:3%;  margin-bottom: 3%;}
	.faqlist_fl {   margin-bottom: 10%;}
	.vidoes ul li {  width: 49%; margin-left:2%}
	.vidoes ul li:nth-child(3n+1){ margin-left:2%}
	.vidoes ul li:nth-child(2n+1){ margin-left:0}
	.vidoes ul li:first-child{ margin-left:0}
	.vidoes ul li .vidoes_img iframe {  margin-top: -21%;}
    .ny_downlist {  width: 100%;}
	
	
	
	
}

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

      
	 .index_info ul li {   float: left;    margin-left: 2%; width: 31.6%;}
	 .foot_sort ul li { display:none;}
	 .foot_sort ul li:last-child { text-align:center; display:block; width:20%; float:none; margin:0 auto;}
	 .foot_wx  { display:none;}
	 #topcontrol { bottom:80px !important;}
	 .foot_sort ul li span i { margin:15px auto;}
	 .foot_sort ul .d_gz dl dd .bshare-custom .bshare-sinaminiblog { margin-left:10px}
	  .foot_sort ul .d_gz dl dd .bshare-custom a { display:inline-block; width:auto; padding:16px; float:none;} 
	 .culture ul li .culture_desc {  padding:12% 12% 0;}
	 .culture ul li .culture_desc p { line-height: 1.5;}
	 .productlist_left { display:none;}
	 .productlist_right{ width:100%;}
	.inner_downlist ul li {  width: 21.6%;}
	 .view-content .video_info ul li .case-imgWrapper {width: 435px;	height:153px; }
     .view-content .video_info ul li { margin-bottom:3%;}
     .pro_sort ul li img { width:95%;}
	  .pro_sort ul li{width:30.98%}
	 .arclist ul li { width:100%; margin-left:0;}
	 .k_right { width:100%;}
	 .faq_sort ul li { width:47%; margin-bottom:5%;} 
	 .faq_sort ul li:nth-child(2n+1) { margin-left:0; }
	 .faq_sort ul li .faq_sort_img {  min-height: 175px;}
     .m_img .headlf a em {  width: 77%;}
	 .faqlist_title span {font-size: 25px;}
	 .faqlist_title .faq_search {  bottom: 19px;}
	 .vidoes ul li .vidoes_img iframe {  margin-top: -25%;}
	 
}



@media only screen and (max-width: 600px){	
  
     .index_info {  margin-top:7%; width:88%;}
     .index_info ul li {    margin-left: 0; width:100%; margin-bottom:7%;}
     .index_info ul li:last-child {    margin-bottom:0;}
     .foot_sort ul li { display:none;}
	 .foot_sort ul li:last-child {text-align:center; display:block; width:20%; float:none; margin:0 auto;}
	 .foot_wx  { display:none;}
	 .copyright_l  { width:100%; line-height:1.5; text-align:center; padding-top:5%;}
	 .copyright_r  { width:100%; text-align:center; margin-top:-10px;}
	  #topcontrol { bottom:80px !important;}
	 .foot_sort ul li span i { margin:15px auto;}
	 .foot_sort ul .d_gz dl dd .bshare-custom a { display:inline-block; width:auto; padding:16px; float:none;} 
	 .inner_about_info_l { float:none; width:100%;}
	 .inner_about_info_r { float:none; width:100%; margin-top:8%;}
	 .inner_about_info { padding-top:10%;}
	 .mission {  margin-top:10%;}
	 .mission_z ul li span {  margin: 6% 0 3%;}
	 .culture ul li .culture_desc {  padding:4% 4% 0;}
	 .culture ul li .culture_desc p { line-height: 1.5;}
	 .inner_banner { height: 200px;}
	 .inner_banner_z span {    margin:16% 0 0; font-size:25px;}
	 .inner_banner_z p {   font-size: 14px;}
	 .mod_gallerylist ul li { margin: 0 0 2% 4%;width: 30.5%;}
	 .mod_gallerylist ul li:nth-child(4n+1) {  margin-left: 4%;}
	 .mod_gallerylist ul li:nth-child(3n+1) {  margin-left: 0;}
	 .mod_gallerylist ul li:first-child{  margin-left: 0;}
	  .inner_about_info_l img { width:9s0%;}
	 .sy_email_r { width:100%; }
	 .sy_email_r ul li { height:auto;}
	 .caselist ul li {   width: 49%;  margin-left: 2%;  margin-bottom: 4%;}
	 .caselist ul li:nth-child(3n+1) { margin-left: 2%;}
	 .caselist ul li:nth-child(2n+1) { margin-left: 0;}
	 .caselist ul li:first-child { margin-left: 0;}
	 .caselist {  padding-top: 10%;}
	  .productlist_left { display:none;}
	 .productlist_right{ width:100%;}
	 .productlist_right ul li { padding:8% 0;}
	 .productlist_right ul li a .list_left { width:99%; text-align:center; margin-bottom:4%}
	 .productlist_right ul li .list_right {width: 100%;}
	 .productlist_right ul li a .list_left img {  width:60%;}
	 .productlist {  padding-top: 8%;}
	 .product_img {width:80%; margin:0 auto 5%; float:none}
	 .product_title {width: 100%;float:none}
	 .product_tel { padding: 2% 0 2% 15%;}
	 .inner_downlist ul li {  width: 21.5%;}
	 .faqlist_title .faq_search {   bottom: 19px;}
	 .view-content .video_info ul li { margin-left:0; margin-bottom: 5%;   width: 100%; }
	.view-content .video_info ul li .case-imgWrapper {width: 553px;	height:300px; }
	  .pro_sort ul li img { width:95%;}
	  .pro_sort ul li{width:30.9%}
	 .inner_mission_i {  margin: -25px auto 0;}
	  .pro_sort ul li{width:30.98%}
	 .arclist ul li { width:100%; margin-left:0;}
	  .k_right { width:100%;} 
	  .faq_sort ul li .faq_sort_img {  min-height: 160px;}
	   .vidoes ul li .vidoes_img iframe {  margin-top: -27%;}
	   
.related_pro_i ul { display: flex;flex-direction: row;flex-wrap: wrap;}


.related_pro_i ul li { flex: auto;}



	  
}


@media only screen and (max-width: 500px){
	 .copyright_r { padding:0 0 2%;}	
     .foot_sort ul li:last-child {  width:25%; }
	.inner_sort_l { width: 100%;}
	.inner_sort_r { display:none;}
	 .mod_gallerylist ul li { margin: 0 0 2% 4%;width:47.5%;}
	 .mod_gallerylist ul li:nth-child(4n+1) {  margin-left: 4%;}
	 .mod_gallerylist ul li:nth-child(3n+1) {  margin-left: 4%;}
	 .mod_gallerylist ul li:nth-child(2n+1) {  margin-left: 0;}
	 .mod_gallerylist ul li:first-child{  margin-left: 0;}
	 .inner_about_info_l img { width:100%;}
	 .map #dituContent { height:450px;}
	 .caselist ul li .caselist_title p { display:none;}
	 .related_news_i ul li { margin-left:0; width:100%;}
	 .related_pro_i ul li {  width: 48%;}
	 .related_pro_i ul li:nth-child(2n+1) { margin: 0 0 0 0;  }
	 .product_tel { padding: 2% 0 2% 18%;}
	 .tabbtn li:last-child {   margin-right:0;}
	 .tabbtn li {  width: 32.6%;}
	 .inner_downlist ul li {  width: 47.4%; margin-bottom:4%}
	 .inner_downlist ul li:nth-child(2n+1) { margin-left:0}
	 .faqlist_title span { width:100%; margin-bottom:5%;}
	 .faqlist_title .faq_search { display:none;}
	 .faqlist_z {    margin: 10% auto 0;}
	 .inner_vidoe #video {  height: 450px;}
	  .view-content .video_info ul li { margin-left:0; margin-bottom: 5%;   width: 100%; }
	.view-content .video_info ul li .case-imgWrapper {width: 500px;	height:280px; }
	 .pro_sort ul li img { width:95%;}
	  .pro_sort ul li{width:30.8%}
	  .inner_mission_i .inner_mission_r {   float: none; width: 100%; }
	.inner_mission_i ul { float: none; width:100%; margin-top:5%;}
	 .inner_mission_i ul li { width:100%; margin-left:0;} 
	  .inner_mission_i {  margin: -25px auto 0;}
	  .prolist ul li { width: 47.7%;}
	  .prolist ul li:nth-child(4n+1) {  margin: 0 0 3% 3%;}
	.prolist ul li:nth-child(2n+1) {  margin: 0 0 3% 0;}
	 .k_right ul li { width:48%;} 
	.k_right ul li:nth-child(3n+1) {  margin-left:4%;} 
	.k_right ul li:nth-child(2n+1) {  margin-left:0;}  
	.k_right ul li:first-child{  margin-left:0;}  
    .faq_sort ul li .faq_sort_img {  min-height: 140px;}
	 .sort_name { margin-top:10%;} 
	 .vidoe_tx ul li { width:100%; margin:0 0 2% 0;min-height:350px;}
	 .vidoe_tx ul li .vidoe_tx_info iframe { min-height: 350px;}
	 .m_img .headlf a em { width: 70%;}
	.m_img .headlf a em p {   font-size: 16px;}
	.m_img .headlf a em span {   font-size: 16px;}
	.m_img .headlf a em  p { margin-top:24px; margin-bottom:5px; display:block;} 
	.m_img .headlf a em  p i { display:none;} 
	 .vidoes ul li .vidoes_img iframe {  margin-top: -27%;}
	 .inner_service ul li {   float: none;  width: 90%; margin:0 auto 3% !important; }
	 .inner_service { margin-top:8%;}
	 .inner_service ul li a span { font-size:25px;}
	 .inner_service ul li p img { width:15%;}
	 .inner_service ul li { max-height: 410px;}
	 
}
@media only screen and (max-width: 450px){	
   .copyright_r { padding:0 0 5%;}	
   .foot_sort ul li:last-child {  width:30%; }
   .mission_z ul li{   width:48%;}
   .mission_z ul .mission2 {   border-right:0;}
   .mission_z ul li:last-child{   width:100%;border-top: 1px solid #dedede;}
   .mission_z ul li:last-child img { width:9%; margin-top:10%;}
   .mission_z ul li:last-child span {  margin: 4% 0 2%;}
   .culture ul li .culture_l { width:40%}
   .culture ul li .culture_r { width:60%}
   .culture ul li { margin-top:4%; position:relative;}
   .culture ul li:first-child {  margin:0 0 2%;}
   .culture ul li:nth-child(3){ margin-top:4%; padding-bottom:37%;}
   .culture ul li:nth-child(4){ margin-top:4%; padding-bottom:37%;}
   .culture ul li:nth-child(3) .culture_l { width:60%}
   .culture ul li:nth-child(3) .culture_r { width:40%}
   .culture ul li .culture_l {  width: 100%;}
   .culture ul li .culture_r {  width: 100%;}
   .culture ul li .culture_desc i {  margin: 4% 0 6%;}
   .culture ul #cul2 .culture_l {  width: 100%; float:left;}
   .culture ul #cul2 .culture_r {  width: 100%;float:right;}
   .culture ul li #cul_info { position:absolute; bottom:0; left:0;}
   .sy_email_r ul li { width: 100%; margin-left:0}
   .sy_email_r ul .sy_email_r06 { margin-top:5%}
   .sy_email_r ul li .field2 .text {  height:45px; line-height:45px;}
   .sy_email_r ul .sy_email_r06 .btn {   font-size:14px;    width: 120px;}
   .map #dituContent { height:400px;}
    .product_tel { padding: 2% 0 2% 24%;}
   .inner_vidoe #video {  height: 400px;}
    .view-content .video_info ul li { margin-left:0; margin-bottom: 5%;   width: 100%; }
	.view-content .video_info ul li .case-imgWrapper {width: 450px;	height:252px; }
    .pro_sort ul li img { width:95%;}
	.pro_sort ul li{width:100%; margin:0 0 4%; padding:4% 0;}
   .sort_name {  margin-top:10%; font-size:25px;}
    .faq_sort ul li .faq_sort_img {  min-height: 130px;}
	.faqlist_title span {  font-size:25px;}
	.inner_pro ul li {  margin-left:0; width:100%; margin-bottom:2%}
     .m_img .headlf a em { width: 65%;}
	.faqlist_fl dl dd {   margin: 0 1%;}
   .faqlist_fl dl dd a{ font-size:12PX;}
   .vidoes ul li .vidoes_img iframe {  margin-top: -18%;}
   .vidoes ul li { width:100%; margin-left:0;}
   .inner_case {  padding-top: 10%;}
   .case_info_title {     font-size:25px;   padding-bottom: 2%; padding-top:5%;  margin-bottom: 4%; border-bottom: 1px solid #d7d7d7;}
   .inner_sort_l a { font-size: 14px;}
   .productlist { padding-top:2%;} 
   .news_info_title {     font-size:25px;   padding-bottom: 2%; padding-top:5%;  margin-bottom: 4%; }

   
   
}
@media only screen and (max-width: 350px){	
 .inner_downlist ul li {  width: 47.2%; margin-bottom:4%}
  .faq_sort ul li .faq_sort_img {  min-height: 110px;}
    .vidoe_tx ul li { width:100%; margin:0 0 2% 0;min-height:300px;}
	 .vidoe_tx ul li .vidoe_tx_info iframe { min-height: 300px;}
	  .m_img .headlf a em { width: 65%;}
	  .faqlist_fl dl dd {   margin: 0 2% 2%;}
   .faqlist_fl dl dd a{ font-size:12PX;}
	  .vidoes ul li .vidoes_img iframe {  margin-top: -21%;}  
	  
}

@media only screen and (max-width: 330px){	
.headlf a em {
    display:none;
}

.m_img .headlf {  width: 50%;

}