* {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}
*:before, *:after {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}
.trans {
	-o-transition:.3s;
	-ms-transition:.3s;
	-moz-transition:.3s;
	-webkit-transition:.3s;
	transition:.3s;
}
hr {
	border: none;
	outline: none;
}
h1, h2, h3, h3, h4, h5, h6 {
	font-weight: normal;
}
img {
	max-width: 100%;
}
body {
	font-family:"微软雅黑", "Microsoft Yahei";
}
.wp {
	width: 100%;
	max-width: 1170px;
	margin: 0 auto;
}
#fd .wp{
   /* padding-top: 0.6%;*/
    padding-bottom: 0px;
}
a {
	color: #333;
}
a:hover {
	color: #e4392a;
}
/*头部*/
#bd {
	padding-top: 90px;
}
#hd {
	/*height: 101px;*/
	height: 90px;
	background: #fff;
	box-shadow: 0px 2px 2px rgba(0, 0, 0, .3);
	position: fixed;
	width: 100%;
	left: 0;
	top: 0;
	z-index:9999;
	-o-transition:.3s;
	-ms-transition:.3s;
	-moz-transition:.3s;
	-webkit-transition:.3s;
	transition:.3s;
}
.fixed {
	top: -101px !important;
}

/*底部*/
#fd {
	background: url(../images/fd_bg.png) center top no-repeat;
	padding-top: 30px;
        padding-bottom:0px;
}
.index-fd {
	margin-top: -45px;
}
#fd .fd-top {
	overflow: hidden;
	color: #fff;
	padding-bottom: 15px;
        margin-top: 25px;
}
#fd dl {
	float: left;
	width: 12.5%;
}
#fd dl dt {
	font-size: 16px;
	padding-bottom: 20px;
}
#fd .ft-last-dl{
	float:left;
	width:auto;
}
#fd .ul-fd li {
	line-height: 26px;
}
#fd .ul-fd li a {
	color: #a8a8af;
}
#fd .ul-fd li a:hover {
	text-decoration: underline;
}
#fd .weixin, #fd .sina {
	background: url(../images/fd_icon1.png) no-repeat;
	width: 25px;
	height: 25px;
	display: inline-block;
	margin-right: 10px;
	margin-bottom: 25px;
}
#fd .weixin-pic {
	position: absolute;
	left: -150px;
	top: 0;
	display: none;
}
#fd .tel {
	font-weight: normal;
	font-size: 24px;
	padding-bottom: 15px;
}
#fd h5 {
	font-size: 16px;
	color: #a8a8af;
}
#fd .sina {
	background-image: url(../images/fd_icon2.png);
}
#fd .fd-copy {
	text-align: center;
	height: 40px;
	line-height: 40px;
	color: #a3a3a9;
	background-color: #000022;
}
/*banner*/
#banner .flexslider {
	background: none;
}
#banner .slides li .pic {
	display: block;
	padding-top: 36.4%;
	/* -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover; */
    background-position: center bottom;
	position: relative;
}
#banner .slides li .ban-txt {
	width: 760px;
	position: absolute;
	left: 50%;
	margin-left: -380px;
	top: 50%;
	height: 205px;
	margin-top: -102px;
	text-align: center;
}
#banner .slides li.s1 .ban-txt {
	background:url(../images/ban_k.png) no-repeat;
}
#banner .flexslider .slides img {
	max-width: 100%;
	width: auto;
	display: inline-block;
	vertical-align: middle;
}
#banner .slides li .ban-txt h5 {
	font-size: 22px;
	color: #fff;
	margin-top: -5px;
}
#banner .slides li .ban-txt h2 {
	height: 118px;
	line-height: 118px;
	margin-top: 5px;
	font-size: 71px;
	color: #fff;
}
#banner .slides li .ban-txt h3 {
	padding-top: 25px;
	font-size: 24px;
	color: #e4392a;
}
#banner .flex-control-paging li a {
	width: 40px;
	height: 3px;
	border-radius: 0;
	background-color: rgba(255,255,255,0.7);
}
#banner .flex-control-paging li a.flex-active {
	background-color: #e4392a;
}
#banner .flex-control-nav {
	bottom: 80px;
}
#banner .flex-direction-nav a {
	background: url(../images/ban_prev.png) no-repeat;
	width: 24px;
	height: 44px;
	opacity: 1;
	filter: alpha(opacity=100);
}
#banner .flex-direction-nav .flex-prev {
	left: 50%;
	margin-left: -570px;
}
#banner .flex-direction-nav .flex-next {
	background-image: url(../images/ban_next.png);
	right: 50%;
	margin-right: -570px;
}
#banner .slides li.s2 .ban-txt {
	width: 840px;
	margin-left: -420px;
}
#banner .slides li.s2 .ban-txt h2 {
	font-size: 58px;
	line-height: 56px;
	height: 56px;
	margin-bottom: 10px;
}
#banner .slides li.s2 .ban-txt h3 {
	font-size: 50px;
	text-transform: uppercase;
	padding-top: 0;
}
#banner .slides li.s2 .ban-txt h4 {
	font-size: 16px;
	color: #fff;
}
#banner .slides li.s2 .ban-txt h6 {
	font-size: 14px;
	border-top: 1px solid #d3d3d7;
	width: 149px;
	margin: 0 auto;
	color: #fff;
	line-height: 35px;
	margin-top: 15px;
}
#banner .slides li.s3 .ban-txt h2 {
	font-size: 45px;
	height: 45px;
	line-height: 45px;
}
#banner .slides li.s3 .ban-txt h3 {
	font-size: 69px;
	text-transform: uppercase;
	padding-top: 0;
	border-bottom: 1px solid #e4392a;
}
#banner .slides li.s3 .ban-txt h4 {
	font-size: 16px;
	line-height: 30px;
	color: #fff;
	margin-top: 20px;
}
#banner {
	position: relative;
}
.banner-bg {
	background: url(../images/ban_bg.png) center top no-repeat;
	height: 54px;
	width: 100%;
	position: absolute;
	left: 0;
	bottom: -30px;
	z-index: 60;
}
/*首页*/
.tit-i {
	text-align: center;
	padding: 50px 0;
	line-height: 36px;
	overflow: hidden;
}
.tit-i h3 {
	font-size: 30px;
	color: #002;
	margin-bottom: 10px;
}
.tit-i h5 {
	font-size: 20px;
	color: #cacace;
	text-transform: uppercase;
	font-family: Arial;
}
.tit-i h5 span {
	color: #e4392a;
}
.tit-i em {
	width: 45px;
	border-bottom: 1px solid #7f7f90;
	display: inline-block;
}
.ul-icon-i li {
	float: left;
	width: 20%;
	text-align: center;
	padding-bottom: 70px;
	overflow: hidden;
}

.ul-icon-i li .pad {
	padding: 0 40px;
	position: relative;
}
.ul-icon-i li a {
	display: block;
        cursor:default;
}
.ul-icon-i li a span {
	background: url(../images/i_icon1.png) no-repeat;
	width: 134px;
	height: 134px;
	display: inline-block;
	margin-bottom: 55px;
}

.ul-icon-i li a  img{
  float:left;
  margin-top:20px;
}
.ul-icon-i li h3 {
	font-size: 16px;
	margin: 10px auto;
        font-weight: 600;
        text-align: left;
}
.ul-icon-i li em {
	width: 25px;
	border-bottom: 2px solid #707070;
	display: inline-block;
	margin-bottom: 30px;
}
.ul-icon-i li p {
	text-align: left;
	line-height: 20px;
	font-size: 14px;
}
/*.ul-icon-i li.li1 a span {
	background-position: 0 0;
}
.ul-icon-i li.li2 a span {
	background-position: -305px 0;
}
.ul-icon-i li.li3 a span {
	background-position: -615px 0;
}
.ul-icon-i li.li4 a span {
	background-position: -930px 0;
}
.ul-icon-i li.li5 a span {
	background-position: -1245px 0;
}*/
/*.ul-icon-i li a:hover span{
	background-image: url(../images/i_icon1_h.png);
}*/
.ul-icon-i li .pad .pic {
	position: absolute;
	left: 50%;
	top: 0;
	width: 134px;
	margin-left: -67px;
	-o-transition:.3s;
	-ms-transition:.3s;
	-moz-transition:.3s;
	-webkit-transition:.3s;
	transition:.3s;
}
.ul-icon-i li .pad .pic img {
	display: none;
}
.ul-icon-i li .pad .pic .pic-icon {
	position: absolute;
	left: 0;
	top: -134px;
	display: block;
}
.ul-icon-i li a:hover p {
	text-decoration: underline;
	color: #333;
}
.row2 {
	background: url(../images/bg_1.png) center top no-repeat;
	padding-top: 20px;
}
.case-i-l, .case-i-r {
	width: 50%;
}
.case-i-l {
	float: left;
	padding-right: 15px;
}
.case-i-r {
	float: right;
	padding-left: 15px;
}
.case-img, .case-img a img {
	width: 100%;
}
.case-img {
	position: relative;
	overflow: hidden;
}
.case-img .hover {
	position: absolute;
	left: 0;
	top: -434px;/*top: -433px;*/
	-o-transition:.3s;
	-ms-transition:.3s;
	-moz-transition:.3s;
	-webkit-transition:.3s;
	transition:.3s;
	width: 100%;
	height: 100%;
	text-align: center;
	background: url(../images/alpha_red_80.png) repeat;
	color: #fff;
}
.case-img.on .hover {
	top: 0;
}
.ul-case-i {
	margin: 0 -15px;
}
.ul-case-i li {
	float: left;
	width: 20%;
	height:350px;
	margin-bottom: 30px;
	overflow: hidden;
        position:relative;
}
.ul-case-i li a {
	display: block;
	position: relative;
        height:100%;
	-o-transition:.3s;
	-ms-transition:.3s;
	-moz-transition:.3s;
	-webkit-transition:.3s;
	transition:.3s;
}
.ul-case-i li .pic-letter{
   position:absolute;
   left:0px;
   top:0px;
   width:100%;
   height:100%;
   color:#fff;
   text-align: center;
   padding-top: 50px;
   z-index: 200;
}
.ul-case-i li .pic-letter>div{
   width:100%;
   height:65px;
   text-align:center;
}
.ul-case-i li .pic-letter em{
    display: block;
    width: 10px;
    height: 2px;
    background: #fff;
    margin: 10px auto 18px;
}
.ul-case-i li .pic-letter p{
    font-size: 14px;
    margin: auto 40px;
}
.ul-case-i li .pic-letter p.desc{
   opacity:0;
       -webkit-transition: all .8s;
    -moz-transition: all .8s;
    -ms-transition: all .8s;
    -o-transition: all .8s;
    transition: all .8s;
}

.ul-case-i li .pic-letter button{
   background:none;
   display:none;
   color:#fff;
}

.ul-case-i li .pic-letter button:hover {
    color: #fff;
    border: 1px solid #e4392a;
    background-color: #e4392a;
}
.ul-case-i li .pic{
      height:100%;
}
.ul-case-i li .pic img {
	width: 100%;
	display: block;
	height:100%;
}

.ul-case-i li:hover .pic-letter em{
   display:none
}

.ul-case-i li:hover .pic-letter p.desc{
   opacity:1;
}



.ul-case-i li:hover .pic-letter button{
   display:inline-block
}
.ul-case-i li a .hover {
	position: absolute;
	left: 0;
	top: -100%;
	width: 100%;
	height: 100%;
	text-align: center;
	 opacity: 0.8;
        background-color: #3682DB;
	color: #fff;
	/*display: none;background: url(../images/alpha_red_80.png) repeat;*/
	-o-transition:.3s;
	-ms-transition:.3s;
	-moz-transition:.3s;
	-webkit-transition:.3s;
	transition:.3s;
        z-index: 100;
}
.ul-case-i li .hover b, .ul-case-i li .hover .txt, .case-img .hover b, .case-img .hover .txt {
	display: inline-block;
	vertical-align: middle;
}
.ul-case-i li .hover b, .case-img .hover b {
	width: 0;
	height: 100%;
}
.ul-case-i li a:hover .hover {
	/*display: block;*/
	top: 0;
}
.ul-case-i-1 li {
	width: 25%;
}
.case-i{
   margin-bottom:100px;
}
.more-i {
	text-align: center;
	padding-bottom: 35px;
        display:none;
}
.more-i a {
	display: inline-block;
	width: 65px;
	height: 65px;
	background: url(../images/arr2.png) center center no-repeat #000014;
	border-radius: 100%;
}
.more-i a:hover {
	background-color: #e4392a;
}
.news-bg {
	background: url(../images/bg_2.png) center top no-repeat;
	overflow: hidden;
}
.tit-i-1 h3 {
	color: #fff;
}
.tit-i-1 em {
	border-bottom-color: #dddde1;
}
.ul-news-i {
	/*margin-right: -10px;*/
	margin-left: -30px;
	width: 110%;
}
.ul-news-i li {
	float: left;
	width: 24.5%;
	color: #fff;
	position: relative;
	min-height: 295px;
	-o-transition:.3s;
	-ms-transition:.3s;
	-moz-transition:.3s;
	-webkit-transition:.3s;
	transition:.3s;
	overflow: hidden;
}
.ul-news-i li:last-child {
/*width: 21%;*/
}
.ul-news-i li .txt {
	padding-left: 30px;
	padding-right: 58px;
}
.ul-news-i li .txt span {
	padding: 15px 8px;
	display: inline-block;
	border: 1px solid #fff;
	border-radius: 5px;
	font-size: 14px;
}
.ul-news-i li .txt span em {
	display: block;
	font-size: 20px;
}
.ul-news-i li:last-child .txt {
/*padding-right: 0;*/
}
.ul-news-i li h3 a {
	color: #fff;
	display: inline-block;
	padding: 20px 0;
}
.ul-news-i li p {
	color: #bbbbbe;
	line-height: 20px;
}
.ul-news-i li .more {
	background: url(../images/more1.png) no-repeat;
	width: 36px;
	height: 36px;
	display: inline-block;
	margin-top: 50px;
}
.ul-news-i li .hover {
}
.ul-news-i li .hover .img {
	width: 100%;
	position: absolute;
	top: -165px;
	left: 7px;
	-o-transition:.3s;
	-ms-transition:.3s;
	-moz-transition:.3s;
	-webkit-transition:.3s;
	transition:.3s;
}
.ul-news-i li .hover .pad {
	padding: 0 27px 20px 27px;
	position: absolute;
	left: 7px;
	bottom: -148px;
	-o-transition:.3s;
	-ms-transition:.3s;
	-moz-transition:.3s;
	-webkit-transition:.3s;
	transition:.3s;
	background-color: #000022;
	width: 92%;
}
.ul-news-i li .hover .img {
	height: 165px;
	width: 92%;
}
.ul-news-i li.on .hover .img {
	/*display: block;*/
	top: 0;
}
.ul-news-i li.on .hover .pad {
	bottom: 0;
}
.news-more {
	text-align: center;
	padding-bottom: 100px;
	padding-top: 50px;
}
.news-more a {
	display: inline-block;
	width: 178px;
	height: 48px;
	border: 1px solid #fff;
	border-radius: 5px;
	line-height: 48px;
	text-align: center;
	font-size: 18px;
	color: #fff;
	text-transform: uppercase;
}
.news-more a:hover {
	background-color: #e4392a;
         border: 1px solid #e4392a;
}
.contact-l {
	width: 38%;
	float: left;
}
.contact-r {
	width: 62%;
	float: right;
}
.ul-contact li {
	background: url(../images/i_icon2.png) no-repeat;
	padding-left: 60px;
	font-size: 14px;
	margin-bottom: 20px;
	line-height: 35px;
}
.ul-contact li.li1 {
	background-position: 0 0;
}
.ul-contact li.li2 {
	background-position: 0 -74px;
}
.ul-contact li.li3 {
	background-position: 0 -184px;
}
.contact-form .inp {
	width: 49%;
	border: 1px solid #6d6d88;
	height: 33px;
	padding: 0 10px;
	margin-bottom: 15px;
}
.contact-form textarea {
	width: 100%;
	border: 1px solid #6d6d88;
	height: 98px;
	margin-bottom: 24px;
}
.contact-form .sub {
	width: 100%;
	height: 40px;
	line-height: 40px;
	text-align: center;
	color: #fff;
	background-color: #63637f;
	border: 0;
	cursor: pointer;
	font-family:"微软雅黑", "Microsoft Yahei";
	font-size: 16px;
}
.map {
	margin-top: 100px;
	position: relative;
        margin-bottom: -20px;
}
.map em {
	background: url(../images/arr1.jpg) center top no-repeat;
	width: 100%;
	height: 15px;
	display: block;
	position: absolute;
	left: 0;
	top: 0;
}
.map-s {
	background: url(../images/map_s.png) center top;
	height: 107px;
	text-align: center;
	overflow: hidden;
}
.map .btn {
	text-align: center;
	color: #fff;
	font-size: 18px;
	line-height: 132px;
	display: inline-block;
}
.map .btn-down {
	background: url(../images/map_down.png) no-repeat;
	width: 112px;
	height: 48px;
	display: inline-block;
	position: absolute;
	left: 50%;
	top: 52px;
	margin-left: -50px;
	z-index: 99;
}
#map {
}
.map-pop {
	display: none;
	height: 540px;
	position: absolute;
	left: 0;
	bottom: 0;
	width: 100%;
}
.map .map-bg1, .map .map-bg2 {
	background: url(../images/ban_bg_top.png) no-repeat center 0;
	height: 54px;
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	z-index: 66;
}
.map .map-bg2 {
	background-image: url(../images/map_bg2.png);
	height: 41px;
	bottom: 0px;
	top: auto;
}
.map-pop-big {
	height: 600px;
	bottom:auto;
	top: 0;
}
.map-big {
	height: 600px;
	margin-top: 0;
}
/*内页*/
#ban-in {
	position: relative;
	background-position: center 0;
	background-repeat: no-repeat;
	/*padding-top: 16%;*/
	height: 300px;
}
#ban-in .ban-bg {
	background: url(../images/ban_bg.png) center top no-repeat;
	height: 54px;
	width: 100%;
	position: absolute;
	left: 0;
	bottom: -30px;
	z-index: 60;
}
.pages {
	text-align: center;
	margin-bottom: 105px;
	margin-top: 20px;
}
.pages a {
	display: inline-block;
	width: 41px;
	height: 41px;
	background-color: #edecec;
	border-radius: 3px;
	text-align: center;
	line-height: 41px;
	font-family: Arial;
	font-size: 18px;
	color: #666;
	margin: 0 4px;
}
.pages a:hover, .pages .page-on {
	background-color: #e4392a;
	color: #fff;
}
/*网思动态*/
.ul-list {
	margin: 0 -15px;
}
.ul-list li {
	float: left;
	width: 25%;
	margin-bottom: 30px;
	height:360px;
        position:relative
}
.ul-list li .pic img {
	width: 270px;
        height: 180px;
	display: block;
	zoom:1;
      
}

.ul-case-list li .pic img{
    -webkit-transition: all .8s;
        -moz-transition: all .8s;
        -ms-transition: all .8s;
        -o-transition: all .8s;
        transition: all .8s;
}
.ul-list li .pad {
	padding: 0 15px;
}
.ul-list li .bor {
	border: 1px solid #e2e3e8;
        height: 345px;
        overflow:hidden;
}
.ul-list li:hover .bor {
   -webkit-box-shadow: 0px 2px 8px 0px rgba(0,0,0,0.4);
  -moz-box-shadow: 0px 2px 8px 0px rgba(0,0,0,0.4);
 -ms-box-shadow: 0px 2px 8px 0px rgba(0,0,0,0.4);
-o-box-shadow: 0px 2px 8px 0px rgba(0,0,0,0.4);
   box-shadow: 0px 2px 8px 0px rgba(0,0,0,0.4);
}

.ul-list li:hover .bor  h3 a{
   /* color:red */
}
.ul-case-list li:hover .pic img {
   -webkit-transform:scale(1.1);
   -moz-transform:scale(1.1);
   -ms-transform:scale(1.1);
   -o-transform:scale(1.1);
   transform:scale(1.1);
}
.ul-list li .txt {
	padding: 15px 0px;
	line-height: 20px;
	color: #666;
 	word-break: break-all;
}
.ul-list li .more {
	height: 42px;
	line-height: 42px;
	border-top: 1px dotted #e2e3e8;
	background-color: #f0f2f5;
	padding: 0 14px;
	display: none;
}
.ul-list li .more a {
	color: #e4392a;
}
.ul-list li .more a:hover {
	text-decoration: underline;
}
.ul-list li .title {
	height: 55px;
        padding:0px 15px 20px;
}
.ul-list li .title span {
	float: left;
	border: 1px solid #e2e3e8;
	background-color: #f0f2f5;
	display: inline-block;
	text-align: center;
	padding: 6px 5px;
	margin-right: 15px;
}
.ul-list li .title span em {
	display: block;
	font-size: 16px;
}
.ul-list li .title h3 {
	overflow: hidden;
	height: 54px;
        font-size:14px;
        font-weight:bold;
}

.ul-list .pad   .txt .date {
	bottom: 25px;
	right: 30px;
	position: absolute;
}
.ul-list .pad  .txt p {
	
        padding:15px;
}
.ul-news-list li {
	width: 100%;
	height: auto;
       background: #F5F6FA;
}

.ul-news-list li>a{
   display:block;
   width:100%;
   height:100%;
}

.ul-news-list li:hover .title h3{
   color:red;
}

.ul-news-list li .title h3 {
	border-bottom: none;
	font-family: PingFang-SC-Medium;
	font-size: 20px;
	color: #4A4A4A;
	line-height: 28px;
}

.ul-news-list li .txt p {
	font-family: PingFang-SC-Regular;
	font-size: 14px;
	color: #4A4A4A;
	line-height: 17px;
}

.ul-news-list li:first-child .pad .pic {
	float: left;
}

.ul-news-list li:first-child .bor {
	height: 300px;
}

.ul-news-list li .readmore {
	height: 42px;
	line-height: 42px;
	padding-left: 16px;
        margin-top: 30px;
}

@media screen and (max-width: 960px){
   .ul-news-list.ul-list li{width:100%}
}
.ul-news-list li .bor {
	height: auto;
	background: #F5F6FA;
	border: none;
}

.ul-news-list li .pic {
	width: 260px;
	float: left;
   position: relative;
}

.ul-news-list li .pad {
	margin-left: 280px;
}

.ul-news-list li .pic img {
	width: 270px;
	height: 328px;
	display: block;
	transform: none;
	transition: none;
	-moz-transform: none;
	-moz-transition: none;
	-webkit-transform: none;
	-webkit-transition: none;
	-o-transform: none;
	-o-transition: none;
	-ms-transform: none;
	-ms-transition: none;
	zoom: 1;
}
 
.ul-news-list li .pic span {
	position: absolute;
	left: 15;
	top: 0;
	padding: 5px 15px;
	border-radius: 2px;
}

.ul-news-list li .pic span, .ul-news-list li .padsec span {
	float: left;
	border-right: 1px solid #e2e3e8;
	display: inline-block;
	text-align: center;
	padding: 15px 30px;
	font-family: PingFang-SC-Medium;
	font-size: 26px;
	color: #000000;
	line-height: 44px;
}

.ul-news-list li .pad, .ul-news-list li .padsec {
	padding: 0 0;
}

.ul-news-list li .padsec .txt {
	padding-left: 160px;
	line-height: normal;
}

.ul-news-list li .title {
	height: auto;
	margin-bottom: 0;
}

.ul-news-list li .pic span {
	color: white;
	border: none;
        background:rgba(224,66,38,0.6);
        padding:5px 15px;
}

.ul-news-list li .pic span em, .ul-news-list li .padsec span em {
	display: block;
	font-size: 20px;
}

.ul-news-list li .prod-btn {
	margin-top: 0px;
	margin-bottom: 0px;
}
@media screen and (max-width:1200px) {
	.ul-news-list {
		margin: 0px 15px;
	}
}

@media screen and (max-width:860px) {
	.ul-news-list li>.pic {
		float: none;
		margin: 0px auto;
	}
	.ul-news-list li .pad {
		text-align: center;
		margin: 0px auto;
	}
}
/*网思案例*/
.sub-nav {
	text-align: center;
	margin-bottom: 50px;
	margin-top: -18px;
}
.sub-nav ul li {
	display: inline-block;
	margin: 0 18px;
	font-size: 16px;
}
.sub-nav ul li a {
	padding-left: 14px;
	display: inline-block;
}
.sub-nav ul li a {
	height: 25px;
	padding-left: 0px;
	font-weight: bold;
 line-height:0px;
}

.sub-nav ul li {
	height: 26px;
}

.sub-nav ul li .selected {
	color: #e4392a;
	border-bottom: 3px solid #e4392a;
       
}

.sub-nav ul li a:hover, .sub-nav ul li.on a {
	background: none;
	color: #e4392a;
	border-bottom: 3px solid #e4392a;
}

.ul-case {
	margin: 0 -15px;
}
.ul-case li {
	float: left;
	width: 33.3333%;
	padding: 0 15px;
	margin-bottom: 30px;
	overflow: hidden;
	position: relative;
}
.ul-case li .block {
	display: block;
	width: 100%;
	height: 100%;
	position: relative;
	overflow: hidden;
}
.ul-case li .pic img {
	display: block;
	width: 370px;
        height:240px;
}
.ul-case li .txt {
	position: absolute;
	left: 0;
	top: 0%;
	width: 100%;
	height: 100%;
	background: url(../images/alpha_blue_60.png) repeat;
	text-align: center;
	color: #fff;
	-o-transition:.3s;
	-ms-transition:.3s;
	-moz-transition:.3s;
	-webkit-transition:.3s;
	transition:.3s;
	opacity:0;
}
.ul-case li .txt h5, .ul-case li .txt h3 {
	color: #fff;
}
.ul-case li .txt:hover {
	opacity:1;
}
.ul-case li .txt b, .ul-case li .txt .pad {
	display: inline-block;
	vertical-align: middle;
}
.ul-case li .txt b {
	width: 0;
	height: 100%;
}
.ul-case li .txt h5 {
	font-size: 16px;
}
.ul-case li .txt em {
	width: 45px;
	height: 0;
	border-bottom: 1px solid #fff;
	display: inline-block;
	margin: 20px 0 40px 0;
}
.ul-case li .txt h3 {
	font-size: 18px;
	margin-bottom: 40px;
}
.ul-case li .txt .more {
	width: 122px;
	height: 45px;
	display: inline-block;
	text-align: center;
	line-height: 45px;
	background-color: #e4392a;
	color: #fff;
	border-radius: 5px;
	font-size: 14px;
}
.ul-case li .txt .more:hover {
	opacity: .8;
	-ms-filter:'progid:DXImageTransform.Microsoft.Alpha(Opacity= 80)';
 filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=80);
}
.ul-case li.on .txt {
	top: 0;
}
/*关于网思*/
.about-info {
	text-align: center;
	font-size: 14px;
	line-height: 34px;
	color: #666;
	padding-bottom: 50px;
}
.customer {
	background: url(../images/bg_3.jpg) center top no-repeat;
	padding-top: 25px;
	padding-bottom: 54px;
	margin-top: 50px;
}
.ul-customer li {
	float: left;
	width: 20%;
}
.ul-customer li a {
	display: block;
	width: 100%;
	height: 87px;
	border: 1px solid #fff;
	text-align: center;
	border: 0;
}
.ul-customer li a b, .ul-customer li a img {
	display: inline-block;
	vertical-align: middle;
}
.ul-customer li a b {
	width: 0;
	height: 100%;
}
.ul-customer li a img {
	filter: url("data:image/svg+xml;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\'><filter id=\'grayscale\'><feColorMatrix type=\'matrix\' values=\'0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0\'/></filter></svg>#grayscale"); /* Firefox 10+, Firefox on Android */
	filter: gray; /* IE6-9 */
	-webkit-filter: grayscale(100%); /* Chrome 19+, Safari 6+, Safari 6+ iOS */
}
.ul-customer li a:hover {
	border: 1px solid #fff;
}
.team {
	padding-bottom: 95px;
}
.team .flexslider {
	position: relative;
}
.team .flexslider em {
	width: 10px;
	height: 30px;
	display: inline-block;
	position: absolute;
	left: 50%;
	bottom: 0;
	background-color: #fff;
}
.team .flexslider .slides li {
	/*background-position: 89% 0;*/
	height: 468px;/*background-repeat: no-repeat;*/
}
.team .flexslider li .txt {
	padding-top: 85px;
	font-size: 14px;
	line-height: 36px;
	width: 30%;
	float: left;
}
.team .flexslider li .txt h3 {
	font-size: 30px;
	color: #63637f;
	padding-bottom: 25px;
}
.team .flexslider li .txt .more {
	width: 123px;
	height: 37px;
	border-radius: 5px;
	display: inline-block;
	line-height: 37px;
	text-align: center;
	margin-top: 40px;
	font-size: 16px;
	border: 1px solid #63637f;
	color: #63637f;
}
.team .flexslider li .txt .more:hover {
	border: 1px solid #e85346;
	color: #e4392a;
}
.team .flexslider li .pic {
	float: right;
	position: relative;
	width: 70%;
	margin-right: -308px;
}
.team .flexslider li .pic img {
	position: absolute;
	left: 0;
	top: 0;
	width: auto;
	opacity: 0;
	-ms-filter:'progid:DXImageTransform.Microsoft.Alpha(Opacity= 0)';
 filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
	opacity: 1\0;
	-ms-filter:'progid:DXImageTransform.Microsoft.Alpha(Opacity= 100)'\9;
 filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=100)\9;
}
.team .flex-direction-nav {
	max-width: 1170px;
	margin: 0 auto;
	background: url(../images/line.jpg) repeat-x center center;
	height: 30px;
	text-align: center;
}
.team .flex-direction-nav li {
	display: inline-block;
}
.team .flex-direction-nav a {
	position: relative;
	width: 216px;
	height: 30px;
	text-align: center;
	background: url(../images/arr_t.png) center center no-repeat #63637f;
	border-radius: 10px;
	display: inline-block;
	opacity: 1 !important;
	-ms-filter:'progid:DXImageTransform.Microsoft.Alpha(Opacity= 100)';
 filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
	top: 13px;
}
.team .flex-direction-nav .flex-prev {
}
.team .flex-direction-nav .flex-next {
	background-image: url(../images/arr_b.png);
	left: 10px;
}
.team .flex-direction-nav a:hover {
	background-color: #e4392a;
}
.flexslider .animated {
	opacity: 0;
	filter: alpha(opacity=0);
	opacity: 100\9;
	filter: alpha(opacity=100)\9;
}
/* .team .s1{
	-webkit-animation-delay: .5s;
	-o-animation-delay: .5s;
	-moz-animation-delay: .5s;
	animation-delay: .5s;
}

.team .s2{
	-webkit-animation-delay: .8s;
	-o-animation-delay: .8s;
	-moz-animation-delay: .8s;
	animation-delay: .8s;
}
.team .s3{
	-webkit-animation-delay: 1.2s;
	-o-animation-delay: 1.2s;
	-moz-animation-delay: 1.2s;
	animation-delay: 1.2s;
}
.team .s4{
	-webkit-animation-delay: 1.5s;
	-o-animation-delay: 1.5s;
	-moz-animation-delay: 1.5s;
	animation-delay: 1.5s;
} */

.ul-about li {
	float: left;
	width: 33.333%;
	text-align: center;
	font-size: 14px;
	line-height: 24px;
	color: #666;
}
.ul-about li h3 {
	font-size: 24px;
	color: #002;
	line-height: 36px;
}
.ul-about li em {
	display: inline-block;
	width: 45px;
	height: 0;
	border-bottom: 1px solid #7f7f90;
	margin-bottom: 20px;
	margin-top: 25px;
}
.ul-about li .block {
	position: relative;
	height: 235px;
	margin: 0 auto;
}
.ul-about li .block img {
	position: absolute;
	left: 0;
	top: 0;
	opacity: 0;
	-ms-filter:'progid:DXImageTransform.Microsoft.Alpha(Opacity= 0)';
 filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
}
.ul-about li.li1 .block {
	width: 150px;
}
.ul-about li.li2 .block {
	width: 215px;
}
.ul-about li.li3 .block {
	width: 252px;
}
.ul-about li.li1 .block, .ul-about li.li2 .block {
	padding-top: 30px;
}
/*动态详情页*/
.cur {
	line-height: 76px;
	font-family: "宋体";
	color: #666;
	background-color: #f8f9fa;
}
.cur1 {
	border-bottom: 1px solid #e5e5e5;
	margin-bottom: 31px;
}
.cur a {
	color: #666;
}
.article {
	color: #666;
	line-height: 30px;
}
.article h1 {
	font-size: 26px;
	color: #333;
	text-align: center;
	padding-top: 45px;
}
.article .time {
	line-height: 72px;
	border-bottom: 1px solid #999;
	text-align: center;
	margin-bottom: 25px;
}
.article .share {
	margin-bottom: 70px;
}
.article .share span {
	font-size: 14px;
	float: left;
	display: inline-block;
	line-height: 37px;
}
/*案例详情*/
.case-article {
	line-height: 30px;
	color: #666;
}
.case-article-bg {
	margin-bottom: 13%;
	margin-bottom: 5%\0 !important;
	background-position: top center\0 !important;
}
.case-article .case-logo {
	text-align: center;
	padding-top: 38px;
}
.case-article h1 {
	line-height: 40px;
	font-size: 18px;
	text-align: center;
}
.case-article .btn {
	text-align: center;
	padding: 10px 0;
	margin-bottom: 30px;
}
.case-article .btn a {
	display: inline-block;
	width: 120px;
	height: 30px;
	text-align: center;
	line-height: 30px;
	background-color: #e4392a;
	color: #fff;
	font-size: 14px;
	margin: 0 12px;
	border-radius: 5px;
}
.case-article .computer-bg {
	position: relative;
	text-align: center;
	background: url(../images/computer.png) center top no-repeat;
	transform: translateY(45.9%);
	-webkit-transform: translateY(45.9%);
	-moz-transform: translateY(45.9%);
	width: 70%;
	margin: 0 auto;
	margin: -32% auto 0 auto;
	-webkit-background-size: 100%;
	background-size: 89%;
	padding-top: 70%;
	margin:0 auto\0;
	padding-top: 50%\0;
}
.case-article .computer-bg img {
	position: absolute;
	left: 8.5%;
	top: 4%;
	width: 83%;
}
.case-article .case-back {
	text-align: center;
	margin-top: 50px;
	margin-bottom: 90px;
}
.case-article .case-back a {
	display: inline-block;
	width: 178px;
	height: 48px;
	text-align: center;
	line-height: 48px;
	border: 1px solid #63637f;
	color: #002;
	font-size: 18px;
	border-radius: 5px;
}
.case-article .case-back a:hover {
	background-color: #e4392a;
	color: #fff;
	border-color: #e4392a;
}
.article-prev, .article-next {
	position: absolute;
	top: 50%;
	background: url(../images/article_prev.png) no-repeat;
	width: 36px;
	height: 66px;
	margin-top: -33px;
	left: 0;
	z-index: 2;
}
.article-next {
	background-image: url(../images/article_next.png);
	left: auto;
	right: 0;
}
/*网思服务*/
.h50 {
	height: 50px;
	overflow: hidden;
	clear:both;
}
.ul-webset li {
	float: left;
	width: 33.333%;
	text-align: center;
	height: 322px;
}
.ul-webset li .block {
	position: relative;
	height: 220px;
	margin: 0 auto;
}
.ul-webset li.li1 .block {
	width: 366px;
}
.ul-webset li.li2 .block {
	width: 316px;
}
.ul-webset li.li3 .block {
	width: 230px;
}
.ul-webset li .block img {
	position: absolute;
	left: 0;
	top: 0;
	opacity: 0;
	-ms-filter:'progid:DXImageTransform.Microsoft.Alpha(Opacity= 0)';
 filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
}
.ul-webset li h3 {
	font-size: 24px;
	line-height: 34px;
	color: #333;
}
.ul-webset li .btn {
	background: url(../images/disc2.png) center center no-repeat #e60012;
	width: 34px;
	height: 34px;
	border-radius: 100%;
	display: inline-block;
	margin-top: 30px;
}
.ul-webset li .btn:hover {
	opacity: .6;
	-ms-filter:'progid:DXImageTransform.Microsoft.Alpha(Opacity= 60)';
 filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=60);
}
.ul-webset {
}
.webset-pop {
	position: absolute;
	left: 0;
	top: 0;
	background-color: #f5f6fa;
	border: 1px solid #e4e5e7;
	z-index: 60;
	padding: 0 27px;
	padding-bottom: 30px;
	opacity: 0;
	filter: alpha(opacity=0);
	z-index: -1;
	left: -100%;
	width: 100%;
	overflow: hidden;
}
.webset-pop h2 {
	font-size: 20px;
	text-align: left;
	line-height: 66px;
}
.webset-pop h2 a.close {
	background: url(../images/close.png) no-repeat;
	width: 28px;
	height: 28px;
	display: inline-block;
	position: relative;
	top: 20px;
	left: auto;
	float: right;
}
.webset-pop .txt {
	width: 25%;
	margin-right: -10px;
	display: inline-block;
	text-align: left;
	vertical-align: top;
}
.nowrap * {
	white-space: nowrap;
}
.webset-pop .txt h4 {
	font-size: 20px;
	background: url(../images/icon1.png) left top no-repeat;
	padding-left: 60px;
	height: 40px;
}
.webset-pop .txt h4.tit-web1 {
	background-image: url(../images/icon2.png);
}
.webset-pop .txt h4.tit-web2 {
	background-image: url(../images/icon3.png);
}
.webset-pop .txt dl {
	padding-left: 57px;
}
.webset-pop .txt dl dd {
	font-size: 16px;
	line-height: 34px;
	background: url(../images/disc4.png) left center no-repeat;
	padding-left: 15px;
}
.webset-pop .txt1 {
	width: 50%;
}
.ul-webset li .ul-txt {
	padding-left: 57px;
	border: 0;
}
.ul-webset li .ul-txt li {
	width: 100%;
	text-align: left;
	height: auto;
}
.ul-webset li .ul-txt li h5 {
	border: 0;
	font-size: 16px;
	height: 36px;
	line-height: 36px;
}
.ul-webset li .ul-txt li h5 a {
	padding-left: 15px;
	background: url(../images/disc4.png) left center no-repeat;
}
.ul-webset li .ul-txt li .txt-1 {
	font-size: 14px;
	line-height: 24px;
	color: #999;
	padding-left: 27px;
	padding-bottom: 15px;
	display: none;
}
.ul-webset li .ul-txt li.ok .txt-1 {
	display: block;
}
 ..ul-web {
 background: url(../images/jjd.png) center center no-repeat;
 overflow: hidden;
 background-size: 100%;
}
.ul-web li {
	float: left;
	text-align: center;
	width: 25%;
	padding-left: 5%;
}
.ul-web li h3 {
	display: inline-block;
	border: 1px dashed #358acb;
	height: 38px;
	line-height: 38px;
	border-radius: 5px;
	padding: 0 17px;
	color: #358acb;
	font-size: 16px;
	margin-top: 20px;
}
.ul-web li .block {
	position: relative;
	height: 151px;
}
.ul-web li .block img {
	position: absolute;
	left: 20px;
	top: 0;
	opacity: 0;
	-ms-filter:'progid:DXImageTransform.Microsoft.Alpha(Opacity= 0)';
 filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
}
.ul-web li.li1 .block {
	width: 116px;
	left: 50%;
	margin-left: -70px;
}
.ul-web li.li2 .block {
	width: 151px;
	left: 50%;
	margin-left: -95px;
}
.ul-web li.li3 .block {
	width: 125px;
	left: 50%;
	margin-left: -85px;
}
.ul-web li.li4 .block {
	width: 195px;
	left: 50%;
	margin-left: -120px;
}
.bg-blue {
	background: url(../images/bg_4.png) center top no-repeat;
	padding-top: 25px;
	padding-bottom: 100px;
}
.ul-tab {
	width: 193px;
	float: left;
	background: url(../images/line3.png) repeat-y 183px top;
	margin-right: 80px;
	padding-top: 45px;
}
.ul-tab li {
	margin-bottom: 50px;
}
.ul-tab li a {
	color: #666;
}
.ul-tab li h3 {
	font-size: 20px;
	background: url(../images/circle.png) right center no-repeat;
}
.ul-tab li span {
	display: block;
	font-size: 14px;
	color: #999;
}
.ul-tab li.hover h3, .ul-tab li a:hover h3 {
	background-image: url(../images/circle1.png);
	color: #e4392a;
}
.ul-tab li.hover span, .ul-tab li a:hover span {
	color: #e4392a;
}
.tab-show {
}
.tab-con {
	overflow: hidden;
}
.tab-con .animated {
	opacity: 0;
	filter: alpha(opacity=0);
}
.tab-show {
	height: 419px;
	overflow: hidden;
}
.web-con .shou {
	position: absolute;
	right: 0;
	top: 0;
	z-index: 10;
}
.web-con .pic {
	float: right;
	position: relative;
	width: 139px;
	text-align: center;
	margin-top: 50px;
	margin-right: 40px;
}
.web-con .flex-control-nav {
	display: none;
}
.web-con .pic .img {
	/* position: absolute;
	left: 43px;
	top: 50px; */
	width: 139px;
	z-index: -1;
	display: inline-block;
}
.tab-con .txt {
	/*width: 66%;*/width: 84%;
}
.tab-con .pic {
	float: right;
	position: relative;
	width: 218px;
	text-align: center;
	margin-top: 50px;
}
.tab-con .pic .img {
	/* position: absolute;
	left: 43px;
	top: 50px; */
	width: 139px;
	z-index: -1;
}
.tab-con-box {
	width: 59%;
	float: left;
}
.tab-con .txt p {
	font-size: 14px;
	line-height: 24px;
	color: #666;
	padding-bottom: 45px;
}
.ul-icon {
	/*padding-right: 50px;*/
	overflow: hidden;
}
.ul-icon li {
	width: 94px;
	height: 94px;
	border-radius: 100%;
	background-color: #e4e5e7;
	color: #666;
	text-align: center;
	float: left;
	font-size: 15px;
	line-height: 22px;
	padding: 0 17px;
	margin:  0 25px 30px 25px;
}
.ul-icon li b, .ul-icon li span {
	display: inline-block;
	vertical-align: middle;
}
.ul-icon li b {
	width: 0;
	height: 100%;
}
.service {
	background: url(../images/server_sys.jpg) center top no-repeat;
	padding-top: 25px;
	padding-bottom: 63px;
}
.process {
	overflow: hidden;
}
.process .con {
	position: relative;
}
.animate-box, .animate-box .con {
	width: 1170px;
}
.process .pad {
	padding-top: 26%;
}
.process img {
	position: absolute;
	left: 0;
	top: 0;
}
.process span {
	display: inline-block;
	color: #90a1b3;
	font-size: 16px;
	position: absolute;
}
.process span.s1 {
	left: 0%;
	top: 0%;
}
.process span.s2 {
	left: 4.6%;
	top: 0%;
}
.process span.s3 {
	left: 1.6%;
	top: 22%;
}
.process span.s4 {
	left: 1.6%;
	top: 65%;
}
.process span.s5 {
	left: 9.5%;
	top: 42%;
}
.process span.s6 {
	left: 20%;
	top: 65%;
}
.process span.s7 {
	left: 27%;
	top: 50%;
}
.process span.s8 {
	left: 38%;
	top: 89%;
}
.process span.s9 {
	left: 49%;
	top: 15%;
}
.process span.s10 {
	left: 57%;
	top: 89%;
}
.process span.s11 {
	left: 77.5%;
	top: 64%;
}
.process span.s12 {
	left: 94%;
	top: 4%;
}
.process em {
	position: absolute;
	background: url(../images/r1.png) no-repeat;
	display: inline-block;
	z-index: 60;
	opacity: 0;
	-ms-filter:'progid:DXImageTransform.Microsoft.Alpha(Opacity= 0)';
 filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
}
.process em.q1 {
	width: 60px;
	height: 61px;
	left: 0;
	top: 40%;
}
.process em.q2 {
	width: 57px;
	height: 57px;
	top: 42%;
	left: 19%;
	background-image: url(../images/r2.png);
}
.process em.q3 {
	background-image: url(../images/r3.png);
	width: 62px;
	height: 56px;
	top: 68%;
	left: 38%;
}
.process em.q4 {
	background-image: url(../images/r4.png);
	width: 86px;
	height: 86px;
	top: 29%;
	left: 47%;
}
.process em.q5 {
	background-image: url(../images/r5.png);
	width: 63px;
	height: 59px;
	top: 68%;
	left: 57%;
}
.process em.q6 {
	background-image: url(../images/r6.png);
	width: 51px;
	height: 51px;
	left:77%;
	top: 40%;
}
.process em.q7 {
	background-image: url(../images/r7.png);
	width: 68px;
	height: 63px;
	left: 94%;
	top: 18%;
}
.ul-solution {
	overflow: hidden;
}
.ul-solution li {
	float: left;
	width:16.66666%;/*width: 15.67%;*/
	text-align: center;
	margin-bottom: 65px;
	position: relative;
}
.ul-solution li a {
	display: block;
	height: 140px;
	font-size: 16px;
	line-height: 30px;
	-o-transition:.3s;
	-ms-transition:.3s;
	-moz-transition:.3s;
	-webkit-transition:.3s;
	transition:.3s;
}
.ul-solution li a span {
	display: block;
	background: url(../images/icon_solution.png) no-repeat;
	width: 102px;
	height: 102px;
	margin: 0 auto;
	margin-bottom: 20px;
	position: relative;
}
.ul-solution li a em {
	display: block;
	position: relative;
}
.ul-solution li.li1 span {
	background-position: -1px 0;
}
.ul-solution li.li2 span {
	background-position: -215px 0;
}
.ul-solution li.li3 span {
	background-position: -429px 0;
}
.ul-solution li.li4 span {
	background-position: -643px 0;
}
.ul-solution li.li5 span {
	background-position: -857px 0;
}
.ul-solution li.li6 span {
	background-position: -1070px 0;
}
.ul-solution li.li7 span {
	background-position: 0px bottom;
}
.ul-solution li.li8 span {
	background-position: -215px bottom;
}
.ul-solution li.li9 span {
	background-position: -429px bottom;
}
.ul-solution li.li10 span {
	background-position: -643px bottom;
}
.ul-solution li.li11 span {
	background-position: -857px bottom;
}
.ul-solution li.li12 span {
	background-position: -1070px bottom;
}
.ul-solution li a:hover span {
	background-image: url(../images/icon_solution_h.png);
}
.service-con .pic a:hover {
	opacity: .8;
	-ms-filter:'progid:DXImageTransform.Microsoft.Alpha(Opacity= 80)';
 filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=80);
}
.service-con .col-l, .service-con .col-r {
	width: 50%;
	float: left;
}
.service-con .tit-s {
	line-height: 100px;
	background: url(../images/disc3.png) left center no-repeat;
	padding-left: 14px;
	font-size: 18px;
}
.ul-service li {
	float: left;
	width: 50%;
	padding-right: 29px;
	margin-bottom: 30px;
}
.ul-service li .pad {
	font-size: 14px;
	padding: 14px;
	height: 148px;
	border: 1px solid #e5e5e5;
}
.ul-service li .pad p {
	max-height: 60px;
	overflow: hidden;
}
.ul-service li .pad span {
	display: block;
	overflow: hidden;
	clear: both;
}
.ul-service li .pad span i {
	display: block;
	font-style: normal;
	vertical-align: top;
	padding-left: 40px;
	padding-top: 6px;
}
.ul-service li img {
	display: block;
	float: left;
	margin-bottom: 16px;
}
.ul-txt {
	border: 1px solid #e5e5e5;
}
.ul-txt li {
}
.ul-txt li h5 {
	background: url(../images/jia.png) 95% center no-repeat;
	font-size: 14px;
	height: 48px;
	line-height: 48px;
	border-bottom: 1px solid #e5e5e5;
	padding-left: 14px;
}
.ul-txt li .txt {
	border-bottom: 1px solid #e5e5e5;
	line-height: 20px;
	display: none;
	color: #666;
	height: 130px;
	padding: 0 14px;
}
.ul-txt li.ok .txt {
	display: block;
}
.ul-txt li.ok h5 {
	background-image: url(../images/jian.png);
	border-bottom: 0;
}
.service-btn {
	text-align: center;
	padding: 55px 0;
}
.service-btn a {
	display: inline-block;
	width: 170px;
	height: 40px;
	text-align: center;
	line-height: 40px;
	background-color: #e4392a;
	color: #fff;
	font-size: 14px;
	border-radius: 5px;
	margin: 0 22px;
}
.service-btn a:hover {
	opacity: .8;
	-ms-filter:'progid:DXImageTransform.Microsoft.Alpha(Opacity= 80)';
 filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=80);
}
.case-img2 p {
	text-align: center;
}
.dede_pages {
	text-align:center;
	margin-top:30px;
	display:inline-block;
	width:100%;
	margin-bottom:50px;
}
.dede_pages ul {
	padding:12px 0px 12px 16px;
	text-align:center;
}
.dede_pages ul li {
	float:left;
	font-family:Tahoma;
	line-height:28px;
	margin-right:6px;
	
        margin-bottom:5px;
	border:1px solid #E9E9E9;
}
.dede_pages ul li select {
	height:28px;
	line-height:28px;
	text-align:center;
        border-color: white;
        outline: none;
}
.dede_pages ul li a {
	float:left;
	color:#555;
	display:block;
	padding:0px 14px;
	line-height:28px;
}
.dede_pages ul li a:hover {
	color:#690;
	text-decoration:none;
	line-height:28px;
	
}

.dede_pages ul li:first-child,.dede_pages ul li:nth-last-child(3){
   min-width:50px;
}
.dede_pages ul li.thisclass, .dede_pages ul li.thisclass a, .pagebox ul li.thisclass a:hover {
	background-color:#F8F8F8;
	padding:0px 14px;
	font-weight:bold;
}
.dede_pages .pageinfo {
	line-height:28px;
	padding:12px 5px 12px 5px;
	color:#999;
}
.dede_pages .pageinfo strong {
	color:#555;
	font-weight:normal;
	margin:0px 2px;
}
#nav .mycur {
	color:#e4392a;
	border-bottom:3px solid #e4392a;
}
.sub-nav ul li .mycur {
	background:url(../images/disc.jpg) left center no-repeat;
	color:#e4392a;
}
.prod-banner{
      width:100%;
      height:738px;
      background-color:#000332;
      background-size: 100%;
      position:relative;
    }

    /*.prod-banner:before{
      content: "";
      width: 311px;
      height: 495px;
      background: url('../../skin/images/prod_banner_2.png') no-repeat left top;
      position: absolute;
      left: 0px;
      top: 255px;
      background-size: 60%;
    }*/
   

    .prod-content{
      width:100%;
      height:100%;
      max-width:1170px;
      margin:0px auto;
     /* background: url('../../skin/images/prod_banner_2.png') no-repeat left center;
      background-size: 16%;*/
      position:relative;

    }

 .prod-content:after{
      content:"";
      width: 787px;
      height: 100%;
      position: absolute;
      right: 0px;
      top: 0px;
      background: url('../../skin/images/prod_banner_1.png') no-repeat right center;
      background-size: 73%;
    }
    .prod-banner-desc{
      margin-left:15px;
    }
    .prod-banner-desc h2{
      font-size: 36px;
      color: #FFFFFF;
      line-height: 1.4;
      margin-top: 0;
      margin-bottom: 5px;
    }

    .prod-banner-desc .title-en{
      font-size: 12px;
      color: #E6E6E6;
    }

    .prod-banner-desc .title-en>span{
      color: #ED4F3E;
      margin-left:20px;
    }

    .prod-banner-desc .intro{
      color:#fff;
      width:620px;
      font-size: 18px;
      line-height: 38px;
      margin-top:72px;
    }




    .prod-banner-bg{
      height: 40px;
      width: 100%;
      z-index: 60;
    }

    .prod-banner-bg-1{
      background: url('../../skin/images/prod_banner_bg_1.png') center top no-repeat;
    }

    .prod-banner-bg-2{
      background: url('../../skin/images/prod_banner_bg_2.png') center top no-repeat;
    }

    .prod-banner-bg-3{
      background: url('../../skin/images/prod_banner_bg_3.png') center top no-repeat;
    }

    .prod-banner-bg-4{
      background: url('../../skin/images/prod_banner_bg_4.png') center top no-repeat;
    }

    .produce-voice{
      width:100%;
      background-color: #f5f6fa;
      text-align: center;
    }

    .produce-content{
      max-width:1170px;
      margin:0px auto;
    }

    .produce-desc h2{
      padding-top:65px;
      font-size: 30px;
      color: #000;
      line-height: 1.4;
      margin-bottom: 5px;
    }
    .produce-desc .title-en{
      font-size: 14px;
      color: #9B9B9B;
    }
    .produce-desc .title-en>span{
      color: #ED4F3E;
      margin-left: 20px;
    }

    .produce-desc .intro {
      color: #4A4A4A;
      font-size: 16px;
      line-height: 38px;
      margin:50px 15px 35px;
    }


    .prod-btn{
      border:none;
      outline:none;
      width: 122px;
      height: 45px;
      display: inline-block;
      text-align: center;
      line-height: 45px;
      color: #4A4A4A;
      border-radius: 5px;
      font-size: 14px;
      cursor:pointer;
      border:1px solid #cacbcd;
      background-color: #f5f6fa;
      margin-top:30px;
      margin-bottom:20px;
    }

    .prod-btn:hover,.prod-btn.hover{
       color: #fff;
       border:1px solid  #e4392a;
       background-color: #e4392a;
    }

    .produce-cloud {
      width: 100%;
      background-color: #fff;
      text-align: center;
    }

    .iot-desc{
      max-width:1200px;
      text-align: left;
      margin:15px;
      font-size:14px;
      line-height:30px;
      color:#4A4A4A;
    }

    .iot-adev-content{
      margin:44px auto auto;
      width:1000px;
      background: url('../../skin/images/prod_iot.png') center top no-repeat;
      padding-bottom: 60px;
    }

    .iot-adev-content:after {content: "";display: block;height: 0;visibility: hidden;clear: both}


    .adev-list{
      color:#4A4A4A;
      display: inline-block;
      margin-top:10px;
      float: left;
    }

    .adev-list li{
      line-height:56px;
      text-align:right;
      font-size: 16px;
      position: relative;

    }

    .adev-list.right{
      float:right
    }
    .adev-list.right li{
      text-align: left;
    }
    .adev-img{
      float: left;
    }

    .adev-list.left li:after, .adev-list.right li:before{
      content:"";
      display: inline-block;
      width:41px;
      height:41px;
      margin:0px 10px;
      vertical-align: -15px;
      background: url('../../skin/images/prod_iot_icon.png') center center no-repeat;
    }




    .adev-list.left li:nth-child(1):after{
      background-position: 0px 0px;
    }

    .adev-list.left li:nth-child(2):after{
      background-position: 0px -43px;
    }

    .adev-list.left li:nth-child(3):after{
      background-position: 0px -87px;
    }


    .adev-list.right li:nth-child(1):before{
      background-position: -45px 0px;
    }

    .adev-list.right li:nth-child(2):before{
      background-position: -45px -43px;
    }

    .adev-list.right li:nth-child(3):before{
      background-position: -45px -87px;
    }


    .prod-modeler {
      width: 100%;
      background-color: #1e3189;
      text-align: center;
      padding-bottom:30px;
    }

    .prod-modeler .produce-desc h2 {
      color:#F6F7FC;
    }

    .prod-modeler .produce-desc .title-en{
      color:#e6e6e6;
    }

    .modeler-content:after {content: "";display: block;height: 0;visibility: hidden;clear: both}
    .modeler-content img{float:left;}
    .modeler-content .info{float:left;width:430px;color:#fff;font-size: 18px;text-align: left;margin-top: 88px;margin-left: 66px;}
    .modeler-content .prod-btn{background-color:#1e3189; color: #e6e6e6;}
    .modeler-content .prod-btn:hover{ color: #fff;
       border:1px solid  #e4392a;
       background-color: #e4392a;}

    .prod-bigData{
      width: 100%;
      background-color: #fff;
      text-align: center;
    }

    .prod-bigData button{
      background-color: #fff;
      margin:60px auto;
    }

    .prod-clodev{
      width: 100%;
      background-color: #4a90e2;
      text-align: center;
      padding-bottom:30px;
    }

    .prod-clodev .produce-desc h2{
      color:#fff;
    }

    .prod-clodev .produce-desc .title-en{
      color:#E6E6E6;
    }

    .clodev-content:after {content: "";display: block;height: 0;visibility: hidden;clear: both}
    .clodev-content{
      margin:30px;
    }
    .clodev-content img{
      display:inline-block;
      width:35%;
    }

    .clodev-content .info{
          display: inline-block;
    vertical-align: 100px;
      margin-left: 45px;
    }

    .clodev-content .info p:nth-child(1){
       color:#fff;
       font-size: 27px;
       width: 250px;
    }
    .clodev-content .info p:nth-child(2){
      color:#003F69;
      margin:15px auto;
      font-size: 22px;
    }

    .clodev-content .info p:nth-child(3){
      color:#fff;
      font-size: 14px;
    }

    @media (max-width: 1400px){
      .prod-content:after{
        background-size: 65%;
        top: -30px;
        margin-right: 50px;
      }
    }
    @media (max-width:1200px){
      .prod-banner-desc .intro{
        width:480px;
      }
      .prod-content:after{
        width:55%;
      }

      .modeler-content img{
        width:48%;
      }
      .modeler-content .info{float:right;margin-right: 15px;margin-left: auto;margin-top: 50px;font-size: 16px}

    }

    @media (max-width: 768px){

      .prod-content:after{
        width:100%;
        background-position: center top;
        margin-top:0px;
        background-size: 55%;
        margin-right:auto;
        top:0px;
      }

      .prod-banner-desc{
        /*padding-top: 320px;*/
        text-align: center;
        position: absolute;
        bottom: 0px;
        margin-left:0px;
      }

      .prod-banner-desc .intro{
        width:100%;
        font-size:16px;
        text-align:center;
        margin-top:40px;
      }

      .clodev-content img{
        float:none;
      }
      .clodev-content .info{
        float:none;
        margin-top:30px;
       margin-left:auto;
      }
      .clodev-content .info p:nth-child(1){
        width:auto;
      }

      .produce-content>p{margin:auto 15px;}
    }
    @media (min-width: 768px){
ner-desc{padding-top:168px;}
    }

    @media (max-width: 960px){
      .iot-adev-content{width:96%;background-size: 35%}
      .adev-list.left{margin-right:10px;}
      .adev-list.right{margin-left:10px;}
      .adev-list li{font-size:14px;line-height:48px;}
      .adev-img img{width:80%;}
      .adev-list{margin-top:5px;}

    }

    @media (max-width: 890px) {
      .modeler-content .info{width: 320px;}

    }
    @media (max-width: 800px) {
      .adev-list{width:100%;}
      .adev-list ul{width:300px;margin:0px auto;}
      .adev-list ul li{text-align:left;}
      .iot-adev-content{background-size:45%;background-position: center 160px;padding-bottom:0px;}
      .adev-list.right{margin-top:125px;}

      .modeler-content img{
        float:none;
      }

      .modeler-content .info{width:90%;text-align:center;}

    .adev-list.left li:after{background:none;width:0px;height:0px;margin:0px;}

    .adev-list.left li:before{
      content:"";
      display: inline-block;
      width:41px;
      height:41px;
      margin:0px 10px;
      vertical-align: -15px;
      background: url('../../skin/images/prod_iot_icon.png') center center no-repeat;
      }

      .adev-list.left li:nth-child(1):before{
      background-position: 0px 0px;
    }

    .adev-list.left li:nth-child(2):before{
      background-position: 0px -43px;
    }

    .adev-list.left li:nth-child(3):before{
      background-position: 0px -87px;
    }
  }

.abt_banner{width:100%;margin-bottom: 50px;}

     .ul-about li .block{height:165px;}
     .ul-about li em{border: 2px solid #E04226;width:40px;margin-top:10px;margin-bottom:5px;}

     .abt_cmp{width:100%;}
     .abt_cmp:after {content: "";display: block;height: 0;visibility: hidden;clear: both}
     .abt_cmp li{float:left;width:50%;text-align: center}
     .abt_cmpC{margin-bottom:100px;}
     .abt_cmpC li{width:33.33333333%;}
     .abt_cmp li .img{height:120px;position:relative;width: 120px;margin:0px auto;}
     .abt_cmp li h3{font-size: 24px;  color: #002;  line-height: 36px;}
     .abt_cmp li em{border: 2px solid #E04226;  width: 40px;  margin-top: 10px;  margin-bottom: 5px;display: inline-block;}
     .abt_cmp li p{margin: 0px auto;color:#4A4A4A;line-height: 24px;}
     .abt_cmp li p.mult_line{width: 40%;}

     .cmp_sys{margin-top: 100px;width:100%;text-align: center;}
     .cmp_sys .img{margin:30px auto 0px;width:80%;}

     .inno-timeline{color:#fff;}
     .inno-timeline:after {content: "";display: block;height: 0;visibility: hidden;clear: both}
     .inno-timeline .item{float:left;width:50%;text-align: center;margin-bottom:55px;}
     .inno-timeline .item .date{display:inline-block;width:45px;}
     .inno-timeline .item .date>p{width:100%;height:26px;line-height:26px;border: 1px solid #FFFFFF;text-align: center;}
     .inno-timeline .item .date>p:last-child{border-top: none;height:40px;line-height:40px;font-size: 20px;}
     .inno-timeline .item .info{display:inline-block;vertical-align:top;margin-left:10px;width:250px;text-align: left;}

     .join-us{width:100%;max-width: 1170px;margin: 0px auto;}
     .join-method>ul{width:100%;text-align: center;}
     .join-method>ul li{display: inline-block;font-size: 16px;line-height: 40px;margin-right:45px;cursor:pointer;}
     .join-method>ul li.sel{color:#E04226;border-bottom: 4px solid #E04226;}
     .method-list{text-align: center;margin-top: 90px;}
     .cpm_adv{width:100%;height:45px;line-height: 45px;background-color: #f5f6fa;font-size:16px;margin-top:30px;text-align: left}
     .cpm_adv>span{font-weight: bold;margin-left: 80px;margin-right:35px;}
     .job-content:after {content: "";display: block;height: 0;visibility: hidden;clear: both}
     .job-content{margin-top:30px;}
     .apply-flud{float:left;width:210px;background-color: #f5f6fa;text-align: center;height:315px;padding:12px 0px;}
     .apply-flud>p{font-size: 16px;font-weight: bold;margin-bottom: 12px;}
     .apply-flud ul{text-align: center;margin-top: 20px;}
     .apply-flud ul li{width:90px;height:40px;line-height:40px;position: relative;background: #F5F6FA;border: 1px dashed #9B9B9B;  border-radius: 2px;margin:0px auto 10px;}
     .apply-flud li:before{content:"";position: absolute;left:50%;top:-12px;height:12px;border: 1px solid #e1e1e4;}

     .job-list{margin-left: 250px;}
     .jobDes-item{margin-bottom: 10px;}
     .jobDes-item .title{border: 1px solid #9B9B9B;cursor:pointer;height:40px;line-height: 40px;text-align: left;font-size: 14px;}
     .jobDes-item .title i{font-style: normal;margin-left:10px;margin-right: 70px;font-weight: bold}
     .jobDes-item .content{border:1px solid #9B9B9B;display:none;border-top: none;text-align: left;  padding-left: 89px;  padding-top: 10px;  padding-bottom:10px;font-size: 14px;}
     .jobDes-item .content p{line-height: 22px;}
     .jobDes-item .content p.addr,.jobDes-item .content p.email{margin-top: 20px;}

     .jobDes-item.open{background-color: #f5f6fa;}
     .jobDes-item.open .content{display: block;}
     .jobDes-item.open .title{border-bottom: none;font-weight: bold;}

     .jobDes-item .content a.prod-btn{display: block;margin: 20px auto;}

     .customer{background: url(../../skin/images/abt_banner_2.png) center top no-repeat;padding-top:50px;margin-top:200px; }
     @media screen and (max-width: 600px){
       .abt_cmp li,.abt_cmpC li{float:none;width:100%;margin-bottom:30px;}
       .abt_cmp li p.mult_line{width: 80%;margin:0px auto;}
       .abt_cmpC{margin-bottom: 0px;}
     }

     @media screen and (max-width: 700px){
       .apply-flud{float:none;width:auto;}
       .job-list{margin-left: 0px;margin-top: 30px;}
       .cpm_adv{font-size: 12px;}
       .cpm_adv>span{margin-left: 20px;margin-right: 20px;}
     }

     @media screen and (max-width: 1200px){
       .join-us{padding:0px 15px;}
     }

     @media screen and (max-width: 650px){
       .inno-timeline .item .date{margin-bottom: 20px;}
     }

     @media screen and (max-width: 500px){
       .customer{background-size: cover;margin-top:80px;}
       .inno-timeline .item{float:none;width:100%;}
       .inno-timeline .item .date,.inno-timeline .item .info{display: block;margin: 0px auto;}
       .inno-timeline .item .date{margin-bottom: 20px;}
     }
/********  index  ************/

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


.contact-l {
	width: 45%;
	float: left;
}
.contact-r {
	width: 45%;
	float: right;
}
.ul-contact li {
  background: url(/skin//images/contact_icon.png) no-repeat;
}
.ul-contact li.li1 {
	background-position: 25px -175px;
	font-size: 15px;
  font-weight: 600;
  margin:0px 0 5px 0;
}
.ul-contact li.li2 {
    background-position: 25px 6px;
}
.ul-contact li.li3 {
    background-position: 25px -85px;
}
.ul-contact li.li4 {
    background-position: 25px -125px;
    margin-bottom: 40px;
}
.ul-contact li.li4.rli{
	margin-bottom: 90px;
}
.ul-contact li.imgLi{
	background: none;
	padding-left: 0;
}
.ul-contact li.imgLi.continue{
	padding-left: 60px;
}
#bd .contact_map.row2{
	padding-top: 105px;
	margin-top: 65px;
}
#bd .contact_map.row2 .wp{
	height: 470px;
}
#bd .contact_map.row2 .wp>div{
	width: 84%;
	height: 80%;
	background:url(/skin/images/contact_map.png) no-repeat center top;
	background-size: contain;
	margin: 0px auto;
	position: relative;
}
#bd .contact_map.row2 .wp>div div{
	width: 85px;
        height: 38px;
	background: url(/skin/images/contact_point.png) no-repeat center 18px;
	position: absolute;
	line-height: 18px;
	text-align: center;
	color: #fff;
	font-size: 12px;
}
#bd .contact_map.row2 .wp>div .item1{
	right: 340px;
  top: 123px;
}

#bd .contact_map.row2 .wp>div .item2{
	left: 73px;
        top: 130px;
width:65px;
}
#bd .contact_map.row2 .wp>div .item3{
	left: 424px;
        top: 111px;
        width:125px;
}
#bd .map{
	margin-top: 25px;
}
@media screen and (max-width: 768px) {
 	.contact-l, .contact-r {
		width: 100%;
		clear:both;
	}	
	#bd .contact_map.row2{
		display: none;
	}
}
	
/* contact us */
.contact-l {
	width: 45%;
	float: left;
}
.contact-r {
	width: 45%;
	float: right;
}
.ul-contact li.li1 {
	background-position: 0px -175px;
	font-size: 15px;
  	font-weight: 600;
  	margin:0px 0 5px 0;
}
.ul-contact li {
  background: url(/skin//images/contact_icon.png) no-repeat;
}
.ul-contact li.li2 {
    background-position: 25px 6px;
}
.ul-contact li.li3 {
    background-position: 25px -85px;
}
.ul-contact li.li4 {
    background-position: 25px -125px;
    margin-bottom: 40px;
}
.ul-contact li.li4.rli{
	margin-bottom: 90px;
}
.ul-contact li.imgLi{
	background: none;
	padding-left: 0;
}
.ul-contact li.imgLi.continue{
	padding-left: 60px;
}
#bd .contact_map.row2{
	padding-top: 105px;
	margin-top: 65px;
}
#bd .contact_map.row2 .wp{
	height: 470px;
}
#bd .contact_map.row2 .wp>div{
	width: 84%;
	height: 80%;
	background:url(/skin/images/contact_map.png) no-repeat center center;
	background-size: contain;
	margin: 0px auto;
	position: relative;
}
#bd .contact_map.row2 .wp>div div{
	width: 85px;
  	height: 38px;
	background: url(/skin/images/contact_point.png) no-repeat center 18px;
	position: absolute;
	line-height: 18px;
	text-align: right;
	color: #fff;
	font-size: 12px;
}
#bd .contact_map.row2 .wp>div .item1{
	right: 234px;
  	top: 123px;
}
#bd .contact_map.row2 .wp>div .item2{
	left: 183px;
        top: 130px;
width:65px;
}
#bd .map{
	margin-top: 25px;
}

                .cont_tab{
			text-align: center;
                        margin: 30px 0;
		}
		.cont_tab span{
			padding: 10px 0px;
    		        border-bottom: 2px solid #fff;
    		        cursor: pointer;
                        font-size: 18px;
		}
		.cont_tab span:nth-child(1){
			margin-right: 20px;  		
		}
		.cont_tab span.tab_active{
			border-bottom: 2px solid #ED4F3E;
                        color:#ED4F3E;

		}
		
		.ul-join{
			overflow: hidden;
                        max-width:1170px;
                        margin:0px auto;
		}
		.ul-join li{
			float: left;
			width: 47%;
			margin-right: 20px;
			height: 280px;	
                        overflow: hidden;
		}
		.ul-join li a{
			display: inline-block;
			width: 100%;
			height: 100%;
			font-size: 20px;
    		        color: #fff;
                        overflow:hidden;
		}
		.ul-join li:nth-child(1) a{
			 
			background-size: cover;
			position: relative;
		}
		.ul-join li:nth-child(2) a{
			 
			background-size: cover;
			position: relative;
		}
		.ul-join li a span.txt{
			position: absolute;
			left: 15px;
			bottom: 30px;
		}
		.ul-join li a span.img{
			position: absolute;
			right: 15px;
			bottom: 30px;
                       
		}

               .ul-join li a  img{
                       -webkit-transition: all .8s;
                        -moz-transition: all .8s;
                        -ms-transition: all .8s;
                        -o-transition: all .8s;
                        transition: all .8s;
                }
                
              .ul-join li a:hover img{
	          -webkit-transform:scale(1.1);
                  -moz-transform:scale(1.1);
                  -ms-transform:scale(1.1);
                  -o-transform:scale(1.1);
                  transform:scale(1.1);
		}


@media screen and (max-width: 768px) {
 	.contact-l, .contact-r {
		width: 100%;
		clear:both;
	}
        .ul-join li {	
                width:100%;
        }
       .ul-contact li.li4{
          margin-bottom:20px;
       }
      .ul-contact li.li4.rli {
          margin-bottom: 20px;
       }	
}
@media screen and (max-width: 480px) {
       .ul-contact li.li4{
          margin-bottom:20px;
       }
       .ul-contact li.li4.rli {
          margin-bottom: 20px;
       }
}
/* banner */
.banner-bg {
    background: none;
}
.ban-txt p{
    width:100%;
    text-align: center;
    line-height: 150px;
}
.ban-txt p a{
    padding: 10px 60px;
    color: #fff;
    border: 1px solid #FFFFFF;
    border-radius: 2px;
    font-size: 20px;
}
.ban-txt p a:hover{
    background: #ED4F3E;
    border:1px solid #ED4F3E;
}
/*our products*/
.row1{
    background: #F5F6FA url(/skin/images/ban_bg.png) center bottom no-repeat;
}
.imgsplayWrap{
   min-height: 450px;
}
.ulwrap{
	width: 1070px;
	height: 340px;
	overflow-x: hidden;
	overflow-y: hidden;	
	position: relative;
    margin: 0 auto;		
}
.ulwrap .swit{
	width: 100%;
	height: 20px;
	position: absolute;
	bottom: 0;
}
.ulwrap .swit>div{
	margin: 0 auto;
	width: 100px;
	height: 20px;
}
.swit span{
	width: 20px;
	height: 5px;
	display: inline;
	float: left;
	margin-right: 5px;
	background: #D8D8D8;
	cursor: pointer;			
}
.swit span.sp_active{
	background: #ED4F3E;
}
.ulwrap ul{
	width: 3210px;	
	/*3 pages*/	
}
.ulwrap ul li{
	float: left;
}
.ulwrap li>div{
	display: inline-block;
	float:left;
	width:350px;
        margin-right:10px;
}		
.ulwrap li div div.imgw{
	width: 100%;
	height: 235px;
    background: #FFFFFF;
    border: 1px solid #D8D8D8;
    border-radius: 2px;
}

.ulwrap li div div.imgw a{
   display:block;
   width:100%;
   height:100%;
   cursor:pointer
}

.ulwrap li div div.imgw a img{
    -webkit-transition: all .8s;
        -moz-transition: all .8s;
        -ms-transition: all .8s;
        -o-transition: all .8s;
        transition: all .8s;
}

.ulwrap li div div.imgw a:hover img{
    -webkit-transform:scale(1.1);
   -moz-transform:scale(1.1);
   -ms-transform:scale(1.1);
   -o-transform:scale(1.1);
   transform:scale(1.1);
}
.ulwrap li div div.imgw h4{
	margin: 0;
	color: #4a4a4a;
	font-size: 14px;
	font-weight: 500;
    text-indent: 12px;
    margin-top:5px;
}

.ulwrap li div div.imgw a>div{
   width:100%;
   height:200px;
   overflow:hidden;
}
.ulwrap li div div.imgw img{
	width: 100%;
	height:200px;
}
.ulwrap li p.txtw{
	height: 50px;
	font-size: 12px;
	color: #9b9b9b;
    line-height: 25px;
    padding: 0 12px 0 12px;
}
.ulwrap li .txtw a{
	color:#70A7E7 ;
	text-decoration: none;
}.ulwrap li .txtw a:hover{
	text-decoration: none;
}

ul#imgsplay{
	position: absolute;
        left:0;
}
.pagesbtn>div{
	position: absolute;    
	color: #fff;
        z-index: 2;
        width: 34px;
        height: 234px;
	line-height: 200px;
	top: 0px;
	text-align: center;    	
    	font-size: 20px;   	
    	visibility: hidden;
    	cursor: pointer;	
}
.pagesbtn .prev{
        background: rgba(22,48,79,0.3) url(/skin/images/left_pro.png) no-repeat center center;
	left: 0;   		
}
.pagesbtn .next{
        background: rgba(22,48,79,0.3) url(/skin/images/right_pro.png) no-repeat center center;
	right: 0;		
}
@media screen and (max-width: 768px){
  .prod-content:after{
     position:static;
     left:auto;
     top:auto;
     display:block;
   }
  .ulwrap {
     height:auto;
     position: inherit;
     width: fit-content;
   }
   .ulwrap .swit {
     display:none;
   }
   ul#imgsplay {
     position: inherit;
     width: fit-content;
   }
  .ulwrap ul li {
      float:none;
   }
   .ulwrap li div{
     display: block;
     float: none;
   }
   .pagesbtn .prev {
       visibility:hidden;
    }
    .pagesbtn .next {
       visibility:hidden;
    }
}
@media screen and (max-width: 480px){
  .ulwrap {
     height:auto;
     position: inherit;
     width: fit-content;
   }
   .ulwrap .swit {
     display:none;
   }
   ul#imgsplay {
     position: inherit;
     width: fit-content;
   }
  .ulwrap ul li {
      float:none;
   }
   .ulwrap li div{
     display: block;
     float: none;
   }
   .row1.inde{
     padding-bottom: 60px;
   }
  .ul-join li {	
      width:100%;
   }
   .pagesbtn .prev {
       visibility:hidden;
    }
    .pagesbtn .next {
       visibility:hidden;
    }
}
/*our service*/
.row2{
    background:none;
}
.title_sec{
    font-size: 20px;
    text-align: center;
    margin: 10px 0 35px 0;
}
.ul-top{
    overflow: hidden;
}
.ul-top li{
    width:50%;
    height: 200px;
    float:left;
    margin-bottom: 45px;
}
.ul-top li.ul-li-l .pad{
   margin-left:25%;
}
.ul-top li .pad{
    width: 72%;
    height: 100%;
    background: #F5F6FA;
    margin-top: 5px;
}
.ul-top li .pad:hover{
    box-shadow: 0px 0px 10px #ccc;
}
.ul-li-l a span{
    background: url(/skin/images/SAAS.png) no-repeat;
    display: block;
    width: 100%;
    height: 90px;
    background-position: center 35px;
}
.ul-li-l a span:hover{
    background: url(/skin/images/SAAS-hover.png) no-repeat;
    background-position: center 35px;
}
.ul-li-r a span{
    background: url(/skin/images/jic.png) no-repeat;
    display: block;
    width: 100%;
    height: 90px;
    background-size: 10%;
    background-position: center 24px;
}
.ul-li-r a span:hover{
   background: url(/skin/images/jic-hover.png) no-repeat;
   background-size: 10%;
   background-position: center 24px;
}
.ul-icon-i li {
    border: 1px solid #d8d8d8;
    width:31%;
    margin-right: 2%;
    padding-bottom: 0;
    height: 145px;
    margin-bottom: 20px;
}
.ul-icon-i li:hover{
    box-shadow: 0px 0px 10px #ccc;
}
.ul-top .desc{
    width: 100%;
    margin-left: 0;
}
.ul-top li .pad h3{
    text-align: center;
    color: #4A4A4A;
    font-size: 17px;
    line-height: 40px;
}
.ul-top li .desc p{
    text-align: center;
    color: #9B9B9B;
}
.ul-icon-i li .pad {
    padding: 10px 15px;
    height: 100%;
}
.ul-icon-i li a span {
    float: left;
    width: 70px; 
    margin-bottom: 0;
    background-size: contain;
}
.ul-icon-i .li1 a span{
    background: url(/skin/images/shuili-1.png) no-repeat 0 35px;
}
.ul-icon-i .li2 a span{
    background: url(/skin/images/shuiwu-2.png) no-repeat 0 35px;
}
.ul-icon-i .li3 a span{
    background: url(/skin/images/huanbao-3.png) no-repeat 0 35px;
}
.ul-icon-i .li4 a span{
   background: url(/skin/images/nongye-4.png) no-repeat 0 35px;
}
.ul-icon-i .li5 a span{
   background: url(/skin/images/sea-5.png) no-repeat 0 35px;
}
.ul-icon-i .li6 a span{
   background: url(/skin/images/nengy-6.png) no-repeat 0 35px;
}
.ul-icon-i .desc{
   
    margin-left: 95px;
}
@media screen and (max-width: 480px){
  .ul-icon-i li{
    width: 100% !important; 
  }
  .ul-top li{
   width:100%;
  }
 .ul-top li.ul-li-l .pad{
    margin-left:0;
  }
  .ul-top li .pad{
    margin-left:0;
    width:100%;
  }
}
@media screen and (max-width: 768px){
  .ul-icon-i li{
    width: 100% !important;
  }
  .ul-top li{
   width:100%;
  }
  .ul-top li.ul-li-l .pad{
    margin-left:0;
  }
  .ul-top li .pad{
    margin-left:0;
    width:100%;
  }
  .row1.inde{
     padding-bottom: 60px;
   }
}
/*solutions*/
.addrow3{	
    background: url(/skin/images/bg_1.png) center top no-repeat;
    padding-top: 20px;
}

@media screen and (max-width: 640px){
.sub-nav{margin-top:0px;}
.ul-case-i li{width:50%;}
.sub-nav ul li {
    width: 33.333333% !important;
    float: left;
    text-align: center;
    margin:0px 0px 30px;   
}


.ul-news-list li .padsec{
   position:relative;
}

.ul-news-list li .padsec span{
    position: absolute;
    right: 10px;
    bottom: 0px;
    padding: 0px;
    font-size: 12px;
    border-right:none
}

 .ul-news-list li .padsec span em{
   display:inline;
   font-size:12px;
   margin-right:3px;
}

.ul-news-list li .padsec .txt{
   padding-left:0px;
}

.ul-news-list li .title h3 {
   font-size:16px;
    height: auto;
    margin-bottom: 10px;
}

.ul-news-list li .readmore{
   margin-top:0px;
   margin-bottom:20px;
}

.apply-flud ul li{
   width:200px;
}

.cpm_adv{padding:5px;height:auto;line-height:18px;}
.cpm_adv>span{margin-left:0px;margin-right:0px;}

.method-list{margin-top:30px;}
.team .flexslider li .txt{padding-top:0px;}
.team .flexslider li .txt h3{font-size:20px;text-align:center;}
}


@media screen and (max-width: 640px){
.jobDes-item .title i{margin-right:0px;}
   .prod-content:after{ background-size: 70%;}
.modeler-content img{width:60%}
.modeler-content{margin-top:50px;}
.pagesbtn{display:none;}
.ulwrap{width:auto;}
.ulwrap li>div{margin-right:auto;}
.index-container .tit-i{margin:50px auto 15px;padding:0px;}
.ulwrap li>div{margin:auto 5px 20px;width:auto;}
ul#imgsplay{width:100%;}
.ul-top li{margin:auto 5px 45px;}

.ul-icon-i li{height:auto;padding-bottom: 10px;}

.ul-news-i li{min-height:auto;margin-bottom:40px !important;text-align:center;}
.ul-news-i li .more{display:none;}
.ul-join li:first-child{margin-bottom:50px;}
.ul-case-i li .pic-letter p.desc{opacity:1;margin-top:36px;display: none;}
.jobDes-item .content{width:100%;padding-left: 0px;}
.jobDes-item .content>p{padding-left:35px;}
}

@media screen and (max-width: 400px){
  .prod-content:after{ background-size: 83%;}
}

@media screen and (max-width: 768px) {
  .ban-txt p{line-height:90px;}
   #banner .slides li .ban-txt{top:6px !important;}
   .index-row2.row2{background:#fff !important;}
}

@media screen and (max-width: 480px) {
  .ban-txt p{line-height:50px;}
  .ban-txt p a{padding:10px 40px;}

#banner .slides li .ban-txt{top:10px;}
}

@media screen and (max-width: 400px){
  #banner .slides li.s2 .ban-txt h2{margin: 0px;}
  .ban-txt p a {padding: 5px 34px;font-size:16px;}
}


@media (min-width: 768px){
.prod-banner-desc {
    padding-top: 168px;
}
}
.join-us .method-img {	
   overflow: hidden;
}

.join-us .method-img img:hover {
    -webkit-transform: scale(1.1);
    -moz-transform: scale(1.1);
    -ms-transform: scale(1.1);
    -o-transform: scale(1.1);
    transform: scale(1.1);
}
.join-us .method-img img {
    -webkit-transition: all .8s;
    -moz-transition: all .8s;
    -ms-transition: all .8s;
    -o-transition: all .8s;
    transition: all .8s;
}