.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{

    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: 55px;*/

}



.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;

}





/*search*/



.search {

    height: 32px;

    line-height: 32px;

    overflow: hidden;

    position: relative;

    margin: 8px auto;

}



.search .hot .keywd {

    color: #444444;

}



.search .keywds {

    float: left;

    line-height: 32px;

}



.search .keywds a {

    margin: 0 5px;

    color: #636364;

}



.search .keywds a:hover {

    color: black;

}



.search form {

    overflow: hidden;

    display: block;

    position: relative;

}



.search .txt {

    width: 252px;

    height: 30px;

    line-height: 30px;

    color: #a1a1a1;

    border: 1px solid #ccc;

    background: none;

    padding-left: 15px;

    border-radius: 15px;

}



.search .btns {

    position: absolute;

    top: 7px;

    right: 11px;

    z-index: 9999;

    background: url("../images/btnbg.png")/*tpa=http://www.jsyinhai.cn/templates/default/images/btnbg.png*/ no-repeat 0 0;

    width: 20px;

    height: 22px;

    border: none;

    display: block;

    outline: none;

    cursor: pointer;

}





/*product*/



.product {

    width: 100%;

    height: 1100px;

    background: url("../images/bg1.jpg") no-repeat center;

}



.product .product_title {

    text-align: center;

    padding-top: 20px;

}



.product .product_title p {

    font-size: 18px;

    color: #575859;

    margin-top: 15px;

}



.product .slideTxtBox {

    width: 1250px;

    height: auto;

    text-align: center;

    margin: 0 auto;

}



.product .slideTxtBox .hd {

    width: 1200px;

    margin: 30px auto 0;

    text-align:left;

}



.product .slideTxtBox .hd li {

    width: 12%;

	margin:1% 1%;

    height: 40px;

    background: #0F51BB;

    display: inline-block;

    vertical-align: top;

}



.product .slideTxtBox .hd li a {

    display: block;

    width: 100%;

    height: 40px;

    line-height: 40px;

    text-align: center;

    font-size: 16px;

    color: white;

}



.product .slideTxtBox .hd li.on,

.product .slideTxtBox .hd li:hover {

    background: #EA3F00;

}



.product .slideTxtBox .bd {

    margin-top: 15px;

    position: relative;

    left: 10px;

}



.product .slideTxtBox .bd .boxs {

    text-align: left;

}



.product .slideTxtBox .bd .boxs li {

    display: inline-block;

    width: 282px;

    margin: 12px;

    vertical-align: top;

}



.product .slideTxtBox .bd .boxs li .pic {

    display: block;

    position: relative;

}



.product .slideTxtBox .bd .boxs li .pic .cover {

    width: 100%;

    height: 228px;

    position: absolute;

    top: 0;

    left: 0;

}



.product .slideTxtBox .bd .boxs li div.txt {

    width: 100%;

    height: 42px;

    background: #0F51BB;

    line-height: 42px;

    position: relative;

    margin-top: 10px;

    text-align: left;

}



.product .slideTxtBox .bd .boxs li div.txt .txt1 {

    color: white;

    margin-left: 28px;

}



.product .slideTxtBox .bd .boxs li div.txt .more {

    display: block;

    width: 49px;

    height: 42px;

    background: url("../images/p41.png")/*tpa=http://www.jsyinhai.cn/templates/default/images/p41.png*/ no-repeat center #00A0E9;

    position: absolute;

    right: 0;

    top: 0;

}



.product .slideTxtBox .bd .boxs li:hover .pic .cover {

    background: url("../images/p4.png")/*tpa=http://www.jsyinhai.cn/templates/default/images/p4.png*/ no-repeat;

}





/*good*/



.good {

    width: 100%;

    height: 1418px;

    background: url("../images/bg3.jpg")/*tpa=http://www.jsyinhai.cn/templates/default/images/bg3.jpg*/ no-repeat center top;

}



.good .good_tit {

    padding-top: 44px;

    text-align: center;

    color: white;

}



.good .good_tit h2 {

    font-size: 36px;

    line-height: 40px;

}



.good .good_tit p {

    font-size: 24px;

    margin-top: 18px;

}



.good .good_title {

    text-align: center;

    margin-top: 100px;

}



.good .good_title h2 {

    height: 40px;

    font-size: 36px;

    line-height: 40px;

    background: url("../images/g1.png")/*tpa=http://www.jsyinhai.cn/templates/default/images/g1.png*/ no-repeat center bottom;

    color: black;

    letter-spacing: 1px;

}



.good .good_title h2 span {

    color: #0F51BB;

}



.good .good_title p {

    font-size: 18px;

    color: #5A6059;

    margin-top: 10px;

}



.good .box {

    margin-top: 15px;

}



.good .box .left {

    width: 620px;

}



.good .box .list {

    width: 100%;

    margin-top: 54px;

}



.good .box .list .num {

    width: 46px;

    height: 54px;

    line-height: 54px;

    padding-left: 7px;

    text-align: center;

    color: white;

    font-family: Impact Regular;

    font-size: 43px;

    background: url("../images/g2.png")/*tpa=http://www.jsyinhai.cn/templates/default/images/g2.png*/ no-repeat;

}



.good .box .list .txt {

    width: 543px;

}



.good .box .list .txt .tits {

    width: 100%;

    height: 78px;

    background: url("../images/g4.png")/*tpa=http://www.jsyinhai.cn/templates/default/images/g4.png*/ no-repeat bottom;

    background-size: 100% auto;

    color: #294471;

    margin-bottom: 10px;

}



.good .box .list .txt .tits h4 {

    font-size: 28px;

    line-height: 30px;

}



.good .box .list .txt .tits p {

    font-size: 12px;

    margin-top: 5px;

}



.good .box .list .txt .txt1 {

    padding-left: 18px;

    width: 525px;

    line-height: 24px;

    font-size: 16px;

    color: #666666;

    position: relative;

}



.good .box .list .txt .txt1 img {

    position: absolute;

    top: 8px;

    left: 0;

}



.good .box .bottom {

    margin-top: 20px;

}



.good .box .right {

    width: 565px;

}



.good .box .right .txt {

    width: 490px;

}



.good .box .right .txt .txt1 {

    width: 475px;

}



.good .box .list4 {

    position: relative;

    left: -122px;

}





/*about*/



.about {

    width: 100%;

    height: 661px;

    background: url("../images/bg4.jpg")/*tpa=http://www.jsyinhai.cn/templates/default/images/bg4.jpg*/ no-repeat center;

}



.about .left {

    width: 478px;

    text-align: right;

    margin-top: 170px;

}



.about .left .index_video {

    display: inline-block;

    width: 419px;

    height: 388px;

    background: black;

    margin-top: 50px;

    position: relative;

}



.about .left .index_video .btnt {

    width: 126px;

    height: 84px;

    position: absolute;

    top: 50%;

    margin-top: -42px;

    left: 50%;

    margin-left: -63px;

    background: transparent;

    z-index: -1;

}



.about .right {

    width: 722px;

    color: white;

    margin-top: 88px;

}



.about .right .txt {

    width: 683px;

    margin-left: 40px;

}



.about .right .titles {

    font-size: 24px;

    font-family: 方正小标宋简体 Regular;

    line-height: 30px;

    letter-spacing: 2px;

    font-weight: 100;

}



.about .right .titles span {

    font-size: 12px;

}



.about .right .txt1 {

    font-size: 16px;

    margin-top: 46px;

}



.about .right .txt1 p {

    line-height: 30px;

}



.about .right .more {

    display: inline-block;

    height: 40px;

    padding: 0 28px 0 10px;

    line-height: 40px;

    text-align: left;

    background: url("../images/a1.png")/*tpa=http://www.jsyinhai.cn/templates/default/images/a1.png*/ no-repeat right center #199CE7;

    color: white;

    font-size: 16px;

    margin-right: 5px;

    margin-top: 50px;

}





/*demo*/



.demo {

    width: 100%;

    height: auto;

    padding-bottom: 60px;

    background: url("../images/bg5.jpg")/*tpa=http://www.jsyinhai.cn/templates/default/images/bg5.jpg*/ no-repeat center;

}



.cover {

    overflow: hidden;

    display: inline-block;

    text-overflow: ellipsis;

    white-space: nowrap;

}



.case {

    margin-top: 60px;

}



.picScroll_left {

    width: 1224px;

    margin: 0 auto;

    position: relative;

}



.picScroll_left .bd ul li {

    width: 280px;

    height: auto;

    margin: 0 13px;

    float: left;

}



.picScroll_left .bd ul li .pic img {

    width: 278px;

    height: 237px;

    border: 1px solid #CCCCCC;

    display: block;

}



.picScroll_left .bd ul li p {

    width: 280px;

    height: 44px;

    line-height: 44px;

    position: relative;

    background: #0B9FF4;

}



.picScroll_left .bd ul li p .txt4 {

    margin-left: 35px;

    color: white;

    width: 200px;

}



.picScroll_left .bd ul li p .more {

    position: absolute;

    top: 9px;

    right: 18px;

}



.picScroll_left .hd {

    height: 20px;

    width: 100%;

    text-align: center;

}



.picScroll_left .hd ul li {

    width: 15px;

    height: 15px;

    line-height: 15px;

    text-align: center;

    display: inline-block;

    vertical-align: top;

    border-radius: 50%;

    background: blue;

    color: white;

    margin: 0 2px;

}



.picScroll_left .hd ul li.on {

    background: red;

}



.picScroll_left .btn {

    display: block;

    width: 17px;

    height: 34px;

    position: absolute;

    top: 116px;

}



.picScroll_left .prev {

    left: -30px;

    background: url("../images/c1.png")/*tpa=http://www.jsyinhai.cn/templates/default/images/c1.png*/;

}



.picScroll_left .next {

    right: -30px;

    background: url("../images/c2.png")/*tpa=http://www.jsyinhai.cn/templates/default/images/c2.png*/;

}





/*advert*/



.advert {

    height: 183px;

    background: url("../images/d1.jpg")/*tpa=http://www.jsyinhai.cn/templates/default/images/d1.jpg*/ no-repeat center;

    text-align: right;

    margin-top: 47px;

}



.advert p {

    display: inline-block;

    font-size: 20px;

    color: white;

    height: 33px;

    line-height: 33px;

    margin: 77px 56px 0 0;

}





/*news*/



.news {

    margin-top: 47px;

}



.news>div {

    width: 378px;

    height: auto;

}



.news>div .title {

    height: 42px;

    border-bottom: 1px solid #C7CDCF;

}



.news>div .title p {

    line-height: 24px;

    background: url("../images/n1.png")/*tpa=http://www.jsyinhai.cn/templates/default/images/n1.png*/ no-repeat left center;

    color: #666666;

}



.news>div .title p b {

    font-size: 20px;

    color: #333333;

    padding-left: 10px;

    padding-right: 5px;

}



.news>div .title p a {

    color: #666666;

    font-size: 16px;

}



.news>div .pic {

    margin-top: 15px;

}



.news>div .list1 {

    width: 100%;

    margin-top: 30px;

}



.news>div .list1 li {

    width: 100%;

    height: 24px;

    margin-bottom: 10px;

    line-height: 24px;

    background: url("../images/n4.png")/*tpa=http://www.jsyinhai.cn/templates/default/images/n4.png*/ no-repeat left center;

    color: #666666;

}



.news>div .list1 li a {

    width: 240px;

    margin-left: 30px;

    color: #666666;

}



.news>div .list1 li a:hover {

    color: #0F4EB5;

}



.news .news_isy {

    margin-left: 33px;

}



.news .news_qus {

    width: 356px;

}



.news .news_qus .list2 li {

    height: 66px;

    border-bottom: 1px dashed #DCE9EE;

    padding: 15px 0;

}



.news .news_qus .list2 li p {

    width: 310px;

    margin-left: 46px;

    position: relative;

    line-height: 21px;

}



.news .news_qus .list2 li p span {

    position: absolute;

    display: block;

    width: 21px;

    height: 21px;

    left: -35px;

    top: 0;

    text-align: center;

    line-height: 21px;

    color: white;

    font-size: 13px;

}



.news .news_qus .list2 li p .q1 {

    background: url("../images/n6.png")/*tpa=http://www.jsyinhai.cn/templates/default/images/n6.png*/ no-repeat;

}



.news .news_qus .list2 li p .q2 {

    background: url("../images/n7.png")/*tpa=http://www.jsyinhai.cn/templates/default/images/n7.png*/ no-repeat;

}



.news .news_qus .list2 li .txt1 {

    width: 100%;

    margin-bottom: 10px;

    height: 21px;

}



.news .news_qus .list2 li .txt2 {

    line-height: 21px;

}





/*cooperate*/



.cooperate {

    width: 1201px;

    height: 166px;

    background: url("../images/e2.png")/*tpa=http://www.jsyinhai.cn/templates/default/images/e2.png*/ no-repeat;

    margin: 45px auto 0;

    position: relative;

}



.cooperate .cope_box {

    width: 1197px;

    margin: 48px auto 0;

}



.cooperate .cope_box .bd ul li {

    width: 147px;

    margin: 0 12px;

    float: left;

}



.cooperate .cope_box .bd ul li img {

    width: 147px;

    height: 80px;

}





/*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;

}



@media screen and (max-width: 1000px) {



    /*html,*/



    /*body {overflow-x: hidden;}*/

    /*.wrap{*/

        /*width:100%;*/

    /*}*/



    /*.product{*/

        /*height:auto;*/

    /*}*/



    /*.product .slideTxtBox,.product .slideTxtBox .hd,.picScroll_left,.about .right .txt{*/

        /*width:100%;*/

    /*}*/



    /*.about .right{*/

        /*color:black;*/

    /*}*/

}