@charset "UTF-8";



/*

 * Project: 辰晶光电中英文双语创意站PC

 * Author: jares

 * Time: 2018/5/8

 **/



* {

    margin: 0;

    padding: 0;

}



body {

    /*margin-left: 12.5%;

  margin-right: 12.5%;

  margin-top: 0;

  margin-bottom: 0;*/

    font-family: "微软雅黑", Arial;

    font-size: 14px;

    color: #666;

    min-width: 1200px;

    position: relative;

}



a {

    color: #000;

    text-decoration: none;

    transition: all .5s;

    -moz-transition: all .5s;

    -webkit-transition: all .5s;

    -o-transition: all .5s;

}



a:hover {

    color: #c8181d;

}



img {

    max-width: 100%;

    border: 0;

    vertical-align: middle;

}



table {

    border-collapse: collapse;

}



li {

    list-style: none;

}



h1,

h2,

h3,

h4,

h5,

h6 {

    font-weight: normal;

}



h1,

h2,

h3,

h4,

h5,

h6,

ul,

li,

dl,

dt,

dd,

form,

img,

p {

    margin: 0;

    padding: 0;

    border: none;

    list-style-type: none;

}



.fl {

    float: left;

}



.fr {

    float: right;

}



.clear {

    clear: both;

    overflow: hidden;

    visibility: visible;

}



.container {

    width: 1200px;

    margin: 0 auto;

    position: relative;

}



.h-header {

    width: 100%;

    padding-top: 10px;

    background-color: #fff;

    position: fixed;

    z-index: 9999;

}



.h-header .top {

    font-size: 17px;

    color: #000;

    margin-right: -10px;

}



.h-header .top a {

    font-size: 17px;

    color: #000;

    padding: 0 10px;

}



.h-header .top a.on {

    color: #0068b7;

}



.h-header .top a:hover {

    color: #0068b7;

}



.h-header .bottom {

    padding-bottom: 15px;

}



.h-header .bottom .nav {

    margin-top: 20px;

}



.h-header .bottom .nav li {

    float: left;

    margin-left: 60px;

    padding: 5px 0 25px 0;

    position: relative;

}



.h-header .bottom .nav li a {

    font-size: 18px;

    color: #000;

    display: block;

}



.h-header .bottom .nav a:before {

    content: '';

    width: 100%;

    height: 1px;

    background-color: #0068b7;

    position: absolute;

    top: 0;

    opacity: 0;

    filter: "alpha(opacity=0)";

    -ms-filter: "alpha(opacity=0)";

    -webkit-transition: all .5s;

    -moz-transition: all .5s;

    -ms-transition: all .5s;

    -o-transition: all .5s;

    transition: all .5s;

    -webkit-transform: scale(0, 1);

    -moz-transform: scale(0, 1);

    -ms-transform: scale(0, 1);

    -o-transform: scale(0, 1);

    transform: scale(0, 1);

}



.h-header .bottom .nav a:after {

    content: '';

    width: 13px;

    height: 19px;

    margin-left: -6.5px;

    background: url(../img/h-nav-active.png) no-repeat;

    position: absolute;

    left: 50%;

    bottom: 0;

    opacity: 0;

    filter: "alpha(opacity=0)";

    -ms-filter: "alpha(opacity=0)";

    -webkit-transition: all .5s;

    -moz-transition: all .5s;

    -ms-transition: all .5s;

    -o-transition: all .5s;

    transition: all .5s;

}



.h-header .bottom .nav li.active a {

    color: #0068b7;

}



.h-header .bottom .nav li.active a:before {

    opacity: 1;

    filter: "alpha(opacity=100)";

    -ms-filter: "alpha(opacity=100)";

    -webkit-transform: scale(1);

    -moz-transform: scale(1);

    -ms-transform: scale(1);

    -o-transform: scale(1);

    transform: scale(1);

}



.h-header .bottom .nav li.active a:after {

    opacity: 1;

    filter: "alpha(opacity=100)";

    -ms-filter: "alpha(opacity=100)";

}



.h-header .bottom .nav a:hover {

    color: #0068b7;

}



.h-header .bottom .nav a:hover:before {

    opacity: 1;

    filter: "alpha(opacity=100)";

    -ms-filter: "alpha(opacity=100)";

    -webkit-transform: scale(1);

    -moz-transform: scale(1);

    -ms-transform: scale(1);

    -o-transform: scale(1);

    transform: scale(1);

}



.h-header .bottom .nav a:hover:after {

    opacity: 1;

    filter: "alpha(opacity=100)";

    -ms-filter: "alpha(opacity=100)";

}



.l-header {

    width: 100%;

    padding-top: 10px;

    background-color: #0369b8;

    position: fixed;

    z-index: 9999;

}



.l-header .top {

    font-size: 17px;

    color: #000;

    margin-right: -10px;

}



.l-header .top a {

    font-size: 17px;

    color: #000;

    padding: 0 10px;

}



.l-header .top a.on {

    color: #fff;

}



.l-header .top a:hover {

    color: #fff;

}



.l-header .bottom {

    padding-bottom: 15px;

}



.l-header .bottom .nav {

    margin-top: 20px;

}



.l-header .bottom .nav li {

    float: left;

    margin-left: 60px;

    padding: 5px 0 25px 0;

    position: relative;

}



.l-header .bottom .nav li a {

    font-size: 18px;

    color: #fff;

    display: block;

}



.l-header .bottom .nav a:before {

    content: '';

    width: 100%;

    height: 1px;

    background-color: #4ba9f0;

    position: absolute;

    top: 0;

    opacity: 0;

    filter: "alpha(opacity=0)";

    -ms-filter: "alpha(opacity=0)";

    -webkit-transition: all .5s;

    -moz-transition: all .5s;

    -ms-transition: all .5s;

    -o-transition: all .5s;

    transition: all .5s;

    -webkit-transform: scale(0, 1);

    -moz-transform: scale(0, 1);

    -ms-transform: scale(0, 1);

    -o-transform: scale(0, 1);

    transform: scale(0, 1);

}



.l-header .bottom .nav a:after {

    content: '';

    width: 13px;

    height: 19px;

    margin-left: -6.5px;

    background: url(../img/l-nav-active.png) no-repeat;

    position: absolute;

    left: 50%;

    bottom: 0;

    opacity: 0;

    filter: "alpha(opacity=0)";

    -ms-filter: "alpha(opacity=0)";

    -webkit-transition: all .5s;

    -moz-transition: all .5s;

    -ms-transition: all .5s;

    -o-transition: all .5s;

    transition: all .5s;

}



.l-header .bottom .nav li.active a {

    color: #4ba9f0;

}



.l-header .bottom .nav li.active a:before {

    opacity: 1;

    filter: "alpha(opacity=100)";

    -ms-filter: "alpha(opacity=100)";

    -webkit-transform: scale(1);

    -moz-transform: scale(1);

    -ms-transform: scale(1);

    -o-transform: scale(1);

    transform: scale(1);

}



.l-header .bottom .nav li.active a:after {

    opacity: 1;

    filter: "alpha(opacity=100)";

    -ms-filter: "alpha(opacity=100)";

}



.l-header .bottom .nav a:hover {

    color: #4ba9f0;

}



.l-header .bottom .nav a:hover:before {

    opacity: 1;

    filter: "alpha(opacity=100)";

    -ms-filter: "alpha(opacity=100)";

    -webkit-transform: scale(1);

    -moz-transform: scale(1);

    -ms-transform: scale(1);

    -o-transform: scale(1);

    transform: scale(1);

}



.l-header .bottom .nav a:hover:after {

    opacity: 1;

    filter: "alpha(opacity=100)";

    -ms-filter: "alpha(opacity=100)";

}



.search {

    width: 100%;

    height: 310px;

    padding-bottom: 20px;

    line-height: 310px;

    text-align: center;

    background-color: #f4f4f4;

    position: absolute;

    display: none;

}



.search .box {

    display: inline-block;

}



.search .box .key {

    width: 543px;

    height: 57px;

    color: #331f21;

    padding: 0 20px;

    float: left;

    border: 2px solid #0369b8;

    background-color: #f4f4f4;

    outline: none;

}



.search .box .sub {

    font-size: 21px;

    width: 108px;

    height: 61px;

    color: #fff;

    float: left;

    text-align: center;

    background-color: #0068b7;

    border-radius: 0px 7px 7px 0px;

    border: 0;

    cursor: pointer;

}



.search .close {

    width: 100px;

    height: 100px;

    margin-left: -50px;

    position: absolute;

    bottom: 50px;

    left: 50%;

    z-index: 1121;

    cursor: pointer;

}



.shade {

    width: 100%;

    height: 100%;

    background-color: #000;

    opacity: 0.7;

    filter: "alpha(opacity=70)";

    -ms-filter: "alpha(opacity=70)";

    position: fixed;

    top: 0;

    left: 0;

    z-index: 1122;

    display: none;

}



.footer {

    padding: 20px 0 10px 0;

    background-color: #004e8a;

}



.footer .left .logo {

    float: left;

    width: 240px;

    margin-top: 20px;

}



.footer .left .list {

    float: left;

    margin-left: 35px;

    width: 775px;

    overflow: hidden;

}



.footer .left .list li {

    font-size: 16px;

    width: 50%;

    color: #fff;

    float: left;

    line-height: 45px;

}



.footer .right img {

    width: 110px;

    height: 110px;

}



.footer .right p {

    font-size: 18px;

    color: #fff;

    line-height: 40px;

    text-align: center;

}



.carousel .swiper-pagination {

    background: url(../img/pagination-bg.png) no-repeat center;

}



.carousel .swiper-pagination-bullet {

    width: 13px;

    height: 19px;

    color: #0068b7;

    margin: 0 100px !important;

    background: url(../img/pagination.png) no-repeat;

    opacity: 1;

    filter: "alpha(opacity=100)";

    -ms-filter: "alpha(opacity=100)";

}



.carousel .swiper-pagination-bullet-active {

    width: 20px;

    height: 30px;

    line-height: 30px;

    background: url(../img/pagination-on.png) no-repeat;

}



.carousel .swiper-slide img {

    display: block;

    margin: 0 auto;

}



.index-part .part1 {

    height: 380px;

}



.index-part .part1 .list {

    padding-top: 60px;

    overflow: hidden;

    position: absolute;

    z-index: 1121;

}



.index-part .part1 .list li {

    padding: 0 90px;

    float: left;

}



.index-part .part1 .list li .title {

    font-size: 20px;

    height: 20px;

    color: #0369b8;

    margin-bottom: 25px;

    padding-bottom: 25px;

    text-align: center;

    position: relative;

    opacity: 0;

    filter: "alpha(opacity=0)";

    -ms-filter: "alpha(opacity=0)";

    -webkit-transition: all .5s;

    -moz-transition: all .5s;

    -ms-transition: all .5s;

    -o-transition: all .5s;

    transition: all .5s;

}



.index-part .part1 .list li .title:before {

    content: '';

    width: 10px;

    height: 14px;

    margin-left: -5px;

    background: url(../img/icon1.png) no-repeat;

    position: absolute;

    bottom: 0;

    left: 50%;

}



.index-part .part1 .list li .box {

    width: 220px;

    height: 220px;

    background-color: #0068b7;

    border-radius: 9px;

    overflow: hidden;

    position: relative;

    -webkit-transition: all .5s;

    -moz-transition: all .5s;

    -ms-transition: all .5s;

    -o-transition: all .5s;

    transition: all .5s;

}



.index-part .part1 .list li .box h3 {

    font-size: 22px;

    width: 100%;

    color: #fff;

    margin-top: -15px;

    padding-bottom: 10px;

    text-align: center;

    position: absolute;

    top: 50%;

}



.index-part .part1 .list li .box dl {

    font-size: 18px;

    min-height: 220px;

    color: #c0f7ff;

    line-height: 44px;

    text-align: center;

    display: none;

    opacity: 0;

    filter: "alpha(opacity=0)";

    -ms-filter: "alpha(opacity=0)";

    -webkit-transition: all .5s;

    -moz-transition: all .5s;

    -ms-transition: all .5s;

    -o-transition: all .5s;

    transition: all .5s;

}



.index-part .part1 .list li .box dl dd a {

    font-size: 18px;

    color: #c0f7ff;

    padding-bottom: 10px;

    position: relative;

}



.index-part .part1 .list li .box dl dd a:hover {

    font-size: 22px;

    color: #fff;

}



.index-part .part1 .list li .box dl dd a:before {

    content: '';

    width: 106px;

    height: 2px;

    margin-left: -53px;

    background-color: #64f3fd;

    position: absolute;

    bottom: 0;

    left: 50%;

    -webkit-transform: scale(0, 1);

    -moz-transform: scale(0, 1);

    -ms-transform: scale(0, 1);

    -o-transform: scale(0, 1);

    transform: scale(0, 1);

    -webkit-transition: all .5s;

    -moz-transition: all .5s;

    -ms-transition: all .5s;

    -o-transition: all .5s;

    transition: all .5s;

}



.index-part .part1 .list li .box dl dd a:hover:before {

    -webkit-transform: scale(1);

    -moz-transform: scale(1);

    -ms-transform: scale(1);

    -o-transform: scale(1);

    transform: scale(1);

}



.index-part .part1 .list li:hover .title {

    opacity: 1;

    filter: "alpha(opacity=100)";

    -ms-filter: "alpha(opacity=100)";

}



.index-part .part1 .list li:hover .box {

    height: auto;

    padding-bottom: 10px;

}



.index-part .part1 .list li:hover h3 {

    display: none;

}



.index-part .part1 .list li:hover dl {

    margin-top: 20px;

    display: block;

    opacity: 1;

    filter: "alpha(opacity=100)";

    -ms-filter: "alpha(opacity=100)";

}



.index-part .part2 {

    margin-top: 100px;

}



.index-part .part2 .title {

    font-size: 20px;

    text-align: center;

    background: url(../img/index-part2.png) no-repeat center;

}



.index-part .part2 .list {

    margin-top: 40px;

    overflow: hidden;

}



.index-part .part2 .list ul {

    margin-right: -40px;

}



.index-part .part2 .list ul li {

    width: 388px;

    float: left;

    margin-right: 20px;

}



.index-part .part2 .list ul li .infor {

    font-size: 16px;

    font-weight: bold;

    color: #333;

    padding: 0 40px;

    line-height: 40px;

    text-align: center;

}



.index-part .part2 .list ul li .more {

    color: #333;

    margin-top: 20px;

    text-align: center;

    text-decoration: underline;

}



.index-part .part2 .list ul li a:hover .more {

    color: #053e83;

}



.index-part .part2 .btm {

    margin: 75px 0 40px 0;

    text-align: center;

}



.index-part .part2 .btm a {

    color: #333;

    padding: 10px;

    display: inline-block;

    border-top: 1px solid #053e83;

    border-bottom: 1px solid #053e83;

}



.index-part .part2 .btm a:hover {

    color: #053e83;

}



.crumbs {

    font-size: 16px;

    color: #002c33;

    margin: 30px 0;

}



.crumbs span a {

    color: #000;

}



.crumbs span a:hover {

    color: #0369b8;

}



.crumbs a {

    color: #0369b8;

}



.pro-left {

    width: 219px;

    float: left;

}



.pro-left .title {

    font-size: 18px;

    font-weight: bold;

    width: 229px;

    height: 49px;

    color: #fff;

    line-height: 49px;

    text-align: center;

    background: url(../img/pro-left-top.png) no-repeat;

}



.pro-left .list {

    width: 196px;

    margin: 0 auto;

}



.pro-left .list li {

    margin-top: 10px;

}



.pro-left .list h3 {

    font-size: 18px;

    width: 194px;

    height: 40px;

    color: #000;

    line-height: 40px;

    text-align: center;

    border: 1px solid #ebebeb;

    background: url(../img/icon2.png) #f2f3f3 no-repeat center right 10px;

    cursor: pointer;

}



.pro-left .list h3.on {

    background: url(../img/icon3.png) #f2f3f3 no-repeat center right 10px;

}



.pro-left .list dl {

    display: none;

    text-align: center;

}



.pro-left .list dl a {

    width: 170px;

    height: 30px;

    color: #000;

    margin: 10px auto 0 auto;

    display: block;

    line-height: 34px;

    text-align: center;

    border: solid 1px transparent;

}



.pro-left .list dl a:hover {

    font-weight: bold;

    color: #14509f;

    border: solid 1px #ebebeb;

}



.pro-show .pro-show-right {

    width: 927px;

    float: left;

    margin-left: 30px;

}



.pro-show .pro-show-right .top {

    font-size: 16px;

    font-weight: bold;

    width: 907px;

    height: 49px;

    color: #333;

    padding-left: 20px;

    line-height: 49px;

    background-color: #e7ecef;

    border-radius: 12px;

    border: solid 1px #dbdbdb;

}



.pro-show .pro-show-right .list {

    margin-top: 20px;

    overflow: hidden;

}



.pro-show .pro-show-right .list ul {

    margin-right: -20px;

}



.pro-show .pro-show-right .list ul li {

    /*width: 225px;*/

    width: 450px;

    float: left;

    margin-right: 8px;

    position: relative;

}



.pro-show .pro-show-right .list ul li .box .img {

    /*width: 225px;

          height: 220px;*/

    width: 450px;

    height: 300px;

    overflow: hidden;

}



.pro-show .pro-show-right .list ul li .box .img img {

    /*width: 225px;

            height: 220px; */

    width: 450px;

    height: 300px;

}



.pro-show .pro-show-right .list ul li .box .title {

    font-weight: bold;

    height: 45px;

    color: #666;

    line-height: 45px;

    text-align: center;

    white-space: nowrap;

    overflow: hidden;

    text-overflow: ellipsis;

}



.pro-show .pro-show-right .list ul li .infor {

    /*width: 232px;

          height: 198px;*/

    width: 455px;

    height: 278px;

    padding-top: 20px;

    text-align: center;

    border: 1px solid #eeeeee;

    background-color: #fbfbfb;

    position: absolute;

    top: 0;

    left: 0;

    z-index: 1121;

    display: none;

    opacity: 0;

    filter: "alpha(opacity=0)";

    -ms-filter: "alpha(opacity=0)";

}



.pro-show .pro-show-right .list ul li .infor h3 {

    font-weight: bold;

    color: #666;

    margin-bottom: 10px;

}



.pro-show .pro-show-right .list ul li .infor .content {

    font-size: 12px;

    color: #999;

    padding: 0 20px;

    line-height: 35px;

    text-align: left;

    /*width: 80%;*/

    width: 90%;

    word-wrap: break-word;

    word-break: break-all;

}



.pro-show .pro-show-right .list ul li .infor span {

    font-size: 11px;

    color: #16bad4;

    display: inline-block;

    text-decoration: underline;

}



.pro-show .pro-show-right .list ul li .infor.active1 {

    /*left: 224px;*/

    left: 451px;

    z-index: 999;

    opacity: 1;

    display: block;

    filter: "alpha(opacity=100)";

    -ms-filter: "alpha(opacity=100)";

}



.pro-show .pro-show-right .list ul li .infor.active2 {

    /* left: -233px;*/

    left: -458px;

    opacity: 1;

    display: block;

    filter: "alpha(opacity=100)";

    -ms-filter: "alpha(opacity=100)";

}



.pro-show .pro-show-right .btm-page {

    margin: 40px 0;

    overflow: hidden;

}



.pro-show .pro-show-right .btm-page span {

    font-size: 18px;

    color: #000;

    margin-right: 10px;

    line-height: 37px;

}



.pro-show .pro-show-right .btm-page a {

    font-size: 18px;

    width: 82px;

    height: 37px;

    color: #0369b8;

    padding: 0 2px;

    display: inline-block;

    line-height: 37px;

    text-align: center;

    background: url(../img/icon5.png) no-repeat;

}



.pro-show .pro-show-right .btm-page a:first-child,

.pro-show .pro-show-right .btm-page a:last-child {

    width: 59px;

    background: url(../img/icon4.png) no-repeat;

}



.pro-show .pro-show-right .btm-page .on {

    width: 35px;

    background: url(../img/icon6.png) no-repeat;

}



.pro-show .pro-detail-right {

    width: 950px;

    float: right;

}



.pro-show .pro-detail-right .top {

    overflow: hidden;

}



.pro-show .pro-detail-right .top .left {

    width: 472px;

    float: left;

}



.pro-show .pro-detail-right .top .left span {

    font-size: 18px;

    width: 158px;

    height: 47px;

    color: #fff;

    margin: 20px auto;

    display: block;

    line-height: 47px;

    text-align: center;

    background: url(../img/icon7.png) no-repeat;

}



.pro-show .pro-detail-right .top .right {

    width: 435px;

    margin-left: 40px;

    float: left;

    margin-top: -5px;

}



.pro-show .pro-detail-right .top .right .title {

    font-size: 18px;

    font-weight: bold;

    color: #333;

    margin-top: 5px;

    margin-bottom: 5px;

    text-align: center;

}



.pro-show .pro-detail-right .top .right .content {

    font-size: 15px;

    color: #666;

    line-height: 42px;

}



.pro-show .pro-detail-right .body {

    margin-top: 50px;

}



.pro-show .pro-detail-right .body .b-top {

    padding-bottom: 11px;

}



.pro-show .pro-detail-right .body .b-top ul {

    border-bottom: 3px solid #0056cc;

}



.pro-show .pro-detail-right .body .b-top li {

    font-size: 18px;

    width: 208px;

    height: 45px;

    color: #000;

    margin-right: 10px;

    float: left;

    line-height: 45px;

    text-align: center;

    position: relative;

    background: url(../img/icon8.png) no-repeat;

    cursor: pointer;

}



.pro-show .pro-detail-right .body .b-top li.active {

    color: #fff;

    background: url(../img/icon9.png) no-repeat;

}



.pro-show .pro-detail-right .body .b-top li.active:before {

    content: '';

    width: 23px;

    height: 11px;

    margin-left: -11.5px;

    background: url(../img/icon10.png) no-repeat;

    position: absolute;

    bottom: -11px;

    left: 50%;

}



.pro-show .pro-detail-right .body .b-body {

    padding: 20px 0 100px 0;

}



.pro-show .pro-detail-right .body .b-body td {

    padding: 0px 7px !important;

    border-width: 1px !important;

    border-color: windowtext !important;

    border-style: solid !important;

    border-left: 1px solid;

}



.pro-show .pro-detail-right .body .b-body li {

    display: none;

}



.pro-show .pro-detail-right .body .b-body li:first-child {

    display: block;

}



.about .list {

    padding: 20px 0 100px 0;

}



.about .list li {

    overflow: hidden;

}



.about .list li .infor {

    width: 590px;

    padding-top: 55px;

    float: left;

}



.about .list li .infor .top {

    padding-left: 25px;

    position: relative;

}



.about .list li .infor .top span {

    font-size: 18px;

    color: #002c33;

    margin-left: 20px;

    position: absolute;

    bottom: 0;

}



.about .list li .infor .content {

    font-size: 16px;

    color: #002c33;

    margin-top: 20px;

    padding-left: 25px;

    line-height: 60px;

    text-indent: 2em;

}



.about .list li .img {

    width: 588px;

    float: right;

}



.about .list li:nth-child(even) .infor {

    float: right;

}



.about .list li:nth-child(even) .img {

    float: left;

}



.tech .list {

    border-top: 1px solid #d5d5d5;

}



.tech .list li {

    height: 70px;

    padding: 0 20px;

    line-height: 70px;

    border-bottom: 1px solid #d5d5d5;

}



.tech .list li h3 {

    padding-left: 5px;

    float: left;

    position: relative;

    -webkit-transition: all .5s;

    -moz-transition: all .5s;

    -ms-transition: all .5s;

    -o-transition: all .5s;

    transition: all .5s;

}



.tech .list li h3:before {

    content: '';

    width: 2px;

    height: 2px;

    margin-top: 1px;

    background-color: #494949;

    position: absolute;

    left: 0;

    top: 50%;

    left: 0;

}



.tech .list li span {

    font-size: 12px;

    color: #8f8f8f;

    float: right;

}



.tech .list li a:hover h3 {

    color: #0068b7;

}



.page {

    margin: 50px 0;

    text-align: center;

}



.page a {

    width: 30px;

    height: 30px;

    color: #0369b8;

    margin: 0 5px;

    display: inline-block;

    line-height: 30px;

    text-align: center;

    border: 1px solid #0369b8;

    border-radius: 5px;

}



.page a:first-child,

.page a:last-child {

    width: 50px;

}



.page a.on {

    color: #fff;

    background-color: #0369b8;

}



.page a:hover {

    color: #fff;

    background-color: #0369b8;

}



.contact {

    padding-bottom: 65px;

}



.contact .left {

    width: 498px;

    float: left;

}



.contact .left .img1 {

    width: 498px;

    height: 347px;

}



.contact .left .img2 {

    height: 96px;

    margin-top: 20px;

}



.contact .left .img2 .swiper-slide {

    cursor: pointer;

    border: 1px solid transparent;

}



.contact .left .img2 .swiper-slide-active {

    border: 1px solid #0369b8;

}



.contact .left .infor {

    padding-top: 20px;

}



.contact .left .infor li {

    font-size: 16px;

    color: #000;

    line-height: 1.5rem;

}



.contact .right {

    width: 620px;

    padding: 20px 0;

    float: right;

    text-align: center;

    border: 1px solid #bfbfbf;

}



.contact .right .title {

    font-size: 18px;

    color: #000;

    margin-bottom: 20px;

}



.contact .right .input-list {

    width: 510px;

    margin: 0 auto 25px auto;

    overflow: hidden;

}



.contact .right .input-list label {

    font-size: 16px;

    width: 75px;

    color: #333;

    display: inline-block;

    text-align: right;

}



.contact .right .input-list input {

    font-size: 18px;

    width: 400px;

    height: 57px;

    color: #666;

    padding-left: 20px;

    border: 1px solid #bfbfbf;

}



.contact .right .input-list textarea {

    font-family: "微软雅黑";

    width: 383px;

    height: 290px;

    color: #999;

    padding: 20px;

    float: right;

    border: 1px solid #bfbfbf;

    resize: none;

}



.contact .right .sub {

    padding-left: 90px;

}



.contact .right .sub input {

    font-size: 18px;

    width: 150px;

    height: 44px;

    color: #fff;

    background: url(../img/icon11.png) no-repeat;

    border: 0;

    cursor: pointer;

}



.service .box {

    margin-bottom: 65px;

    padding-bottom: 75px;

    text-align: center;

    border: 1px solid #bfbfbf;

}



.service .box .top {

    font-size: 30px;

    color: #0068b9;

    margin: 50px 0;

    text-align: center;

}



.service .box .form {

    display: inline-block;

}



.service .box .form .input-list {

    margin-bottom: 10px;

    text-align: left;

    overflow: hidden;

}



.service .box .form .input-list label {

    font-size: 18px;

    width: 132px;

    color: #000;

    display: inline-block;

    text-align: right;

    position: relative;

}



.service .box .form .input-list select {

    font-size: 16px;

    width: 270px;

    height: 45px;

    padding: 0 1px;

    text-align-last: center;

    background: url(../img/icon12.png) no-repeat center right 10px;

    appearance: none;

    -moz-appearance: none;

    -webkit-appearance: none;

}



.service .box .form .input-list select option {

    font-size: 16px;

    color: #666;

}



.service .box .form .input-list input {

    font-size: 16px;

    width: 646px;

    height: 45px;

    color: #666;

    padding-left: 15px;

    border: 1px solid #bfbfbf;

}



.service .box .form .input-list textarea {

    font-family: "微软雅黑";

    width: 621px;

    height: 188px;

    color: #666;

    margin-left: 4px;

    padding: 20px;

    float: left;

    border: 1px solid #bfbfbf;

    resize: none;

}



.service .box .form .must label:before {

    content: '*';

    width: 5px;

    height: 5px;

    color: #f00;

    margin-left: -10px;

    position: absolute;

}



.service .box .form .code input {

    width: 152px;

}



.service .box .form .code .img {

    margin-left: 15px;

    display: inline-block;

}



.service .box .form .btm {

    padding-left: 135px;

    text-align: left;

}



.service .box .form .btm input {

    font-size: 16px;

    width: 250px;

    height: 45px;

    margin-right: 10px;

    border: 1px solid #bfbfbf;

    cursor: pointer;

}



.service .box .form .btm .sub {

    color: #fff;

    background-color: #0369b8;

}



.service .box .form .btm .reset {

    background-color: #e8e8e8;

}



.news-detail .box {

    padding: 0 25px;

    border: 1px solid #bfbfbf;

}



.news-detail .box .top {

    padding-bottom: 30px;

    text-align: center;

    border-bottom: 1px solid #bfbfbf;

}



.news-detail .box .top h1 {

    font-size: 24px;

    color: #000;

    margin: 30px 0;

}



.news-detail .box .top .t-btm {

    font-size: 16px;

    color: #666;

}



.news-detail .box .content {

    padding: 50px 0;

}



.news-detail .prev-next {

    padding: 20px 0;

}



.news-detail .prev-next li {

    line-height: 35px;

}



.news-detail .prev-next li span {

    font-size: 16px;

    color: #000;

}



.news-detail .prev-next li a {

    color: #333;

}



.news-detail .prev-next li a:hover {

    color: #004e8a;

}





/*# sourceMappingURL=style.css.map */



.banner img {

    display: block;

    margin: 0 auto;

}