/*-----------------[初始化]--------------*/
body{color: #444;font-size: 12px;line-height: 1.5;
    background: #e7f4ff;
    font-family:"微软雅黑","Microsoft Yahei";}
a{color: #444;}
a:hover{color: #f60;}
img{max-width: 100%;}
input,textarea,select{font-size: 12px;color: #444;
    font-family:"微软雅黑","Microsoft Yahei";outline: 0;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -o-box-sizing: border-box;
    box-sizing: border-box;
}
input[type='submit'],input[type='reset'],input[type='button'],select{
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
}
input[type='submit'],input[type='reset'],input[type='button']{cursor: pointer;}
::-webkit-input-placeholder {color: #999;}
::-moz-placeholder {color: #999; }
::-ms-input-placeholder {color: #999;}

.ani{
    transition: .3s;
    -ms-transition: .3s;
    -moz-transition: .3s;
    -webkit-transition: .3s;
    -o-transition: .3s;
}

/*布局*/
.wp-ind{width: 1535px;margin: 0 auto;}
.wp-foot{width: 1400px;margin: 0 auto;}
.wp{width: 1200px;margin: 0 auto;}
.m-contact{background: #fff;min-height:800px;}
.h20{height: 20px;}

/*******************************
  -------[=头部]-------
********************************/
.header{
    background:#fff url(../images/head-bg.jpg) no-repeat 0 0;
    background-size:100% 6px;
    moz-background-size:100% 6px;
    webkit-background-size:100% 6px;
    padding-top: 6px;
    line-height: 114px;height: 114px;
    position: relative;z-index: 9;
    box-shadow: 1px 2px 5px rgba(0,0,0,0.2);
}
.logo{width: 23%;float: left;}
.logo img{max-width: 237px;max-height: 50px;vertical-align: middle;}

.nav{height: 114px;float: left;}
.nav li{
    float: left;padding: 0 7px;
    background: url(../images/nav.jpg) no-repeat center right;
}
.nav li:last-child{background: none;}
.nav li .a1{display: block;color: #090909;text-align: center;text-transform: uppercase;}
.nav li .a1 p{display: inline-block;vertical-align: middle;padding: 4px 25px 0;font-size: 12px;line-height: 14px;}
.nav li .a1 span{display: block;font-size: 16px;line-height: 24px;}
.nav li.ok .a1,
.nav li .a1:hover,
.nav li.on .a1{background: #0063af;color: #fff;}
.nav li a.on{background: #0063af;color: #fff;}

.head-btn{float: right;padding-top: 47px;}
.head-btn a{
    float: left;width: 50%;height: 26px;line-height: 26px;
    width: 50px;text-align: center;
    background: #a7b1bf;color: #fff;
}
.head-btn .a1{padding-left: 5px;border-radius: 13px 0 0 13px;}
.head-btn .a2{padding-right: 5px;border-radius: 0 13px 13px 0;}
.head-btn .on,.head-btn .a1:hover{background: #01479d;}

/*******************************
    -------[=导航]-------
********************************/
/*二级导航修改*/
.nav li{position: relative;}
.nav-second{
    display: none;
    position: absolute;left: 0;top: 114px;z-index: 999;line-height: 25px;
    background:rgba(255,255,255,0.9);
    width: 100%;

}
.nav-second dl{
    display: block;padding: 5px 0;
}
.nav-second dl dd{text-align: center;}
.nav-second dl a{
    display: inline-block;
    padding-left: 15px;line-height: 30px;color: #666;
    background: url(../images/bg-l2.jpg) no-repeat 0 center;
    background-size:8px 8px;
    moz-background-size:8px 8px;
    webkit-background-size:8px 8px;
}
.nav-second dl a:hover{color: #01479d;}
/*二级导航修改 END*/ 

/*******************************
    -------[=手机导航]-------
********************************/
.phone-nav{
    display: none;
    position: absolute;z-index: 9;right: 0;top: 50px;
    width: 100%;max-width:400px;
}
.phone-nav li{text-align: center;font-size: 14px;background: rgba(1,70,157,0.8);line-height: 35px;}
.phone-nav li .a1{display: block;color: #fff;}
.phone-nav li.ok .a1,
.phone-nav li .a1:hover{background: #01479d;border-bottom: 1px solid #fff;}
.phone-nav .head-btn{float: none;height: 26px;width: 90px;padding: 10px 0 10px;margin: 0 auto;}

.phone-nav dl{overflow: hidden;display: none;border-bottom: 1px solid #fff;}
.phone-nav dl dd{width: 50%;float: left;}
.phone-nav dl dd a{display: block;color: #fff;}
.phone-nav dl dd a:hover{background: #01479d;}


.menuBtn{
    display: none;
    position: relative;z-index: 9;float: right;
    width: 26px;height: 26px;margin:14px 10px 0 0;cursor: pointer;
    transition: .3s;
    -ms-transition: .3s;
    -moz-transition: .3s;
    -webkit-transition: .3s;
    -o-transition: .3s;
}
.menuBtn b{display: block;height: 4px;background-color: #083b6e;border-radius: 2px;
    margin: 3px 0;
    transition: .3s;
    -ms-transition: .3s;
    -moz-transition: .3s;
    -webkit-transition: .3s;
    -o-transition: .3s;
}
.menuBtn.open{}
.menuBtn.open b{display: none;margin: 0;position: absolute;left: 0px;top: 50%;margin-top: -4px;width: 26px;}
.menuBtn.open b:first-child{display: block;
    transform:rotate(45deg);
    -webkit-transform:rotate(45deg);
    -o-transform:rotate(45deg);
    -ms-transform:rotate(45deg);
}
.menuBtn.open b:last-child{display: block;
    transform:rotate(-45deg);
    -webkit-transform:rotate(-45deg);
    -o-transform:rotate(-45deg);
    -ms-transform:rotate(-45deg);
}

/*******************************
  -------[=底部]-------
*******************************/
.footer{background: #dbe9fb;padding: 10px;}
.ft-txt{color: #566c87;line-height: 26px;padding-right: 180px;}
.footer .wp-foot{position: relative;}
.ft-link{position: absolute;width: 149px;right:0;bottom: 2px;}
.ft-link p{
    cursor: pointer;
    height: 23px;line-height: 23px;padding: 0 30px 0 20px;color: #fff;overflow: hidden;
    background:#4d7fbc url(../images/ft-link.jpg) no-repeat 123px center;}
.ft-link ul{
    display: none;
    position: absolute;z-index: 999;
    left: 0;bottom: 23px;width: 100%;
}
.ft-link ul a{display: block;background: #fff;color: #566c87;line-height: 22px;padding: 5px 20px;}
.ft-link ul a:hover{background: #eee;}

/*ban*/
#ban{
    height: 305px;
    background-repeat: no-repeat;
    background-position: center center;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
}
/*右侧浮动*/
.ul-float-btn{position: fixed;bottom: 40%;right: 0;z-index: 9999;width: 60px;}
.ul-float-btn li{
    margin-bottom: 2px;background: #868f98;position: relative;
}
.ul-float-btn li a{
    display: block;text-align: center;
    color: #fff;
    line-height: 16px;
    padding: 38px 0 6px;
}
.ul-float-btn li:hover{background: #0056b7;}
.ul-float-btn .mail{background: url(../images/index-f1.png) no-repeat center 15px; }
.ul-float-btn .weixin a{background: url(../images/index-f2.png) no-repeat center 15px;}
.toTop{background: url(../images/index-f3.png) no-repeat center 15px;}
.weixin-pic{
    display: none;
    position: absolute;right: 70px;top: -30px;
    border: 6px solid #0056b7;border-radius: 3px;
    width: 100px;height: 100px;
}
.weixin-pic img{display: block;width: 100px;height: 100px;}
.weixin-pic:after{
    content: '';
    position: absolute;right: -14px;top: 50%;margin-top: -6px;
    width: 0;height: 0;
    border-top: 10px solid transparent;
    border-bottom: 10px solid transparent;
    border-left: 10px solid #0056b7;
}



/*******************************
    -------[=侧布局]-------
********************************/
.main{width: 1730px;position: relative;margin: 0 auto;}
.m-side{position: absolute;right: 0;top: 70px;width: 234px;}
.ul-sidepic li{margin-bottom: 10px;}
.ul-sidepic a{display: block;position: relative;overflow: hidden;color: #fff;}
.ul-sidepic .pic{
    padding-top:45%;position: relative;
    -o-transition:.3s;
    -ms-transition:.3s;
    -moz-transition:.3s;
    -webkit-transition:.3s;
    transition:.3s;
}
.ul-sidepic .pic img{position: absolute;left: 0;top: 0;width: 100%;height: 100%;}
.ul-sidepic .tit{
    position: absolute;bottom: 0;left: 0;width: 100%;
    background:rgba(0,0,0,0.5);
}
.ul-sidepic .tit p{padding: 0 10px;line-height: 30px;height: 30px;font-size: 16px;}

.ul-sidepic a:hover .pic{
    -webkit-transform: scale(1.1);
    -moz-transform: scale(1.1); 
    -ms-transform: scale(1.1); 
    -o-transform: scale(1.1); 
    transform: scale(1.1);
    transform-origin: 50% 50%;
}
.pic-side img{
    width: 100%;
    -o-transition:.3s;
    -ms-transition:.3s;
    -moz-transition:.3s;
    -webkit-transition:.3s;
    transition:.3s;
}
.pic-side a:hover img{opacity: 0.8;}

 

@media only screen and (max-width: 1730px) {
    .main{width: 80%;}
    .main .wp{width: auto;padding-right: 250px;}
}

@media only screen and (max-width: 1540px) {
    .main{width: 98%;}
    .main .wp{width: auto;padding-right: 250px;}
    .wp-foot,
    .wp-ind{width: 98%;}
}
@media only screen and (max-width: 1295px) {
    /*头部*/
    .logo img{max-width: 170px;}
    .logo{width: 20%;}
    .nav li .a1 p{padding: 4px 18px 0;}
 
}
/*Common For Max 960*/
@media only screen and (max-width: 1199px) {

    /*头部*/
    .nav li{padding: 0 3px;}
    .nav li .a1 p{padding: 4px 12px 0;}
    #ban{height: 200px;}
    .nav-second{right: 0;width: 100%;}
}



/*Common For Max 768*/
@media only screen and (max-width: 959px) {
    /*头部*/
    .menuBtn{display: block;}
    .hd-btn-pc,
    .nav{display: none;}
    .header{
        line-height: 50px;height: 50px;
        padding-top: 4px;    
        background-size:100% 4px;
        moz-background-size:100% 4px;
        webkit-background-size:100% 4px;
    }
    .logo{width: auto;}
    .logo img{width: 120px;}
    /*布局*/
    .main .wp{width: 98%;padding: 0;}
    .m-side{display: none;}
    .m-contact{min-height:400px;}
}



/*Common For Max 480*/
@media only screen and (max-width: 767px) {
    #ban{height: 150px;}
    .m-contact{min-height:auto;}
}


/*Common For Max 320*/
@media only screen and (max-width: 479px) {

    #ban{height: 120px;}
    .ft-txt{padding-right: 98px;}
    .ft-link{width: 88px;}
    .ft-link p{
        padding: 0 10px;
        background-position: 65px center;
    }

}