@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;}
 
IMG {
	BORDER - TOP - WIDTH: 0;
	BORDER - LEFT - WIDTH: 0;
	BORDER - BOTTOM - WIDTH: 0;
	BORDER - RIGHT - WIDTH: 0
}

 


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



/*导航*/

.navbg {height:80px;width: 100%; position:fixed;top:0; left:0; border-bottom:1px solid #f2f2f2; background:#fff; z-index:99999999;transition:all 0.6s; -moz-transition:all 0.6s; -ms-transition:all 0.6s; -transition:all 0.6s; -webkit-transition:all 0.6s; }
#navul li {float: left;margin-right: 1px;width:14.5%;height:80px;position:relative;text-align:center;line-height:80px;font-size:15px;}
#navul li:first-child {width:12%;}
#navul li.navhome {}
#navul li a{ display:block;}
#navul li a span { display:block; width:100%; height:40px;}
#navul li a .n_title1 { color:#221d1e; position:absolute; left:0; bottom:40px; opacity:1;  transition:all 0.2s; -moz-transition:all 0.2s; -ms-transition:all 0.2s; -transition:all 0.2s; -webkit-transition:all 0.2s; z-index:2;}
#navul li:hover a .n_title1 { bottom:80px;  opacity:0;    transition:all 0.2s; -moz-transition:all 0.2s; -ms-transition:all 0.2s; -transition:all 0.2s; -webkit-transition:all 0.2s;  }
#navul li a .n_title2 { color:#e62129; position:absolute; left:0; top:40px; opacity:0; transition:all 0.2s; -moz-transition:all 0.2s; -ms-transition:all 0.2s; -transition:all 0.2s; -webkit-transition:all 0.2s;  z-index:1}
#navul li:hover a .n_title2 { top:0;  opacity:1;   transition:all 0.2s; -moz-transition:all 0.2s; -ms-transition:all 0.2s; -transition:all 0.2s; -webkit-transition:all 0.2s; }
#navul li a em { display:block; width:100%; height:3px; position:absolute; bottom:15px; z-index:5; left:0;}
#navul li a em .n_i { display:block; width:0; height:3px; background:#e62129; opacity:0;margin:0 auto; transition:all 0.3s; -moz-transition:all 0.3s; -ms-transition:all 0.3s; -transition:all 0.3s; -webkit-transition:all 0.3s; }
#navul .navmoon a em .n_i { opacity:1;  width:20px; transition:all 0.6s; -moz-transition:all 0.6s; -ms-transition:all 0.6s; -transition:all 0.6s; -webkit-transition:all 0.6s; }

#navul li a:link, #navul li a:visited {color:#353535;}
#navul li ul {display:none;position:absolute;z-index:10000;top:81px;left:-1px;background:#fff; border-radius:4px; 
border-bottom:none; padding:10px 20px 20px;    box-shadow: 0px 0px 24px 0px rgba(75, 76, 79, 0.1); width:200px}
#navul li ul li {display:block;width:100% !important;float:none;height:45px;position:relative;line-height:45px;text-align:left;
border-bottom:#e3e9ee 1px dashed;font-size:16px;}
#navul li.navmoon { }
#navul li ul li a {color:#666666;transition:all 0.6s; -moz-transition:all 0.6s; -ms-transition:all 0.6s; -transition:all 0.6s; -webkit-transition:all 0.6s;  } 
#navul li.navmoon ul {display:block;}
#navul li ul li a i {width:0;display:block; position:absolute; left:0; top:23px;  height:3px; background:#e62129; margin-left:0;transition:all 0.6s; -moz-transition:all 0.6s; -ms-transition:all 0.6s; -transition:all 0.6s; -webkit-transition:all 0.6s; }
#navul li ul li:hover a i {width:20px; margin-right:15px;transition:all 0.6s; -moz-transition:all 0.6s; -ms-transition:all 0.6s; -transition:all 0.6s; -webkit-transition:all 0.6s; }
#navul li ul li:hover a{ padding-left:30px;transition:all 0.6s; -moz-transition:all 0.6s; -ms-transition:all 0.6s; -transition:all 0.6s; -webkit-transition:all 0.6s; }
.logo  { width:20%;}
.logo img  { height:65px; margin-top:8px;}
.tel { width:20%; color:#e62129; font-size:18px; font-weight:bold; line-height:80px; text-align:right;}
.col960 {width:60%;}
.tel span {  color:#3a3a3a; font-size:14px; display:inline-block; font-weight:100; }
.head_height { width:100%; height:80px;transition:all 0.6s; -moz-transition:all 0.6s; -ms-transition:all 0.6s; -transition:all 0.6s; -webkit-transition:all 0.6s;  }
 


/*首页关于我们*/
.index1 { position:relative; width:100%; padding-top:90px; }
.index1_z { position:absolute; left:0; z-index:1; top:0; width:100%}
.index1_img  img{ width:100%;}
.index1_title { margin-top:90px; text-align:center;   margin-bottom: 26px;}
.index1_title h3 {   font-size: 52px;     color: #333333;  font-weight: bold;   margin-bottom: 26px;}
.index1_title p { font-size:24px;     color: #5e5e5e;}
/* 数字*/
.value_info { margin:72px auto 0; width:80% }
.value_info li {width:25%;  float:left; }
.value_info ul li:first-child {  padding-left:3%; width:22%  }
.value_info ul li:last-child {  padding-left:3%; width:22%  }
.htmleaf-container { height:130px;}
.buttonBox{ position:relative;font-size:40px;outline:none;transition:all 1s;color:#1da838; }
#seventh span{ color:#c9242b;   position:relative; text-transform:uppercase; letter-spacing:1px; border:none;    font-size:50px; outline:none;transition:all 1s; }
 .value_info ul li .value_t { font-size:20px; color:#333333;}
#seventh i { font-style:normal;font-size: 16px;    color: #696969;}
.buttonBox p { font-size: 16px;color: #787878;}
.value_t ul li { float:left; margin-left:1px; width:33.28%;  height:334px; position:relative; overflow:hidden;}
.value_t ul li:nth-child(1) { margin-left:0; }
.value_t ul li .value_t_t  { font-size:24px; color:#fff; position:absolute; bottom:20px; left:45%; z-index:20;transition: all 0.6s;}
.value_t ul li:hover .value_t_t  {  bottom:200px; }
.value_t ul li .value_t_t span { display:inline-block; padding-bottom:10px; border-bottom:1px solid #1da838;}
.value_t ul li i { width:100%; display:block;  height:334px; background-color:rgba(0,0,0,0.6); position:absolute; left:0; bottom:-250px; transition: all 0.6s;}
.value_t ul li:hover i {  bottom:0; transition: all 0.6s;}
.value_t ul li .value_t_i { text-align:center; font-size:14px; color:#fff;position:absolute; bottom:-170px; left:0; width:100%;  height:170px;  transition: all 0.6s; z-index:2; display:block; line-height:25px;}
.value_t ul li:hover .value_t_i {  bottom:0;transition: all 0.6s;}
.value_t ul li .value_t_img img{  cursor: pointer;   transition: all 0.6s; -webkit-transition: all 0.6s; -moz-transition: all 0.6s; }  
.value_t ul li:hover .value_t_img img{  -webkit-transform: scale(1.05); -moz-transform: scale(1.05); transform: scale(1.05);  }  

.index1_info { text-align:center; margin-top:50px;     font-size: 16px; line-height: 1.8;color: #5e5e5e;}
.index1_info span { display:block;}
.index1_more{  width: 48px; height: 48px; position: relative; margin:30px auto 0;}
.index1_more img { position: absolute;  top: 0; left: 0; }
.index1_more:nth-child(1) {  opacity: 1; transform: scale(1);transition: 0.8s; }
.index1_more:nth-child(2) { opacity: 0; transform: scale(0); transition: 0.8s;}
.index1_more:hover img:nth-child(1) { opacity: 0; transform: scale(0);  transition: 0.8s; }
.index1_more:hover img:nth-child(2) {  opacity: 1; transform: scale(1); transition: 0.8s;}
.index1_more img:nth-child(2) { opacity: 0;transform: scale(0); transition: 0.8s;}
.index1_more img:nth-child(1) { opacity: 1; transform: scale(1);transition: 0.8s;}



/* banner */
#ban_mo{ display:none;}
.flexslider{position:relative;height:550px;overflow:hidden;background:url(../images/loading.gif) 50% no-repeat;}
.slides{position:relative;z-index:1;}
.slides li{height:550px;}
.flex-control-nav{position:absolute;bottom:10px;z-index:2;width:100%;text-align:center;}
.flex-control-nav li{display:inline-block;width:14px;height:14px;margin:0 5px;*display:inline;zoom:1;}
.flex-control-nav a{display:inline-block;width:14px;height:14px;line-height:40px;overflow:hidden;background:url(../images/dot.png) right 0 no-repeat;cursor:pointer;}
.flex-control-nav .flex-active{background-position:0 0;}

.flex-direction-nav{position:absolute;z-index:3;width:100%;top:45%;}
.flex-direction-nav li a{display:block;width:50px;height:50px;overflow:hidden;cursor:pointer;position:absolute; opacity:0;transition:all 0.6s; -moz-transition:all 0.6s; -ms-transition:all 0.6s; -o-transition:all 0.6s; -webkit-transition:all 0.6s;}
.flexslider:hover .flex-direction-nav li a{ opacity:1;transition:all 0.6s; -moz-transition:all 0.6s; -ms-transition:all 0.6s; -o-transition:all 0.6s; -webkit-transition:all 0.6s;}
.flex-direction-nav li a.flex-prev{left:5%;background:url(../images/prev.png) center center no-repeat;transition:all 0.6s; -moz-transition:all 0.6s; -ms-transition:all 0.6s; -o-transition:all 0.6s; -webkit-transition:all 0.6s;}
.flexslider:hover .flex-direction-nav li a.flex-prev{left:10%;transition:all 0.6s; -moz-transition:all 0.6s; -ms-transition:all 0.6s; -o-transition:all 0.6s; -webkit-transition:all 0.6s;}
.flex-direction-nav li a.flex-prev:hover{left:10%;background:url(../images/prevh.png) center center no-repeat;}
.flex-direction-nav li a.flex-next{right:5%;background:url(../images/next.png) center center no-repeat;}
.flexslider:hover .flex-direction-nav li a.flex-next{right:10%;transition:all 0.6s; -moz-transition:all 0.6s; -ms-transition:all 0.6s; -o-transition:all 0.6s; -webkit-transition:all 0.6s;}
.flex-direction-nav li a.flex-next:hover{right:10%;background:url(../images/nexth.png) center center no-repeat;}
/* 优势 */
.index2 { background:#f8f8f8; padding:70px 0; overflow:hidden;}
.index2_title { text-align:center;    color: #333;}
.index2_title p { font-size:20px;}
.index2_title h3{   font-size:30px; font-weight:bold;}
.index2_title span { display:block;}
.index2_title span a { font-size:12px;  display: inline-block; margin: 10px 0 40px 0;  color: #333;  position: relative;  padding-bottom: 5px;overflow: hidden;}
.index2_title span a::after{content:"";position: absolute;left:-100%;bottom:0;width:100%;height:1px;background:#e62129;transform-origin:right;}
.index2_title span a i{font-style:normal;margin-left:10px;}
.index2_title span a:hover{color:#e62129;}
.index2_title span a:hover::after{transform-origin: left;left:100%;transition:all 1s;}
.index2_info ul li { width:22.1%; text-align:center; margin-left:2.5%; background:#fff; float:left; padding-bottom:50px;transition:all 0.6s; -moz-transition:all 0.6s; -ms-transition:all 0.6s; -o-transition:all 0.6s; -webkit-transition:all 0.6s;}
.index2_info ul li:hover{box-shadow:0 0 14px #ccc;transition:all 0.6s; -moz-transition:all 0.6s; -ms-transition:all 0.6s; -o-transition:all 0.6s; -webkit-transition:all 0.6s;}
.index2_info ul li:first-child {   margin-left:0;}
.index2_info ul li .index2_info_img { padding:60px 0; width:100%}
.index2_info ul li:first-child  .index2_info_img { background:url(../images/icon3.png) no-repeat center 50px; transition:all 0.6s; -moz-transition:all 0.6s; -ms-transition:all 0.6s; -o-transition:all 0.6s; -webkit-transition:all 0.6s;}
.index2_info ul li:first-child:hover  .index2_info_img { background:url(../images/icon3h.png) no-repeat center 40px; transition:all 0.6s; -moz-transition:all 0.6s; -ms-transition:all 0.6s; -o-transition:all 0.6s; -webkit-transition:all 0.6s;}

.index2_info ul li:first-child+li  .index2_info_img { background:url(../images/icon4.png) no-repeat center 40px; transition:all 0.6s; -moz-transition:all 0.6s; -ms-transition:all 0.6s; -o-transition:all 0.6s; -webkit-transition:all 0.6s;}
.index2_info ul li:first-child+li:hover  .index2_info_img { background:url(../images/icon4h.png) no-repeat center 30px; transition:all 0.6s; -moz-transition:all 0.6s; -ms-transition:all 0.6s; -o-transition:all 0.6s; -webkit-transition:all 0.6s;}
.index2_info ul li:first-child+li+li  .index2_info_img { background:url(../images/icon5.png) no-repeat center 55px; transition:all 0.6s; -moz-transition:all 0.6s; -ms-transition:all 0.6s; -o-transition:all 0.6s; -webkit-transition:all 0.6s;}
.index2_info ul li:first-child+li+li:hover  .index2_info_img { background:url(../images/icon5h.png) no-repeat center 40px; transition:all 0.6s; -moz-transition:all 0.6s; -ms-transition:all 0.6s; -o-transition:all 0.6s; -webkit-transition:all 0.6s;}
.index2_info ul li:first-child+li+li+li .index2_info_img { background:url(../images/icon6.png) no-repeat center 50px; transition:all 0.6s; -moz-transition:all 0.6s; -ms-transition:all 0.6s; -o-transition:all 0.6s; -webkit-transition:all 0.6s;}
.index2_info ul li:first-child+li+li+li:hover  .index2_info_img { background:url(../images/icon6h.png) no-repeat center 40px; transition:all 0.6s; -moz-transition:all 0.6s; -ms-transition:all 0.6s; -o-transition:all 0.6s; -webkit-transition:all 0.6s;}


.index2_info ul li .index2_info_t span { display:block; font-size:30px; color:#343434; font-weight:bold;}
.index2_info ul li .index2_info_t p { display:block; font-size:20px; color:#343434; }
.index2_info ul li i { display:block; width:24px; height:2px; background:#e62129; margin:18px auto;transition:all 0.6s; -moz-transition:all 0.6s; -ms-transition:all 0.6s; -o-transition:all 0.6s; -webkit-transition:all 0.6s;}
.index2_info ul li:hover i {  width:40px; transition:all 0.6s; -moz-transition:all 0.6s; -ms-transition:all 0.6s; -o-transition:all 0.6s; -webkit-transition:all 0.6s;}
.index2_info ul li .index2_info_i span{ display:block; }
.index2_info ul li .index2_info_i { color:#676767; font-size:16px;  line-height:1.5}






/*=========新闻--========*/
.index3 { margin-top:80px;}
.tab{width:100%;}
.tab dt{height:55px;line-height:30px;border-bottom:1px solid #ebebeb; text-align:center;}
.tab dt a:first-child {
    margin-left: 0;}
.tab dt a{ font-size:18px;   margin:0 20px; color: #5f5f5f; cursor: pointer; position:relative;}
.tab dt a.on{  color: #e62129;}
.tab_sort { width:100%; }
.tab dt a i { width:16px; height:16px; border-radius:16px; border:1px solid #bababa; background:#f1f1f1; display:block; position:absolute; left:28px; bottom:-36px;}
.tab dt a.on i { border:1px solid #e62129; background:#f1f1f1;}
.tab_info_l { width:45%}
.tab_info_r { width:45%}
.tab_info { margin-top:40px;}
.tab_info_l dl .t_i1 a .tab_i1 { width:30%; max-height:90px; overflow:hidden;}
.tab_info_l dl .t_i1 a .tab_i1 img{ width:100%;}
.tab_info_l dl .t_i1 a .tab_i2 { width:45%; margin-left:5%;}
.tab_info_l dl .t_i1 a .tab_i2 p { font-size:14px; color:#343434; font-weight:bold; display: -webkit-box; word-break: break-all; text-overflow: ellipsis;  overflow: hidden;  -webkit-box-orient: vertical; -webkit-line-clamp: 1;}
.tab_info_l dl .t_i1 a .tab_i2 span { font-size:14px; color:#343434; line-height:1.5; margin-top:10px; display: -webkit-box; word-break: break-all; text-overflow: ellipsis;  overflow: hidden;  -webkit-box-orient: vertical; -webkit-line-clamp: 2;}
.tab_info_l dl .t_i1 a .tab_i3 { font-size:14px; color:#343434; font-weight:bold;}
.tab_info_l dl .t_i2 a span { font-size:14px; color:#6b6b6b; }
.tab_info_l dl .t_i2 a span:first-child {  display: -webkit-box; word-break: break-all; text-overflow: ellipsis;  overflow: hidden;  -webkit-box-orient: vertical; -webkit-line-clamp: 1;}
.tab_info_l dl dd{ overflow:hidden;}
.tab_info_l dl .t_i1 { margin-bottom:33px;}
.tab_info_l dl .t_i2 { margin-top:20px;}
.tab_info_l dl .t_i2 a span:first-child { width:75%; float:left;}
.tab_info_l dl .t_i2 a span:last-child { width:20%; float:right; text-align:right}
.tab_info_r dl .t_i2 a span { font-size:14px; color:#6b6b6b;display: -webkit-box; word-break: break-all; text-overflow: ellipsis;  overflow: hidden;  -webkit-box-orient: vertical; -webkit-line-clamp: 1;}
.tab_info_r dl dd{ overflow:hidden;}
.tab_info_r dl .t_i2 { margin-top:20px;}
.tab_info_r dl dd:first-child { margin-top:0;}
.tab_info_r dl .t_i2 a span:first-child { width:75%; float:left;}
.tab_info_r dl .t_i2 a span:last-child { width:20%; float:right; text-align:right}

.brand8_i { padding-top:30px;}
.brand8_i dl .t_i2 a span:first-child { width:75%; float:left;}
.brand8_i dl .t_i2 a span:last-child { width:20%; float:right; text-align:right}
.brand8_i dl .t_i2 a span { font-size:14px; color:#6b6b6b;display: -webkit-box; word-break: break-all; text-overflow: ellipsis;  overflow: hidden;  -webkit-box-orient: vertical; -webkit-line-clamp: 1;}
.brand8_i dl .t_i2:hover a span {  color:#e62129;}
.brand8_i dl .t_i2 a span:first-child { width:75%; float:left;}
.brand8_i dl .t_i2 a span:last-child { width:20%; float:right; text-align:right}
.brand8_i dl dd { float:left; width:45%; margin-left:10%; margin-bottom:1%;}
.brand8_i dl dd:nth-child(2n+1) { margin-left:0;}


/*=========底部--========*/
.foot {font-size:14px; padding:80px 0 20px; overflow:hidden; background:#1d1d1d; color:#666666; margin-top:80px;}
.foot1 { width:33.3%}
.foot2 { width:33.3%; border-left:1px solid #333333; border-right:1px solid #333333; text-align:center; padding-bottom:20px;}
.foot3 { width:28%; padding-left:5%}
.foot1 dl dt i { display:inline-block; font-style:normal; font-size:30px; padding:0 5px;}
.foot1 dl dt{ color:#fff; font-size:18px; margin-bottom:20px}
.foot1 dl dd { margin-bottom:8px;}
.foot1 dl dd:last-child { padding:10px; background:url(../images/icon7.png) no-repeat center left;}
.foot2 dl dd:first-child{ font-size:18px; color:#fff; margin-bottom:20px;}
.foot2 dl dd:first-child+dd {  font-size:18px; color:#fff;}
.foot2 dl dd:first-child+dd span{  font-size:14px; color:#666666; display:inline-block;border-right:1px solid #333333;  padding:5px 25px 0 5px; margin-right:25px;}
.foot2 dl dd { margin-bottom:8px;}
.foot2 dl dd a{ margin-top:30px;  display:inline-block;border:1px solid #333333; padding:5px 25px; }
.foot2 dl dd a:hover{  border:1px solid #fff; background:#fff; }
.foot3 dl dd { width:42%; margin-left:16%; float:left; text-align:center;}
.foot3 dl dd:first-child{  margin-left:0;}
.foot3 dl dd img { width:100%;}
.foot3 dl dd p{ margin-top:10px;}
.foot4 {font-size:14px; margin-top:70px; line-height:80px; height:90px; border-bottom:1px solid #333333; border-top:1px solid #333333;}
 
.foot4 dl dd a{ color:#666666;}
.foot4 dl dd a:hover{ color:#fff;}
.foot5 { margin-top:20px; font-size:14px;}
.foot5_l { width: 6%; padding-right: 1%; margin-right: 1%; border-right:1px solid #333333;}
.foot5_r { width:92%;}
.foot5_r  ul li { float:left; padding-right:1%; margin-bottom:1%;}

/* CSS Document */
#f_tab { width:100%; height:150px; position:relative; }
/*设置容器高宽等*/
html > body #f_tab { width:100%;}
/*兼容IE6:IE6下宽度不够*/
#f_tab div { position:absolute; top:30px; left:0; width:100%; height:136px;}
/*设置容器高宽等*/
#f_tab div { display:none;}
/*设置容器默认隐藏:不用ID是因为下面将利用class来控制容器显示,而class优先级低于id选择器*/
#f_tab .block { display:block;}
/*选中的容器*/
#f_tab h3 { float:left; width:60px; height:30px; line-height:30px; margin:0 0 0 0; font-size:16px; cursor:pointer;   color:#949494; font-family:Microsoft YaHei;font-weight:normal;}
/*默认标题样式*/
#f_tab .up { color:#fff;}
/*选中的标题样式*/
/*修饰列表内容*/
#f_tab ul { list-style:none; padding:0; height:186px; margin-top:0px;}
#f_tab li { margin-left:10px; margin-right:10px; border-bottom:1px dotted #c6c6c6; height:22px; padding-top:23px; overflow:hidden; font-size:12px;}
#f_tab li a { display:inline; font-size:12px; text-decoration:none; text-indent:10px; margin-right:10px;}
#f_tab li span{ display:block; float:right; margin-right:5px; color: #bdacb3;}
a.tab_title:link { color: #5a5a5a; text-decoration:none;}
a.tab_title:visited { color:#5a5a5a; text-decoration:none;}
a.tab_title:hover { color:#5a5a5a; text-decoration:none;}
a.tab_title:active { color:#5a5a5a; text-decoration:none;}
a.tab_menu:link { color:#6464d5; text-decoration:none;}
a.tab_menu:hover { color:#8888e0; text-decoration:underline;}






/*=========关于我们--========*/
.inner_banner { width:100%; position:relative;}
.inner_banner img{ width:100%; display:block;}
.inner_banner_t{ width:100%; position:absolute; left:0; top:40%;}
.inner_banner_t span { display:block; font-size:30px;color: #fff; }
.inner_banner_t span i { display:block; width:40px; height:2px; background:#e62129; margin-top:10px;}
.inner_sort { width:100%;  border-bottom: 1px solid #d9d9d9; height: 80px; }
.inner_sort ul li{ font-size:16px;text-align:center;float: left; color: #191919; position: relative;border-right: 1px solid #d9d9d9; width:16%;}
.inner_sort ul li a { color:#191919;line-height: 80px; display:block; position: relative; width:100%}
.inner_sort ul li:hover a { color:#e62129;}
.aboutTie a,.newsMenu a{margin-left:70px;font-size:1.286em;position:relative;color:#191919;padding-bottom:10px;position:relative;display:inline-block;}
.inner_sort ul li a::after{content:"";position:absolute;left:0;bottom:0;height:2px;background:#e72c35;width:100%;transform: scale(0,1);transform-origin:right;transition: transform .3s;}
.inner_sort ul .cur a{color:#e6212a;}
.inner_sort ul li a:hover:after{width:100%;transform: scale(1);transform-origin:left;}
.inner_sort ul .cur a::after{  width: 100%;   transform: scale(1);  transform-origin: left;}

.about1_t h3{ text-align:center; font-size:36px; margin-top:80px; font-weight:100; position:relative;}
.about1_t h3:after { position: absolute; content: '';  width: 10px;    height: 2px;  background: #dc1c1d;  left: 50%;    margin-left: -5px; bottom:-20px;}
.about1_i { margin-top:40px;color: #444;font-size:20px; text-align:center; line-height:1.8;}
.about1_i span { display:block; }
.about1_i em { color:#e62129;    font-size: 24px; font-style:normal;}
.current a { color: #999; font-size:12px;}
.current a:hover { color: #e62129;}
.current a i { font-style:normal; display:inline-block; padding:0 5px;}
.current a:last-child i {  display:none;}
.current { margin-top:35px;}
.current a:first-child{ padding:10px 14px; background:url(../images/icon7.png) no-repeat center left;}

.about2 { background:#fafafa; padding:50px 0; overflow:hidden; margin-top:80px;}
.about2 #seventh span {    font-size: 70px; color: #444444;}
.about2 #seventh i {  font-size: 70px;}
.about2 .value_info { margin-top:0;}
.about2 .value_info ul li { text-align:center; padding:30px 0;transition:all 0.6s; -moz-transition:all 0.6s; -ms-transition:all 0.6s; -o-transition:all 0.6s; -webkit-transition:all 0.6s;}
.about2 .value_info ul li:first-child+li+li+li+li{ margin-left:25%;margin-bottom:0;}
.about2 .value_info ul li:last-child{ margin-bottom:0;}
.about2 .value_info ul li .buttonBox em { display:block; font-style:normal; position:relative; width:100%; line-height:63px; }
.about2 .value_info ul li .buttonBox em:after {
    position: absolute;
    content: '';
    width: 1px;
    height: 60px;
    background: #e8e8e8;
    right: 0;
    top: 0;}
.about2 .value_info ul li:hover #seventh span{ color:#e62129}
.about2 .value_info ul li:hover {transform: translateY(-10px); transition:all 0.6s; -moz-transition:all 0.6s; -ms-transition:all 0.6s; -o-transition:all 0.6s; -webkit-transition:all 0.6s;}
.about2 .value_info ul li:first-child+li+li+li .buttonBox em:after { display:none;}
.about2 .value_info ul li:last-child .buttonBox em:after { display:none;}

.about3 { width:100%; height:250px; position:relative; color:#fff;}
.about3::before { content: ''; width: 49.8%;  height: 100%;  background: #e62129;  position: absolute;   left: 0;   top: 4px; z-index: -1;  }
.about3::after {  content: ''; width: 49.8%;height: 100%; background: #333;position: absolute; right: 0; top: 4px; z-index: -1;}
.about3_l { padding:65px 0 0; width:50%}
.about3_l_img {  transition:all 0.6s; -moz-transition:all 0.6s; -ms-transition:all 0.6s; -o-transition:all 0.6s; -webkit-transition:all 0.6s;}
.about3_l:hover .about3_l_img { padding-left:5%;  transition:all 0.6s; -moz-transition:all 0.6s; -ms-transition:all 0.6s; -o-transition:all 0.6s; -webkit-transition:all 0.6s;}
.about3_l_img img { width:100%;}
.about3_l_i { width:60%; margin-left:5%;}
.about3_l_i dl dt { font-size:30px;}
.about3_l_i dl dt i { display:block; width:15px; height:2px; background:#fff; margin:10px 0 20px; }

.about3_r { padding:65px 0 0; width:45%; padding-left:5%}
.about3_r_img {  transition:all 0.6s; -moz-transition:all 0.6s; -ms-transition:all 0.6s; -o-transition:all 0.6s; -webkit-transition:all 0.6s;}
.about3_r:hover .about3_r_img { padding-left:5%;  transition:all 0.6s; -moz-transition:all 0.6s; -ms-transition:all 0.6s; -o-transition:all 0.6s; -webkit-transition:all 0.6s;}
.about3_r_img img { width:100%;}
.about3_r_i { width:60%; margin-left:5%;}
.about3_r_i dl dt { font-size:30px;}
.about3_r_i dl dt i { display:block; width:15px; height:2px; background:#fff; margin:10px 0 20px; }

.about4_t { text-align:center; margin-top:80px}
.about4_t h3{ text-align:center; font-size:36px; margin-top:80px; font-weight:100; position:relative;}
.about4_t h3:after { position: absolute; content: '';  width: 10px;    height: 2px;  background: #dc1c1d;  left: 50%;    margin-left: -5px; bottom:-20px;}
.about4_i { font-weight: 100; color: #666; font-size: 16px; text-align: center; margin: 32px 0 90px;}
.about4_i span { display:block;}
.about4 { position:relative; overflow:hidden;} 
.about4_z::after {
    content: '';
    width: 300px;
    height: 450px;
    background: url(../images/icon14.png) right bottom -12px no-repeat;
    position: absolute;
    right: 0;
    bottom: -4px;
    z-index: -1;
}
.about4_d UL li { float:left; width:25%; text-align:center;}
.about4_d UL li img { height:90px;}
.about4_d UL li p {    font-size: 22px; margin: 15px 0 20px; color:#333333;}


.about5_t { text-align:center; margin-top:80px}
.about5_t h3{ text-align:center; font-size:36px; margin-top:80px; font-weight:100; position:relative;}
.about5_t h3:after { position: absolute; content: '';  width: 10px;    height: 2px;  background: #dc1c1d;  left: 50%;    margin-left: -5px; bottom:-20px;}

/*=========新闻列表--========*/
.inner_news { background:#f5f5f5; width:100%;}
.newlist { margin-top:50px;}
.newlist ul li { width:31.3%; margin-left:3%; float:left; margin-bottom:3%; padding:1.5%; background:#fff;    transition: all 0.5s;}
.newlist ul li:hover{-webkit-box-shadow: 0 5px 25px rgba(0,0,0,0.1); box-shadow: 0 5px 25px rgba(0,0,0,0.1);-webkit-transform: translate3d(0, -5px, 0); transform: translate3d(0, -5px, 0); background:#e62129; }
.newlist ul li a .newlist_t {color: #000000; font-size: 18px; font-weight: normal;    display: -webkit-box;
    word-break: break-all;
    text-overflow: ellipsis;
    overflow: hidden;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 1;height: 48px; line-height: 48px;  transition: all 0.3s;  overflow: hidden;}
.newlist ul li:hover a .newlist_t {color: #fff;  }
.newlist ul li:hover a .newlist_d {color: #fff;  }	
.newlist ul li:hover a .newlist_b {color: #fff;  }
.newlist ul li:hover a .newlist_s_l span  {color: #fff;  }
.newlist ul li:hover a .newlist_s_l {color: #fff;  }
.newlist ul li:nth-child(3n+1) { margin-left:0; }
.newlist ul li a .newlist_d{    font-size: 16px;   color: #666666;    line-height: 24px;   height: 48px;     display: -webkit-box;
    word-break: break-all;
    text-overflow: ellipsis;
    overflow: hidden;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2; transition: all 0.3s;}
.newlist ul li a .newlist_b { padding-bottom:10px; font-size:12px;    border-bottom: 1px solid #f5f5f5;    overflow: hidden;  height:30px;  line-height: 22px; color: #999; margin-top: 10px;}
.newlist ul li a .newlist_s { margin-top:15px;}
.newlist ul li a .newlist_s_l { width:50%;}
.newlist ul li a .newlist_s_r { width:22px; height:22px; background:url(../images/icon17.png) no-repeat center center; margin-top:40px;}
.newlist ul li:hover a .newlist_s_r { background:url(../images/icon17h.png) no-repeat center center; }
.newlist ul li a .newlist_s_l span { display:block; display: block; color: #000000; font-size: 48px; line-height: 46px; height: 46px;  transition: all 0.3s; margin-bottom: 2px;}
.newlist ul li a .newlist_s_l { color:#666666;}


.news { padding-top:30px;}
.news_left { width:70%; background:#fff; padding:2%;}
.news_right { width:25%; background:#fff;padding:2%;}
.news_left_t{    font-size: 24px; line-height: 38px; overflow: hidden; color: #000; font-weight: normal;}
.news_left_s{ height: 40px; line-height: 40px; overflow: hidden;font-size: 16px; color:#686868;}
.news_left_i { line-height:2; color:#686868; padding:3% 0 0 0; border-top:1px solid #e1e1e1;}
.news_left_b {font-size: 16px;    color: #999; margin-top:50px;}
.news_left_b span { color:#333333;}

.ny_next { padding:5% 0 2% ; margin-top:60px; border-top:1px solid #e6e6e6;}
.ny_next a { display:inline-block; color:#333333; }
.ny_next span:first-child a{  padding:0 20px; background:url() no-repeat left center;}
.ny_next span:last-child a{  padding:0 20px; background:url() no-repeat right center;}
.ny_next span{ text-align:center;  display:block; color: #333333;  height: 50px;  line-height: 50px; width: 172px; background:#e8e8e8;}
.ny_next span:hover{ background:#e62129;}
.ny_next span:first-child { float:left;}
.ny_next span:last-child { float:right;}
.ny_next span:hover a { color:#fff ;}
.ny_next span a i { color:#9a9a9a; font-style:normal; display:inline-block; font-family:"宋体"; font-size:20px; }
.ny_next span:hover a i { color:#fff;  }
.ny_next span:first-child a i { padding-right:10px;}
.ny_next span:last-child a i { padding-left:10px;}

.news_right_t { font-size: 24px;  color: #000;  margin-bottom: 10px;  height: 38px; line-height: 38px;}
.news_right_i ul li { margin-bottom:20px; padding-bottom:20px; border-bottom:1px dashed #cccccc}
.news_right_i ul li a .news_right_i01 { font-size: 18px;  color: #000000;  height: 38px;  line-height: 38px;  display: -webkit-box;
    word-break: break-all;
    text-overflow: ellipsis;
    overflow: hidden;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 1;}
.news_right_i ul li:hover a .news_right_i01 {  color: #e62129;  }	
.news_right_i ul li a .news_right_i02 {      color: #666666; font-size: 14px;  height: 30px; line-height:  30px;}



.news_case_i  ul { display: flex;flex-direction: row;flex-wrap: wrap;}
    .news_case_i  ul li { flex: auto;}

.news_case_t { height: 76px;line-height: 76px;  margin-top: 78px;  text-align: center; color: #000; font-size: 36px;}
.news_case_i { margin-top:30px;}
.news_case_i ul li{ position:relative; width:23.1%; padding-bottom:20px; margin-left:2.5%; float:left; margin-bottom:3%;text-align:center; background:#fff; -webkit-transition: all .5s;-o-transition: all .5s;-ms-transition: all .5s;transition: all .5s;}
.news_case_i ul li:nth-child(4n+1){margin-left:0; }
.news_case_i ul li a .news_case_i01 { width:100%; overflow:hidden; position:relative;}
.news_case_i ul li a .news_case_i01 img { width:100%; display:block; }
.news_case_i ul li a .news_case_i01_bj { color:#fff; background:rgba(0,0,0,0.5); width:100%; height:100%; position:absolute; left:0; bottom:-100%; transition:all 0.6s; -moz-transition:all 0.6s; -ms-transition:all 0.6s; -transition:all 0.6s; -webkit-transition:all 0.6s; }
.news_case_i ul li:hover a .news_case_i01_bj { bottom:0; transition:all 0.6s; -moz-transition:all 0.6s; -ms-transition:all 0.6s; -transition:all 0.6s; -webkit-transition:all 0.6s; }
.news_case_i ul li a .news_case_i01_bj .n_case_t { margin-top:25px;    font-size: 24px;}
.news_case_i ul li a .news_case_i01_bj .n_case_i .bgs2 {width: 48px; height: 48px; display: block; margin:15px auto; transition: all 0.4s;    background: url(../images/icon18.png) center top no-repeat;}
.news_case_i ul li a .news_case_i01_bj .n_case_i .bgs2:hover {  transform:rotate(360deg);}
.news_case_i ul li:before{content: "";display: block;position: absolute;left: 0%;right: 0%;bottom: 0px;height:2px;opacity: 1;background-color: #dcdcdc;-webkit-transition: all .5s;-o-transition: all .5s;-ms-transition: all .5s;transition: all .5s;}
.news_case_i ul li:after{content: "";display: block;position: absolute;left: 0%;right: 100%; bottom: 0px;height:2px;opacity: 0;background-color: #d12b2b;-webkit-transition: all .5s;-o-transition: all .5s;-ms-transition: all .5s;transition: all .5s;}
.news_case_i ul li:hover:after{left:0%;right: 0%;opacity: 1;}
.news_case_i ul li a .news_case_i02 span { display:block;   font-size: 20px;  color: #000; line-height: 36px; height: 36px; display: -webkit-box;
    word-break: break-all;
    text-overflow: ellipsis;
    overflow: hidden;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 1;}
.news_case_i ul li a .news_case_i02 p {    line-height: 32px; height: 32px;  overflow: hidden; font-size: 16px;   color: #666666;}
.news_case_i ul li:hover{-webkit-box-shadow: 0 5px 25px rgba(0,0,0,0.1); box-shadow: 0 5px 25px rgba(0,0,0,0.1);-webkit-transform: translate3d(0, -5px, 0); transform: translate3d(0, -5px, 0); }



/*--------------------page------------------*/
.page { text-align:center;margin:30px 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: #e62129 ;border:1px solid #e62129 ;color: #fff;}




/*案例列表*/

.caseList li{float:left;width:31.3%;margin-left:3%;margin-bottom:3%; overflow:hidden;}
.caseList li:nth-child(3n+1){margin-left:0;}
.caseList li .pImg{padding-top:62%;background:#000;}
.caseList li p{white-space:nowrap;overflow:hidden;text-overflow: ellipsis;height:70px;line-height:70px;color:#333;border-bottom: 1px solid #ddd;}
.caseList li p span{float:right;margin-left:15px;color:#999; font-size:12px;}
.caseList li a:hover img{transform: scale(1.1);}
.caseList li a:hover .pImg{box-shadow:0 3px 10px #ccc;} 
.caseList li p em { font-style:normal;}
.webCase .more{text-align:center;}
.webCase .more a{font-size:14px;height:40px;line-height:40px;}
.loadMore{display:block;margin:20px auto;width:120px;} 
.listWrap { padding-top:30px;} 
.pImg{position:relative;padding-top:100%;display:block;overflow:hidden;}
.pImg img{position:absolute;top:0;left:0;width:100%; transition:all 0.5s;}
.bgImg{background-position:center;background-size:cover;position:relative;transition:all 0.5s;display:block;width:100%;height:100%;background-repeat: no-repeat;}
 

.product { padding-top:30px;  }
.product_z{ padding:8%; width:100%; overflow:hidden; background:#f5f5f5;}
.product_l { width:30%;}
.product_l h3 { font-size:25px;}
.product_l i { display:block; width:30px; height:3px; background:#e62129; margin-top:20px; }
.product_r { width:55%;}
.product_r01 { line-height:2; }
.product_r02 a { display:block; margin-top:50px;width:120px; text-align:center; border-radius:40px; height:40px; line-height:40px; border:2px solid #000; color:#000}
.product_r02 a:hover { border:2px solid #e62129; color:#fff; background:#e62129}
.product_info { line-height:2; padding-top:30px; }
.product_info img { max-width:100%;}





/*=====内页联系我们=====*/
.inner_contact { width:100%; overflow:hidden; background:#f4f4f4; }
.inner_contact_l { width:50%;}
.inner_contact_l img {max-width:inherit;}
.inner_contact_r { width:50%;}
.inner_contact_l .BMap_omCtrl { display:none;}
.inner_contact_r { padding-top:80px;}
.inner_contact_r dl { width:80%; margin:0 auto;}
.inner_contact_r dl dt span { color:#e62129; font-size:20px;font-weight:bold;}
.inner_contact_r dl dt p { color:#080c17; font-size:40px; font-weight:bold;}
.inner_contact_r dl dt{ border-bottom: 4px solid #000; padding-bottom: 20px;}
.inner_contact_r dl dd { border-bottom: 1px solid #dcdcde; overflow: hidden;  padding: 30px 0;}
.inner_contact_r dl dd i { display:block;width: 38px; height: 38px;    border: 2px solid #1a1a1a;   border-radius: 100%;  overflow: hidden; vertical-align: middle; margin-right: 10px; float:left;}
.inner_contact_r dl .dc1 i { background:url(../images/c4.png) no-repeat center center;}
.inner_contact_r dl .dc2 i { background:url(../images/c1.png) no-repeat center center;}
.inner_contact_r dl .dc3 i { background:url(../images/c3.png) no-repeat center center;}
.inner_contact_r dl dd p { width:85%; float:right;}
.inner_contact_r dl dd p span { display:block;}
.inner_contact_r dl dd p span:first-child{ color:#999999; margin-bottom:5px;}
.inner_contact_r dl dd p span:last-child{ color:#1a1a1a; font-size:16px;} 
.inner_contact_r dl .dc4 span{ display:block;}

.contact_info_l { width:45%} 
.contact_info_r { width:45%}
.contact_info_l dl dt span{ display:block;     color: #999;font-size: 16px;}
.contact_info_l dl dt p{ display:block; font-weight:bold;font-size:40px;}
.contact_info_l dl dt i { display:block; width: 80px;height: 4px; background: #f08519;margin: 10px 0;}
.contact_info_l dl .tt_01 { font-size: 16px; line-height: 26px;  border-bottom: 1px solid #dcdcde;  color: #999999;   padding: 20px 0;   overflow: hidden;}
.contact_info_l dl .tt_02 {  padding: 20px 0; border-bottom: 1px solid #dcdcde; overflow:hidden;}
.contact_info_l dl .tt_02 span{ float:left; width:47%; margin-left:6%; display:block; font-weight:bold;    font-size: 20px; margin: 5px 0;  color: #1a1a1a;}
.contact_info_l dl .tt_02 span:first-child{margin-left:0; }
.contact_info_l dl .tt_02 span i { display:block;color: #999999;font-style: normal; font-weight:100;font-size:14px}



.contact_info_r ul li{ float:left; margin-left:2%; margin-bottom:2%; width:49%;}
.contact_info_r ul li:nth-child(2n+1){ margin-left:0;}
.contact_info_r ul li .text { width:96%; height:60px; line-height:60px; background: #f4f4f4; padding:0 2%; border:0;}
.contact_info_r ul li .textarea { width:96%; height:120px; line-height:1.5; background: #f4f4f4; padding:2%; border:0;}
.contact_info_r ul .sy_email_r05 { width:100%; margin-left:0}
.contact_info_r ul .sy_email_r06 { width:100%; margin-left:0}
.contact_info_r ul .sy_email_r06 .btn { width:100%; height:60px; line-height:60px; text-align:center; background:#104785; color:#fff; border:0;}
.contact_info_r ul .sy_email_r06 .btn:hover {  background:#f18200; color:#fff; }

.inner_about_info { line-height:1.8; max-width:1200px;}
.inner_about_info img {max-width:100%; }
.inner_about_i { margin-top:60px;}
.inner_about_i ul li { overflow:hidden;}
.inner_about_i ul li .inner_about_l { width:50%}
.inner_about_i ul li .inner_about_l img { width:100%; display:block;}
.inner_about_i ul li .inner_about_r { width:45%; padding-left:5%}
.inner_about { max-width:1200px;}
.inner_about_i ul li:nth-child(2n) .inner_about_l { float:right;}
.inner_about_i ul li:nth-child(2n) .inner_about_r { float:left;  padding-left:0; padding-right:5%}


.inner_about_i ul li .inner_about_r01 { margin-top:5%;font-size:30px; font-weight:bold; color:#104785;}
.inner_about_i ul li .inner_about_r01 span { display:inline-block; padding-bottom:20px; border-bottom:3px solid #104785;}
.inner_about_i ul li .inner_about_r02 { line-height:1.8; margin-top:20px;}

.inner_abo { line-height:1.8; max-width:1200px;}
.inner_abo img {max-width:100%;}

.f_c .foot { margin-top:0;}



/*=====品牌型网站建设=====*/
.brand1 { margin-top:80px;}
.t1-a2 { font-size:40px; line-height: 52px;color: #333333; font-weight: bold;  text-align: center;  margin-bottom: 26px;}
.t1-a3 { font-size: 24px; line-height: 24px; color: #5e5e5e;  text-align: center;  font-weight: lighter;}
.brand2 { margin-top:80px;} 
.brand2 .swiper { margin-top:50px;}
.brand3 { margin-top:80px;} 
.brand3 .flex{ margin-top:50px;}
.brand4 { margin-top:80px;} 
.brand4 .flex{ margin-top:50px;}
.brand4 .caseList li {  width:22.5%; margin-left:2.5%; margin-bottom:2.5%;}
.brand4 .caseList li:nth-child(4n+1) {margin-left:0}
.brand4 .caseList li:first-child{margin-left:0}
.brand4 .listWrap {  padding-top: 50px;}
.brand4_m a { display:block; margin:30px auto 0; width:140px; line-height:40px; height:40px; border-radius:40px;  color:#666666; text-align:center; border:1px solid #dddddd;}
.brand4_m a:hover {   color:#fff; background:#e62129; text-align:center; border:1px solid #e62129;}
.brand5 { margin-top:80px;} 
.brand5 .tab_info_l dl dd:first-child { margin-top:0;}
 
 
 
/*=====营销型网站建设=====*/ 
.marketing1 { margin-top:80px;}
 .website_title{text-align:center; font-size:48px; color:#010101; font-weight:normal; line-height:54px; margin-top:96px; margin-bottom:20px;}
.website_ul{ padding-top:63px; overflow:hidden;}
.website_ul ul li{ width:25%; float:left; text-align:center; overflow:hidden;position:relative;}
.website_ul ul li .imgs{ overflow:hidden;transition:all 0.6s; width:180px; margin:0 auto; }
.website_ul ul li .imgs img{ display:block;width:100%;transition:all 0.6s;}
.website_ul ul li .h2{ display:block;font-weight:normal; line-height:32px; height:64px; overflow:hidden; font-size:20px; color:#000000; margin-top:19px;}
.website_ul ul li:hover .imgs{transform:rotateY(180deg);-ms-transform:rotateY(180deg);-moz-transform:rotateY(180deg);-webkit-transform:rotateY(180deg);-o-transform:rotateY(180deg);}
.website_ul ul li:hover .imgs img{transform:rotateY(-180deg);-ms-transform:rotateY(180deg);-moz-transform:rotateY(-180deg);-webkit-transform:rotateY(-180deg);-o-transform:rotateY(-180deg);}
.website_bnt2{ clear:both; display:block; margin:0 auto; width:210px; height:48px; line-height:48px; border-radius:30px; background:url() 139px center #f67524  no-repeat; text-indent:51px; font-size:16px; color:#fff; margin-top:80px;transition:all 0.3s;margin-bottom:100px;}
.website_bnt2:hover{opacity:0.8;filter:Alpha(opacity=80); color:#fff;background-position:143px center; }
.website_two{ overflow:hidden;background:url() right center  no-repeat; background-size:cover; padding-bottom:95px; padding-top:190px;}
.website_two h1{ font-weight:normal; margin-bottom:2%; padding-bottom:2%;/*font-family:"华文细黑";*/ background:url() left bottom no-repeat; font-size:48px;color:#000000;}
.website_two p{ color:#666666;/*font-family:"华文细黑"; */font-size:36px; line-height:48px; width:582px;}
.website_title2{text-align:center; font-size:48px; color:#fff; font-weight:normal; line-height:54px; margin-top:94px; margin-bottom:20px;}
.website_three{ overflow:hidden;background:url() center center  no-repeat; background-size:cover; padding-bottom:100px;}
.website_ul2{ margin-top:35px; overflow:hidden; border-top:1px solid #3a3a3a;border-left:1px solid #3a3a3a;}
.website_ul2 ul li{ width:25%; float:left; text-align:center; overflow:hidden;position:relative;}
.website_ul2 ul li .txts{ overflow:hidden;border-bottom:1px solid #3a3a3a;border-right:1px solid #3a3a3a; padding-bottom:32px;}
.website_ul2 ul li .txts img{ display:block; height:48px; margin:0 auto; margin-top:40px;}
.website_ul2 ul li .txts .h2{font-weight:normal; line-height:32px; height:32px; overflow:hidden; font-size:20px; color:#999999; margin-top:36px;}
.website_ul2 ul li .cons{ overflow:hidden; background:#f67524; width:100%; height:100%; color:#fff; top:0; left:0; position:absolute;text-align:left;transition:all 0.6s;opacity:0;filter:Alpha(opacity=0); -webkit-transition: 0.6s;-moz-transition: 0.6s; -ms-transition: 0.6s;-o-transition: 0.6s;}
.website_ul2 ul li .cons .divs{ width:90%; max-width:300px; margin:0 auto; margin-top:14px;  height:147px;background:url() left bottom  no-repeat; }
.website_ul2 ul li .cons .divs .h2{font-weight:normal; line-height:50px; height:50px; overflow:hidden; font-size:20px;}
.website_ul2 ul li .cons .divs .p{ line-height:24px; height:72px; overflow:hidden; color:#ffdac2; font-size:16px;}
.website_ul2 ul li:hover .cons{opacity:1.0;filter:Alpha(opacity=100);}
.website_title_p{ color:#666666; font-size:18px; line-height:36px; margin-top:35px; margin-bottom:60px; text-align:center;}
.website_con{ font-size:14px; line-height:26px; overflow:hidden; padding-bottom:60px;}
.website_con img{ display:block; margin:0 auto; max-width:100%;}

.website_four{ overflow:hidden;background:url() center center  no-repeat; background-size:cover; padding-bottom:60px;}
.website_feedback{ width:49%; overflow:hidden;}
.website_feedback .inputs{width:100%; border:0; height:72px; text-indent:3%; background:#fff; color:#666666; font-size:18px; font-family:"微软雅黑"; outline:none; margin-bottom:20px;}
.website_feedback .bnts{width: 100%; height: 72px;  display: block; background: #f67524; border:0; outline: none; color: #fff;font-size: 18px; text-align: center; line-height: 68px;cursor: pointer;font-family: '微软雅黑';transition:all 0.3s;}
.website_feedback .bnts:hover{opacity:0.8;filter:Alpha(opacity=80);}
.website_feedback .textarea{ background:#fff; border:0; padding-left:3%; width:97%;color:#666666; font-size:18px; font-family:"微软雅黑"; outline:none; margin-bottom:20px; line-height:26px; padding-top:22px; height:237px;}

 
 
.marketing2 { margin-top:80px;} 
 .qiye_two{ overflow:hidden;background:#0c0f20; background-size:cover; padding-bottom:98px;}
.qiye_ul{ margin-top:10px; overflow:hidden; border-top:1px solid #cccccc;border-left:1px solid #cccccc;}
.qiye_ul ul li{ width:33.33%; float:left; text-align:center; overflow:hidden;}
.qiye_ul ul li .cons{ overflow:hidden;  color:#fff;border-right:1px solid #cccccc;border-bottom:1px solid #cccccc;text-align:left;transition:all 0.6s; -webkit-transition: 0.6s;-moz-transition: 0.6s; -ms-transition: 0.6s;-o-transition: 0.6s;}
.qiye_ul ul li .cons .divs{ width:90%; max-width:360px; margin:0 auto; margin-top:42px; margin-bottom:54px;  height:245px; position:relative; overflow:hidden;}
.qiye_ul ul li .cons .divs:before{ content:""; position:absolute; bottom:0; left:0; width:30px; height:3px; background:#e62129;transition:all 0.6s; -webkit-transition: 0.6s;-moz-transition: 0.6s; -ms-transition: 0.6s;-o-transition: 0.6s;}
.qiye_ul ul li .cons .divs:after{ content:""; position:absolute; bottom:0; left:0; width:0; height:3px; background:#fff;transition:all 0.6s; -webkit-transition: 0.6s;-moz-transition: 0.6s; -ms-transition: 0.6s;-o-transition: 0.6s;}
.qiye_ul ul li:hover .cons .divs:after{ width:30px;}
.qiye_ul ul li:hover .cons .divs:before{ width:0;}
.qiye_ul ul li .cons .divs .nums{ font-size:62px; font-weight:lighter; line-height:78px;}
.qiye_ul ul li .cons .divs .h2{font-weight:normal; line-height:58px; height:58px; overflow:hidden; font-size:30px;}
.qiye_ul ul li .cons .divs .p{ line-height:30px; height:60px; overflow:hidden; color:#cdcdcd; font-size:18px;}
.qiye_ul ul li:hover .cons{background:#e62129;}
.qiye_ul ul li:hover .cons .p{ color:#fff;}
.qiye_three{ min-height:500px; overflow:hidden; padding-top:122px;background:url(../images/icon49.jpg) #f4f4f4 center top  no-repeat;padding-bottom:58px;}
.qiye_three .qiye_three_l{ float:left; width:30%; overflow:hidden;}
.qiye_three .qiye_three_l .h2{ font-weight:normal; margin-top:15px; line-height:60px; font-size:36px;}
.qiye_three .qiye_three_l .p{  margin-top:6px; line-height:40px; font-size:20px;}
.qiye_three .qiye_three_r{ float:right; width:65%;overflow:hidden;}
.qiye_three .qiye_three_r .recruitmentList{ overflow:hidden;}
.qiye_three .qiye_three_r .recruitmentList li{ box-sizing: border-box; margin-bottom: 20px;padding: 0px 70px 0px 63px; background: url(../images/qiye_bg3.png) no-repeat right 55px top 40px; cursor: pointer; background-color:#fff; border-left:3px solid #f67524;}
.qiye_three .qiye_three_r .recruitmentList li:nth-child(2){ border-left-color:#24c2f6;}
.qiye_three .qiye_three_r .recruitmentList li:nth-child(3){ border-left-color:#28e396;}
.qiye_three .qiye_three_r .recruitmentList li:nth-child(4){ border-left-color:#248cf6;}
.qiye_three .qiye_three_r .recruitmentList li.on {background-image: url(../images/qiye_bg3_on.png); background-color:#fff;}
.qiye_three .qiye_three_r .recruitmentList li .title .tit{ display:block; line-height: 30px; padding-top:27px; padding-bottom:27px; font-size: 24px; color: #000000; font-weight:normal;  }
.qiye_three .qiye_three_r .recruitmentList li .down { padding-bottom:34px;display: none;}
.qiye_three .qiye_three_r .recruitmentList li .down .text {font-size: 16px; line-height: 26px; min-height:78px;color: #333;}
.qiye_four{ overflow:hidden;background:url(../images/icon56.jpg) center center  no-repeat; background-size:cover;}
.qiye_ul2{ padding-top:63px; overflow:hidden;}
.qiye_ul2 ul li{ width:32%; margin-left:2%; float:left; text-align:center; overflow:hidden;position:relative; margin-bottom:107px;}
.qiye_ul2 ul li:nth-child(3n+1){  margin-left:0;}
.qiye_ul2 ul li .imgs{ overflow:hidden;transition:all 0.6s; width:133px; margin:0 auto; }
.qiye_ul2 ul li .imgs img{ display:block;width:100%;transition:all 0.6s;}
.qiye_ul2 ul li .h2{font-weight:normal; line-height:64px; height:64px; overflow:hidden; font-size:30px; color:#fff; margin-top:17px;}
.qiye_ul2 ul li .p{ font-size:14px; color:#cccccc; line-height:24px; height:96px; padding-left:2%; padding-right:2%; overflow:hidden;}
.qiye_ul2 ul li:hover .imgs{transform:rotate(360deg);-ms-transform:rotate(360deg);-moz-transform:rotate(360deg);-webkit-transform:rotate(360deg);-o-transform:rotate(360deg);}
.qiye_ul2 ul li:hover .imgs img{transform:rotateY(-180deg);-ms-transform:rotateY(-180deg);-moz-transform:rotateY(-180deg);-webkit-transform:rotateY(-180deg);-o-transform:rotateY(-180deg);}
/*手机网站*/
.mobile_ul{ padding-top:63px; overflow:hidden; padding-bottom:125px;height:573px;}
.mobile_ul ul li{ width:200px; float:left; text-align:center; overflow:hidden;position:relative; cursor:pointer;}
.mobile_ul ul li .txts{ float:left; height:573px; overflow:hidden; width:200px; background:#f67524;}
.mobile_ul ul li:nth-child(2) .txts{ background:#248cf6;}
.mobile_ul ul li:nth-child(3) .txts{ background:#28e396;}
.mobile_ul ul li .txts .ico{ margin:0 auto; margin-top:84px; margin-bottom:49px; display:block; width:130px;}
.mobile_ul ul li .txts .h3{ font-weight:normal; padding-left:20px; padding-right:20px; line-height:30px; font-size:18px; color:#fff; margin-bottom:19px;transition:all 0.6s; -webkit-transition: 0.6s;-moz-transition: 0.6s; -ms-transition: 0.6s;-o-transition: 0.6s;}
.mobile_ul ul li .txts .p{padding-left:20px; padding-right:20px; width:360px; line-height:28px; color:#fff; font-size:16px; height:182px; position:relative; overflow:hidden; display:none;}
.mobile_ul ul li .txts .p:after{ content:""; position:absolute; bottom:0; width:20px; left:50%; margin-left:-10px; height:3px; background:#f5f5f5;}
.mobile_ul ul li .imgs{ width:640px; float:left; overflow:hidden;opacity:0;filter:Alpha(opacity=0);}
.mobile_ul ul li .imgs img{display: block;height:573px;width: 100%;-webkit-transform:scale(1); -moz-transform:scale(1); -ms-transform:scale(1); -o-transform:scale(1); transform:scale(1);-webkit-transition:all 0.3s ease-out 0s; -moz-transition:all 0.3s ease-out 0s; -o-transition:all 0.3s ease-out 0s; transition:all 0.3s ease-out 0s;}
.mobile_ul ul li .imgs:hover img{-webkit-transform:scale(1.1, 1.1); -moz-transform:scale(1.1, 1.1); -o-transform:scale(1.1, 1.1); -ms-transform:scale(1.1, 1.1); transform:scale(1.1, 1.1);}
.mobile_ul ul li.actives{ width:1040px;}
.mobile_ul ul li.actives .txts{ width:400px;}
.mobile_ul ul li.actives .txts .h3{ font-size:24px;}
.mobile_ul ul li.actives .txts .p{ display:block;}
.mobile_ul ul li.actives .imgs{ opacity:1.0;filter:Alpha(opacity=100);}
.mobile_two{ min-height:500px; overflow:hidden;background:url() #f5f5f5 center top  no-repeat;padding-bottom:123px;}
.mobile_two .mobile_two_l{ float:left; width:670px;overflow:hidden; padding-top:45px;}
.mobile_two .mobile_two_l .recruitmentList{ overflow:hidden;}
.mobile_two .mobile_two_l .recruitmentList li{ box-sizing: border-box; margin-bottom: 20px;padding: 0px 50px 0px 62px; background: url() no-repeat right 30px top 30px; cursor: pointer; background-color:#fff; border-left:3px solid #28e396;}
.mobile_two .mobile_two_l .recruitmentList li:nth-child(2){ border-left-color:#ff5a1f;}
.mobile_two .mobile_two_l .recruitmentList li:nth-child(3){ border-left-color:#00dced;}
.mobile_two .mobile_two_l .recruitmentList li:nth-child(4){ border-left-color:#96dee4;}
.mobile_two .mobile_two_l .recruitmentList li:nth-child(5){ border-left-color:#f15fdb;}
.mobile_two .mobile_two_l .recruitmentList li:nth-child(6){ border-left-color:#e3c228;}
.mobile_two .mobile_two_l .recruitmentList li.on {background-image: url(../images/qiye_bg3_on.png); background-color:#fff;}
.mobile_two .mobile_two_l .recruitmentList li .title .tit{ line-height: 30px; padding-top:20px; padding-bottom:20px; font-size: 24px; color: #000000; font-weight:normal;  }
.mobile_two .mobile_two_l .recruitmentList li .down { padding-bottom:27px;display: none;}
.mobile_two .mobile_two_l .recruitmentList li .down .text {font-size: 16px; line-height: 24px; color: #333;}
.mobile_three{ overflow:hidden;position: relative; background-position:center top; background-repeat:no-repeat; background-size:cover; /*background-attachment:fixed;*/ }
.mobile_three img{ display:block; width:100%;opacity:0;filter:Alpha(opacity=0);}
.mobile_three .txts{width: 1440px; position: absolute;top: 50%;left: 50%;z-index: 2;transform: translate(-50%,-50%);-webkit-transform: translate(-50%,-50%);-moz-transform: translate(-50%,-50%);-ms-transform: translate(-50%,-50%);-o-transform: translate(-50%,-50%); text-align:right; }
.mobile_three .txts .h3{ font-weight:bold; line-height:108px; font-size:48px;color:#fff;}
.mobile_three .txts .p{ color:#fff; line-height:30px; height:116px;font-size:16px; margin-bottom:76px; position:relative;}
.mobile_three .txts .p:after{ content:""; position:absolute; bottom:0; right:0; width:30px; height:3px; background:#fff;}
 
.marketing5 { width:100%; background:#f5f5f5; padding:0 0 80px; overflow:hidden;} 
 
 
 
 /*单页面企业网站建设*/
 
 
.websiteBox{overflow:hidden;font-size:.875rem;}
.websiteBox1{padding:80px 0;margin-top:40px;}
.websiteBox1 .pic{float:left;width:50%;}
.wTie{font-size:1rem;color:#fff;margin-bottom:45px;text-align: center}
.wTie span{display:block;font-size:2.188em;font-weight:bold;}
.bTie{font-size:1rem;color:#000;margin-bottom:45px;text-align: center}
.bTie{font-size:1rem;color:#000;margin-bottom:45px;}
.bTie span{display:block;font-size:2.188em;font-weight:bold;color:#333333;}
.websiteBox1 .font{width:44%;}
.websiteBox1 li{float:left;width:45%;color:#888;min-height:160px;}
.websiteBox1 li h4{font-size:1.429em;color:#222;margin-bottom:10px;background: url() no-repeat left top;padding-top:20px;}
.websiteBox1 li:nth-child(2n){float:right;}
.wMore{display:block;width:160px;height:40px;line-height:38px;background:#ff4d3d;color:#fff;text-align:center;border-radius:20px;border:1px solid #ff4d3d}
.wMore:hover{background:none;color:#ff4d3d;}
.websiteBox2{padding:80px 0;overflow:hidden;}
.websiteBox2 .wTie{text-align:center;color:#fff;}
.websiteBox2 .bTie{text-align:center;color:#000;}
.websiteBox2 li{color:#000;float:left;width:17.6%;text-align:left;min-height:240px;line-height:1.8;transition:all 0.3s;padding-top:30px;margin-left:3%;}
.websiteBox2 li:nth-child(5n+1){margin-left: 0} 
.websiteBox2 li i{display: inline-block;width: 50px;height: 50px;background: url(../images/icon58.png)no-repeat center;background-position: -8px 0;position: relative;top: 0;transition: .5s all}
.websiteBox2 li:nth-child(2) i{background-position: -72px 0;}
.websiteBox2 li:nth-child(3) i{background-position: -144px 0;}
.websiteBox2 li:nth-child(4) i{background-position: -214px 0;}
.websiteBox2 li:nth-child(5) i{background-position: -291px 0;}
.websiteBox2 li:nth-child(6) i{background-position: -359px 0;}
.websiteBox2 li:nth-child(7) i{background-position: -426px 0;}
.websiteBox2 li:nth-child(8) i{background-position: -495px 0;}
.websiteBox2 li:nth-child(9) i{background-position: -568px 0;}
.websiteBox2 li:nth-child(10) i{background-position: -633px 0;}
.websiteBox2 li h4{font-size:1.56rem;}
.websiteBox2 li p{display:block;opacity:.8;font-size:1em;color: #5e5e5e;}
.websiteBox2 .wMore{margin:0 auto;margin-top:30px;}
.websiteBox2 .wMore:hover{color:#fff;border:1px solid #fff;}
.websiteBox2 li:hover i{top:-10px;transform: rotateY(360deg);}
 
.websiteBox3{padding:50px 0 80px 0;overflow:hidden;background: #141414}
.websiteBox3 .wTie{text-align: center;color: #fff}
.websiteBox3 li{float:left;width:23.5%;min-height: 470px; color:#888;margin-right: 2%;background: #fff;border-radius: 4px;text-align: center;padding: 20px 0 0 0;}
.websiteBox3 li img{display: inline-block;}
.websiteBox3 li h4{font-size: 30px;color: #000;margin-top: 20px;}
.websiteBox3 li i{display: inline-block;width: 40px;height: 1px;background: #000;margin:10px 0}
.websiteBox3 li p{font-size: 16px;color: #000;padding: 0 14%;}
.websiteBox3 li:last-child{margin-right: 0}

/*应用范围*/
.websiteBox4{padding: 50px 0 60px 0;}
.websiteBox4 ul li{float: left;width: 20%;min-height: 310px;text-align: center}
.websiteBox4 ul li i{display: inline-block;width: 140px;height: 140px;background: url(../images/icon63.png)no-repeat center;background-position: -14px 0;}
.websiteBox4 ul li:nth-child(2) i{background-position: -208px 0}
.websiteBox4 ul li:nth-child(3) i{background-position: -422px 0}
.websiteBox4 ul li:nth-child(4) i{background-position: -623px 0}
.websiteBox4 ul li:nth-child(5) i{background-position: -800px 0}
.websiteBox4 ul li:nth-child(6) i{background-position: -30px -140px}
.websiteBox4 ul li:nth-child(7) i{background-position: -212px -140px}
.websiteBox4 ul li:nth-child(8) i{background-position: -422px -140px}
.websiteBox4 ul li:nth-child(9) i{background-position: -626px -140px}
.websiteBox4 ul li:nth-child(10) i{background-position: -810px -140px}
.websiteBox4 ul li h4{font-size: 30px;color: #000;}
.websiteBox4 ul li p{font-size: 16px;color: #000;}
 
 

.coreAdv{border-top: 1px solid #e5e5e5;font-size:0.938em;}
.listTie{font-size:0.938rem;text-align:center;margin-bottom:40px;}
.listTie span{display: block;color:#131415;font-size:2.933em;position:relative; margin-bottom:10px;}

.pd60 {   padding: 70px 0; overflow:hidden;}
.process{background:url() no-repeat center;background-size:cover;background-position:center;background-attachment:fixed;color:#fff;text-align:center;font-size:0.938em;}
.listTie2,.listTie2 span {color:#fff;}
.listTie2 span::after{background:#fff;}
.processMain li{float:left;width:14.3%;padding:3% 2%;position: relative; z-index:99999; margin-left:2%;}
.processMain li:first-child{  margin-left:0;}
.processMain li::after{ content:"";position:absolute;left:0;bottom:0; width:100%;height:0; background-image: linear-gradient(to right top,#e62129 40%,#c21c23);z-index:-1;border-radius:10px;opacity:1;transition:all .5s;}
.processMain li i{font-family:"iconfont";font-style:normal;font-size:2.6rem;line-height:1.2;}
.processMain li i img { height:40px;}
.processMain li h4{font-size:1.2em;font-weight:700;padding-top:10px;height:50px;border-bottom: 1px dashed #fff;margin-bottom:15px;}
.processMain li span{display:block;line-height:2;}
.processMain .btn,.seoBox6 .btn{position: static;background:#fff;width:40px;height:22px;line-height:22px;color:#333;margin:0 1px;display:none;}
.processMain .btn:hover,.seoBox6 .btn:hover{background:#d12b2b;color:#fff;}
.processMain li:hover::after{height:100%;opacity:1;transition:all .5s;}

 
 
 
/*外贸网站建设*/
.m-web-title {font-size: 36px; line-height: 50px;color: #333333; text-align: center;  font-weight: bold; display:block; margin-bottom:40px;} 
.full-site-article .m-web-desc { padding: 36px 0 77px;}
.weblg { margin: 0 auto; position: relative;z-index: 1;}
.full-site-article { padding-top: 49px;}
.m-full-ban { position: relative; overflow: hidden;}
.m-full-ban img {  width: 100%;  height: auto;}
.full-site-article .m-web-desc { padding: 36px 0 77px;font-size: 16px;  line-height: 30px; color: #333; text-align: center;}
 
.b2c-solution .m-web-title { margin-bottom: 4.375%;} 
.b2c-solution .top-four-list {  border-left: 1px solid #d9d9d9;  border-top: 1px solid #d9d9d9;}
.b2c-solution .trade-three-list li { width: 33.33333%;float: left;}
.b2c-solution .trade-three-list .inner {padding: 43px 40px 8px;   border-right: 1px solid #d9d9d9;}
.b2c-solution h4 {  margin-bottom: 14px; font-size: 60px;line-height: 60px; color: #999;}
.b2c-solution h3 {margin-bottom: 22px; font-size: 24px;line-height: 36px; color: #1a1a1a;}
.b2c-solution .trade-three-list .inner p { height: 144px;  line-height: 24px; -webkit-line-clamp: 6;}
.b2c-solution .top-four-list .inner p {  display: -webkit-box; height: 240px;  line-height: 24px; -o-text-overflow: ellipsis;  text-overflow: ellipsis;  overflow: hidden;-webkit-box-orient: vertical;  -webkit-line-clamp: 10;}
.b2c-solution { padding: 88px 0 91px; font-size: 16px; line-height: 24px;color: #666;}
.b2c-solution .bot-two-list { display: table; border-collapse: collapse; table-layout: fixed;} 
.b2c-solution .trade-two-list .quarter { width: 33.3333%;}
.b2c-solution .bot-two-list .quarter {  width: 25%;  display: table-cell; vertical-align: top; border: 1px solid #d9d9d9;  padding: 43px 45px 8px;}
.b2c-solution .bot-two-list .last { width: 75%; display: table-cell;vertical-align: top;}
.b2c-solution .bot-two-list .last .left { margin-right: 112px;float: left;}
.b2c-solution .last { overflow: hidden;   zoom: 1; padding: 41px 65px 42px 45px; border: 1px solid #d9d9d9;}
 
 
.site-server-wrapper { padding: 104px 0 24px;}

.server-ico-list ul {  font-size: 0; text-align: center;}
.server-ico-list li {   display: inline-block; vertical-align: top; *display: inline;  *zoom: 1; width: 20%; margin-bottom: 77px; font-size: 14px;  line-height: 20px;color: #666;}
.four-column li {  width: 25%;}
.server-ico-list .ico { margin-bottom: 16px;}
.server-ico-list .ico img { width: 50% !important; height: auto !important;}
.four-column li img {  max-width: 160px;}
.server-ico-list h3 { margin-bottom: 15px; font-size: 18px; line-height: 30px; color: #333;}
.server-ico-list p { max-width: 15em; margin: 0 auto;}
 
 
 
  
/*百度SEO优化推广*/
.listTie span { display: block; color: #131415;  font-size: 2.933em; position: relative; font-weight:100;}
.listTie {  font-size: 0.938rem; text-align: center;margin-bottom: 40px; color:#666666;}
.seoBox1 ul {  margin: 0 -1.5%;}
.seoBox1 li { float: left; width: 30.3%;margin: 0 1.5%; box-shadow: 0 3px 8px #eee;}
.seoBox1 li .pImg { padding-top: 70%;}
.pImg img {position: absolute; top: 0; left: 0; width: 100%;  transition: all 0.5s;}
.seoBox1 li .txt {  background: #fff; padding: 25px;   min-height: 160px; text-align: center;} 
.seoBox1 li h4 { font-size: 1.5em;  color: #333; margin-bottom: 10px;}
.seoBox1 li:hover img{transform: scale(1.1);}
.listTie2, .listTie2 span { color: #fff;}
.seoBox2{background:url('../images/icon76.jpg') no-repeat center;background-size:cover; font-size:1em;color:#333;position:relative;padding-bottom:100px;}
.seoBox2 ul{width:45%;max-width:420px;margin-top:110px;}
.seoBox2 li{background:#fff;margin-bottom:55px;height:60px;line-height:60px;border-radius:5px;padding:0 5%;}
.seoBox2 li i{float:left;font-style:normal;color:#e62129;font-weight:700;font-size:1.25em;margin-right:15px;}
.seoBox2 .pic{position: absolute;bottom:70px;left:50%;transform: translateX(-48%);max-width:40%;}
.seoBox2 .pic img {  vertical-align: middle;max-width: 100%;}
.seoBox3{background:url('../images/seoBox3_bg.jpg') no-repeat center;background-size:cover;}
.seoBox3 li{float:left;width:33.3%;text-align:center;padding:4%;min-height:260px;transition:all .4s;}

.seoBox3 ul { display: flex;flex-direction: row;flex-wrap: wrap;}
.seoBox3 ul li { flex: auto;}

.seoBox3 li span{display: block;font-size:1.429em;color:#333;margin:10px 0;}
.seoBox3 li i{display: inline-block;background: url('../images/icon78.png') no-repeat;width:66px;height:66px;position: relative;top:0;transition:all .4s;}
.seoBox3 li:nth-child(2) i{background-position: -66px 0;}
.seoBox3 li:nth-child(3) i{background-position: -132px 0;}
.seoBox3 li:nth-child(4) i{background-position: -198px 0;}
.seoBox3 li:nth-child(5) i{background-position: -264px 0;}
.seoBox3 li:nth-child(6) i{background-position: -330px 0;}
.seoBox3 li:nth-child(7) i{background-position: -396px 0;}
.seoBox3 li:hover{box-shadow: 0 0 10px #ccc;}
.seoBox3 li:hover i{top:-15px;}

.seoBox4{background:url('../images/seoBox4_bg.jpg') no-repeat center;background-size:cover;background-attachment:fixed; font-size:1.25em;color:#fff;}
.seoBox4 li{float:left;width:25%;text-align:center;margin:40px 0;}
.seoBox4 li i{display:inline-block;width:80px;height:80px;background: url('../images/icon80.png') no-repeat;margin-bottom:15px;position: relative;top:0;transition:all .5s;}
.seoBox4 li:nth-child(2) i{background-position: -80px 0;}
.seoBox4 li:nth-child(3) i{background-position: -160px 0;}
.seoBox4 li:nth-child(4) i{background-position: -240px 0;}
.seoBox4 li:nth-child(5) i{background-position: -320px 0;}
.seoBox4 li:nth-child(6) i{background-position: -400px 0;}
.seoBox4 li:nth-child(7) i{background-position: -480px 0;}
.seoBox4 li:nth-child(8) i{background-position: -560px 0;}
.seoBox4 li:hover i{top:-8px;}

.seoBox5{background: url() no-repeat center;background-size:cover;}
.seoBox5 ul{margin:0 -1%;  display: flex;flex-direction: row;flex-wrap: wrap;} 
.seoBox5 li{ flex: auto;float:left;width:23.9%;margin:0 1%;background:#fff;box-shadow:0 2px 10px #ddd;margin-bottom:40px;padding:30px 15px 15px 85px;min-height:170px;border-radius:10px;transition:all .5s;animation-fill-mode:inherit;}
.seoBox5 li h4{font-size:1.429em;color:#191919;margin-bottom:10px;}
.seoBox5 li i{float:left;margin-left:-65px;width:48px;height:48px;background: url('../images/icon79.png') no-repeat;}
.seoBox5 li:nth-child(2) i{background-position: -48px 0;}
.seoBox5 li:nth-child(3) i{background-position: -96px 0;}
.seoBox5 li:nth-child(4) i{background-position: -144px 0;}
.seoBox5 li:nth-child(5) i{background-position: -192px 0;}
.seoBox5 li:nth-child(6) i{background-position: -240px 0;}
.seoBox5 li:hover{transform: scale(1.2);}


.coreAdv{border-top: 1px solid #e5e5e5;font-size:0.938em;}
.listTie{font-size:0.938rem;text-align:center;margin-bottom:40px;}
.listTie span{display: block;color:#131415;font-size:2.933em;position:relative;}
 

.process{background:url('../images/icon64.jpg') no-repeat center;background-size:cover;background-position:center;background-attachment:fixed;color:#fff;text-align:center;font-size:0.938em;}
.listTie2,.listTie2 span {color:#fff;}
.listTie2 span::after{background:#fff;}
.processMain li{float:left;width:18.4%;padding:3% 2.5%;position: relative; margin-right:0 !important}
.processMain li::after{content:"";position:absolute;left:0;bottom:0; width:100%;height:0; background-image: linear-gradient(to right top,#e62129 40%,#aa161c);z-index:-1;border-radius:10px;opacity:0;transition:all .5s;}
.processMain li i{font-family:"iconfont";font-style:normal;font-size:2.6rem;line-height:1.2;}
.processMain li h4{font-size:1.2em;font-weight:700;padding-top:10px;height:50px;border-bottom: 1px dashed #fff;margin-bottom:15px;}
.processMain li span{display:block;line-height:2;}
.processMain .btn,.seoBox6 .btn{position: static;background:#fff;width:40px;height:22px;line-height:22px;color:#333;margin:0 1px;display:none;}
.processMain .btn:hover,.seoBox6 .btn:hover{background:#d12b2b;color:#fff;}
.processMain li:hover::after{height:100%;opacity:1;} 

.seoBox6{background:url('../images/seoBox6_bg.jpg') no-repeat center;background-size:cover;background-attachment:fixed; position: relative;text-align:center;}
.seoBox6::after,.seoProcess::after{content:"";position: absolute;left:0;top:208px;width:100%;height:1px;background:rgba(255,255,255,.3);}
.seoProcess::after{display:none;top:10px;}
.seoProcess {padding-top:60px;overflow:hidden;}
.seoBox6 li{float:left;width:20%;background:#fff;min-height:330px;position:relative;padding:25px 0;line-height:2;z-index:2;text-align:left;}
.seoBox6 li h4{ padding:0 25px; font-size:1.429em;color:#e62129;margin-bottom:10px;}
.seoBox6 li p{ padding:0 25px;}
.seoBox6 li span{display: block;}
.seoBox6 li i{position: absolute;font-style:normal;right:25px;bottom:40px;font-weight:300;font-size:3.571em;opacity:.2;}
.seoBox6 li::after{content:"";position: absolute;left:50%;top:-60px;width:10px;height:10px;border-radius:100%;background:#fff;border:5px solid #495360;margin-left:-10px;transition:all .3s;}
.seoBox6 li::before{content:"";position: absolute;left:0;bottom:0;width:100%;height:0;background:#e62129;z-index:-1;transition:all .5s;}
.seoBox6 li:hover::before{height:100%;}
.seoBox6 li:hover,.seoBox6 li:hover h4,.seoBox6 li:hover i{color:#fff;transition:all .3s;}
.seoBox6 li:hover::after{border-color: #e62129;}
 
.seoProcess {padding-left: 30px;padding-right: 30px;} 
 
 
 
/*百度SEO优化推广*/
.bdjj1 .t1-a2 { margin-top:80px;}
.bdjj1 .search_txt1 { margin-top:50px;}
.t1-a2 { display:block; font-size: 52px; line-height: 52px; display:block; color: #333333; font-weight: bold; text-align: center; margin-bottom: 26px;}
.f_more { margin-top:30px !important;  font-size: 16px;  width: 160px;   height: 55px;  border: solid 1px #949494;  border-radius: 26px;  text-align: center;  line-height: 50px;  display: block; position: relative;  overflow: hidden;}
.f_more:before { content: "";  width: 0; height: 100%; background: #d0111b; position: absolute; right: 0; bottom: 0; transition: 0.5s;  z-index: -1;}
.f_more:after { position:absolute; left: 0;bottom:0;z-index: -2;content: ""; box-sizing: border-box; width: 100%; height: 100%; border-radius: 28px;}
.f_more:hover,.f_more.active { color: #fff; border-color: #d0111b; transition-delay: 0.1s;}
.f_more:hover:before,.f_more.active:before { width: 100%;  right: auto;  left: 0;}


.douyin { padding-top:80px; line-height:2; max-width:1200px !important;}
.douyin img { max-width:100%}
.bdjj2 .t1-a2 { margin-top:80px;}
.search2 { padding-top:50px;}

 
 .wapNav { display:none;}
 
 
@media only screen and (max-width: 1024px){	
  
    .navbg { display:none;}
    .wapNav { display:block;}
	.f_dh{ display:block !important;}
	#goTopBtn_m {TEXT-ALIGN: center;  display:block !important;  CURSOR: pointer; RIGHT: 0px;}
    #goTopBtn{ display:none;}
	.kf_left { display:none;}
}
 
/*手机底部*/
.f_dh { width:100%; height:60px;display:none; position:fixed; bottom:0; left:0; background:#f2f2f2; z-index:999999999999999999999;}
.f_dh ul li { float:left; width:20%; text-align:center;}
.f_dh ul li a .f_dh_img {width:28px;  height:28px;margin:4px auto 0; }
.f_dh ul li a .f_dh_title { color:#666666}
.f_dh ul li:hover a .f_dh_title { color:#e62129}
.f_dh ul li:last-child { float:left; width:40%;}
.f_dh ul li:first-child .f_dh_img { background:url(../images/m_home.png) no-repeat center center ;background-size:cover;-webkit-background-size:cover;-moz-background-size:cover;}
.f_dh ul li:first-child:hover .f_dh_img { background:url(../images/m_homeh.png) no-repeat center center ;background-size:cover;-webkit-background-size:cover;-moz-background-size:cover; }
.f_dh ul li:first-child+li .f_dh_img { background:url(../images/m_telh.png) no-repeat center center ;background-size:cover;-webkit-background-size:cover;-moz-background-size:cover;}
.f_dh ul li:first-child+li:hover .f_dh_img { background:url(../images/m_tel.png) no-repeat center center ;background-size:cover;-webkit-background-size:cover;-moz-background-size:cover;}
.f_dh ul li:first-child+li+li .f_dh_img { background:url(../images/m_xh.png) no-repeat center center ;background-size:cover;-webkit-background-size:cover;-moz-background-size:cover;}
 .f_dh ul li:first-child+li+li:hover .f_dh_img { background:url(../images/m_xsh.png) no-repeat center center ;background-size:cover;-webkit-background-size:cover;-moz-background-size:cover;}
 

.f_dh ul li:last-child a{ background: none; display:block; height:40px; line-height:40px; width:80%; margin:11px auto 0; 
    background-image: -webkit-linear-gradient(90deg , rgba(255,153,0, 1) 7% , rgba(255,78,80, 1) 100%);
    background-image: -moz-linear-gradient(90deg , rgba(255,153,0, 1) 7% , rgba(255,78,80, 1) 100%);
    background-image: -ms-linear-gradient(90deg , rgba(255,153,0, 1) 7% , rgba(255,78,80, 1) 100%);
    background-image: -o-linear-gradient(90deg , rgba(255,153,0, 1) 7% , rgba(255,78,80, 1) 100%);
    background-image: linear-gradient(90deg , rgba(255,153,0, 1) 7% , rgba(255,78,80, 1) 100%);
    border: 0px none #fff;
    border-top-left-radius: 20px;
    border-top-right-radius: 20px;
    border-bottom-right-radius: 20px;
    border-bottom-left-radius: 20px;}
.f_dh ul li:last-child a img { height:30px;}
.f_dh ul li:last-child a .f_dh_title{color:#fff;}
 

/* ===== 微信 ===== */

#trigger {text-align:center;}
.popupbox { margin-left:0 !important;width:50%;height:300px;background-image:url();background-repeat:no-repeat;display: none; /* Hidden as default */float: left;position: fixed;top: 50%; left: 25%;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:60%;}
 
.kf_left { width:50px; position:fixed; right:0; bottom:150px; z-index:9999; padding:5px; background:#e62129;}
.kf_left ul li { width:40px; height:40px; position:relative;}
.kf_left ul li:first-child { background:url(../images/icon25.png) no-repeat center center; border-bottom:1px solid #f49fa3;}
.kf_left ul li:last-child {border-top:1px solid #f49fa3;}
.kf_left ul li .kf_left1 { width:130px; position:absolute; left:-140px; top:-70px; opacity:0;transition:all 0.6s; -moz-transition:all 0.6s; -ms-transition:all 0.6s; -o-transition:all 0.6s; -webkit-transition:all 0.6s; }
.kf_left ul li:first-child:hover .kf_left1 {opacity:1;transition:all 0.6s; -moz-transition:all 0.6s; -ms-transition:all 0.6s; -o-transition:all 0.6s; -webkit-transition:all 0.6s; }
.kf_left ul li .kf_left1 img{ width:100%; }
.kf_left ul li .kf_left2 { color:#fff; width:150px; height:40px;  background:#e62129;  padding-left:10px;line-height:40px;position:absolute; left:30px; top:0; opacity:0;transition:all 0.6s; -moz-transition:all 0.6s; -ms-transition:all 0.6s; -o-transition:all 0.6s; -webkit-transition:all 0.6s; }
.kf_left ul li:first-child+li:hover .kf_left2 {   left:-150px; top:0; opacity:1;transition:all 0.6s; -moz-transition:all 0.6s; -ms-transition:all 0.6s; -o-transition:all 0.6s; -webkit-transition:all 0.6s; }
#goTopBtn { display:block !important;LINE-HEIGHT: 40px; WIDTH: 40px; background:url(../images/icon27.png) no-repeat center center;  HEIGHT: 40px;  }
.kf_left ul li:first-child+li span { display:block; width:50px; height:40px; background:#e62129 url(../images/icon26.png) no-repeat center center; position:absolute; left:-5px; top:0; z-index:2}


.search3  { margin-top:30px;}





@media screen and (max-width:4804px) and (min-width:1920px) {
	
	   .project { margin-top: 0 !important;} 
       .index1 {  height: 710px;  overflow: hidden;}
}
@media screen and (max-width: 1920px) and (min-width:1600px) {
     .project { margin-top: 20px !important;} 
      .index1 {  height: 710px;  overflow: hidden;}
}


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

  
}

@media only screen and (max-width: 1500px){	
     .project { margin-top: 0 !important;} 
     .index1 {  height: 710px;  overflow: hidden;}
   
}
@media only screen and (max-width: 1400px){	
     .project { margin-top: 0 !important;} 
     .index1 {  height: 710px;  overflow: hidden;}
   
}
@media only screen and (max-width: 1300px){	
     .project { margin-top: 0 !important;} 
     .index1 {  height: 710px;  overflow: hidden;}
   
}
@media only screen and (max-width: 1250px){	

     #navul li {  width: 14.2%;}
    .tel span { display:block;}
    .tel { text-align:left; line-height:25px; margin-top:13px; padding-left:2%; width:17%;}
	.col960  { margin-left:3%;}
	.index1_title h3 { font-size: 40px; margin-bottom:10px;}
	.index1_more {  margin:50px auto 0;}
	.index1{ height:700px}
	
}
@media only screen and (max-width: 1200px){	
     .project { margin-top: 0 !important;} 
     .index1 {  height: 740px;  overflow: hidden;}
   
}

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

     
    .tel {   width:18%; padding-left:1%;}
	.col960  { margin-left:2%;}
	.index1_info span {   display:initial;}
	.index1_info { text-align:left;}
	.index1 {   height: 710px;}
	.t1-a2 { font-size: 40px !important;}
	
	
}

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


.value_info {  margin: 40px auto 0; width:100%;}
.index1_info {  margin-top: 40px;}
.tab_info_l dl .t_i1 a .tab_i2{width: 40%;}
.tab_info_l dl .t_i2 a span:last-child { width: 22%;}
.inner_contact_r dl dd p {  width: 81%;}
.inner_contact_r dl dt p { font-size: 30px;}
 .websiteBox4 ul li h4 { font-size: 25px;}
 
}
@media only screen and (max-width: 850px){	
  .container{ padding:0 !important}
  .container_z { width:100% !important;}
  .projectMenu h3 {  padding-left:2% !important;padding-right:2% !important;}
  .projectMenu i { display:none !important;}
  .project { padding-bottom:50px;}
 .tab_info_l dl .t_i2 a span:last-child { width: 24%;} 
 .news_left { width:100%; float:none;}
.news_right {  width:100%; float:none; margin-top:3.5%;}
 .inner_contact_l { width:100%; float:none;} 
 .inner_contact_r { width:100%; float:none; }   
 .inner_contact_l  #dituContent { height:400px !important;}

  .flex { display:block !important}
   .search3_con { margin-top:40px;}
  
  
}



@media all and (max-width:768px) {
	.inner_sort { text-align:center; width:100%;height:60px}
	.inner_sort ul li {   width:inherit; display:inline-block; float:none; padding:0 3%;}
	.inner_sort ul li:last-child {  border-right:0;}
	.inner_sort ul li a{ display:inline-block;}
	.inner_sort ul li a { line-height:60px;}
	.inner_banner_t span { font-size:20px;}
	.foot1 { width: 50%;}
	.foot2 { width: 50%;border-right:0}
	.foot3 { width: 80%; clear:both; margin:30px auto; padding:0; float:none !important; }
	.foot4 dl dd:first-child { float: none; width:100%;}
	.foot4 dl dd:last-child {float: none;  width: 100%;text-align: left;}
	.foot4 {  margin-top: 70px; line-height: 25px;   height: auto; padding:20px 0; margin-bottom:80px;}
	.foot5 { display:none;}
	.index1_title h3 { font-size: 30px;    margin-bottom:10px;}
	.index1_title p {  font-size: 16px;}
	.value_info { margin:30px auto 0;    width:100%;}
	.index1_info {  margin-top: 0;}
	#seventh span {  font-size:40px;} 
	.index1_info { text-align:LEFT;}
	.index1 { padding-top:60px;    height: 494px;}
	.index1_title {  margin-top: 60px;}
	.projectMenu i {  font-size: 4.625em !important;}
	.container { padding:0;}
	.projectMenu h3 { padding-left: 5% !important;}
	.cTitle .title { text-align:center; display:block; margin-bottom:50px;}
	.cTitle .title span { font-size:30px !important;}
	.cMenu { position:inherit; width:100%; text-align:center; }
	.caseMain .big .pImg {  padding-top: 81.4% !important;}
	.index2_info ul li .index2_info_t span { font-size: 20px;}
	.index2_info ul li .index2_info_t p {  font-size:18px;}
	.tab_info_l { width:100%; float:none;}
	.tab_info_r { display:none;}
	#ban_mo{ display:block;}
	#ban_pc{ display:none;}
	#ban_mo ul li img { width:100%;}
	#ban_mo { height:auto}
	#ban_mo  ul li { height:auto}
	.inner_contact_r dl {   width: 90%;}
	.inner_contact_r {   padding-top:50px;}
	.about2 .value_info ul li { width:33.3% !important;}
	.about2 .value_info ul li:first-child+li+li+li+li {  margin-left:0;}
	.buttonBox p { padding:0 2%;}
	.about3_l { width:100%; float:none;}
	.about3_r { width:100%; float:none; padding-left:0;}
	.about3 { height:auto; background:#333; overflow:hidden; padding-bottom:65px;}
	.about4_t h3 {  margin-top: 50px;}
	.about4_t {  margin-top: 50px;}
	.about4_t h3 { font-size:30px;}
	.about4_i span { display:initial;}
	.about4_d UL li {  width: 50%;}
	.about5_t h3 {  font-size: 30px;}
	.brand1 {  margin-top:50px;}
	.t1-a2 {  font-size:30px !important; margin-bottom: 0;}
	.t1-a3 { font-size: 18px;    margin:0;}
	.wj1 li h3 {  font-size: 24px;  padding: 5% 0 0;}
    .wj1 li span { width: 50px !important; height: 50px !important;}
	.brand2 {margin-top: 50px;}
	.brand4 {margin-top: 50px;}
	.brand4 .caseList li:first-child { margin-left:0 !important;}
	.brand4 .caseList li { width:48.5%; margin-left:3%;  margin-bottom:3%;}
    .brand4 .caseList li:nth-child(4n+1) {margin-left:3%}
	.brand4 .caseList li:nth-child(2n+1) {margin-left:0}
	.brand5 {margin-top: 50px;}
	.marketing1 {  margin-top: 50px;}
	.marketing2 {  margin-top: 50px;}
	.marketing4 {  margin-top: 50px;}
	.website_title {  margin-top: 50px;font-size:30px; line-height:1.5}
	.website_ul ul li {   width: 50%;}
	.website_ul ul li:first-child{ margin-bottom:5%;}
	.website_ul ul li:first-child+li{ margin-bottom:5%;}
	.website_ul { padding-top:30px;}
	.website_ul ul li .h2 {  font-size: 18px;}
	.website_title2 {  margin-top: 50px;font-size:30px; margin-bottom:0;line-height:1.5}
	.website_title_p { font-size: 18px;  margin-top: 0; margin-bottom: 30px;}
	.qiye_ul ul li .cons .divs .h2 { line-height: 50px; height: 50px; font-size: 20px;}
	.qiye_ul ul li .cons .divs .p { font-size:14px; line-height:1.5; }
	.website_ul ul li .imgs {  width:60%; margin:0 auto;}
	.qiye_ul ul li .cons .divs .nums {font-size:50px;}
	.qiye_three { padding-top: 50px;}
	.qiye_three_l { width:100% !important; float:none !important;}
	.qiye_three_r { width:100% !important; float:none !important; margin-top:40px;}
	.qiye_three .qiye_three_l .h2 {  margin-top: 15px;  line-height: 1.5;  font-size: 30px;}
	.qiye_three .qiye_three_l .p { margin-top: 0; line-height: 1.5; font-size: 18px;}
	.qiye_ul2 ul li .imgs { width: 80%; margin:0 auto;}
	.qiye_ul2 {  padding-top:30px;}
	.qiye_ul2 ul li {  margin-bottom: 30px;}
	.qiye_four{ padding-bottom:40px;}
	.website_title_p { line-height:1.5;}
	.inner_sort ul li {   padding: 0 1%; }
	.websiteBox2 {  padding:50px 0;}
	.bTie span {  font-size: 30px;}
	.bTie {    margin-bottom: 10px;}
	.websiteBox2 li {  width:48.5%; padding-top: 30px; margin-left: 3%; text-align:center;    min-height: 180px;}
	.websiteBox2 li:nth-child(5n+1) {  margin-left:3%;}
	.websiteBox2 li:nth-child(2n+1) {  margin-left:0;}
	.websiteBox2 li:first-child  {  margin-left:0 !important;}
	.wTie span {  font-size: 30px;}
	.websiteBox3 li {  width:48.5%;  margin-left: 3%; margin-right:0; margin-bottom:3%;    min-height: 410px;}
	.websiteBox3 li:nth-child(2n+1) {    margin-left:0;}
	.websiteBox4 ul li{  width:48.5%;  margin-left: 3%;   margin-bottom:3%; min-height: 250px; }
	.websiteBox4 li:nth-child(2n+1) {  margin-left:0;  }
	.listTie span { font-size:30px;}
	.listTie { padding:0 3%;}
	.m-web-desc p { display:initial;}
	.full-site-article .m-web-desc {  padding:20px 3% 50px;}
	.m-web-title { font-size: 30px;}
	.b2c-solution { padding:50px 0 0;}
	.b2c-solution h3 {   font-size: 20px;}
	.b2c-solution .trade-three-list .inner { padding: 43px 5% 8px;  border-right: 1px solid #d9d9d9;}
	.b2c-solution .trade-three-list li { width:100%; float:none;    border-bottom: 1px solid #d9d9d9}
	.b2c-solution .trade-three-list li:last-child {    border-bottom: 0}
	.b2c-solution .bot-two-list .quarter{ display:block;  width:100%;}
	.b2c-solution .bot-two-list .last { display:block;    width:100%; border-top:0;}
	.b2c-solution .bot-two-list{ display:block;    width:100%;}
	.b2c-solution .trade-three-list .inner p { height:auto;}
	.site-server-wrapper {  padding:50px 0 24px;}
	.four-column { margin-top:30px;}
	.four-column li { width:48.5%; margin-left:3%;    margin-bottom: 20px;}
	.four-column li:nth-child(2n+1) {  margin-left:0;}
	.seoBox1 li h4 {  font-size:20px;}
	.seoBox1 li p {  font-size:16px;}
	.seoBox2 li { font-size:16px;}
	.bdjj1 .t1-a2 { margin-top: 50px;}
	.t1-a2 {  font-size: 30px !important;}
	.search_txt1 li b{  font-size:20px !important;}
	.search_txt1 li{ width:48.5% !important; margin-left:3% !important; margin-bottom:3% !important;}
	.search_txt1 li:nth-child(2n+1){   margin-left:0 !important;}
	.bdjj2 .t1-a2 { margin-top: 50px;}
	.f_more {  height:40px; line-height: 40px;}
	
	
}
@media all and (max-width:700px) {
	 
 
	.proTxt { width:100% !important; float:none;}
	.proPic { display:none;}
	.proTxt ul li { min-height: 30px !important;}
	.proTxt h4 {  margin-bottom:25px !important;}
	.caseMain .big { width:100% !important;}
	.caseMain li { width:50% !important;}
	.caseMain li:last-child{ display:none;}
	.index2_info ul li { width:48.5%;}
	.index2_info ul li:first-child+li+li { margin-left:0;}
	.index2_info ul li:first-child { margin-bottom:2.5%}
	.index2_info ul li:first-child+li { margin-bottom:2.5%}
	.index2 { padding:50px 0;}
    .index3 {  margin-top: 50px;}
	.foot {  padding: 50px 0 20px; margin-top: 50px;}
	.proTxt ul li {font-size:18px !important;}
    .caseList li p span {    display:block; width:100%; margin-top:35px;}
	.caseList li p em {    display:block;width:100%; margin-top:10px}
	.caseList li p { line-height:2;}
	.product_l { width:100%;}
	.product_r { width:100%; margin-top:30px;}
	.newlist {   margin-top:30px;}
	.about1_i span { display:inline;}
	.about1_t h3 {  margin-top:50px;}
	.about2 { padding: 30px 0; margin-top: 50px;}
	.about2 #seventh span { font-size: 50px;}
	.about1_t h3 { font-size: 30px;}
	.wj2 li { width: 100% !important;  margin-left:0 !important; float:none !important; margin-top:3.5%}
    .wj2 li:first-child {  margin-top:0}
    .brand3 {  margin-top: 50px;}
	.caseMain li { padding-right:3% !important;}
	.caseMain li:first-child+li {  padding-right:3% !important;}
	
	
	
}


@media all and (max-width:600px) {
	 
	.foot1 { width:90%; padding-left:10%;}
	.foot2 { width: 100%;border-right:0}
	.foot3 { width: 80%; clear:both; margin:30px auto; padding:0; float:none !important; }
    .index1 {  height: 540px;}
	.news_case_i ul li { width:48.5%; margin-left:3%;}
	.news_case_i ul li:nth-child(4n+1) { margin-left:3%;}
	.news_case_i ul li:nth-child(2n+1) { margin-left:0;}
	.news_case_i ul li:first-child { margin-left:0 !important;}
	.newlist ul li { width:48.5%; margin-left:3%;}
	.newlist ul li:nth-child(4n+1) { margin-left:3%;}
	.newlist ul li:nth-child(2n+1) { margin-left:0;}
	.newlist ul li:first-child { margin-left:0 !important;}
	.newlist ul li a .newlist_s_l span {font-size: 40px;}
	.about2 .value_info ul li { width:50% !important;}
	.about2 .value_info ul li:first-child+li+li+li+li {  margin-left:0;}
	.buttonBox p { padding:0 2%;}
	.about2 .value_info ul li { padding-top:0;}
	.wj1 li h3 {  font-size: 20px !important;}
	.wj1_txt {  font-size: 16px !important;}
	.processMain li { margin-right:0 !important;}
	.swiper .flex { display:block !important;}
	.search2 li { width:100% !important; float:none !important;  margin-left:0 !important; margin-bottom:3% !important}
	.foot2 {    border-left:0;}
	
	

}



 
@media all and (max-width:500px) {
	 .index1 {   height:667px;}
	 .value_info li { width: 50%; margin-bottom:30px;}
	 .value_info ul li:first-child { width: 50%; padding:0}
	 .value_info ul li:last-child { width: 50%; padding:0}
	 .cTitle {  margin-bottom: 20px !important;}
	 .pd60 { padding:50px 0 !important;}
	 .tab_info_l dl .t_i1 a .tab_i3 { display:none;}
	 .tab_info_l dl .t_i1 a .tab_i2 { width:65%}
	 .tab_info_l dl .t_i2 { margin-top: 10px;}
	 .m_tel a img {  height: 32px; padding-right:15px;}
	 .navTrigger { top: 33px;}
	 .conBox,.listWrap {  padding-top: 20px !important;  padding-bottom: 20px !important;}
	 .caseList li { width:48.5%;}
	 .caseList li:nth-child(3n+1) {   margin-left: 3%;}
	 .caseList li:nth-child(2n+1) {   margin-left: 0;}
	 .caseList li:first-child {   margin-left:0 !important;}
	 .inner_sort ul li a{ font-size:14px;}
	 .inner_sort ul li {    padding: 0 3%;}
	 
.inner_sort  ul { display: flex;flex-direction: row;flex-wrap: wrap;}
 .inner_sort  ul li { flex: auto;}

.inner_banner_t { display:none;}	 
	.inner_sort ul li { padding: 0;} 
	.foot3  { text-align:center;}
	.foot3 dl dd { margin:0 auto;  float: none;}
	 .foot3 dl dd:first-child {  margin-left: auto}
	 #intabdiv img {   width: 80%;}
}
 

@media all and (max-width:450px) {

    .cTitle .title { margin-bottom:30px;}
	.cMenu a {  display: inline-block; padding-bottom:5px !important;}
	.cMenu { text-align:left; position:inherit !important;}
 
	

	
}
@media all and (max-width:420px) {
	 .index1 {  height: 700px;}
	 
}

@media only screen and (max-width: 390px){	
    .index1 {  height: 716px;}
    .index1_more {   margin: 30px auto 0;}
 

}


@media only screen and (max-width: 350px){	
    .index1 {  height: 750px;}
 
 

}