@charset "utf-8";

.main{
    max-width:1300px;
    width:100%;
}
/*banner*/
.banner{
    margin:0 auto;
    position: relative;
}
.banner img{
    width:100%;
}
.banner .hd{
    position: absolute;
    left:0;
    bottom:15px;
    z-index: 11;
    width:100%;
    height:10px;
    text-align:center;
    display: block;
}

.banner .hd ul{
    display: inline-block;
}
.banner .hd ul li{
    float:left;
    width:10px;
    height:10px;
    display: block;
    text-indent:9999px;
    overflow: hidden;
    border-radius: 100%;
    background: #92c6e5;
    text-indent:9999px;
    overflow: hidden;
    margin:0 10px;
} 

.banner .hd ul li.on{
    background: #fff;
}
.banner .bd ul li img{
    width:100%;
}




/*public_box*/
.public_box{
    height:62px;
    background: #fff;
    margin-bottom:5px;
    box-shadow:0 5px 10px rgba(0,0,0,.1);
}



.public_box .nav1{
    float:left;
}
.public_box .nav1 ul li{
    color:#333;
    font-size:16px;
    line-height:62px;
    float:left;
    -webkit-transition: all .8s;
    -moz-transition: all .8s;
    -ms-transition: all .8s;
    -o-transition: all .8s;
    transition: all .8s;
}
.public_box .nav1 ul li a{
    display: block;
    padding:0 40px;
}
.public_box .nav1 ul li:hover,
.public_box .nav1 ul li.on{
    color:#fff;
    background: #28427b;
}
.public_box .nav2{
    float:right;
}

.public_box .nav2 ul li{
    color:#666;
    font-size:15px;
    line-height:62px;
    float:left;
}
.public_box .nav2 ul li a{
    display: inline-block;
}
.public_box .nav2 ul li:hover a,
.public_box .nav2 ul li.on a{
    color:#28427b;
}




.htit h2{
    color:#444;
    font-size:28px;
    line-height:35px;
}
.htit p{
    color:#aeaeae;
    font-size:15px;
    line-height:25px;
    text-transform: uppercase;
}


.htit2{
    text-align:center;
}
.htit2 h2{
    color:#333;
    font-size:30px;
    line-height:40px;
}
.htit2 p{
    color:#c5c5c5;
    font-size:36px;
    line-height:46px;
    text-transform: uppercase;
}




.htit4{
    padding-bottom:25px;
    border-bottom:1px dashed #ddd;
}
.htit4 h2{
    color:#444;
    font-size:30px;
    line-height:40px;
    display: inline-block;
    margin-right:10px;
}
.htit4 p{
    display: inline-block;
    color:#ddd;
    font-size:30px;
    line-height:40px;
    text-transform: uppercase;
}




/*.pages*/
.pages{
    text-align:center;
}
.pages a{
    float:left;
    color:#888;
    font-size:16px;
    line-height:40px;
    display: inline-block;
    padding: 0 15px;
    margin:0 5px;
    border:1px solid #aaa;
    background: #fff;
}

.pages a:hover,
.pages a.on{
    color:#fff;
    background: #28427b;
}


.pages div{
    display: inline-block;
    *zoom: 1;
}
.pages div:before,.page div:after{
    content:'';
    display: block;
    height:0;
    clear: both;
    visibility:hidden;
    
}

/*.pages2*/
.pages2{
    text-align:center;
}
.pages2 a{
    float:left;
    color:#888;
    font-size:16px;
    line-height:40px;
    display: inline-block;
    padding: 0 15px;
    margin:0 5px;
    background: #fff;
    border-radius: 5px;
}

.pages2 a:hover,
.pages2 a.on{
    color:#fff;
    background: #28427b;
}


.pages2 div{
    display: inline-block;
    *zoom: 1;
}
.pages2 div:before,.page div:after{
    content:'';
    display: block;
    height:0;
    clear: both;
    visibility:hidden;
    
}









/*about*/
.about{
    background: #f4f4f2 no-repeat 30px 90%;
    background-size:1076px auto; 
}

.about .about_box1{
    padding:100px 0;
}
.about .about_box1 .text_box{
    float:left;
    width:535px;
}
.about .about_box1 .text_box .htit{
    margin-bottom:30px;
}
.about .about_box1 .text_box .text{
    color:#555;
    font-size:15px;
    line-height:28px;
}
.about .about_box1 .about_slide{
    float:right;
    width:715px;
    position: relative;
}
.about .about_box1 .about_slide .bd ul li{
    width:714px;
    height:484px;
    text-align:center;
    display:block;
}
.about .about_box1 .about_slide .hd{
    position: absolute;
    left:0;
    bottom:0;
    z-index: 10;
    width:215px;
    height:65px;
    background: rgba(40,66,123,.8);
}
.about .about_box1 .about_slide .hd .ab_snext{
    float:left;
    width:40%;
    height:65px;
    cursor: pointer;
    background: url(../images/l_bg.png)no-repeat center center;
}
.about .about_box1 .about_slide .hd .ab_sprev{
    float:left;
    width:40%;
    height:65px;
    cursor: pointer;
    background: url(../images/r_bg.png)no-repeat center center;
}
.about .about_box1 .about_slide .hd .pageState{
    color:#ebebeb;
    float:left;
    width:20%;
    text-align:center;
    font-size:16px;
    line-height:65px;
    display: inline-block;
}



/*about2*/
.about2{
    padding:20px 0 80px 0;
    background: #f4f4f2;
}
.about2 .img_box{
    float:left;
    width:512px;
    height:660px;
}
.about2 .list{
    float:right;
    width:680px;
	padding-top:40px;
}
.about2 .list .htit{
    margin-bottom:40px;
}
.about2 .list .text_box h3{
    color:#444;
    font-size:15px;
    line-height:25px;
}
.about2 .list .text_box p{
    color:#666;
    font-size:15px;
    line-height:25px;
}





/*.about3*/
.about3{
    padding:60px 0;
    background: url(../images/about_bg2.jpg)no-repeat center center;
    background-size:100% 100%; 
}
.about3 .htit{
    margin-bottom:30px;
}
.about3 .text_box{
    margin-bottom:50px;
}
.about3 .text_box .text{
    color:#666;
    font-size:14px;
    line-height:30px;
    max-width:70%;
}
.about3 .about3_slide{
    width:920px;
    position: relative;
} 
.about3 .about3_slide .ab3_snext{
    width:60px;
    height:40px;
    position: absolute; 
    right:0; 
    top:calc(50% - 20px);  
    z-index: 11; 
    cursor: pointer; 
    background: url(../images/r_bg2.png)no-repeat center center;
}
.about3 .about3_slide .ab3_sprev{
    width:60px;
    height:40px; 
    position: absolute; 
    left:0;
    top:calc(50% - 20px);
    z-index: 11;   
    cursor: pointer; 
    background: url(../images/l_bg2.png)no-repeat center center;
}
.about3 .about3_slide .bd{
    width:800px;
    margin:0 auto;
}
.about3 .about3_slide .bd ul li{
    width:254px;
    margin-right:18px;
    cursor: pointer;
}



/*.about4*/
.about4{
    background: #f0f0ee;
    padding:50px 0;
}
.about4 .htit{
    margin-bottom:20px;
}




.about4 .about4_slide{
    width:100%;
    position: relative;
} 
.about4 .about4_slide .hd{
    position: absolute; 
    right:0;
    top:-80px;  
    z-index: 11; 
}
.about4 .about4_slide .hd .ab4_snext,
.about4 .about4_slide .hd .ab4_sprev{
    width:45px;
    height:42px;
    line-height:42px;
    text-align:center;
    font-family: "宋体";
    color:#aaa;
    font-size:18px;
    font-weight: bold;
    display: inline-block;
    border:1px solid #ddd;
    cursor: pointer; 
}
.about4 .about4_slide .hd .ab4_snext:hover,
.about4 .about4_slide .hd .ab4_sprev:hover{
    color:#000;
    border:1px solid #444;
}
.about4 .about4_slide .bd{
    width:1300px;
    margin:0 auto;
}
.about4 .about4_slide .bd ul li{
    width:420px;
    height:315px;
    line-height:315px;
    text-align:center;
    background: #fff;
    margin-right:19px;
    cursor: pointer;
    position: relative;
}
.about4 .about4_slide .bd ul li img{
    width:100%;
    height:100%;
    filter: brightness(100%);
    -webkit-filter: brightness(100%);
    -moz-filter: brightness(100%);
    -o-filter: brightness(100%);
    -ms-filter: brightness(100%);
    transition: all 0.4s ease-in-out;
}
.about4 .about4_slide .bd ul li:hover img{
    filter: brightness(60%);
    -webkit-filter: brightness(60%);
    -moz-filter: brightness(60%);
    -o-filter: brightness(60%);
    -ms-filter: brightness(60%);
}
.about4 .about4_slide .bd ul li i{
    width:70px;
    height:70px;
    display: none;
    background: url(../images/icon_bg1.png)no-repeat center center;
    position: absolute;
    top:calc(50% - 35px);
    left:calc(50% - 35px);
    z-index: 11;
}
.about4 .about4_slide .bd ul li:hover i{
    display: block;
    animation-name:fadeInDown;
    animation-duration:.8s;
    -webkit-animation-timing-function: linear;
    -moz-animation-timing-function: linear;
    -o-animation-timing-function: linear;
    animation-timing-function: linear;
}


/*about5*/
.about5{
    background: #f0f0ee;
    padding-bottom:80px;
}
.about5 .htit{
    margin-bottom:30px;
}
.about5 .about5_slide .parbd .slide_box{
    float:left;
    width:1300px;
    height:379px;
    margin-bottom:60px;
    position: relative;
    z-index: 1;
}
.about5 .about5_slide .parbd .slide_box::after,
.about5 .about5_slide .parbd .slide_box::before{
  content:'';
  position:absolute;
  bottom:16px;
  width:486px;
  height:1px;
  z-index:-1;
  box-shadow:0 2px 30px 15px #888;
  visibility:visible;
}
.about5 .about5_slide .parbd .slide_box::after {
  left:150px;
  transform:rotate(1deg);
}
.about5 .about5_slide .parbd .slide_box::before {
  right:150px;
  transform:rotate(-1deg);
}







.about5 .about5_slide .parbd .slide_box .img_box{
    float:left;
    width:650px;
    height:379px;
    line-height:379px;
    background-color: #fff;
    background-position: center center;
    background-size: cover;
}
.about5 .about5_slide .parbd .slide_box .text_box{
    float:right;
    width:650px;
    height:379px;
    background: #fff;
}
.about5 .about5_slide .parbd .slide_box .text_box h3{
    color:#aeaeae;
    font-size:36px;
    line-height:40px;
    padding:0 50px;
    margin:80px 0  20px 0;
}
.about5 .about5_slide .parbd .slide_box .text_box .text{
    color:#666;
    font-size:15px;
    line-height:30px;
    padding:0 50px;
}
.about5 .about5_slide .parhd{
    position: relative;
}
.about5 .about5_slide .parhd .ab5_sprev,
.about5 .about5_slide .parhd .ab5_snext{
    position: absolute;
    top:61%;
    z-index: 12;
    color:#666;
    font-size:20px;
    line-height:30px;
    font-weight: bold;
    font-family: "宋体";
    width:30px;
    height:40px;
    cursor: pointer;
}
.about5 .about5_slide .parhd .ab5_sprev{
    text-align:left;
    left:0;
}
.about5 .about5_slide .parhd .ab5_snext{
    text-align:right;
    right:0;
}



.about5 .about5_slide .parhd .par{
    position: absolute;
    left:0;
    bottom:4px;
    z-index: 10;
    width:100%;
    height:1px;
    display: block;
    background: #d2d2d2;
    visibility:visible;
}

.about5 .about5_slide .parhd ul li{
    float:left;
    width:162px;
    color:#666;
    font-size:16px;
    line-height:40px;
    padding-bottom:10px;
    text-align:center;
    position: relative;
    cursor: pointer;
}
.about5 .about5_slide .parhd ul li span{
    display: block;
}
.about5 .about5_slide .parhd ul li i{
    width:10px;
    height:10px;
    display: block;
    border-radius: 100%;
    background: #666;
    position: absolute;
    left:calc(50% - 5px);
    bottom:0;
    z-index: 11;
}
.about5 .about5_slide .parhd ul li:hover span,
.about5 .about5_slide .parhd ul li.act span{
    color: #28427b;
    font-size:26px;
}
.about5 .about5_slide .parhd ul li:hover i,
.about5 .about5_slide .parhd ul li.act i{
    background: #28427b;
}







/*join*/
.join{
    padding:70px 0 80px 0;
    background: url(../images/join_bg1.jpg)no-repeat center center;
    background-size: 100% 100%;
}
.join .htit2{
    margin-bottom:40px;
}
.join .join_slide{
    position: relative;
    z-index: 1;
    background:#fff;
    margin-bottom:20px;
    width:1300px;
    height:499px;
}
.join .join_slide::after,
.join .join_slide::before{
  content:'';
  position:absolute;
  bottom:16px;
  width:486px;
  height:1px;
  z-index:-1;
  box-shadow:0 2px 30px 15px #666;
  visibility:visible;
}
.join .join_slide::after {
  left:150px;
  transform:rotate(1deg);
  visibility:visible;
}
.join .join_slide::before {
  right:150px;
  transform:rotate(-1deg);
  visibility:visible;
}
.join .join_slide .hd{
    float:left;
    width:496px;
    height:499px;
    background: #fff;
}
.join .join_slide .hd ul li{
    float:left;
    width:243px;
    height:163px;
    margin-right:5px;
    margin-bottom:5px;
    position: relative;
}
.join .join_slide .hd ul li:nth-child(5){
    margin-bottom:0;
}
.join .join_slide .hd ul li:nth-child(6){
    margin-bottom:0;
}
.join .join_slide .hd ul li i{
    width:100%;
    height:100%;
    line-height:163px;
    display: block;
    font-size:136px;
    text-align:center;
    font-family: "仿宋";
    color:#dddcdc;
    background:#efefef;
    position: absolute;
    left:0;
    top:0;
    z-index: 11;
}
.join .join_slide .hd ul li span{
    position: absolute;
    left:calc(50% - 80px);
    top:calc(50% - 26px);
    z-index: 12;
    width:160px;
    height:42px;
    color:#444;
    font-size:16px;
    line-height:26px;
    font-weight: bold;
    text-align:center;
    display: block;
}
.join .join_slide .hd ul li.on i{
    color:#3a5899;
    background: #29437b;
}
.join .join_slide .hd ul li.on span{
    color:#fff;
}


.join .join_slide .bd{
    float:right;
    width:804px;
    height:499px;
    background: #fff;
}
.join .join_slide .bd ul li{
    position: relative;
    width:804px;
}
.join .join_slide .bd ul li .img_box{
    width:804px;
    height:499px;
}
.join .join_slide .bd ul li .text_box{
    position: absolute;
    left:0;
    bottom:0;
    z-index: 11;
    background:rgba(255,255,255,.7);
    width:804px;
    padding:30px 0;
}
.join .join_slide .bd ul li .text_box .text{
    padding-left:125px;
    min-height:70px;
    color:#333;
    font-size:15px;
    line-height:25px;
    background: url(../images/join_btn_bg1.png)no-repeat 40px top;
}
.join .join_slide .bd ul li .text_box .text h3{
    width:100%;
    height:36px;
    overflow: hidden;
    line-height:36px;
    color:#333;
    font-size:16px;
    font-weight: bold;
}






.join2{
    padding:65px 0;
}
.join2 .htit2{
    margin-bottom:40px;
}
.join2 .list_box .list{
    float:left;
    width:310px;
    height:340px;
    background: #f6f6f6;
    margin-right:20px;
    margin-bottom:25px;
}
.join2 .list_box .list:nth-child(4n){
    margin-right:0;
}
.join2 .list_box .list .text_box{
    padding:0 25px;
}
.join2 .list_box .list .text_box h3{
    color:#444;
    font-size:16px;
    line-height:26px;
    font-weight: bold;
    text-align:center;
    margin-bottom:10px;
}
.join2 .list_box .list .text_box .text{
    color:#444;
    font-size:16px;
    line-height:26px;
}




.join2 .list_box .list i{
    display: block;
    border-radius: 100%;
    width:115px;
    height:115px;
    margin:35px auto 25px auto;
}
.join2 .list_box .list i.join_icon1{
    background: #e6e6e6 url(../images/join_icont1.png)no-repeat center center;
    -webkit-transition: all 1s;
    -moz-transition: all 1s;
    -o-transition: all 1s;
}
.join2 .list_box .list:hover i.join_icon1{
    background: #29437b url(../images/join_icont1s.png)no-repeat center center;
}

.join2 .list_box .list i.join_icon2{
    background: #e6e6e6 url(../images/join_icont2.png)no-repeat center center;
    -webkit-transition: all 1s;
    -moz-transition: all 1s;
    -o-transition: all 1s;
}
.join2 .list_box .list:hover i.join_icon2{
    background: #29437b url(../images/join_icont2s.png)no-repeat center center;
}

.join2 .list_box .list i.join_icon3{
    background: #e6e6e6 url(../images/join_icont3.png)no-repeat center center;
    -webkit-transition: all 1s;
    -moz-transition: all 1s;
    -o-transition: all 1s;
}
.join2 .list_box .list:hover i.join_icon3{
    background: #29437b url(../images/join_icont3s.png)no-repeat center center;
}

.join2 .list_box .list i.join_icon4{
    background: #e6e6e6 url(../images/join_icont4.png)no-repeat center center;
    -webkit-transition: all 1s;
    -moz-transition: all 1s;
    -o-transition: all 1s;
}
.join2 .list_box .list:hover i.join_icon4{
    background: #29437b url(../images/join_icont4s.png)no-repeat center center;
}

.join2 .list_box .list i.join_icon5{
    background: #e6e6e6 url(../images/join_icont5.png)no-repeat center center;
    -webkit-transition: all 1s;
    -moz-transition: all 1s;
    -o-transition: all 1s;
}
.join2 .list_box .list:hover i.join_icon5{
    background: #29437b url(../images/join_icont5s.png)no-repeat center center;
}

.join2 .list_box .list i.join_icon6{
    background: #e6e6e6 url(../images/join_icont6.png)no-repeat center center;
    -webkit-transition: all 1s;
    -moz-transition: all 1s;
    -o-transition: all 1s;
}
.join2 .list_box .list:hover i.join_icon6{
    background: #29437b url(../images/join_icont6s.png)no-repeat center center;
}

.join2 .list_box .list i.join_icon7{
    background: #e6e6e6 url(../images/join_icont7.png)no-repeat center center;
    -webkit-transition: all 1s;
    -moz-transition: all 1s;
    -o-transition: all 1s;
}
.join2 .list_box .list:hover i.join_icon7{
    background: #29437b url(../images/join_icont7s.png)no-repeat center center;
}

.join2 .list_box .list i.join_icon8{
    background: #e6e6e6 url(../images/join_icont8.png)no-repeat center center;
    -webkit-transition: all 1s;
    -moz-transition: all 1s;
    -o-transition: all 1s;
}
.join2 .list_box .list:hover i.join_icon8{
    background: #29437b url(../images/join_icont8s.png)no-repeat center center;
}




/*.join3*/
.join3{
    padding:70px 0;
    background: url(../images/join_bg2.jpg)no-repeat center center;
    background-size:100% 100%;
}
.join3 .htit2{
    margin-bottom:50px;
}



/*.join4*/
.join4{
    padding-bottom:70px;
    background: url(../images/join_bg2.jpg)no-repeat center center;
    background-size:100% 100%;
}
.join4 .htit2{
    margin-bottom:50px;
} 
.join4 .list_box .img_box{
    width:430px;
    float:left;
}
.join4 .list_box .text_box{
    width:850px;
    float:right;
}
.join4 .list_box .text_box .text{
    position: relative;
    padding-left:50px;
    color:#444;
    font-size:15px;
    line-height:35px;
    margin-bottom:25px;
}
.join4 .list_box .text_box .text i{
    position: absolute;
    left:0;
    top:0;
    z-index: 11;
    border-radius: 100%;
    width:35px;
    height:35px;
    line-height:35px;
    text-align:center;
    background: #e6e6e6;
    color:#444;
    font-size:16px;
}







/*.case*/
.case{
    padding:65px 0;
    background: #f4f4f2;
}
.case .case_box1{
    margin-bottom:25px;
}
.case .case_box1 .img_box{
    float:left;
    width:915px;
    height:547px;
    line-height:547px;
}
.case .case_box1 .text_box{
    float:right;
    width:385px;
    height:547px;
    background: url(../images/case_bg.jpg)no-repeat center center;
    background-size:100% 100%;
}
.case .case_box1 .text_box h3{
    padding:70px 45px 25px 45px;
    color:#444;
    font-size:20px;
    line-height:30px;
}
.case .case_box1 .text_box .text{
    padding:0 45px;
    color:#444;
    font-size:15px;
    line-height:24px;
}

.case .case_box2{
    margin-bottom:60px;
}
.case .case_box2 .list{
    float:left;
    width:635px;
    height:381px;
    margin-right:30px;
    margin-bottom:25px;
    position: relative;
    cursor: pointer;
    background: #fff;
}
.case .case_box2 .list:nth-child(2n){
    margin-right:0;
}
.case .case_box2 .list .img_box{
    width:635px;
    height:381px;
    text-align:center;
    line-height:381px;
}
.case .case_box2 .list h2{
    position:absolute;
    left:50px;
    bottom:20px;
    z-index: 11;
    color:#fff;
    font-size:16px;
    line-height:26px;
    opacity: 1;
    -webkit-transition:  all .5s ease-in-out;
    -moz-transition:  all .5s ease-in-out;
    -ms-transition:  all .5s ease-in-out;
    -o-transition:  all .5s ease-in-out;
    transition:  all .5s ease-in-out;   
}
.case .case_box2 .list:hover h2{
    opacity: 0;
}
.case .case_box2 .list .text_box{
    position:absolute;
    left:0;
    top:0;
    z-index: 11;
    opacity: 0;
    width:635px;
    height:381px;
    background: rgba(255,255,255,.8);
    -webkit-transition:  all .8s ease-in-out;
    -moz-transition:  all .8s ease-in-out;
    -ms-transition:  all .8s ease-in-out;
    -o-transition:  all .8s ease-in-out;
    transition:  all .8s ease-in-out;   
}
.case .case_box2 .list:hover .text_box{
    opacity: 1;
}
.case .case_box2 .list .text_box h3{
    padding: 50px 40px 15px 40px;
    color:#444;
    font-size:20px;
    line-height:40px;
}
.case .case_box2 .list .text_box .text{
    padding:0 40px;
    color:#444;
    font-size:15px;
    line-height:25px;
}










/*.cont*/
.cont{
    padding:80px 0;
    background: #eee;
}
.cont .left{
    float:left;
    width:45%;
}
.cont .left .t1{
    margin-bottom:20px;
}
.cont .left .t1 h2{
    color:#444;
    font-size:20px;
    line-height:30px;
}
.cont .left .t1 p{
    color:#c5c5c5;
    font-size:13px;
    line-height:20px;
}
.cont .left .t2{
    margin-bottom:40px;
    color:#666;
    font-size:15px;
    line-height:25px;
}
.cont .left .t3{
    color:#444;
    font-size:15px;
    line-height:30px;
}
.cont .left .t3 p{
    padding-left:30px;
}
.cont .left .t3 i{
    color:#333;
    font-weight: bold;
    /* width:76px; */
    display: inline-block;
}
.cont .left .t3 p.p1{
    background: url(../images/cont_bg1.png)no-repeat left 5px;
}
.cont .left .t3 p.p2{
    background: url(../images/cont_bg1.png)no-repeat left 5px;
}
.cont .left .t3 p.p3{
    background: url(../images/cont_bg2.png)no-repeat left 5px;
}
.cont .left .t3 p.p4{
    background: url(../images/cont_bg3.png)no-repeat left 5px;
}
.cont .left .t3 p.p5{
    background: url(../images/cont_bg4.png)no-repeat left 5px;
}
.cont .left .t3 p.p6{
    background: url(../images/cont_bg5.png)no-repeat left 5px;
}

.cont .right{
    float:right;
    width:50%;
}
.cont .right .form_box form .f1_box .text{
    width:48%;
    margin-right:4%;
    margin-bottom:10px;
    background: #fff;
    outline:none;
    float:left;
    line-height:50px;
    color:#666;
    font-size:15px;
    text-indent:10px;
}
.cont .right .form_box form .f1_box .text:nth-child(2n){
    margin-right:0;
}
.cont .right .form_box form .message{
    width:100%;
    height:200px;
    background: #fff;
    line-height:50px;
    color:#666;
    font-size:15px;
    text-indent:10px;
}
.cont .right .form_box form .f2_box{
    margin-top:40px;
} 
.cont .right .form_box form .f2_box p{
    float:left;
    line-height:50px;
    color:#666;
    font-size:15px;
}
.cont .right .form_box form .f2_box p .num{
    display: inline-block;
    background: #fff;
    width:152px;
    height:48px;
    line-height:48px;
    border:1px solid #ddd;
    color:#666;
    font-size:15px;
    text-indent:10px;
}
.cont .right .form_box form .f2_box .pic{
    float:left;
    width:135px;
    height:43px;
    text-align:center;
    line-height:43px;
    margin-left:15px;
}
.cont .right .form_box form .f2_box .submit{
    float:right;
    width:190px;
    height:45px;
    line-height:45px;
    color:#fff;
    font-size:15px;
    text-align:center;
    background: #28427b;
}


/*.recruit */
.recruit{
    padding:70px 0;
    background: #f5f5f3;
}
.recruit .left{
    float:left;
    width:740px;
}
.recruit .left .rect_slide .slide_box{
    margin-bottom:10px;
}
.recruit .left .rect_slide .slide_box .rect_hd{
    width:740px;
    height:60px;
    background: #e0e0e0;
    -webkit-transition: all .8s;
    -moz-transition: all .8s;
    -ms-transition: all .8s;
    -o-transition: all .8s;
    transition: all .8s;
}
.recruit .left .rect_slide .slide_box .rect_hd.on,
.recruit .left .rect_slide .slide_box .rect_hd:hover{
    background: #28427b;
}
.recruit .left .rect_slide .slide_box .rect_hd h3{
    color:#444;
    font-size:16px;
    line-height:60px;
    padding-left:30px;
    position: relative;
}
.recruit .left .rect_slide .slide_box .rect_hd h3 i{
    position: absolute;
    top:0;
    right:30px;
    z-index: 11;
    color:#444;
    font-size:15px;
    line-height:60px;
}
.recruit .left .rect_slide .slide_box .rect_hd.on h3,
.recruit .left .rect_slide .slide_box .rect_hd:hover h3{
    color:#fff;
}
.recruit .left .rect_slide .slide_box .rect_hd.on h3 i,
.recruit .left .rect_slide .slide_box .rect_hd:hover h3 i{
    color:#fff;
}


.recruit .left .rect_slide .slide_box .rect_bd{
    display: none;
    background: #fff;
    padding:20px 30px;
    color:#444;
    font-size:15px;
    line-height:30px;
}
.recruit .right{
    float:right;
    width:460px;
}
.recruit .right .text_box h3{
    color:#333;
    font-size:20px;
    line-height:40px;
    padding-bottom:15px;
}
.recruit .right .text_box .text{
    color:#666;
    font-size:15px;
    line-height:28px;
}
.recruit .right .text_box i{
    width:50px;
    height:4px;
    background: #7d7d7d;
    display: block;
    margin:30px 0;
}








/*.news*/
.news{
    padding:65px 0;
    background: #f1f1ef;
}
.news .list_box{
    margin-bottom:60px;
}
.news .list_box .list{
    margin-bottom:38px;
    background: #fff;
    box-shadow: 0 5px 5px #aaa;
    width:1300px;
    height:277px;
}
.news .list_box .list a{
    display: block;
}
.news .list_box .list .img_box{
    width:400px;
    height:277px;
    line-height:277px;
    text-align:left;
    float:left;
}
.news .list_box .list .img_box img{
    width:100%;
    height:100%;
}
.news .list_box .list .text_box{
    float:right;
    width:710px;
    padding: 55px 90px;
}
.news .list_box .list .text_box h3{
    color:#333;
    font-size:17px;
    line-height:37px;
    margin-bottom:10px;
    width:100%;
    height:37px;
    overflow: hidden;
}
.news .list_box .list .text_box .text{
    color:#666;
    font-size:14px;
    line-height:26px;
    text-overflow: -o-ellipsis-lastline;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    line-clamp: 2;
    -webkit-box-orient: vertical;
}
.news .list_box .list .text_box .more{
    margin-top:40px;
    width:100%;
    height:40px;
    position: relative;
}
.news .list_box .list .text_box .more span{
    position: absolute;
    right:0;
    top:0;
    z-index: 11;
    width:40px;
    height:40px;
    display: block;
    color:#fff;
    font-size:18px;
    line-height:40px;
    text-align:center;
    font-weight: bold;
    font-family: "宋体";
    background: #cfcfcf;
    -webkit-transition: all .8s;
    -moz-transition: all .8s;
    -ms-transition: all .8s;
    -o-transition: all .8s;
    transition: all .8s;
}
.news .list_box .list:hover .text_box .more span{
    background: #28427b;
}   
.news .list_box .list .text_box .more i{
    color:#888;
    font-size:15px;
    line-height:40px;
}



/*.net*/
.net{
    background: #f7f7f5;
    padding-bottom:70px;
}
.net .net_box1{
    position: relative;
    background: #fff;
    padding:96px 50px 30px 50px;
    margin-bottom:25px;
}
.net .net_box1 .form_box{
    position: absolute;
    top:-65px;
    left:0;
    z-index: 11;
    background: #fff;
    width:1300px;
}
.net .net_box1 .form_box .main{
    width:1200px;
    padding:40px 0;
    margin:0 auto;
    border-bottom:1px solid #ddd;
}
.net .net_box1 .form_box .left{
    width:30%;
    float:left;
}
.net .net_box1 .form_box .left h3{
    color:#444;
    font-size:26px;
    line-height:30px;
}
.net .net_box1 .form_box .right{
    float:right;
    width:590px;
}
.net .net_box1 .form_box .right #distpicker {
    float:left;
}
.net .net_box1 .form_box .right #distpicker select{
    width:200px;
    height:40px;
    line-height:40px;
    padding-left:15px;
    border:1px solid #ddd;
    color:#666;
    font-size:15px;
    margin-right:15px;
    outline:none;
}
.net .net_box1 .form_box .right .submit{
    float:right;
    width:150px;
    height:40px;
    color:#fff;
    font-size:16px;
    line-height:40px;
    text-align:left;
    text-indent:50px;
    background:#28427b url(../images/search_btn2.png)no-repeat 90px center;
    background-size:17px auto; 
}


.net .net_box1 .list_box{
    margin-bottom:40px;
}
.net .net_box1 .list_box .list{
    float:left;
    width:48%;
    height:149px;
    margin-right:3.5%;
    margin-bottom:15px;
    border:1px dashed #ddd;
}
.net .net_box1 .list_box .list:nth-child(2n){
    margin-right:0;
}
.net .net_box1 .list_box .list .img_box{
    width:213px;
    height:149px;
    line-height:149px;
    float:left;
}
.net .net_box1 .list_box .list .text_box{
    float:right;
    width:320px;
    padding:10px 15px;
}
.net .net_box1 .list_box .list .text_box h3{
    color:#333;
    font-size:16px;
    line-height:36px;
}
.net .net_box1 .list_box .list .text_box .text{
    color:#666;
    font-size:14px;
    line-height:24px;
}








.net .net_box2{
    background: #fff;
    width:1200px;
    padding:40px 50px;
    display: block;
}
.net .net_box2 .map_box{
    float:left;
    width:757px;
    height:471px;
    overflow: hidden;
}
.net .net_box2 .map_box .map{
   overflow: hidden;
    width:757px;
    height:471px;
} 
.net .net_box2 .text_box{
    float:right;
    width:400px;
}
.net .net_box2 .text_box h3{
    color:#333;
    font-size:18px;
    line-height:30px;
    padding-bottom:10px;
    padding-left:30px;
    background: url(../images/net_bg.png)no-repeat left 5px;
    border-bottom:1px solid #ddd;
}
.net .net_box2 .text_box .text{
    color:#444;
    font-size:15px;
    line-height:30px;
    margin-top:20px;
}
.net .net_box2 .text_box .text i{
    max-width:30%;
    float:left;
    display: block;
}
.net .net_box2 .text_box .text span{
    max-width:70%;
    float:left;
    display: block;
}







.pro{
    background: #f4f4f2;
    padding:55px 0;
}
.pro .pro_box1 .left{
    float:left;
    width:300px;
}
.pro .pro_box1 .left .htit3{
    background: #294785;
    color:#fff;
    padding:20px 18px;
}
.pro .pro_box1 .left .htit3 p{
    font-size:14px;
    line-height:20px;
    text-transform: uppercase;
}
.pro .pro_box1 .left .htit3 h2{
    font-size:22px;
    line-height:30px;
}
.pro .pro_box1 .left .pro_nav>ul>li{
    background: #e6e6e6;
    line-height:58px;
    color:#444;
    font-size:16px;
    -webkit-transition: all .8s;
    -moz-transition: all .8s;
    -ms-transition: all .8s;
    -o-transition: all .8s;
    transition: all .8s;
}
.pro .pro_box1 .left .pro_nav>ul>li>a{
    padding:0 18px;
    display: block;

}
.pro .pro_box1 .left .pro_nav>ul>li>ul{
    padding:15px 0;
    background: #fff;
}
.pro .pro_box1 .left .pro_nav>ul>li>ul>li{
    line-height:36px;
    color:#444;
    font-size:15px;
    position: relative;
}
.pro .pro_box1 .left .pro_nav>ul>li>ul>li>i{
    position: absolute;
    left:20px;
    top:15px;
    z-index: 11;
    width:6px;
    height:6px;
    border-radius: 100%;
    background: #bfbfbf;
    display: block;
}
.pro .pro_box1 .left .pro_nav>ul>li>ul>li>a{
    padding:0 36px;
    display: block;
}
.pro .pro_box1 .left .pro_nav>ul>li:hover,
.pro .pro_box1 .left .pro_nav>ul>li.on{
    color:#fff;
    background: #28447F;
}
.pro .pro_box1 .left .pro_nav>ul>li>ul>li:hover,
.pro .pro_box1 .left .pro_nav>ul>li>ul>li.on{
    color:#28447F;
}

.pro .pro_box1 .left .pro_nav>ul>li>ul>li:hover>i,
.pro .pro_box1 .left .pro_nav>ul>li>ul>li.on>i{
    background: #28447f;
}

.pro .pro_box1 .list_box{
    float:right;
    width:960px;
}
.pro .pro_box1 .list_box .list{
    float:left;
    width:305px;
    margin-right:22px;
    margin-bottom:55px;
    background: #fff;
}
.pro .pro_box1 .list_box .list:nth-child(3n){
    margin-right:0;
}
.pro .pro_box1 .list_box .list a{
    display: block;
}
.pro .pro_box1 .list_box .list .img_box{
    width:305px;
    height:228px;
    line-height:209px;
}
.pro .pro_box1 .list_box .list p{
    height:55px;
    line-height:55px;
    color:#444;
    font-size:15px;
    text-align:center;
    -webkit-transition: all .8s;
    -moz-transition: all .8s;
    -ms-transition: all .8s;
    -o-transition: all .8s;
    transition: all .8s;
}
.pro .pro_box1 .list_box .list:hover p{
    color:#fff;
    background: #28447f;
}
.pro .pages{
    margin:40px 0;
}





/*.prov*/
.prov{
    background: #f7f7f5;
    padding:60px 0;
}
.prov .prov_box{
    float:right;
    width:506px;
    height:500px;
    padding-right:45px;
    position: relative;
}
.prov .prov_box h3{
    color:#444;
    font-size:20px;
    line-height:50px;
    border-bottom:2px dashed #ddd;
}
.prov .prov_box .text{
    margin:10px 0;
    color:#444;
    font-size:15px;
    line-height:32px;
}
.prov .prov_box .more_box{
    position: absolute;
    left:0;
    bottom:40px;
    z-index: 11;
}
.prov .prov_box .more_box a{
    color:#666;
    font-size:15px;
    line-height:15px;
    display: inline-block;
}
.prov .prov_box .more_box a:nth-child(2){
    padding: 0 15px;
    border-right:1px solid #666;
    border-left:1px solid #666;
    margin:0 10px;
}
.prov .prov_slide{
    float:left;
    width:670px;
    position: relative;
}
.prov .prov_slide .bd ul li{
    width:670px;
    height:500px;
    text-align:center;
    display:block;
    cursor: pointer;
}
.prov .prov_slide .hd{
    position: absolute;
    left:0;
    bottom:0;
    z-index: 10;
    width:215px;
    height:65px;
    background: rgba(0,0,0,.8);
}
.prov .prov_slide .hd .snext{
    float:left;
    width:40%;
    height:65px;
    cursor: pointer;
    background: url(../images/l_bg.png)no-repeat center center;
}
.prov .prov_slide .hd .sprev{
    float:left;
    width:40%;
    height:65px;
    cursor: pointer;
    background: url(../images/r_bg.png)no-repeat center center;
}
.prov .prov_slide .hd .pageState{
    color:#ebebeb;
    float:left;
    width:20%;
    text-align:center;
    font-size:16px;
    line-height:65px;
    display: inline-block;
}



/*prov2*/
.prov2{
    padding:60px 0;
}
.prov2 .htit4{
    margin-bottom:25px;
}
.prov2 .text{
    color:#444;
    font-size:15px;
    line-height:30px;
} 
.prov2 img{
    max-width:100%;
}


/*prov3*/
.prov3{
    padding:60px 0;
    background: #f6f6f4;
}
.prov3 .htit4{
    margin-bottom:25px;
}



/*prov4*/
.prov4{
    padding:60px 0;
    background: #f6f6f4;
}
.prov4 .htit4{
    margin-bottom:25px;
}


.prov4 .list_box .list{
    float:left;
    width:305px;
    margin-right:26px;
    margin-bottom:55px;
    background: #fff;
}
.prov4 .list_box .list:nth-child(4n){
    margin-right:0;
}
.prov4 .list_box .list a{
    display: block;
}
.prov4 .list_box .list .img_box{
    width:305px;
    height:209px;
    line-height:209px;
}
.prov4 .list_box .list p{
    height:55px;
    line-height:55px;
    color:#444;
    font-size:15px;
    text-align:center;
    -webkit-transition: all .8s;
    -moz-transition: all .8s;
    -ms-transition: all .8s;
    -o-transition: all .8s;
    transition: all .8s;
}
.prov4 .list_box .list:hover p{
    color:#fff;
    background: #28447f;
}






.news_v{
    background: #f3f3f1;
    padding:60px 0;
}
.news_v .news_htit{
    text-align:center;
}
.news_v .news_htit h2{
    color:#333;
    font-size:24px;
    line-height:34px;
}
.news_v .news_htit i{
    color:#666;
    font-size:15px;
    line-height:34px;
    display: block;
}
.news_v .text_box .text{
    color:#666;
    font-size:16px;
    line-height:34px;
}
.news_v .text_box{
    margin-bottom:60px;
}
.news_v .news_btn{
    padding-top:1px solid #ddd;
    padding-top:20px;
    margin:20px 0;
    text-align:center;
}
.news_v .news_btn a{
    color:#666;
    font-size:18px;
    line-height:38px;
    padding:0 20px;
    display: inline-block;
}