@charset "utf-8";
/* CSS Document */
body,div,p,span,ul,li,dl,dt,dd,a,ol,input,img,h1,h2,h3,h4,h5{ padding:0; margin:0; list-style:none; border:0;}
body{ font-family:"微软雅黑"; color:#0e202e; font-size:24px; background:#efefef;}
a{ color:#fff; text-decoration:none;}
a:hover{color:#5eadd6; text-decoration:none;}

#all{max-width:780px; height:auto; margin:0 auto;}

/*------nav-------*/
.nav{     width: 97.1%;margin: 0 auto; overflow: hidden; background: #0d1f2d; padding: 2% 0 2% 3%;}
.nav_l{ width:24%; float:left;}
.nav h1{ float:left;}
.nav h1 img{width:100%; height:100%; display:block;}
.nav_r{     width: 71%; float: left; margin-left: 3%; margin-top: 0.5%;}
.nav_r ul{ float:right;width:75%;}
.nav_r li{ float:left;  width:26.5%; text-align:center; font-size:20px;}

.nav_r .current{ width:20.5%;}

/*------nav-------*/

/*------banner-------*/
.banner{ width:100%; height:auto;  overflow:hidden;}
.banner img{ width:100%; height:100%; display:block;}
/*------banner-------*/

/*-------con1--------*/
.con1{ width:94%; height:auto; background:#fff; overflow:hidden; padding:4.5% 3%;}
.con1 h4{ width:100%; }
.con1 h4 img{width:100%; height:100%; display:block;}
.con1 .c1_p1{ margin-top:4%; line-height:42px; text-align:justify; text-indent:2em;}
.con1 .down{ margin-top:4%; overflow:hidden;}
.con1 .down li{ width:30.3333%; margin-right:4%; float:left;}
.con1 .down li img{width:100%; height:100%; display:block;}
.con1 .down li:nth-child(3){
    margin-right:0; 
}
.con1 .btn1{ width:100%; margin-top:4.5%;}
.con1 .btn1 p{     width: 100%;
    height: 50px;
    line-height: 50px;
    background: #4f6c8e;

    text-align: center; border-radius:10px;}
.con1 .btn1 p a:hover{ color:#c9e2ff;}	
/*-------con1--------*/

/*-------con2--------*/
.con2{ width:100%; height:auto;  overflow:hidden; position: relative;}
.con2 img{ width:100%; height:100%; display:block;}
.con2 .shang{     width:94%;padding:0 3%;
    overflow: hidden;
    position: absolute;
    top: 31%;}
.con2 .shang ul{ width:100%; overflow:hidden;}
.con2 .shang li{      width: 24.6667%;
    float: left;    color: #fff;
    height: 180px; margin-right:4%; padding:0 3%; text-align:justify; line-height:36px;}
.con2 .shang li .c2_p1{ margin-bottom:4.5%;}	
.con2 .xia{     width:94%;padding:0 3%;
    overflow: hidden;
    position: absolute;
    top:66%;}	
.con2 .xia ul{ width:100%; overflow:hidden;}
.con2 .xia li{      width: 42%;
    float: left;    color: #fff;
    height: 177px; margin-right:4%; padding:0 3%; text-align:justify; line-height:36px;}
.con2 .xia li .c2_p1{ margin-bottom:4.5%;}	
	
.con2 .btn1{  width:94%;padding:0 3%; margin-top:4.5%; position: absolute;  top: 86%;}
.con2 .btn1 p{     width: 100%;
    height: 50px;
    line-height: 50px;
    background: #0d1f2d;
    text-align: center; border-radius:10px;}
.con2 .shang li:nth-child(3){
    margin-right:0; 
}
.con2 .xia li:nth-child(2){
    margin-right:0; 
}
/*-------con2--------*/

/*-------con3--------*/
.con3{ width:100%; height:auto;  overflow:hidden; position: relative;}
.con3 img{ width:100%; height:100%; display:block;}
.con3 .shang{ width:100%; overflow:hidden;}
.con3 .ul1{    position: absolute; top: 33.1%; left: 7%;width: 85%; overflow:hidden;}
.con3 .ul1 li{    float: left; margin-right: 0%; width: 33.333%;text-align: center; font-size: 22px;}
.con3 .ul2{       position: absolute; top: 40.5%;
 left: 12%;width: 66%;overflow: hidden;}
.con3 .ul2 li{    float: left; width: 50%;text-align: center; font-size: 22px;}
.con3 .ul3{       position: absolute; top: 57%;
 left: 11%;width: 85%;overflow: hidden;}
.con3 .ul3 li{     float: left;
    width: 16.2%;
    text-align: center;
    font-size: 22px;
    margin-right: 17.2%;
    line-height: 30px;}
.con3 .ul4{         position: absolute;
    top: 67.5%;
    left: 25.3%;
    width: 85%;
    overflow: hidden;}
.con3 .ul4 li{     float: left;
    width: 16.2%;
    text-align: center;
    font-size: 22px;
    margin-right: 17.2%;
    line-height: 30px;}
.con3 .btn1{  width:94%;padding:0 3%; margin-top:4.5%; position: absolute;  top: 84%;}
.con3 .btn1 p{     width: 100%;
    height: 50px;
    line-height: 50px;
    background: #2491b0;
    text-align: center; border-radius:10px;}
.con3 .btn1 p a:hover{ color:#c1f1ff;}	
.con3 .ul3 li:nth-child(3){
    margin-right:0; }
.con3 .ul4 li:nth-child(3){
    margin-right:0; }
/*-------con3--------*/

/*-------con4--------*/
.con4{ width:94%; height:auto; background:url(../images/con4_bg.jpg) repeat; overflow:hidden; padding:4.5% 3%;}
.con4 img{width:100%; height:100%; display:block;}
.con4 h4{ width:100%; }
.con4 h4 img{width:100%; height:100%; display:block;}
.con4 .cgl p{ font-size:22px;}
.con4 .cgl{margin-top:4.5%;overflow: hidden;}
.con4 .cgl .c4_p1{ text-align:center; width:100%;line-height:34px; margin-bottom:4.5%; height:72px;}
.con4 .cgl .xia{ overflow:hidden; width:100%; height:auto;}
.con4 .cgl .xia .left{ float:left; width:23%; padding:0 3% 0 0 ;}
.con4 .cgl .xia .c4_p2{ line-height:34px; margin-bottom:22%; text-align:justify;}
.con4 .cgl .xia .c4_p3{ line-height:34px;  text-align:justify;}

.con4 .cgl .xia .center{ float:left; width:48%;;}
.con4 .cgl .xia .right{ float:left; width:23%; padding:0 0 0 3%;}
.con4 .cgl .xia .c4_p4{ line-height:34px; margin-bottom:22%; text-align:justify;}
.con4 .cgl .xia .c4_p5{ line-height:34px;  text-align:justify;}

.con4 .btn1{ width:100%; margin-top:5%;}
.con4 .btn1 p{     width: 100%;
    height: 50px;
    line-height: 50px;
    background: #6d8279;
    text-align: center; border-radius:10px;}
.con4 .btn1 p a:hover{ color:#daeee6;}	
/*-------con4--------*/

/*-------con5--------*/
.con5{width:94%; margin:0 auto; overflow:hidden;  padding:4.5% 3%; height:auto;background:url(../images/con5_bg.jpg) repeat;}
.con5 .left{ width:17%; float:left; margin-right:3%;    margin-right: 10%; margin-top:3.5%;}
.con5 .right{ width:73%; float:left;height: 190px;}
.con5 .right p{ line-height:36px; text-align:justify;}
.con5 .right .c5_p1{ margin-bottom:10px; font-weight:bold;}
.con5 .right a{ color:#0d1f2d;}
.con5 .right .c5_p2 span{ /*color:#33c2cb;*/ font-weight:bold;}
/*-------con5--------*/

/*-------con6--------*/
.con6{ width:94%; height:auto; background:#fff; overflow:hidden; padding:4.5% 3%;position: relative;}
.con6 img{width:100%; height:100%; display:block;}
.con6 h5{ width:100%; }
.con6 h5 img{width:100%; height:100%; display:block;}
.auto{ width:100%;; overflow:hidden; margin:0 auto; }
.cp_p1{ width:100%; overflow:hidden;position:absolute;     left: 3%; top: 81.5%;}
.cp_p1 span{  width:18%;   box-sizing:border-box; float:left;  margin-left:1%;  cursor:pointer; display:inline-block;}
.cp_p1 span img{ width:100%; height:100%; display:block;}
.cp_p1 span.cur1{  overflow:hidden;  box-sizing:border-box; border:1px solid #0e202e; padding:2px; border-radius:10px;}
.tab3{ display:none; overflow:hidden; }
.tab3_l{ width:100%; overflow:hidden;height:auto;box-sizing:border-box; border-top:0; /*margin-top:4%;*/}
.tab3_l li{ float:left;  width:100%; margin-bottom:20.5%; box-sizing:border-box;}
.tab3_l li img{width:100%; height:100%; display:block;}
.tab3_l li .zuo{     width: 33.8%;
    overflow: hidden; float: left;}
.tab3_l li .you{       width: 57%; overflow: hidden; position: absolute; left: 40%; }
.tab3_l li .you .top{     margin-bottom: 6.4%;
    overflow: hidden; margin-top:-1.5%;}
.tab3_l li .you .top span{ font-size:30px; font-weight:bold;}
.tab3_l li .you .top a{ color:#0d1f2d;}
.tab3_l li .you .center{    margin-bottom: 4%;
    height: 134px;
    overflow: hidden;}
.tab3_l li .you .center p{ margin-bottom:3%;}
.tab3_l li .you .xia{ margin-bottom:8%;overflow:hidden;}
.tab3_l li .you .xia a{ color:#0d1f2d;}
.tab3_l li .you .xia p{ line-height:38px; text-align:justify; height:152px;}
.tab3_l li .you .xia p span{ color:#7987c2;}
.tab3_l li .you .c6_btn{width:100%; overflow:hidden; height:45px;}
.tab3_l li .you .c6_btn span{     float: left;
    width: 48%; margin-right: 4%; height: 45px; background: #7987c2; display: block; border-radius: 10px; font-size: 24px; line-height: 43px;
 text-align: center;}
.tab3_l li .you .c6_btn span a:hover{ color:#ebefff;}


.tab3{width:100%; height:auto;  overflow:hidden; box-sizing:border-box; border-top:0; margin-top:4%;}
.tab3 li{ float:left;  width:100%; margin-bottom:20.5%; box-sizing:border-box;}
.tab3 li img{width:100%; height:100%; display:block;}
.tab3 li .zuo{   width: 33.8%;
    overflow: hidden; float: left;}
.tab3 li .you{     width: 57%; overflow: hidden; position: absolute; left: 40%; }
.tab3 li .you .top{    margin-bottom: 6.4%;
    overflow: hidden; margin-top:-1.5%;}
.tab3 li .you .top a{ color:#0d1f2d;}
.tab3 li .you .top span{font-size:30px; font-weight:bold;}
.tab3 li .you .center{   margin-bottom: 4%;
    height: 134px;
    overflow: hidden;}
.tab3 li .you .center p{ margin-bottom:3%;}
.tab3 li .you .xia{ margin-bottom:8%;overflow:hidden;}
.tab3 li .you .xia a{ color:#0d1f2d;}
.tab3 li .you .xia p{line-height:38px; text-align:justify; height:152px;}
.tab3 li .you .xia .c6_p51 span{ color:#68b5bc;}
.tab3 li .you .c6_btn1{width:100%; overflow:hidden; height:45px;}
.tab3 li .you .c6_btn1 span{    float: left;
    width: 48%; margin-right: 4%; height: 45px;  display: block; border-radius: 10px; font-size: 24px; line-height: 43px; text-align: center;background:#68b5bc; }
.tab3 li .you .c6_btn1 span a:hover{ color:#e6fdff;}


.tab3 li .you .xia .c6_p52 span{ color:#afc54c;}
.tab3 li .you .c6_btn2{width:100%; overflow:hidden; height:45px;}
.tab3 li .you .c6_btn2 span{   float: left;
    width: 48%; margin-right: 4%; height: 45px;  display: block; border-radius: 10px; font-size: 24px; line-height: 43px;
 text-align: center; background:#afc54c;}
.tab3 li .you .c6_btn2 span a:hover{ color:#f7ffd1;}
.tab3 li .you .xia .c6_p53 span{ color:#b492ce;}
.tab3 li .you .c6_btn3{width:100%; overflow:hidden; height:45px;}
.tab3 li .you .c6_btn3 span{   float: left;
    width: 48%; margin-right: 4%; height: 45px;  display: block; border-radius: 10px; font-size: 24px; line-height: 43px;
 text-align: center; background:#b492ce; }
.tab3 li .you .c6_btn3 span a:hover{ color:#f6eaff;}
.curr1{ display:block;}
.cp_p1 span:nth-child(4){
    margin-right:0; }
.tab3_l li .you .c6_btn span:nth-child(2){
    margin-right:0; }	
/*-------con6--------*/

/*-------con7--------*/
.con7{ width:94%; height:auto; background:url(../images/con7_bg.jpg) repeat; overflow:hidden; padding:4.5% 3%;}
.con7 img{width:100%; height:100%; display:block;}
.con7 h4{ width:100%; }
.con7 h4 img{width:100%; height:100%; display:block;}
.con7 .jishu{margin-top:4.5%;overflow: hidden;}
.con7 .shang{overflow: hidden; height:165.5px;}
.con7 .shang .li1{ width:36.3%;  float:left; margin-right:4%;}
.con7 .shang li{ width:27.8%;  float:left;margin-right:4%;}
.con7 .xia{ margin-top:4%; height:161.5px;}
.con7 .xia li{ width:26%; float:left;margin-right:4%;}
.con7 .xia .li2{ width:35.8%; float:left; margin-right:4%; background:#4376a2; padding:1.2% 2%; line-height:36px; color:#fff; text-align:justify;}
.con7 .xia .li2 a:hover{ color:#dff0ff;}
.con7 .shang li:nth-child(3){
    margin-right:0; }
.con7 .xia li:nth-child(3){
    margin-right:0; }		
/*-------con7--------*/


/*-------con8--------*/
.con8{ width:94%; height:auto; background:#fff; overflow:hidden;     padding: 4.5% 3% 1% 3%;}
.con8 img{width:100%; height:100%; display:block;}
.con8 h4{ width:100%; }
.con8 h4 img{width:100%; height:100%; display:block;}
.con8 .xinxi{margin-top:4.5%;overflow: hidden;}
.con8 .xinxi ul{ overflow:hidden; margin-bottom:4%;}
.con8 .xinxi li{ float:left; width:30.667%; height:80px; text-align:center; border:1px solid #0d1f2d; margin-right:4%; line-height:30px; box-sizing:border-box; padding-top:1.2%;}
.con8 .xinxi li a{ color:#0d1f2d;}
.con8 .xinxi li a:hover{color:#5eadd6;}
.con8 .xinxi .li1{ padding-top:3.2%;}
.con8 .xinxi li:nth-child(3){
    margin-right:0; }
/*-------con8--------*/


/*--------footer-------*/
.footer{width:100%; height:auto; background:#0d1f2d; overflow:hidden;     padding: 2% 0 6% 0; }
.footer img{ width:100%; height:100%; display:block;}
.footer .dibu{ width:94%;}
.footer p{ text-align:center; margin-top:2.5%; color:#fff;}
.footer p a{color:#fff;}
/*--------footer-------*/
.kong {
    margin-top: 8%;
    width: 100%;}



/*-------------------dbgs--------------*/

.dbgs{width:100%; height:auto;  overflow:hidden; z-index:999999;position:fixed;bottom:0; max-width:780px;}
/*.xian{border-top:1px solid #d80062}
.jianxi{width:100%;height:1px;background:#fff} */
.dbgs .one{ width:33.3333%;  padding: 1.3% 4%;background:#f76f91; float:left; overflow:hidden;box-sizing: border-box;}
.dbgs .one .i1{ width:33%; float:left;margin-right:7%;}
.dbgs .one .i1 img{ width:100%; height:100%; display:block;}
.dbgs .one p{ float:left; font-size:24px;width:60%; margin-top:7%;}
.dbgs .one p a{ color:#fff;}
.dbgs .two{  width:33.3333%; padding: 1.3% 4%;background:#d80062;float:left; overflow:hidden;box-sizing: border-box;}
.dbgs .two .i2{ width:33%; float:left; margin-right:7%;}
.dbgs .two .i2 img{ width:100%; height:100%; display:block;}
.dbgs .two p{ float:left; font-size:24px; width:60%; margin-top:7%;}
.dbgs .two p a{ color:#fff;}
.dbgs .three{  width:33.338%; box-sizing: border-box; padding: 1.3% 4%;background:#ff8687;float:left; overflow:hidden;}
.dbgs .three .i3{ width:33%;float:left;margin-right:7%;}
.dbgs .three .i3 img{ width:100%; height:100%; display:block;}
.dbgs .three p{ float:left; font-size:24px;width:60%; margin-top:7%;}
.dbgs .three p a{ color:#fff;}
.dbgs .three{
    border-right:0;
}
/*-------------------dbgs--------------*/




/*-------------------隐藏商务通窗口--------------*/
#divbg{ display:none;}
/*-------------------隐藏商务通窗口--------------*/