body,

div,

dl,

dt,

dd,

ul,

ol,

li,

h1,

h2,

h3,

h4,

h5,

h6,

pre,

form,

input,

textarea,

p,

th,

td,

img {

    margin: 0;

    padding: 0;

}



img {

    border: 0

}



ol,

ul {

    list-style: none

}



h1,

h2,

h3,

h4,

h5,

h6 {

    font-size: 16px;

}



input {

    outline: none;

    border: none;

}



html {

    _overflow-y: scroll;

}





/*****！！页面通用css样式定义开始******/



html,

body {

    min-width: 1200px;

    font-family: "Microsoft YaHei";

    _width: expression(document.body.clientWidth < 1000 ? "1000px": "auto");

}





/* body的css定义:这里定义页面上下左右边距，页面背景颜色，滚动条颜色样式 */



body {

    font-family: "微软雅黑";

    /*文字字体定义 */

    font-size: 14px;

    /*文字大小定义 */

    color: #666666;

    /*文字颜色定义 */

    min-width: 1000px;

    outline: none;

}



* {

    word-break: break-all;

    word-wrap: break-word

}





/* 网站超链接css通用设置 */



a {

    text-decoration: none;

}





/* 链接无下划线,有为underline */



a:link {

    color: #2c2c2c;

}





/* 未访问的链接 */



a:visited {

    color: #2c2c2c;

}





/* 已访问的链接 */



a:hover {

    color: #2c2c2c;

    text-decoration: none;

}





/* 鼠标在链接上 */



a:active {

    color: #2c2c2c;

}



a {

    transition: all 0.3s linear 0s;

}





/* 点击激活链接 */



p {

    line-height: 24px;

}



.fl {

    float: left;

}



.fr {

    float: right;

}



.hide {

    display: none

}



.show {

    display: block

}



.dib {

    display: inline-block;

    *display: inline;

    zoom: 1;

}





/*.clear{clear:both; line-height:0; height:0; font-size:0px;}*/



.clear:after {

    content: ".";

    display: block;

    height: 0;

    clear: both;

    visibility: hidden;

}





/*清除浮动*/



.clearfix:after {

    content: ".";

    display: block;

    height: 0;

    clear: both;

    visibility: hidden;

    overflow: hidden;

}





/*清除浮动*/



.clearfix {

    display: inline-block

}



* html .clearfix {

    height: 1%

}



.clearfix {

    display: block

}



.dib {

    display: inline-block;

    *display: inline;

    zoom: 1;

}



.wrap {

    width: 1200px;

    margin: 0 auto;

    height: auto;

}





.red {

    color: red

}





/*表格样式定义 */



checkbox {

    border: 0px;

}





/*选择框样式定义 */



.input {

    border: 1px solid #ccc;

    height: 20px;

    line-height: 20px

}



ul,

li {

    list-style: none

}





/*public*/



.size1 {

    width: 100%;

    overflow: hidden;

    margin: 0 auto;

}



.backcolor {

    background: #0F51BB;

}



.color {

    color: #0F51BB;

}





/*index banner*/



.banner {

    width: 100%;

    position: relative;

    z-index: 0;

}



.banner .flexslider {

    width: 100%;

    height: 100%;

    overflow: hidden;

    min-width: 1000px;

}



.banner .slides {

    position: relative;

    z-index: 1;

}



.banner .slides li {

    height: 100%;

}



.banner .slides li img {

    width: 100%;

    margin: 0 auto;

    display: block;

}



.banner .flex-direction-nav {

    width: 1300px;

    height: 1px;

    top: 50%;

    left: 50%;

    margin-left: -650px;

    position: absolute;

    /* background: red; */

    z-index: 9;

    display: none;

}



.banner:hover .flex-direction-nav {

    display: block;

}



.banner .flex-direction-nav li {

    width: 64px;

    height: 64px;

}



.banner .flex-direction-nav li a {

    display: block;

    width: 100%;

    height: 64px;

    font-size: 0;

}



.banner .flex-direction-nav li:first-child {

    float: left;

    background: url("../images/left3.png")/*tpa=http://www.jsyinhai.cn/templates/default/images/left3.png*/

}



.banner .flex-direction-nav li:first-child+li {

    float: right;

    background: url("../images/right3.png")/*tpa=http://www.jsyinhai.cn/templates/default/images/right3.png*/

}





/* .banner .flex-control-nav */



.banner .flex-control-nav {

    width: 100%;

    height: 21px;

    text-align: center;

    position: absolute;

    bottom: 20px;

    left: 0;

    z-index: 9;

}



.banner .flex-control-nav li {

    width: 21px;

    height: 21px;

    margin: 0 5px;

    /* flex-active */

    display: inline-block;

    vertical-align: top;

}



.banner .flex-control-nav li a {

    display: block;

    width: 100%;

    height: 21px;

    background: url("../images/n7.png")/*tpa=http://www.jsyinhai.cn/templates/default/images/n7.png*/ no-repeat;

    font-size: 0;

}



.banner .flex-control-nav li a.flex-active {

    background: url("../images/n6.png")/*tpa=http://www.jsyinhai.cn/templates/default/images/n6.png*/ no-repeat;

}





/* header */



.header {

    width: 100%;

    height: 150px;

    position: relative;

    z-index: 9999;

}



.header .header_top {

    height: 95px;

}



.header .header_top .logo {

    margin-top: 20px;

}



.header .header_top .phone {

    display: inline-block;

    margin-top: 18px;

}



.header .header_top .phone .txt1 {

    padding-left: 40px;

    height: 30px;

    line-height: 30px;

    font-size: 16px;

    background: url("../images/h1.png")/*tpa=http://www.jsyinhai.cn/templates/default/images/h1.png*/ no-repeat left center;

}



.header .header_top .phone h3 {

    font-size: 24px;

    color: #EB3D00;

}



.header .header_nav_box{

    width:100%;

    height:55px;

    background-color: #0f48b2;

}



.header .header_nav {

    width: 1255px;

    height: 55px;

    line-height: 55px;

    /*background: url(../images/h2.png) no-repeat center bottom;*/

    text-align: center;

    margin: 0 auto;

}



.header .header_nav li {

    width: 140px;

    height: 55px;

    line-height: 55px;

    display: inline-block;

    vertical-align: top;

    /*padding-left: 18px;

    background: url(../images/h5.png) no-repeat left center;*/

}



.header .header_nav li div {

    width: 100%;

    height: 55px;

    /*background: url(../images/h4.png) no-repeat center;

    background-position-y: 86px;*/

}



.header .header_nav li a {

    display: inline-block;

    width: 100%;

    height: 55px;

    font-size: 16px;

    color: white;

}



.header .header_nav li.first {

    background: 0;

    padding-left: 0;

}



.header .header_nav li:hover div,

.header .header_nav li.hover div {

    transition: all 0.2s linear;

    background-position-y: 74px;

}





/*footer*/



.footer {

    width: 100%;

    min-height: 260px;

    background: #0F51BB;

    overflow: hidden;

}



.footer .footer_nav {

    width: 100%;

    height: 64px;

    line-height: 64px;

    text-align: center;

    border: 1px solid #146BD1;

}



.footer .footer_nav li {

    display: inline-block;

    width: 168px;

    vertical-align: top;

    background: url("../images/f1.png")/*tpa=http://www.jsyinhai.cn/templates/default/images/f1.png*/ no-repeat left center;

}



.footer .footer_nav li a {

    font-size: 16px;

    color: white;

}



.footer .footer_nav li.first {

    background: 0;

}



.footer .footer_box {

    margin-top: 34px;

    color: white;

}



.footer .footer_box .chat {

    width: 170px;

    min-height: 150px;

    background: url("../images/f2.png")/*tpa=http://www.jsyinhai.cn/templates/default/images/f2.png*/ no-repeat right top;

}



.footer .footer_box .chat div {

    margin-left: 12px;

    width: 108px;

}



.footer .footer_box .chat div img {

    width: 108px;

    height: 108px;

}



.footer .footer_box .chat div p {

    text-align: center;

    margin-top: 5px;

    font-size: 12px;

}



.footer .footer_box .cocate div {

    margin-left: 50px;

    margin-top: 5px;

}



.footer .footer_box .cocate div p {

    font-size: 14px;

}



.footer .footer_box .right {

    width: 630px;

    margin-top: 13px;

}



.footer .footer_box .right .footer_bottom {

    margin-top: 15px;

}



.footer .footer_box .right .footer_bottom strong {

    display: inline-block;

    margin-right: 27px;

    font-weight: 500;

}



.footer .footer_box .right .footer_bottom strong a {

    color: white;

}



.returnTop {

    position: absolute;

    top: 10px;

    right: -50px;

}



/*分页样式*/

.page{text-align:center;margin-top:10px;color:#333;}

.page span{padding:0 2px;font-weight:bold;}

.page_list{height:24px;line-height:24px;text-align:center;letter-spacing:0;font-family:"Arial Black";font-size:12px;margin-top:20px;}

.page_list a{display:inline-block;color:#898989;border:1px solid #e8e8e8;background:#f8f8f8;text-align:center;padding:0 8px;margin:0 1px;}

.page_list a:hover{color:#fff;border:1px solid #898989;background:#0F51BB;}

.page_list a.on{color:#fff;border:1px solid #ccc;background:#0F51BB;}


