﻿ @media screen and (max-width: 1700px) {
 .team .flexslider li .pic {
 margin-right: 0;
 width: 50%;
}
}
 @media screen and (max-width: 1169px) {
 #hd .logo {
 margin-right: 0;
}
 #hd .tel {
 float: left;
}
 #banner .flex-control-nav {
 bottom: 20px;
}
 .ul-service li {
/*margin-right: 10px;*/

	}
 .tab-con-box {
 width: 54%;
}
}
 @media screen and (max-width: 1068px) {
 #hd {
 display: none !important;
}
 #head {
 display: block;
}
 .wp {
 padding: 0 10px;
}
 #bd {
 padding-top: 0;
}
 .ul-web {
}
 .process em {
 -webkit-background-size: 80%;
 background-size: 80%;
}
}
 @media screen and (max-width: 1020px) {
 .tab-con-box {
 width: 45%;
}
}
 @media screen and (max-width: 1048px) {
 .ul-news-i li.on .hover .pad {
/*bottom: 30px;*/

	}
}
 @media screen and (max-width: 1024px) {
 .team .flexslider li .txt {
 width: 100%;
 float: none;
}
 .team .flexslider li .pic {
 width: 100%;
 float: none;
 height: 419px;
 margin-bottom: 20px;
}
 .team .flexslider .slides li {
 height: auto;
}
}
 @media screen and (max-width: 960px) {
 html, body {
/*overflow-x: hidden; */

	}
 .ul-list li {
 width: 33.3333%;
}
 .ul-service li {
 width: 100%;
}
 .service-con .col-l, .service-con .col-r {
 width: 100%;
}
 .ul-webset li.li1 .block, .ul-webset li.li2 .block, .ul-webset li.li3 .block {
/*width: 100%;*/

	}
 .ul-customer li {
 width: 33.3333%;
}
 .tit-i {
 padding: 20px 0;
}
 .customer {
 margin-bottom: 0;
 padding-bottom: 0px;
}
 .ul-tab {
 width: 100%;
 background: none;
}
 .ul-tab li {
 float: left;
 width: 33.333%;
}
 .ul-tab li h3 {
 background: url(../images/circle.png) left center no-repeat;
 padding-left: 30px;
}
 .ul-tab li span {
 padding-left: 30px;
}
 .tab-con {
 width: 100%;
}
 .ul-solution li {
 width: 33.333%;
}
 .webset-pop .txt {
 width: 50%;
 margin-bottom: 20px;
}
 .webset-pop .txt1 {
 width: 100%;
}
 body, html {
/*overflow-x: hidden;*/

	}
 .ul-web {
/*background: none;	*/

	}
 .ul-news-i li .hover .pad {
/*bottom: -220px;*/

	}
 .ul-case li .txt {
/*top: 320px;*/

	}
 .bg-blue {
 background: #f5f6fa;
}
 .web-con .shou {
 top: 146px;
}
 .tab-con {
 min-height: 419px;
}
 .tab-con-box {
 width: 65%;
}
 .ul-web li {
 padding-left: 0;
}
}
 @media screen and (max-width: 900px) {
 .ul-case li {
 width: 50%;
}
 .side, .side2 {
 display: none;
}
 .ul-news-i li {
 width: 50%;
 margin-bottom: 10px;
}
 .news-bg {
 background: #16182c;
}
}
 @media screen and (max-width: 880px) {
 .ul-icon-i li .pad .pic {
/*margin-left: -63px;*/

	}
}
 @media screen and (max-width: 768px) {
	 .news_326{ padding:20px 0}
	 .socialShare{ display:block}
	 .news_326 .news_list{ width:100%}
	  .news_326 .news_list ul{ zoom:1}
	 .news_326 .news_list li{ width:100%; float:inherit}
	  .news_326 .news_list li img{ max-width:100%}
	 .article-con video{
 max-width: 95%;
}
	.news_shipin .shipin_list{ width:100%}
	.news_shipin .shipin_list li{ width:100%; margin:0; margin-bottom:15px}
	 .news_shipin .shipin_list span.title{ width:100%;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;}
.news_shipin .shipin_list img{ max-width:100%}
	 .news_shipin .shipin_list b{ width:100%; height:208px}
	 /*************/
	 
	 #banner .bans{ display:none}
	 .owl-theme .owl-controls{ display:none}
	 #oc-clients.owl-carousel .owl-buttons{ display:none}
	 #nyhd{ display:none}
	 #bd{     margin-top: -30px;}
	 .cp-events-box .cp-thumb{ width:100%}
	 .cp-events-box .text{ padding-left:0; width:100%}
	 .cp-events-box .text .txt_con{ width:100%}
	 .cp-events-box .data-box{ float:left;}
	  .cp-events-box .data-box dt{ float:left}
	   .cp-events-box .data-box dd{ float:left}
	   .art_bottom .arc_share{ float:left}
	   .ul-listxg li{ width:100%}
	   .lxwm-info dl{ width:100%}
	   .lxwm_ewm{ width:100%;}
	   .lxwm_jt dl{ width:100%}
	   .lxwm_map{ width:100%}
	 
	/***********/ 
 #fd .fd-copy .fd-nav {
float:none;
line-height:25px;
}
 #fd .fd-copy .fd-banquan {
float:none;
line-height:25px
}

	 

	/************/ 

	 

.ul-icon-i li {
 width: 50%;
}
 .case-i-l, .case-i-r {
 width: 100%;
 padding: 0;
 float: none;
}

 .ul-case-i {
 margin: 0
}
 .ul-case-i-1 li {
 width: 50%;
}
 .ul-news-i {
 width: 100%;
 margin-left: 5px;
 margin-right: 0;
}
 .ul-news-i li {
 width: 50%;
 margin-bottom: 10px;
}
 .ul-news-i li .hover {
 left: 0;
 width: 100%;
}
 .ul-news-i li:last-child {
 width: 50%;
}
 .news-more {
 padding: 0 10px;
 display: none;
}
 .contact-l, .contact-r {
 width: 100%;
 clear:both;
}
 .map .btn {
}
 .ul-about li .block {
/*height: 190px;*/

	}
 .ul-about li, .ul-webset li {
 width: 100%;
 margin-bottom: 15px;
}
 #fd {
background:#000;
}
 #fd .fd-copy {
 text-align: center;
 background: none;
 height: auto;
 padding: 8px 0;
}
 #banner {

	/*padding-top: 50px;*/

		overflow: hidden;
}
 #banner .flexslider .slides li {
/*height: 200px;*/

	}
 #banner .flexslider .slides li img {
/*height: 200px;*/

	}
 #banner .slides li .ban-txt {
 margin-top: 0;
 top: 20px;
 left: 0;
 margin-left: 0;
 text-align: center;
 width: 100%;
 -webkit-background-size: 100%;
 background-size: 100%;
}
 .news-bg {
 background: #16182c;
}
 #banner .slides li .ban-txt h5 {
 font-size: 26px;
 margin-top: -10px;
}
 #banner .slides li .ban-txt h3 {
 font-size: 26px;
}
 #banner .slides li .ban-txt h2 {
 font-size: 50px;
}
 #banner .slides li .ban-txt h2 {
 height: 84px;
 line-height: 84px;
}
 #banner .slides li.s2 .ban-txt {
 margin: 0;
 width: 100%;
}
 #banner .slides li.s2 .ban-txt h2 {
 font-size: 50px;
}
 #banner .slides li.s3 .ban-txt h3 {
 font-size: 40px;
}
 .case-img {
 margin-bottom: 30px;
}
 .side, .side2 {
 display: none;
}
 .ul-list li, .ul-case li {
 width: 50%;
}
 .ul-service li {
 padding-right: 0;
}
 .tab-con .txt {
 width: 100%;
 float: none;
}
 .tab-con .pic {
 width: 223px;
 margin: 0 auto;
 float:none;
}
 .tab-con img {

	/*width: 100%;*/

		float: none;
}
 .ul-icon {
 padding-right: 0;
 text-align: center;
}
 .ul-icon li {
 display: inline-block;
 float: none;
}
 .ul-web li {
 width: 100%;
 margin-bottom: 15px;
}
 #ban-in .ban-bg {
 display: none;
}
 .team .flexslider li .txt {
 width: 100%;
}
 .ul-case-i li a .hover {

    position: absolute;
    left: 0;
    top: 10%;
    width: 100%;
    height: 10%;
    text-align: center;
    /* display: none; */
    -o-transition: .3s;
    -ms-transition: .3s;
    -moz-transition: .3s;
    -webkit-transition: .3s;
    transition: .3s;
}

.ul-case-i li .hover em {
    height: 2px;
    background: #FFF;
    width: 60px;
    float: left;
    margin: 10px 0 80%;
}
.ul-case-i li .hover .vmore {
    border: 1px solid #fff;
    color: #FFF;
    text-shadow: #b19999ad 0.1em 0.1em 0.2em;
    display: block;
    font-size: 16px;
    line-height: 50px;
    height: 50px;
    text-align: center;
    float: left;
    width: 300px;
}
 .ul-case-i li a:hover .hover {
/*display: none !important;*/

    }
 .team .flex-direction-nav .flex-next {
 left: 0;
 margin-top: 10px;
}
 .process {
 display: none;
}
 .web-con .shou {
 display: none;
}
 .tab-con .pic .img {
 display: none;
}
 #fd {
 background:#000;
padding:10px 0;
overflow:hidden
}
 #fd .fd-top {
 display: none;
}
 .service {
 background: #181837;
}
 .row2 {
 background: #f5f6fa;
}
 .map-s .map-bg3 {
 display: block;
}
 .index-fd {
 margin-top: -1px;
}
 .map .map-bg2 {
 background-image: url(../images/map_bg3.png);
}
 .team .flex-direction-nav {
 background: none;
}
 #banner .flex-control-nav {
 display: none;
}
 .tab-con-box {
 width: 100%;
 float: none;
}
 .web-con .pic {
 width: 100%;
 float: none;
 margin-top: 0;
 margin-bottom: 20px;
}
 .tab-con {
 min-height: auto;
}
 .team .flexslider li .pic {
 height: 300px;
}

/*.case-img .hover{display: none !important;}*/

	/*.map-pop,.map-i,.map-c,.map-big{height: 300px;}*/

	/*.ul-icon-i li .pad .pic{display: none;}*/

	/*.ul-news-i li .hover{display: none;}*/

	.map-bg3 {
 display: block;
}
 .map .map-bg2 {
 display: none;
}
 #banner .slides li.s1 .ban-txt h3 {
 font-size: 12px;
}
 .left {
 float: left;
}
 #head {
 display: block; height:60px;
 border-bottom: 1px solid #CCC;
}

/*pc菜单样式*/

	.pc_menu_box {
 text-align: center;
 padding: 1px 0;
}
 #navbar p {
 text-align: center;
 padding: 20px 0;
}
 .menu {
 font-size: 16px;
/*xx9.19修改*/

	}
 .menu li {
 float: left;
 position: relative;
 text-align: center;
 color: #fff;
}
 .menu li:hover>a {
 background: url("../images/whiteopacitybg.png") repeat;
 color: #D11F37;
 transition: background-color 0.4s linear;
}
 .menu li>a {
 display: block;
 color: #fff;
 padding: 18px 0;
}
 .menu li.current>a {
 background: rgba(255, 255, 255, 0.8);
 color: #D11F37;
}
 .menu_2 {
 width: 100%;
 position: absolute;
 top: 55px;
 left: 0;
 display: none;
 z-index: 100;
}
 .menu_2 div a {
 font-size: 13px;
 padding: 10px 0;
 color: #fff;
 display: block;
 text-align: center;
}
 .menu_2 div a:hover {
 background-color: #EE3C54;
}

/*手机左边弹出菜单*/

	.menu_icon {
 margin: 30px 4% 0 0;
 cursor: pointer;
 float: right;
}
 .small_menu {
 width: 250px;
 background-color: #1C202C;
 position: fixed;
 top: 0px;
 left: -250px;
 height: 100%;
 text-align: left;
 z-index: 10000001;
 overflow-y: scroll;
}
 .small_menu li:nth-child(2) a {
 font-size: 18px;
 font-weight: bold;
 background: rgba(255, 255, 255, 0.3);
}
 .small_menu p {
 color: #fff;
 cursor: pointer;
 position: absolute;
 top: 15px;
 right: 15px;
}
 .small_menu li.menu_close {
 font-size: 20px;
 position: absolute;
 top: 10px;
 right: 15px;
 color: #fff;
 border-bottom: none;
 z-index: 1000;
}
 .small_menu li {
 margin-bottom: 2px;
 font-size: 14px;
 position: relative;
}
 .small_menu li a {
 display: block;
 line-height: 30px;
 font-size: 16px;
 text-transform: Uppercase;
 color: #fff;
 background: rgba(255, 255, 255, 0.1);
 padding: 10px 15px;
}
 .small_menu li .small_menu_2 a {
 display: block;
 background: none;
 color: rgba(255, 255, 255, 0.8);
 overflow: hidden;
 line-height: 30px;
 font-size: 14px;
 border-bottom: rgba(255, 255, 255, 0.1) solid 1px;
}
 .small_menu_2 {
 display: none;
}
 .small_menu_2 a {
 display: block;
 color: #fff;
 overflow: hidden;
 line-height: 24px;
 font-size: 12px;
}
 .small_menu_2 a i {
 float: left;
 width: 4px;
 height: 4px;
 background-color: #fff;
 margin: 13px 10px 0 5px;
}
 .small_menu_2 a span {
 float: left;
 width: 175px;
}
}
 @media screen and (max-width: 620px) {
 #banner .slides li.s1 .ban-txt h3 {
 font-size: 8px;
}
 .case-article .computer-bg {
/* -webkit-background-size: 60%;

		background-size: 60%; */

	}
 #banner .slides li .ban-txt h5, #banner .slides li .ban-txt h3, #banner .slides li.s2 .ban-txt h4, #banner .slides li.s2 .ban-txt h6, #banner .slides li.s3 .ban-txt h4 {
 display: none;
}
 #banner .slides li .ban-txt h2 {
 font-size: 25px;
}
 #banner .slides li.s1 .ban-txt {
 background: none;
}
 #banner .slides li.s3 .ban-txt h3 {
 border-bottom: none;
}
}
 @media screen and (max-width: 640px) {
 #banner .slides li .ban-txt h5 {
 font-size: 20px;
}
 #banner .slides li .ban-txt h2 {
 font-size: 25px;
}
 #banner .slides li .ban-txt h2 {
 height: 84px;
 line-height: 84px;
}
 #banner .slides li .ban-txt h3 {
 font-size: 13px;
}
 #banner .slides li.s2 .ban-txt h2 {
 font-size: 30px;
}
 #banner .slides li.s2 .ban-txt h3 {
 font-size: 25px;
}
 #banner .slides li.s3 .ban-txt h2 {
 font-size: 30px;
}
 #banner .slides li.s3 .ban-txt h3 {
 font-size: 25px;
}
.article-con img {
    max-width: 100%! important;
    display: block;
    margin: 0 auto;
}

 .customer {
 background: #04112b;
}
 .ul-customer li {
 width: 33.333%;
}
 .team .flexslider .slides li {
 background: none !important;
}
 .ul-webset li .block img {
 left: 50%;
 margin-left: -158px;
}
 .ul-webset li.li3 .block img {
 margin-left: -115px;
}
 .ul-case li {
 width: 100%;
}
 .ul-customer li {
 width: 50%;
}
 .sub-nav {
 text-align: left;
}
 .sub-nav ul li {
 width: 36%;
}
 .article-prev, .article-next {
 display: none;
}

/* .case-article .computer-bg{

		padding-bottom: 0;

		bottom: 0;	

	} */

	.service-btn a {
 margin-bottom: 15px;
}
 #banner .slides li.s1 .ban-txt h3 {
 font-size: 12px;
}
}
 @media screen and (max-width: 480px) {
 .ul-icon-i li, .ul-case-i li {
 width: 100%;
}
 .ul-case-i-1 li {
 width: 100%;
}
 .ul-news-i li, .ul-news-i li:last-child {
 width: 100%;
 padding-right: 0;
}
 #fd dl {
 width: 100%;
 text-align: center;
 margin-bottom: 20px;
}
 #fd .fd-copy {
 height: auto;
}
 .contact-form .inp {
 width: 100%;
 height: 35px;
}
 #banner .slides li .ban-txt {
 height: auto;
}
 #banner .slides li .ban-txt h5 {
 font-size: 14px;
}
 #banner .slides li .ban-txt h3 {
 font-size: 12px;
 padding-top: 15px;
}
 #banner .slides li .ban-txt h2 {
 height: 54px;
 line-height: 54px;
}
 #banner .slides li.s1 .ban-txt h3 {
 font-size: 12px;
}
 #banner .slides li.s2 .ban-txt h2 {
 font-size: 25px;
}
 #banner .slides li.s2 .ban-txt h3 {
 font-size: 22px;
}
 #banner .slides li.s3 .ban-txt h2 {
 font-size: 25px;
}
 #banner .slides li.s3 .ban-txt h3 {
 font-size: 22px;
}
 #banner .slides li.s3 .ban-txt h4 {
 font-size: 12px;
}
 #banner .flex-control-nav {
 bottom: -5px;
}
 .ul-list li, .ul-case li {
 width: 100%;
}
 .ul-solution li {
 width: 100%;
}
 .ul-webset li.li1 .block, .ul-webset li.li2 .block {
 width: 100%;
}
 .ul-webset li {
 width: 100%;
}
 .ul-webset li .block img {
/*width: 100%;*/

	}
 .ul-tab li {
 width: 100%;
}
 #ban-in {
 height: 250px;
}
 .team .flex-direction-nav {
 background: none;
}
 .ul-case li .txt {
/*display: none;*/

	}
 .ul-list li .pic img {
 transform: perspective(000px) rotateY(0deg);
 transition: all 1s ease 0s;
 -moz-transform: perspective(000px) rotateY(0deg);
 -moz-transition: all 1s ease 0s;
 -webkit-transform: perspective(000px) rotateY(0deg);
 -webkit-transition: all 1s ease 0s;
 -o-transform: perspective(000px) rotateY(0deg);
 -o-transition: all 1s ease 0s;
 -ms-transform: perspective(000px) rotateY(0deg);
 -ms-transition: all 1s ease 0s;
}
 .web-con .shou {
 position: relative;
 display: none;
}
 .team .flexslider li .pic {
 height: 245px;
}
 #banner .slides li.s1 .ban-txt h3 {/*margin-left: -40%;*/
 top: 30%;
}
 #banner .slides li.s1 .ban-txt h2 {
 line-height: 43px;
}
 #banner .slides li.s2 .ban-txt h4 {
 font-size: 12px;
}
 #banner .slides li.s2 .ban-txt h6 {
 display: none;
}
 #banner .slides li.s3 .ban-txt {
 top: 0;
}
 #banner .slides li.s3 .ban-txt h4 {
 line-height: 18px;
}
 #banner .slides li.s3 .ban-txt h2 {
 height: 50px;
 line-height: 50px;
}
}
 @media screen and (max-width: 414px) {
 #banner .slides li.s1 .ban-txt h3 {
 top: 40%;
 font-size: 12px;
}
 #banner .slides li.s1 .ban-txt h2 {
 line-height: 20px;
}
 #banner .slides li.s3 .ban-txt {
 top: 20px;
}
 #ban-in {
 display: none;
}
 #m-hd {
 border-bottom: 1px solid #ccc;
 background:url(../images/alpha_blue_60.png) repeat
}
}
 @media screen and (max-width: 375px) {
 #banner .slides li.s1 .ban-txt h3 {
 top: 37%;
 font-size: 12px;
}
}
 @media screen and (max-width: 320px) {
 #banner .slides li.s1 .ban-txt h3 {
 font-size: 12px;
}
 #banner .slides li .ban-txt {
/*background: none;*/

	}
 #banner .slides li .ban-txt h5 {
 font-size: 12px;
 margin-top: -5px;
}
 #banner .slides li .ban-txt h2 {
 font-size: 18px;
 height: 30px;
 line-height: 30px;
}
 #banner .slides li .ban-txt h3 {
 font-size: 12px;
}
 #banner .slides li.s2 .ban-txt h2 {
 font-size: 18px;
 height: 20px;
 line-height: 20px;
}
 #banner .slides li.s2 .ban-txt h3 {
 font-size: 14px;
}
 #banner .slides li.s3 .ban-txt h2 {
 font-size: 18px;
 height: 24px;
 line-height: 24px;
}
 #banner .slides li.s3 .ban-txt h3 {
 font-size: 14px;
}
 #banner .slides li.s3 .ban-txt h4 {
 font-size: 12px;
 margin-top: 5px;
}
 .team .flexslider li .pic {
 height: 160px;
}
 .ul-customer li {
 width: 100%;
}
}
