@charset "utf-8";

/*

*   ****************************************

*   *           public inside               

*   ****************************************

*/


/*banner*/

#banner {
    height: 395px;
    background-position: top center;
    background-repeat: no-repeat;
}


/*thumbs*/

.thumbs {
    border-top: 1px solid #ccc;
    border-bottom: 1px solid #ccc;
}

.thumbs .w1200 {
    height: 68px;
    font-size: 20px;
    font-family: th;
    line-height: 68px;
}

.thumbs .w1200 a {
    color: #333;
    text-transform: uppercase;
}

.thumbs .w1200 a:hover {
    color: #005bac;
}


/*secNav*/

.secNav {
    border-top: 1px solid #ccc;
    border-bottom: 1px solid #ccc;
    height: 85px;
    overflow: visible;
}

.secNav .w1200 {
    height: 110px;
}

.secNav .w1200 li {
    float: left;
    height: 110px;
}

.secNav .w1200 li a {
    display: block;
    height: 85px;
    line-height: 85px;
    color: #333;
    padding: 0 40px;
    background-repeat: no-repeat;
    font-size: 16px;
    text-transform: uppercase;
    font-family: th;
}

.secNav .w1200 li a.a1 {
    background-position: center top;
}

.secNav .w1200 li a.a2 {
    background-position: center -85px;
}

.secNav .w1200 li a.a3 {
    background-position: center -170px;
}

.secNav .w1200 li a.a4 {
    background-position: center -255px;
}

.secNav .w1200 li a.a5 {
    background-position: center -340px;
}

.secNav .w1200 li:hover,
.secNav .w1200 li.hover {
    background: url('../images/inside/secNavBg.png') center top repeat-x;
}

.secNav .w1200 li:hover a,
.secNav .w1200 li.hover a {
    background-image: url('../images/inside/icon.png');
    color: #fff;
}


/*content*/

#content {
    margin-top: 60px;
    font-size: 14px;
    color: #333;
}


/*about*/

.about img {
    display: block;
    max-width: 100%;
    margin: 0 auto;
}

.about p {
    margin: 15px 0;
    line-height: 24px;
}


/*exhibition*/

.exhibition .first {
    font-size: 0;
}

.exhibition .first .t {
    width: 170px;
    height: 170px;
    background: #29b6ea;
    line-height: 30px;
    text-align: center;
    text-transform: uppercase;
    display: table-cell;
    vertical-align: middle;
}

.exhibition .first .t span {
    font-size: 18px;
    color: #fff;
}

.exhibition .first .text {
    display: table-cell;
    width: 1029px;
    padding-bottom: 30px;
    border: 1px solid #dbdbdb;
    border-left: none;
    background: url('../images/inside/ex.png') 880px center no-repeat;
}

.exhibition .first h1 {
    width: 740px;
    padding-left: 70px;
    margin-top: 30px;
    font-size: 24px;
    color: #333;
    line-height: 40px;
    background: url('../images/inside/square.png') 37px 13px no-repeat;
}

.exhibition .first p {
    font-size: 18px;
    color: #333;
    font-family: th;
    padding-left: 70px;
    line-height: 36px;
}

.exhibition .others {
    font-size: 0;
}

.exhibition .others .t {
    width: 170px;
    height: 170px;
    background: #29b6ea;
    line-height: 30px;
    text-align: center;
    text-transform: uppercase;
    display: table-cell;
    vertical-align: middle;
    background: #e0e0e0;
}

.exhibition .others .t span {
    font-size: 18px;
    color: #808080;
}

.exhibition .others .text {
    width: 1029px;
    display: table-cell;
    padding: 40px 0 20px 0;
    background: #f5f5f5;
}

.exhibition .others h1 {
    width: 730px;
    font-size: 18px;
    line-height: 20px;
    color: #999;
    padding-left: 70px;
    margin-bottom: 10px;
}

.exhibition .others p {
    font-size: 14px;
    line-height: 24px;
    color: #999;
    font-family: th;
    padding-left: 70px;
    line-height: 20px;
    margin-bottom: 20px;
}


/*history*/

.history .t {
    margin-bottom: 90px;
    text-align: center;
}

.history .t h6 {
    font-family: th;
    display: inline-block;
    text-align: center;
    height: 99px;
    background: url('../images/inside/history.png') left center no-repeat;
    padding-left: 120px;
    line-height: 99px;
    font-size: 36px;
    color: #333;
    text-transform: uppercase;
}

.historyWrap {
    height: 105px;
    position: relative;
}

.historyWrap .wrap {
    height: 105px;
    width: 1132px;
    margin: 0 auto;
    background: url('../images/inside/lineBlue.png') left center repeat-x;
}

#historyWrap {
    margin: 0 auto;
    width: 992px;
    padding: 5px 0;
    height: 115px;
    overflow: hidden;
}

#historyWrap li {
    float: left;
    margin: 0 18px;
    width: 86px;
    height: 103px;
    border: 1px solid #1873bd;
    background: #fff;
}

#historyWrap li a {
    display: table-cell;
    width: 103px;
    text-align: center;
    height: 103px;
    vertical-align: middle;
}

#historyWrap li span {
    font-size: 18px;
    color: #1873bd;
}

#historyWrap li.hover {
    border: 1px solid #fff;
    background: #1873bd;
    box-shadow: 0 0 4px 0 #1873bd;
}

#historyWrap li.hover span {
    color: #fff;
}

#goLeft,
#goRight {
    width: 34px;
    height: 44px;
    position: absolute;
    top: 50%;
    margin-top: -22px;
    background-image: url('../images/inside/arrow.png');
    background-repeat: no-repeat;
    cursor: pointer;
    opacity: 0.5;
    -webkit-transition: all ease-in-out 0.3s;
    -o-transition: all ease-in-out 0.3s;
    transition: all ease-in-out 0.3s;
}

#goRight:hover,
#goLeft:hover {
    opacity: 1;
}

#goLeft {
    left: 0;
    background-position: left center;
}

#goRight {
    right: 0;
    background-position: right center;
}

.history .content {
    width: 956px;
    margin: 70px auto 0 auto;
    font-size: 14px;
    color: #333;
    line-height: 24px;
}

.history .content h1 {
    font-size: 36px;
    font-family: th;
    color: #333;
    margin-bottom: 25px;
    line-height: 36px;
}


/*tecnical*/

#focus_Box {
    position: relative;
    width: 1200px;
    height: 515px;
    margin: 35px auto 0 auto;
}

#focus_Box ul {
    position: relative;
    width: 1080px;
    height: 515px;
    margin: 0 auto;
}

#focus_Box li {
    z-index: 0;
    position: absolute;
    width: 0px;
    background: #787878;
    height: 0px;
    top: 146px;
    cursor: pointer;
    left: 377px;
    border-radius: 4px;
}

#focus_Box li img {
    width: 100%;
    background: url(../images/loading.gif) no-repeat center 50%;
    height: 100%;
    vertical-align: top
}

#focus_Box .prev,
#focus_Box .next {
    display: block;
    z-index: 100;
    overflow: hidden;
    cursor: pointer;
    position: absolute;
    width: 27px;
    height: 51px;
    top: 232px;
    opacity: 0.5;
}

#focus_Box .prev {
    background: url(../images/inside/btn.png) left bottom no-repeat;
    left: 0px
}

#focus_Box .next {
    background: url(../images/inside/btn.png) right bottom no-repeat;
    right: 0px
}

#focus_Box .prev:hover {
    opacity: 1;
}

#focus_Box .next:hover {
    opacity: 1;
}


/*news*/

.news li {
    height: 134px;
    margin-bottom: 30px;
    -webkit-transition: all ease-in-out 0.3s;
    -o-transition: all ease-in-out 0.3s;
    transition: all ease-in-out 0.3s;
}

.news li a {
    display: block;
    font-family: th;
    color: #333;
    width: 1200px;
    margin: 0 auto;
    -webkit-transition: all ease-in-out 0.3s;
    -o-transition: all ease-in-out 0.3s;
    transition: all ease-in-out 0.3s;
}

.news li .time {
    float: left;
    width: 134px;
    height: 134px;
    background: #9f9f9f;
    -webkit-transition: all ease-in-out 0.3s;
    -o-transition: all ease-in-out 0.3s;
    transition: all ease-in-out 0.3s;
}

.news li .time h1 {
    font-size: 60px;
    line-height: 60px;
    color: #fff;
    text-align: center;
    padding-top: 25px;
}

.news li .time h2 {
    font-size: 18px;
    color: #fff;
    line-height: 36px;
    text-align: center;
}

.news li .time h3 {
    display: none;
}

.news li .text {
    float: left;
    width: 1016px;
    padding-left: 50px;
}

.news li .text h1 {
    padding-top: 5px;
    font-size: 24px;
    line-height: 58px;
    font-weight: bold;
}

.news li .text h2 {
    margin-top: 5px;
    font-family: Arial;
    font-size: 14px;
    line-height: 24px;
    opacity: 0.7;
}

.news li:hover {
    background: #1b77be;
}

.news li:hover a {
    color: #fff;
}

.news li:hover .time {
    background: none;
}


/*newsdetail*/

.news_detail .t {
    border-bottom: 1px dotted #cccccc;
    margin-bottom: 30px;
}

.news_detail .t h1 {
    font-size: 24px;
    color: #666666;
    font-weight: bold;
    line-height: 36px;
    margin-bottom: 15px;
    text-align: center;
}

.news_detail .t h2 {
    font-size: 14px;
    line-height: 14px;
    padding-bottom: 15px;
    color: #666;
    text-align: right;
    text-align: center;
}

.news_detail .c {
    font: 14px;
    color: #666;
    line-height: 28px;
}

.news_detail .c p {
    margin: 15px 0;
}

.news_detail .c img {
    display: block;
    max-width: 100%;
    margin: 0 auto;
}


/*products*/

.products .banner {
    height: 395px;
    background: url('../images/inside/products.jpg') top center no-repeat;
}

.products .wrap {
    padding-top: 150px;
    position: relative;
    width: 1200px;
    margin: 0 auto;
    height: 245px;
}

#pNav {
    width: 1200px;
    height: 245px;
    overflow: hidden;
}

#pNav li {
    float: left;
    width: 160px;
    height: 245px;
    margin: 0 20px;
}

#pNav li a {
    display: block;
    height: 245px;
}

#pNav li img {
    display: block;
    width: 160px;
    height: 100px;
}

#pNav li p {
    font-size: 14px;
    color: #fff;
    line-height: 24px;
    margin-top: 30px;
    text-align: center;
}

#pNav li.hover {
    background: url('../images/inside/tr.png') center bottom no-repeat;
}

#goLP,
#goRP {
    width: 21px;
    height: 37px;
    position: absolute;
    top: 50%;
    margin-top: -22px;
    background-image: url('../images/inside/pArrow.png');
    background-repeat: no-repeat;
    cursor: pointer;
    opacity: 0.5;
    -webkit-transition: all ease-in-out 0.3s;
    -o-transition: all ease-in-out 0.3s;
    transition: all ease-in-out 0.3s;
}

#goRP:hover,
#goLP:hover {
    opacity: 1;
}

#goLP {
    left: -21px;
    background-position: left center;
}

#goRP {
    right: -21px;
    background-position: right center;
}

#pro {
    padding: 30px 0;
    background: url('../images/inside/proBg.png') left top no-repeat;
    background-size: 100% 100%;
}

#pwrap {
    width: 1200px;
    margin: 0 auto;
}

#pro li {
    float: left;
    margin-top: 30px;
    margin-right: 60px;
    background: url('../images/inside/cir.png') center bottom no-repeat;
}

#pro li a {
    display: block;
    color: #808080;
    text-align: center;
}

#pro li img {
    display: block;
    width: 192px;
    height: 144px;
    -webkit-box-shadow: 0 0 8px 0 #999;
    box-shadow: 0 0 8px 0 #999;
}

#pro li p {
    font-size: 18px;
    line-height: 40px;
}

#pro li span {
    display: block;
    font-size: 12px;
    line-height: 12px;
    text-align: center;
    padding-bottom: 40px;
}

#pro li:hover img {
    -webkit-box-shadow: 0 0 8px 0 #0096fb;
    box-shadow: 0 0 8px 0 #0096fb;
}

#pro li:hover a {
    color: #0096fb;
}

.products .case {
    width: 1200px;
    margin: 0 auto;
    margin-bottom: 125px;
    margin-top: 74px;
    background: url('../images/inside/lineGray.png') left 17px repeat-x;
    font-family: th;
}

.products .t h1 {
    width: 160px;
    margin: 0 auto;
    font-size: 36px;
    text-align: center;
    line-height: 36px;
    color: #333;
    background: #fff;
}

.products .t p {
    font-size: 16px;
    color: #333;
    text-align: center;
    line-height: 16px;
    margin-top: 25px;
    margin-bottom: 35px;
    text-transform: uppercase;
}

.products .case .w {
    position: relative;
}

.products .case #cBox {
    width: 1120px;
    height: 560px;
    margin: 0 auto;
    overflow: hidden;
}

.products .case #cBox li {
    width: 540px;
    height: 560px;
    margin: 0 10px;
    float: left;
    cursor: pointer;
    background: #e6e6e6;
}

.products .case #cBox li img {
    display: block;
    width: 540px;
    height: 400px;
}

.products .case #cBox li h1 {
    float: left;
    padding: 0 25px;
    font-size: 18px;
    color: #333;
    line-height: 40px;
    background: #fff;
}

.products .case #cBox li p {
    float: left;
    margin-top: 25px;
    padding: 0 60px;
    width: 420px;
    font-size: 18px;
    color: #333;
    line-height: 30px;
    text-align: center;
}

.products .case #goLC,
.products .case #goRC {}

.products .case #goLC,
.products .case #goRC {
    width: 21px;
    height: 37px;
    position: absolute;
    top: 50%;
    margin-top: -22px;
    background-image: url('../images/inside/cArrow.png');
    background-repeat: no-repeat;
    cursor: pointer;
    opacity: 0.5;
    -webkit-transition: all ease-in-out 0.3s;
    -o-transition: all ease-in-out 0.3s;
    transition: all ease-in-out 0.3s;
}

.products .case #goRC:hover,
.products .case #goLC:hover {
    opacity: 1;
}

.products .case #goLC {
    left: 0;
    background-position: left center;
}

.products .case #goRC {
    right: 0;
    background-position: right center;
}

.products .pb {
    height: 357px;
    margin-bottom: 80px;
}

.products .tc {
    width: 1200px;
    margin: 0 auto;
    padding-bottom: 50px;
    font-family: th;
    background: url('../images/inside/lineGray.png') left 17px repeat-x;
}

.products .tc .t h1 {
    width: 440px;
}

.products .tc img {
    display: block;
    max-width: 100%;
    margin: 0 auto;
}

/*products detail*/
.products_detail .banner {
    height: 431px;
    background: url('../images/inside/pd.jpg') top center no-repeat;
}
.products_detail .w1200{
    position: relative;
}
.products_detail #pic{
    z-index: 50;
    width: 520px;
    height: 385px;
    position: absolute;
    top: -190px;
    left: 0;
    -webkit-box-shadow: 0 0 15px 0 #7bb5da;
    box-shadow: 0 0 15px 0 #7bb5da;
    border-radius: 24px;
    overflow: hidden;
    background: #fff;
}
.products_detail #pic img{
    display: block;
}
.products_detail .fdj{
    z-index: 49;
    width: 87px;
    height: 87px;
    background: url('../images/fdj.png') center center no-repeat;
    position: absolute;
    top: 150px;
    left: -60px;
}
.products_detail .ce{
    width: 270px;
    height: 95px;
    background: url('../images/ce.png') center center no-repeat;
    position: absolute;
    top: 260px;
    left: 145px;
}
.products_detail table{
    position: relative;
    z-index: 60;
    float: right;
    width: 650px;
    background: #fff;
    border-color: #ccc;
    border-collapse: collapse;
}
.products_detail table td{
    border-color: #ccc;
}
.products_detail table tr:nth-child(2n+1){
    background: #808080;
}
.products_detail table tr:nth-child(2n+1) td{
    padding: 5px 10px;
}
.products_detail table tr:nth-child(2n+1) p{
    font-size: 14px;
    color: #fff;
    font-family: 'Times New Roman';
}
.products_detail table tr:nth-child(2n){
    background: #fff;
}
.products_detail table tr:nth-child(2n) td{
    padding: 13px 10px;
    text-align: center;
}
.products_detail table tr:nth-child(2n) p{
    font-size: 16px;
    color: #333;
}
.products_detail .ass{
    margin-top: 100px;
    padding-top: 35px;
    border-top: #cccccc 1px solid;
}
.products_detail .ass h1{
    display: inline-block;
    margin-bottom: 40px;
    font-family: th;
    font-size: 36px;
    color: #333;
    line-height: 70px;
    border-bottom: 1px solid #ccc;
}
.products_detail .ass img{
    display: block;
    max-width: 100%;
    margin: 0 auto;
}
.products_detail .sw{
    margin-top: 100px;
    padding-top: 40px;
    border-top: 1px solid #ccc;
}

.products_detail .sw .w1200{
    position: relative;
}
.products_detail .sw .pTag{
    height: 60px;
}
.products_detail .sw .pTag li{
    margin-right: 40px;
    height: 58px;
    padding: 0 35px;
    line-height: 58px;
    border: 1px solid #b3b3b3;
    float: left;
}
.products_detail .sw .pTag li.hover{
    border-color: #25b3d6;
    background: #25b3d6;
}
.products_detail .sw .pTag li.hover a{
    color:#fff;
}
.products_detail .sw .pTag li a{
    font-size: 30px;
    color: #333333;
    font-family: th;
    display: block;
    text-transform: uppercase;
}
.products_detail .sw .pContent{
    margin-top: 60px;
    position: relative;
    height: 770px;
    display: none;
}
.products_detail .sw .pContent li{
    width: 545px;
    height: 730px;
    padding: 19px;
    border: 1px solid #ccc;
    margin-right: 30px;
    float: left;
}
.products_detail .sw .pContent li img{
    display: block;
    margin: 0 auto;
    max-width: 100%;
    max-height: 100%;
}
#pd1,
#pd2,
#pd3,
#pd4,
#pd5{
    height: 770px;
    overflow: hidden;
}

#goL1,
#goR1,
#goL2,
#goR2,
#goL3,
#goR3,
#goL4,
#goR4,
#goL5,
#goR5{
    width: 23px;
    height: 41px;
    position: absolute;
    top: 50%;
    margin-top: -20px;
    background-image: url('../images/inside/pdArrow.png');
    background-repeat: no-repeat;
    cursor: pointer;
    opacity: 0.5;
    -webkit-transition: all ease-in-out 0.3s;
    -o-transition: all ease-in-out 0.3s;
    transition: all ease-in-out 0.3s;
}

#goL1:hover,
#goR1:hover,
#goL2:hover,
#goR2:hover,
#goL3:hover,
#goR3:hover,
#goL4:hover,
#goR4:hover,
#goL5:hover,
#goR5:hover{
    opacity: 1;
}

#goL1,
#goL2,
#goL3,
#goL4,
#goL5 {
    left: -50px;
    background-position: left center;
}

#goR1,
#goR2,
#goR3,
#goR4,
#goR5{
    right: -50px;
    background-position: right center;
}
/*contact*/

.contact .left {
    float: left;
    width: 635px;
    font-family: th;
}

.contact .left h6 {
    font-size: 30px;
    color: #333;
    padding-left: 85px;
    line-height: 52px;
}

.contact .left p {
    padding-left: 220px;
    width: 385px;
    font-size: 18px;
    line-height: 30px;
    color: #333;
}

.contact .left span {
    font-size: 24px;
}

.contact .left .add,
.contact .left .phone,
.contact .left .fax {
    background-position: left top;
    background-repeat: no-repeat;
}

.contact .left .add {
    background-image: url('../images/inside/dizhi.png');
    margin-bottom: 20px;
}

.contact .left .phone {
    background-image: url('../images/inside/phone.png');
    margin-bottom: 20px;
}

.contact .left .fax {
    background-image: url('../images/inside/fax.png');
}

#map {
    width: 500px;
    height: 390px;
    border: 1px solid #ccc;
    padding: 9px;
    float: right;
    overflow: hidden;
}

#map .w {
    width: 498px;
    height: 388px;
    border: 1px solid #ccc;
    overflow: hidden;
}

.my-map {
    width: 498px;
    height: 440px;
    font-size: 14px;
}

.my-map .icon {
    background: url(http://lbs.amap.com/console/public/show/marker.png) no-repeat;
}

.my-map .icon-flg {
    height: 32px;
    width: 29px;
}

.my-map .icon-flg-red {
    background-position: -65px -5px;
}

.amap-container {
    height: 100%;
}

#box {
    width: 900px;
    height: 198px;
    margin: 0 auto;
    overflow: hidden;
}

#box li {
    margin: 0 10px;
    float: left;
}

#box li a {
    display: block;
    padding: 4px;
    border: 1px solid #d2d2d2;
}

#box li a:hover {
    border-color: #e60012;
}

#box li img {
    display: block;
    width: 270px;
    height: 188px;
}

#goR,
#goL {
    width: 14px;
    height: 24px;
    position: absolute;
    top: 50%;
    margin-top: 12px;
    background-repeat: no-repeat;
    background-position: center center;
    cursor: pointer;
    opacity: 0.5;
    -webkit-transition: all ease-in-out 0.3s;
    -o-transition: all ease-in-out 0.3s;
    transition: all ease-in-out 0.3s;
}

#goR:hover,
#goL:hover {
    opacity: 1;
}

#goL {
    left: 0;
    background-image: url('../images/gol.png');
}

#goR {
    right: 0;
    background-image: url('../images/gor.png');
}