*{padding:0;margin:0}
body{min-width:1200px;font-size: 12px; margin: 0px auto; color: #333; font-family: "Arial"," Tahoma", "Microsoft YaHei", "sans-serif";}
div,form,ul,ol,li,span,img,a img{border-top-width: 0px; padding-right: 0px; padding-left: 0px; border-left-width: 0px; border-bottom-width: 0px; padding-bottom: 0px; margin: 0px auto; padding-top: 0px; border-right-width: 0px}
ul,ol,li {list-style-type: none}
table {font-size: 12px}
td {font-size: 12px}
input {font-size: 12px}
h1,h2,h3,h4,h5,h6 {margin: 0px auto}
h1 {font-size: 28px}
h2 {font-size: 22px}
h3 {font-size: 16px}
h4 {font-size: 14px}
h5 {font-size: 14px}
h6 {font-size: 14px}
.clear {clear: both; margin-top: -1px; font-size: 1px; visibility: hidden; width: 1px; line-height: 0; height: 0px}
a:link {color: #353535; text-decoration: none; outline-style: none}
a:visited {color: #353535; text-decoration: none; outline-style: none}
a:hover {color: #0b3779; text-decoration: underline}

.favicon {padding-right: 0px;}

.xxnr img {
    max-width: 760px;
}
.search {float: right; margin: 5px 0px 12px; width: 245px; position: relative}
.searchinput {
	border-right: #a0a0a0 1px solid; padding-right: 0px; border-top: #a0a0a0 1px solid; padding-left: 5px; padding-bottom: 1px; border-left: #a0a0a0 1px solid; width: 180px; line-height: 16px; padding-top: 3px; border-bottom: #a0a0a0 1px solid; height: 16px; background-color: #fff
}
.searchbtn {
	background: url(../images/bg.png) no-repeat right -48px; width: 48px; cursor: pointer; border-top-style: none; line-height: 22px; border-right-style: none; border-left-style: none; height: 22px; text-align: center; border-bottom-style: none
}


.opacity {
	z-index: 99; filter: alpha(opacity=50); left: 0px; float: left; overflow: hidden; width: 958px; bottom: 0px; position: absolute; height: 30px; background-color: #f0f0f0; moz-opacity: 0.5; opacity: 0.5
}

div#firstpane h3 a {
    color: #000;
}
/* about */
#hbnr{min-width:1200px;width:100%;height: auto;min-height: 380px;padding-top: 10px;padding-bottom: 20px;}
#hbnrbox{width:1000px;height:auto;margin:auto;}
#hbnrboxleft{width:220px;height:auto;float:left;}
#hbnrboxright{width:760px;height:auto;float:right;padding-bottom: 25px;}

/* left */
.leftxxcp {height: auto;margin-bottom: 20px;border: 1px solid #D2D2D2;padding-bottom: 10px;overflow: hidden;    padding: 1px;}

.lxxxt {height: 40px;line-height: 40px;background:#2B2B2B;}
.twz h1 {float: left;color: #fff;font-size: 18px;padding-left: 20px;padding-right: 20px;background: #2B2B2B;}


.leftxxcps {    height: 40px;
    line-height: 40px;
    background: #2B2B2B;}
.lxxx {padding: 1px;border: 1px solid #CDCDCD;margin-bottom: 20px;}
.leftxxcps h1 {font-size: 15px;margin-left: 20px;line-height: 43px;color:#fff;}
.lxxxt h1{font-size: 15px;margin-left: 20px;line-height: 43px;color:#fff;}
.lxximg{width: 220px;margin-top: 10px;margin-bottom: 10px;text-align: center;}
.lxxxx {margin-top: 20px;margin-left: 10px;line-height: 27px;font-size: 13px;}
.leftxxcpx ul li {line-height: 37px;margin-top: 4px;border-bottom: 1px solid #EAEAEA;}
.leftxxcpx ul li a{display:block;text-decoration: none;padding-left: 20px;background:url(../images/ico.jpg)12px 14px no-repeat;}
.leftxxcpx ul li a:hover{background:#333;color:#fff;}
/* right */

.pagenavi span,.fenye span,.pagenavi a ,.fenye a {
    float: left;
    border: solid 1px #ccc;
    margin-left: 2px;
    margin-right: 2px;
    padding-left: 10px;
    padding-right: 10px;
}


.pagenavi strong {
    float: left;
}
.pagenavi, .fenye{
    margin-top: 10px;
    margin-bottom: 20px;
    margin-left: 18px;
    width: 100%;
    overflow: hidden;
}


.twz span {float: right;padding-right: 15px;font-size: 13px;}
.twz span a:hover{text-decoration: none;color:#f00;}
.twz {height: 40px;line-height: 40px;border: 1px solid #D3D3D3;margin-bottom:20px}
div#hbnrboxright h2 {margin-top: 20px;margin-bottom: 10px;text-align: center;font-size: 17px;}
.xxnr {line-height: 25px;}

/* news */
ul.nlist li {border-bottom: 1px dashed #D8D8D8;margin-left: 10px;}
ul.nlist li h3 {padding-right: 30px;margin-top: 10px;margin-bottom: 10px;font-size: 14px;color: #FF7B0D;font-weight:normal;}
ul.nlist li h3 a {color: #555;text-decoration: none;}
ul.nlist li h3 a:hover {color:#FF7B0D;}
ul.nlist li h2 {padding-left: 30px;padding-right: 30px;text-align: left !important;margin-top: 0px !important;font-size: 12px !important;font-weight: normal;min-height: 50px;}
ul.nlist li h3 a span {float: right;}

/* dy */
.menu_list{width:208px;margin:0 auto;}
.menu_head{
	height: 40px;
line-height: 40px;
padding-left:20px;
font-size: 14px;
cursor: pointer;
position: relative;
margin: 0px;
}
div#firstpane h3 {font-size: 13px;font-weight: 100;}

.menu_body{
	line-height: 38px;
	border-left: 1px solid #e1e1e1;
	backguound: #fff;
	border-right: 1px solid #e1e1e1;
}
.menu_body a{display:block;height:38px;line-height:38px;padding-left:38px;color:#777777;background:#fff;text-decoration:none;border-bottom:1px solid #e1e1e1;}
.menu_body a:hover{text-decoration:none;}
.menu_list .menu_list:nth-child(1){display:block;}

.tupian{width:1000px;height:200px;margin:auto;}
.tupian img{width:1000px;height:200px;}
div#firstpane a:hover {color: #f00;text-decoration: none;}




/*客户案例*/
.index .case{max-width: 1920px;padding-bottom: 50px;background: url(../images/bj11.jpg) center center no-repeat; background-size: cover;background-attachment: fixed;margin: auto;}
.index .case .tab{text-align: center;padding-top: 40px;}
.index .case .tab a{padding: 0 16px;line-height: 40px;font-size: 16px;display: inline-block;margin: 5px;color: #fff;background: #2b2b2b;}
.index .case .tab a:hover{background: #005bbb;}
.index .case .proCase{position: relative;padding-top: 40px;}
.index .case .proCase .bd{overflow: hidden;}
.index .case .proCase .list{width: 100%;}
.index .case .proCase .list li{position: relative;display: block;float: left;width: 215px;margin-right: 35px;border: 1px solid #f1f1f1;background: #fff;transition: all .5s;}
.index .case .proCase .list li a{display: block;}
.index .case .proCase .list li .img{position: relative;width: 215px;height: 215px;overflow: hidden;border-bottom: 1px solid #f1f1f1;}
.index .case .proCase .list li .img img{display: block;width: 100%;height: 100%;transition: all .5s;}
.index .case .proCase .list li .img .mask{position:absolute;top: 0;left: 0;z-index: 1;width: 100%;height: 100%;opacity: 0;background: rgba(0,0,0,.6);transition: all .5s;}
.index .case .proCase .list li .img .mask .see{position:absolute;left: 50%;top: 50%;transform: translate(-50%,-50%);width: 90%;font-size: 16px;line-height: 20px;text-align: center;padding: 10px 0;color: #fff;}
.index .case .proCase .list li .img .mask .see:before,.index .case .proCase .list li .img .mask .see:after{content: '';position: absolute;bottom: 0;left: 50%;transform: translateX(-50%);width: 60%;height: 1px;background: #fff;transition: all .5s;}

.index .case .proCase .list li .img .mask .see:after{top: 0;}
.index .case .proCase .list li .tit{position: relative;overflow: hidden;padding: 20px 20px 10px;box-sizing: border-box;}
.index .case .proCase .list li .tit h3{color: #333;font-size: 16px;line-height: 22px;transition: all .5s;}
.index .case .proCase .list li .tit p{color: #777;line-height: 20px;text-align: justify;padding: 10px 0;height: 40px;overflow: hidden;border-bottom: 1px solid #e5e5e5;}
.index .case .proCase .list li .tit span{position: relative;display: block;font-size: 14px;line-height: 38px;color: #777;}
.index .case .proCase .list li .tit span i{position: absolute;top: 50%;right: 0;margin-top: -4px;display: block;width: 24px;height: 8px;background: url(../images/you.png) no-repeat;}
.index .case .proCase .list li:hover .img img{transform: scale(1.1);}
.index .case .proCase .list li:hover .img .mask{opacity: 1;}
.index .case .proCase .list li:hover .img .mask .see:before,.index .case .proCase .list li:hover .img .mask .see:after{width: 10%;}
.index .case .proCase .list li:hover .tit h3{color: #005bbb;}
.index .case .proCase .hd{position: absolute;width: 100%;}
.index .case .proCase .hd span{position: absolute;top: -160px;display: block;width: 25px;height: 50px;cursor: pointer;}
.index .case .proCase .hd .prev{left: -80px;}
.index .case .proCase .hd .next{right: -80px;}
.index .case .proCase .hd .prev:after,.index .case .proCase .hd .prev:before,
.index .case .proCase .hd .next:after,.index .case .proCase .hd .next:before{content:"";display: block;position: absolute;top: 19px;width: 30px;height: 2px;background: #fff;transition: all .5s;}
.index .case .proCase .hd .prev:after,.index .case .proCase .hd .next:after{-webkit-transform: rotate(45deg);-moz-transform: rotate(45deg);-o-transform: rotate(45deg);transform: rotate(45deg);}
.index .case .proCase .hd .prev:before,.index .case .proCase .hd .next:before{-webkit-transform: rotate(-45deg);-moz-transform: rotate(-45deg);-o-transform: rotate(-45deg);transform: rotate(-45deg);}
.index .case .proCase .hd .prev:after{top: 34px;}
.index .case .proCase .hd .prev:before{top: 14px;}
.index .case .proCase .hd .next:after{right: 0;top: 14px;}
.index .case .proCase .hd .next:before{right: 0;top: 34px;}
.index .case .proCase .hd .prev:hover:after,.index .case .proCase .hd .prev:hover:before,
.index .case .proCase .hd .next:hover:after,.index .case .proCase .hd .next:hover:before{background: #005bbb;}
.index .case .more{margin-top: 50px;text-align: center;}
.index .case .more a{position:relative;display: inline-block;width: 240px;height: 50px;font-size: 16px;line-height: 50px;text-align: center;border: 1px solid #cbcbcb;background: #fff;color: #666;transition: all .5s;}
.index .case .more a:hover{color: #fff;border-color: #005bbb;background: #005bbb;box-shadow: 0 0 30px rgba(0,0,0,.2);}

/*首页标题*/
.index .in_title{color: #2b2b2b;text-align: center;padding-top: 60px;}
.index .in_title h3{font-size: 48px;line-height: 60px;font-weight: bold;}
.index .in_title h3 b{color: #fff;}
.index .in_title p{display: block;font-size: 16px;letter-spacing: 5px;margin-top: 3px;}

.w1200{width: 1200px; margin: 0 auto;}



/* HUAN */

/* flexslider */
.flexslider{position:relative;height:480px;overflow:hidden;background:url(../images/loading.gif) 50% no-repeat;}
.slides{position:relative;z-index:1;}
.slides li{height:480px;}
.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;}
.flex-direction-nav li a.flex-prev{left:40px;background:url(../images/prev.png) center center no-repeat;}
.flex-direction-nav li a.flex-next{right:40px;background:url(../images/next.png) center center no-repeat;}

/* 自定义css */
.wbox{width:100%;height:auto;}
.nbox{width:1000px;margin:auto;}
.yimg img{background:#fff;padding:4px;border:1px solid #eee;}
.tybt{width:100%;height:30px;line-height:30px;}
.tybt a{display:block;float:right;width:50px;height:100%;}
.tyxw{}
.tyxw ul li{width:100%;height:27px;line-height:27px;}
.tyxw ul li span{float:right;}
.tyxw ul li img{float:left}



.zzcpbox{width:1200px;height:790px;    padding-top: 20px;}

.zzcpboxl{width:240px;height:760px;float:left;}
.zzcpboxlt {
    width: 100%;
    height: 100px;
    line-height: 100px;
    text-align: center;
    background: #2B2B2B;
    color: #fff;
    font-size: 30px;
}
.zzcpboxl {
    width: 240px;
    height: 558px;
    float: left;
    border: 1px solid #D0D0D0;
}

.zzcpboxln ul {
    width: 200px;    padding-top: 10px;
    margin: auto;
}
.zzcpboxln ul li {
    width: 100%;
       height: 55px;
    line-height: 55px;
    border-bottom: 1px solid #DEDEDE;
}
.zzcpboxln ul li a {
    display: block;    font-size: 15px;    text-align: center;
}

.zzcpboxr {
    width:940px;    height:760px;
    float: right;border: 1px solid #D0D0D0;
}
.zzcpboxrt {
    width: 100%;
    height: 35px;
    background: #2B2B2B;
    color: #fff;
    line-height: 35px;
}

.zzcpboxr ul li {
    float: left;
    margin-left: 10px;
}
.zzcpboxrt span {
    margin-left: 17px;
    font-size: 14px;
    font-weight: bold;
}
.zzcpboxr ul li {
    margin-top: 12px;    margin-bottom: 20px;
}

.zzy{background:url(../pic/c.png)center no-repeat;}
.zzybox{width:1201px;height:1470px;}



.zzgybox{width:1200px;height:300px;}

.zzgy {
    background: #ECECEC;
}
.zzgyboxlt {
    width: 100%;
    height: 30px;
    line-height: 30px;
    font-size: 15px;
    padding-top: 20px;
}

.zzgyboxl{width:900px;float:left;}


.zzgyboxr{width:280px;height:270px;overflow:hidden;}

.zzxwgbox{width:1200px;height:565px;    padding-top: 30px;}

.zzxwgboxl{width:400px;float:left;}
.zzxwgboxc{width:400px;float:left;margin-left: 50px;}
.zzxwgboxr{width:300px;float:right;}

.zzxwgboxlt {
    width: 100%;
    height: 35px;
    line-height: 35px;
    font-size: 14px;
    font-weight: bold;
    border-bottom: 1px solid #B5B5B5;
    margin-bottom: 20px;
}
.zzxwgboxrt {
    width: 100%;
    height: 35px;
    line-height: 35px;
    font-size: 14px;
    font-weight: bold;
    border-bottom: 1px solid #B5B5B5;
    margin-bottom: 20px;
}

.zzxwgboxct {
    width: 100%;
    height: 35px;
    line-height: 35px;
    font-size: 14px;
    font-weight: bold;
    border-bottom: 1px solid #B5B5B5;
    margin-bottom: 20px;
}

.zzxwgboxl ul li img {
    float: left;
}

.zzxwgboxl ul li {
    width: 100%;
    height: 30px;
    line-height: 30px;
    border-bottom: 1px solid #DADADA;
}
.zzxwgboxl ul li img {
    float: left;
    margin-top: 12px;
    margin-right: 7px;
}
.zzxwgboxc ul li {
    width: 100%;
    height: 30px;
    line-height: 30px;
    border-bottom: 1px solid #DADADA;
}
.zzxwgboxc ul li img {
    float: left;
    margin-top: 12px;
    margin-right: 7px;
}

.zzcpboxr ul li img {
    border: 1px solid #CFCFCF;
}
.zzcpboxr ul li{
   text-align:center;
}


.zzybox1{
    width: 100%;
    height: 200px;
    padding-top:286px;
}

.zzybox1box {    width: 398px;
    height: 200px;
    float: left;
    margin-left: 130px;
}
.zzybox1box h1 {
    color: #0375B5;
    margin-bottom: 20px;
}
.zzybox1m {
    font-size: 14px;
    line-height: 30px;
}
.zzybox1m {
    line-height: 30px;
    font-size: 15px;
}


.zzybox2{
    width: 100%;
    height: 350px;
    padding-top:100px;
}

.zzybox2box {    width:486px;
    height: 200px;
    float: right;
    margin-right: 130px;
}
.zzybox2box h1 {
    color: #0375B5;
    margin-bottom: 20px;
}
.zzybox2m {
    font-size: 14px;
    line-height: 30px;
}
.zzybox2m {
    line-height: 30px;
    font-size: 15px;
}


.zzybox3{
    width: 100%;
    height: 250px;
    padding-top: 40px;
}

.zzybox3box { width: 454px;
    height: 200px;
    float: left;
    margin-left:135px;
}
.zzybox3box h1 {
    color: #0375B5;
    margin-bottom: 20px;
}
.zzybox3m {
    font-size: 14px;
    line-height: 30px;
}
.zzybox3m {
    line-height: 30px;
    font-size: 15px;
}


.zzybox4{
    width: 100%;
    height: 200px;
    padding-top: 40px;
}

.zzybox4box {    width: 353px;
    height: 200px;
    float: right;
    margin-right: 174px;
}
.zzgyboxr ul {
    padding-top: 10px;
    line-height: 25px;
}





.zzybox4box h1 {
    color: #0375B5;
    margin-bottom: 20px;
}
.zzybox4m {
    font-size: 14px;
    line-height: 30px;
}
.zzybox4m {
    line-height: 30px;
    font-size: 15px;
}

.zzcpboxln ul li a:hover {
    background: #DEDEDE;
}


.zz_ysbox{width:1200px;height:820px;background:url(../pic/yb.gif)top center no-repeat;}
.zz_ysbox ul li{width:550px;height:190px;float:left;margin-right:50px;background:url(../pic/ybl.png)right center no-repeat;}
.zz_ysbox_s {width: 100%;height: 115px;text-align: center;padding-top: 58px;}

.zz_y_l {
    width: 180px;
    height: 180px;
    float: left;
    margin-right: 20px;
}
.zz_y_r {
    width: 330px;
    height: 190px;    margin-right: 20px;
    float: right;
    line-height: 30px;
    color: #777;
}

.zz_y_r h3 {    border-bottom: 1px dashed #893D00;
    display: block;
    width: 100%;
    height: 50px;
    line-height: 50px;
    font-size: 20px;
    padding-top: 19px;
    color: #000;
}
.zz_y_r h3 span {
    color: #F17000;
    font-size: 30px;
    font-style: italic;
    margin-right: 15px;
}