/* CSS Document */

* {-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box; padding: 0; margin: 0;}
body{ font-size: 16px; color: #666; overflow-x: hidden; font-family::'Microsoft YaHei', sans-serif; padding-top: 80px;}
ul,li,ol,dl,dt,dd,p,h1,h2,h3,h4,h5,h6,header,footer{ list-style: none; padding: 0; margin: 0; display: block;}
input,textarea{ outline:none; font-family: Arial, sans-serif; }
::-webkit-input-placeholder {color: #bdbdbd;}
::-moz-placeholder {color: #bdbdbd;}
:-ms-input-placeholder {color: #bdbdbd;}

input[type=number]{-moz-appearance:textfield;}
input[type=number]::-webkit-inner-spin-button,
input[type=number]::-webkit-outer-spin-button {-webkit-appearance: none;margin: 0;}

a { text-decoration: none; color:#666; }
a:hover{ color: #eb5903;}

.clearfix:after{content:"";height:0;line-height:0;display:block;visibility:hidden;clear:both}
.clearfix{zoom:1;}
.clear{ clear:both}
.overflow{overflow-y:hidden;}

.fl{float: left;}
.fr{float: right;}

/* 水平镜像翻转 */
.mirrorRotateLevel img{transition: all .4s;-webkit-transition: all .4s;}
.mirrorRotateLevel:hover img {-moz-transform:scaleX(-1);-webkit-transform:scaleX(-1);-o-transform:scaleX(-1);transform:scaleX(-1);/*兼容IE*/ filter:FlipH;}
/*图片放大*/
.imgZoom img{transition: all .4s;-webkit-transition: all .4s;}
.imgZoom:hover img{transform:scale(1.1, 1.1); -webkit-transform:scale(1.1, 1.1);}
/*图片旋转*/
.imgRotate img{-webkit-transition:-webkit-transform 2s ease-out;-moz-transition:-moz-transform 2s ease-out;-o-transition:-o-transform 2s ease-out;-ms-transition:-ms-transform 2s ease-out;}
.imgRotate img:hover{-webkit-transform:rotateZ(360deg);-moz-transform:rotateZ(360deg);-o-transform:rotateZ(360deg);-ms-transform:rotateZ(360deg);transform:rotateZ(360deg);}
/*按钮鼠标经过变暗*/
.wlp-button:hover{filter:alpha(opacity=90);background-image:-webkit-linear-gradient(transparent,rgba(0,0,0,.05) 40%,rgba(0,0,0,.1))!important;background-image:linear-gradient(transparent,rgba(0,0,0,.05) 40%,rgba(0,0,0,.1))!important;}
/*鼠标经过有阴影*/
.wlp-shadow:hover{box-shadow: 0 0 20px rgba(0,0,0,0.3)!important;}
/*鼠标经过上浮并加阴影*/
.wlp-flow-shadow{-webkit-transition:all .5s;transition:all .5s;}
.wlp-flow-shadow:hover{transform:translate3d(0, -5px, 0);-webkit-transform:translate3d(0, -8px, 0);-webkit-box-shadow:0 0px 10px #e9e9e9;box-shadow:0 0px 10px #e9e9e9;}
/*图片经过遮罩*/
.wlp-filter:hover img{ filter:alpha(opacity=70); -moz-opacity:0.7; -webkit-opacity: 0.7; opacity: 0.7;}

img{ display: inline-block; vertical-align:middle;max-width:100%;max-height:100%;height: auto; border: none;}

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

.header{ width: 100%; height: 80px; background: #fff; position: fixed; left: 0; top: 0; z-index: 99999; box-shadow: 0 0 5px rgba(0,0,0,0.2);}
.header .logo{ float: left; height: 80px; line-height: 60px; padding: 10px 0; }
.header .logo a{font-size: 30px; font-weight: bold; color:#000;}
.header .topRight{ float: right; }
.header .nav{ height: 28px; float: left; font-family:Arial, Helvetica, sans-serif; margin-top: 27px; margin-right:20px;}
.header .nav ul li.focus a{ color:#fff; background: #004f70;}
.header .nav ul li{float: left; margin-left:20px; position: relative; z-index: 999;}
.header .nav ul li a{ color: #333; line-height:28px; display: block; padding: 0 20px; font-size: 15px; font-weight: bold;}
.header .nav ul li a:hover{ color: #fff; background: #004f70;}


/*首页bannner*/
.banner .swiper-container{ overflow:hidden; text-align:center;width: 100%;}
.banner .swiper-container .swiper-slide{ width:100%;}
.banner .swiper-container .swiper-slide img{ width: 100%; height: auto;}
.banner .pagination {position: absolute;z-index: 20;bottom: 30px;width: 100%;text-align: center;}
.banner .swiper-pagination-switch {display: inline-block; width:14px; height: 14px; border-radius: 20px; background: #fff; margin: 0 5px; cursor: pointer;}
.banner .swiper-active-switch {background:#eb5903; }

.nei_banner{ width: 100%; height: 330px; background-repeat:no-repeat; background-position: center; background-size: cover; }

.title{ margin-bottom: 28px; }
.title h2{ color: #000; font-size: 45px; font-weight: 300; line-height: 1;position: relative; padding-bottom: 26px;}
.title h2:after{ content:''; width: 60px; height: 3px; background: #eb5903; position: absolute; left: 0; bottom: 0; }


.about{ padding: 70px 0 100px; }
.about .box{ font-size: 17px; line-height: 1.8; }

.contact{ padding: 70px 0 100px; }
.contact .box{ font-size: 17px; line-height: 1.8;  }


.footer{ background: #0d3983; color: #fff; padding: 40px 0; }
.footer .fcontact{ width: 500px; float: left; }
.footer .fcontact dl{ color: #e77817; font-size: 35px; line-height: 1; font-family: 'Oswald', sans-serif; margin-bottom: 10px;}
.footer .fcontact ol{ line-height: 1.6; font-size: 15px; }
.footer .fbiaodan{ width: 490px; float: right; padding-top:50px; }
.footer .fbiaodan dl{ font-size: 15px; line-height: 1; }
.footer .fbiaodan ol{position: relative; margin: 10px 0 20px;}
.footer .fbiaodan ol input{ width: 100%; height: 50px; line-height: 50px; font-size: 18px; background: #fff; border:none; padding-left: 20px;}
.footer .fbiaodan ol button{ width:138px; height: 50px; background: #e77817; border:none; color: #fff; font-size: 18px; cursor: pointer; position: absolute; right: 0;}

.pro,
.abt {
    padding: 50px 0 30px;
    width: 1200px;
    margin: 0px auto;
    color: black;
}

.pro_title h1 {
    color: #0d3983;
    text-align: center;
    margin-bottom: 30px;
}

.pro_ul {
    zoom: 1;
    margin: 0 -30px;
}

.pro_ul li {
    width: 24%;
    display: inline-block;
    padding: 0 30px;
    margin-bottom: 25px;
}

.pro_ul li h3 {
    color: black;
    text-align: center;
    margin-top: 10px;
}
.pro_ul li h3:hover{
    color: #0d3983;

}
.pro_ul li dl img{
    border: #000 solid 1px;
}
.abt_right {
    width: 50%;
    display: inline-block;
    padding-right: 20px;
}

.abt_left {
    width: 49%;
    display: inline-block;
    float: left;
}

.abt_left hr {
    width: 60px;
    height: 5px;
    background-color: black;
    margin-top: 10px;
}
.abt_text{
    font-size: 20px;
    line-height: 30px;
    margin-top: 30px;
    margin-right: 30px;
    color: #666;
}
.more{
    width: 120px;
    height: 46px;
    line-height: 44px;
    text-align: center;
    color: #0d3983;
    border: #0d3983 solid 2px;
    border-radius: 5px;
    display: block;
    margin-top: 20px;
}
.more:hover{
    background-color: #0d3983;
    color: #fff;
}