@charset "utf-8";
@font-face {
    font-family: 'raleway';
    src: url('../fonts/raleway_thin-webfont.eot');
    src: url('../fonts/raleway_thin-webfont.eot') format('embedded-opentype'),
    url('../fonts/raleway_thin-webfont.woff') format('woff'),
    url('../fonts/raleway_thin-webfont.ttf') format('truetype'),
    url('../fonts/raleway_thin-webfont.svg#singlemaltaregular') format('svg');
    font-weight: normal;
    font-style: normal;
}

* {
    margin: 0;
    padding: 0;
    list-style: none;
}

body, td, th {
    font: 12px/1.5 \5FAE\8F6F\96C5\9ED1, \5b8b\4f53, arial, helvetica, sans-serif;
}

body {
    color: #474747;
    background: #fff;
}

a, area {
    blr: expression(this.onFocus=this.blur())
}

/* for IE */
:focus {
    -moz-outline-style: none;
}

/* for Firefox */

a {
    color: #474747;
    text-decoration: none;
    cursor: pointer;
}

a:hover {
    color: #00969b;
    text-decoration: none;
    cursor: pointer;
}

img {
    border: 0;
}

.clear {
    clear: both;
}

.pic_bot {
    border: 1px #dcdbdb solid;
}

.arricon {
    padding-left: 10px;
    background: url(../images/arr.jpg) left center no-repeat;
}

.sp {
    color: #00969b;
}

.sp:hover {
    color: #00969b;
    text-decoration: none;
}

span.left {
    float: left;
}

span.right {
    float: right;
}

.cc-head {
    display: flex;
    justify-content: space-around;
    width: 100%;
}

.head-com {
    width: 1100px;
    margin: 0 auto;
}

#box_cc_logo {
    width: 309px;
    height: 99px;
    overflow: hidden;
    float: left;
    margin-top: 15px;
}

.version {
    width: 170px;
    float: right;
    padding-top: 27px;
}

.version a {
    display: block;
    width: 83px;
    line-height: 32px;
    background: #f1f1f1;
    text-align: center;
    float: left;
    margin-right: 1px;
}

.version a:hover {
    color: #fff;
    background: #00969b;
}

.version a.cur {
    background: #00969b;
    color: #fff;
}

#chinese {
    background: url(../images/chinese_bg.jpg) left no-repeat;
    color: #5c5c5c;
}

#english {
    background: url(../images/english_bg.jpg) left no-repeat;
    color: #5c5c5c;
    text-align: right;
}

.cc-nav {
    height: 117px;
    text-align: right;
}

.cc-nav ul {
    height: 117px;
}

.cc-nav li {
    float: left;
    padding: 0;
    position: relative;
}

.cc-nav li a {
    display: block;
    width: 98px;
    height: 113px;
    color: #5c5c5c;
    line-height: 113px;
    border-left: solid 1px #eeeeee;
    font-size: 14px;
    border-bottom: solid 4px #0d3e97;
    text-align: center;
    -webkit-transition: all .2s ease-in-out 0s;
    -moz-transition: all .2s ease-in-out 0s;
    -ms-transition: all .2s ease-in-out 0s;
    -o-transition: all .2s ease-in-out 0s;
    transition: all .2s ease-in-out 0s;

}

.cc-nav li a:hover {
    height: 113px;
    border-bottom: solid 4px #ffbf00;
    color: #4a4a4a;
}

.cc-nav li ul {
    display: none;
    padding: 16px 0;
    width: auto;
    padding: 0;
    height: auto;
    border: 1px #eaeaea solid;
    border-bottom: 0;
}

.cc-nav li ul ul {
    padding: 0;
}

.cc-nav li ul li {
    float: none;
}

.sub {
    width: 141px;
    position: absolute;
    z-index: 999;
    left: 0;
    top: 41px;
    background: #fff;
}

.cc-nav .sub ul {
}

.cc-nav .sub li {
    padding: 0;
    border: 0;
    border-bottom: 1px #eaeaea solid;
}

.cc-nav .sub li a {
    display: block;
    height: 30px;
    width: 100%;
    font-size: 12px;
    font-weight: normal;
    line-height: 30px;
    text-align: center;
    padding: 0;
    margin: 0;
    background: none;
}

.cc-nav .sub li a:hover {
    background: #00969b;
}

.cc_nav .sub li ul {
    position: absolute;
    left: 110px;
    top: 0px;
    width: 110px;
    z-index: 999;
    background: #004889;
    border-right: 1px #fff solid;
    border-left: 1px #fff solid;
}

#box_cc_footer .cc-nav {
    min-width: 1000px;
    height: 41px;
    border-top: none;
    text-align: right;
    background: none;
}

#box_cc_footer .cc-nav ul {
    width: 1000px;
    margin: 0 auto;
    height: 41px;
    border-left: 1px #eaeaea solid;
}

#box_cc_footer .cc-nav li {
    float: left;
    padding: 0;
    border-right: 1px #eaeaea solid;
    position: relative;
}

#box_cc_footer .cc-nav li a {
    display: block;
    width: 141px;
    height: 41px;
    line-height: 41px;
    font-size: 14px;
    text-align: center;
    color: #fff;
    -webkit-transition: all .2s ease-in-out 0s;
    -moz-transition: all .2s ease-in-out 0s;
    -ms-transition: all .2s ease-in-out 0s;
    -o-transition: all .2s ease-in-out 0s;
    transition: all .2s ease-in-out 0s;
}

#box_cc_footer .cc-nav li a:hover {
    background: #00969b;
    color: #fff;
}

#box_cc_footer .cc-nav li ul {
    display: none;
    padding: 16px 0;
    width: auto;
    padding: 0;
    height: auto;
    border: 1px #eaeaea solid;
    border-bottom: 0;
}

#box_cc_footer .cc-nav li ul ul {
    padding: 0;
}

#box_cc_footer .cc-nav li ul li {
    float: none;
}

.
#box_index_banner {
    height: 599px;
    background: #000;
}

#box_sub_banner {
    height: 308px;
}

.index-search {
    width: 585px;
    margin: 60px auto;
}

h1.search-title {
    font-size: 13px;
    color: #464646;
    font-weight: normal;
    height: 35px;
    line-height: 35px;
}

#box_index_search {
    width: 385px;
    float: right;
    height: 30px;
    margin-top: 10px;
}

.sub-nav {
    min-width: 1000px;
    height: 60px;
    margin-bottom: -6px;
    border-top: 1px #eaeaea solid;
    padding-top: 33px;
    position: relative;
}

.sub-nav ul {
    margin: 0 auto;
    height: 60px;
}

.sub-nav li {
    float: left;
    padding: 0 20px;
}

.sub-nav li a {
    display: block;
    height: 60px;
    line-height: 26px;
    min-width: 10px;
    _width: 10px;
    font-size: 14px;
    white-space: nowrap;
}

.sub-nav li a:hover {
    background: url(../images/spot.jpg) bottom center no-repeat;
    color: #00918b;
}

.sub-nav li a.current {
    background: url(../images/spot.jpg) bottom center no-repeat;
    color: #00918b;
}

.sub-nav-line {
    height: 2px;
    _overflow: hidden;
    min-width: 1000px;
    background: #00918b url(../images/subnav_line.jpg) top center no-repeat;
}

.index_pro_top {
    width: 100%;
    background: url(../images/index_product_bg.jpg) top no-repeat;
    display: none;
}

#box_index_pro {
    margin: 0 auto;
    width: 100%;
    padding-bottom: 70px;
    padding-top: 30px;
    text-align: center;
}

.proListWrap {
    position: relative;
    text-align: left;
}

.proListWrap .hd {
}

.proListWrap .hd .prev, .proListWrap .hd .next {
    display: block;
    width: 52px;
    height: 52px;
    overflow: hidden;
    cursor: pointer;
    background: url(../images/arr_pro_left.png) no-repeat;
    position: absolute;
    left: 15%;
    top: 65px;
    z-index: 99;
}

.proListWrap .hd .next {
    background: url(../images/arr_pro_right.png) no-repeat;
    right: 15%;
    top: 65px;
    left: auto;
    z-index: 99;
}

@media screen and (max-width: 1300px){
    .proListWrap .hd .prev{
        left: 0%;
    }
    .proListWrap .hd .next{
        right: 0%;
    }
}


.proListWrap .hd ul {
    float: right;
    overflow: hidden;
    zoom: 1;
    margin-top: 10px;
    zoom: 1;
    display: none;
}

.proListWrap .bd {
    width: 100%;
    overflow: hidden;
}

.proListWrap .bd ul {
    overflow: hidden;
    zoom: 1;
}

.proListWrap .bd ul li {
    margin: 0 22px 0 0;
    float: left;
    _display: inline;
    overflow: hidden;
    text-align: center;
    width: 259px;
}

.proListWrap .bd ul li .pro_pic {
    text-align: center;
    width: 239px;
    overflow: hidden;
}

.proListWrap .bd ul li .pro_pic img {
    width: 239px;
    height: 204px;
}

.proListWrap .bd ul li .pro_title {
    line-height: 24px;
    padding-top: 6px;
    width: 239px;
}
.proListWrap .bd ul li .pro_title a{
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    display: block;
    width: 100%;
}

#box_index_pro1 {
    height: 420px;
    margin: 0 auto;
    width: 100%;
    padding-bottom: 60px;
    padding-top: 60px;
}

.index-case {
    min-width: 100%;
    margin: 0 auto;
    height: 382px;
    background: url(../images/case_bg.jpg) center bottom no-repeat;
}

.case-com {
    width: 100%;
    margin: 0 auto;
    position: relative;
}

.index-title {
    margin-bottom: 30px;
    text-align: center;
    padding-top: 30px;
}

.index-title h1 {
    line-height: 35px;
    font-size: 30px;
    font-family: 'raleway';
    font-weight: normal;
    color: #000;
}

.index-title h1 span {
    line-height: 35px;
    font-size: 20px;
    color: #116eb3;
    font-family: 'raleway';
    font-weight: normal;
}

.case-com .index-title h1 {
    color: #fff;
}

.index-title h2 {
    line-height: 25px;
    font-size: 18px;
    font-weight: normal;
}

.index-title h2 b {
    border-bottom: solid 3px #0d3e97;
    padding-bottom: 5px;
}

.case-com .index-title h2 b {
    border-bottom: solid 3px #fff;
    padding-bottom: 5px;
}

.case-com .index-title h2 {
    color: #fff;
}

.case-p {
    line-height: 25px;
    color: #fff;
    margin-top: 20px;
    padding-left: 20px;
}

.case-des {
    position: absolute;
    width: 223px;
    height: 298px;
    top: 148px;
    right: 0;
    padding-bottom: 5px;
    background: #f5f5f5 url(../images/index_case_line.jpg) bottom no-repeat;
}

.case-des a.more {
    display: block;
    width: 54px;
    height: 52px;
    position: absolute;
    left: 0;
    top: 0;
    margin: -39px 0 0 82px;
    line-height: 52px;
    background: #00969b;
    text-align: center;
    color: #fff;
}

#box_case_des {
    width: 180px;
    margin: 0 auto;
    padding-top: 35px;
}

#box_index_case {
    width: 100%;
    height: 230px;
}

#box_index_case .proListWrap .hd ul {
    text-align: center;
}

#box_index_case .proListWrap .hd ul li {
    float: left;
    margin-right: 10px;
    width: 60px;
    height: 2px;
    white-space: nowrap;
    text-indent: -999px;
    overflow: hidden;
    background: #e0e0e0;
    border-radius: 7px;
    font-size: 1px;
    line-height: 1px;
    cursor: pointer;
}

#box_index_case .proListWrap .hd ul li.on {
    background: #116eb1;
}

#box_index_case .proListWrap .bd ul li {
    margin: 0 25px 0 0;
    float: left;
    _display: inline;
    overflow: hidden;
    width: 259px;
    position: relative;
}

#box_index_case .proListWrap .bd ul li .pro_pic {
    text-align: center;
    width: 239px;
    overflow: hidden;
}

#box_index_case .proListWrap .bd ul li .pro_pic img {
    width: 239px;
    height: 176px;
    filter: alpha(opacity=50);
    -moz-opacity: 0.8;
    -khtml-opacity: 0.8;
    opacity: 0.8;
}

#box_index_case .proListWrap .bd ul li .pro_title {
    line-height: 35px;
    width: 239px;
    bottom: 18px;
    text-align: center;
    -webkit-transition: all .2s ease-in-out 0s;
    -moz-transition: all .2s ease-in-out 0s;
    -ms-transition: all .2s ease-in-out 0s;
    -o-transition: all .2s ease-in-out 0s;
    transition: all .2s ease-in-out 0s;
    background: #262626 url(../images/case_title.png);
}

#box_index_case .proListWrap .bd ul li.hover .pro_title {
    background: #464646;
}

#box_index_case .proListWrap .bd ul li .pro_title a {
    color: #fff;
    font-size: 14px;
    line-height: 35px;
}

#box_index_case .proListWrap .bd ul li .pro_title a:hover {
    color: #fff;
}

.index-news {
    width: 100%;
    margin: 30px auto 30px auto;
}

.index-news .index-title {
}

.index-news .index-title h1 {
    color: #35312e;
}

.index-news .index-title h2 {
    color: #35312e;
}

#box_index_news {
    margin-top: 35px;
    height: 370px;
}

.index-contact {
    min-width: 1000px;
    margin: 0 auto;
    height: 399px;
    background: url(../images/index_contact_bg.jpg) center no-repeat;
}

.contact-com {
    width: 1000px;
    margin: 0 auto;
    padding-top: 37px;
}

.contact-com .index-title {
    background: url(../images/index_title1.jpg) 16px center no-repeat;
}

.contact-com .index-title h1 {
    color: #fff;
}

.contact-com .index-title h2 {
    color: #fff;
}

#box_index_contact {
    width: 410px;
    margin: 30px 0 0 14px;
    color: #fff;
}

#box_index_contact * {
    color: #fff;
}

#box_index_contact a {
    color: #fff;
}

#box_index_contact a:hover {
    color: #fff;
}
.tempWrap{
    margin: 0 auto;
}

#index .cc-footer {
    min-height: 403px;
    _height: 403px;
    width: 100%;
    margin: 0 auto;
    background: #268fbf url(../images/yinyong.jpg) center no-repeat;
    display: block;
    position: relative;
}

.cc-footer {
    min-height: 403px;
    _height: 403px;
    min-width: 1000px;
    margin: 0 auto;
    background: #268fbf url(../images/yinyong.jpg) center no-repeat;
    display: none;
}

#box_cc_footer {
    width: 1100px;
    position: absolute;
    color: #fff;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
}

#box_cc_footer h2 {
    font-size: 24px;
}

/*sub*/
.cc-content {
    padding-top: 185px;
}

.intro-com1 {
    min-width: 1000px;
    height: 448px;
    margin: 95px auto 0 auto;
    position: relative;
    background: #009699;
}

.intro-icons {
    width: 1000px;
    position: absolute;
    left: 50%;
    top: -95px;
    margin-left: -500px;
}

.intro-icons li {
    width: 187px;
    float: left;
    padding: 0 30px;
    text-align: center;
}

.intro-icons li img {
    margin-bottom: 10px;
}

.intro-icons li h2 {
    font-size: 24px;
    font-weight: normal;
    line-height: 36px;
    color: #fff;
}

.intro-icons li p {
    color: #fff;
    font-size: 13px;
    line-height: 18px;
}

.intro-com-p1 {
    width: 1000px;
    margin: 0 auto;
    padding-top: 300px;
    line-height: 30px;
    color: #fff;
    text-align: center;
    font-size: 14px;
}

.mark1 {
    position: absolute;
    left: 50%;
    bottom: -35px;
    margin-left: -54px;
}

.index-com2 {
    width: 1000px;
    margin: 92px auto 158px auto;
}

.intro-com3 {
    min-width: 1000px;
    margin: 0 auto;
    height: 607px;
    background: url(../images/intro_bg1.jpg) center no-repeat;
    position: relative;
}

.mark2 {
    position: absolute;
    left: 50%;
    top: -75px;
    margin-left: -54px;
}

.intro-bot-icons {
    width: 1000px;
    margin: 0 auto;
    padding-top: 45px;
}

.intro-bot-icons li {
    float: left;
    padding: 0 70px;
    width: 190px;
}

.honor {
    margin-top: 50px;
    width: 900px;
    margin: 0 auto;
}

.bot-links {
    min-width: 1000px;
    height: 35px;
    line-height: 35px;
    background: #009699;
}

#box_botLInks {
    width: 1000px;
    margin: 0 auto;
    line-height: 35px;
    color: #fff;
}

#box_botLInks * {
    color: #fff;
    line-height: 35px;
}

#box_botLInks a:hover {
    color: #fff;
}

#box_pro {
    width: 1000px;
    margin: 0 auto;
    padding-bottom: 50px;
}

#box_pro_detail {
    padding: 50px 0;
    width: 1000px;
    margin: 0 auto;
}

/* new clearfix */
.clearfix:after {
    visibility: hidden;
    display: block;
    font-size: 0;
    content: " ";
    clear: both;
    height: 0;
}

* html .clearfix {
    zoom: 1;
}

/* IE6 */
*:first-child + html .clearfix {
    zoom: 1;
}

/* IE7 */

.box {
    width: 940px;
    margin: 18px auto 0 auto;
}

.event_year {
    width: 60px;
    border-bottom: 2px solid #DDD;
    text-align: center;
    float: left;
    margin-top: 10px;
}

.event_year li {
    height: 40px;
    line-height: 40px;
    background: #FFF;
    margin-bottom: 1px;
    font-size: 18px;
    color: #00918a;
    cursor: pointer;
}

.event_year li.current {
    width: 61px;
    background: #00918a url('../images/jian.png') 60px 0 no-repeat;
    color: #FFF;
    text-align: left;
    padding-left: 9px;
}

.event_list {
    width: 850px;
    float: right;
    background: url('../images/dian3.png') 139px 0 repeat-y;
    margin: 10px 0 20px 0;
}

.event_list h3 {
    margin: 0 0 10px 132px;
    font-size: 24px;
    font-family: Georgia;
    color: #00918a;
    padding-left: 25px;
    background: url('../images/jian.png') 0 -45px no-repeat;
    height: 38px;
    line-height: 30px;
    font-style: italic;
}

.event_list li {
    background: url('../images/jian.png') 136px -80px no-repeat;
}

.event_list li span {
    width: 127px;
    text-align: right;
    display: block;
    float: left;
    margin-top: 10px;
}

.event_list li p {
    width: 680px;
    margin-left: 24px;
    display: inline-block;
    padding-left: 10px;
    background: url('../images/jian.png') -21px 0 no-repeat;
    line-height: 25px;
    _float: left;
}

.event_list li p span {
    width: 650px;
    text-align: left;
    border-bottom: 2px solid #DDD;
    padding: 10px 15px;
    background: #FFF;
    margin: 0;
}

.head_right {
    float: right;
}

#box_cc_float {
    background: #232323;
    color: #fff;
}

#box_cc_float1 {
    width: 1101px;
    ma rgin: 0 auto;
}

#box_cc_float a {
    color: #fff;
}

.cc-footer UL {

    list-style-type: none;
    padding-left: 15px;
    padding: 0 58px;
    float: left;
    font-size: 12px;
    vertical-align: text-top;
    list-style-image: none;
    text-align: left;
    height: 150px;
    background: url(../images/bg_footer_left.png) right top no-repeat;
}

.cc-footer .tit {
    margin-top: 25px;
    margin-bottom: 25px;
    color: #fff;
    font-size: 14px;
    font-weight: bold;
}

.cc-footer LI {
    list-style-position: outside;
    list-style-type: none;
    height: 22px;
    color: #fff;
}

.cc-footer A {
    color: #fff;
    text-decoration: none;
}

.wq {
    width: 500px;
    float: left;
    position: relative;
    margin-top: 20px;
}

.wq1 {
    width: 550px;
    float: right;
    margin-top: 105px;
}

/*sub*/
.sub-wrap {
    background: #fff;
}

.sub-com {
    width: 1100px;
    margin: 0 auto;
    padding-bottom: 30px;
    position: relative;
    background: #fff;
}

#box_sub_com {
    padding: 55px 0;
}

.cc-left {
    width: 226px;
    float: left;
    position: absolute;
    top: 15px;
    min-height: 273px;
    _height: 273px;
    z-index: 100;
    background: url(../images/left_intro1.jpg) no-repeat;
}

.left-title {
    height: 103px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    text-align: center;
    line-height: 103px;
    font-size: 42px;
    color: #fff;
}

.left-nav {
    padding: 10px 0;
    background: #116EB1;
    min-height: 250px;
    _height: 250px;
}

.left-nav li {
}

.left-nav li a {
    display: block;
    color: #fff;
    line-height: 45px;
    padding-left: 55px;
    font-size: 12px;
    background: url(../images/left_spot.png) center no-repeat;
    text-align: center;
    color: #fff;!important;
}

.left-nav li a:hover {
    color: #dd870c;
    font-weight: bold;
    font-size: 12px;
    background: url(../images/left_spot_hover.png) center no-repeat;
}

.left-bot {
    margin-top: 30px;
}

.left-bot p.left-tel {
    line-height: 61px;
    border-bottom: 1px #fff solid;
    background: #a53a88 url(../images/icon_left_tel.jpg) 15px center no-repeat;
    padding-left: 61px;
    font-size: 20px;
    color: #fff;
}

.left-bot p.left-email {
    line-height: 61px;
    border-bottom: 1px #fff solid;
    background: #a53a88 url(../images/icon_left_email.jpg) 15px center no-repeat;
    padding-left: 61px;
    font-size: 16px;
    color: #fff;
}

.left-bot p.left-add {
    line-height: 28px;
    padding: 10px 0;
    background: #a53a88 url(../images/icon_left_add.jpg) 15px center no-repeat;
    padding-left: 61px;
    font-size: 16px;
    color: #fff;
}

.left-bot p a {
    color: #fff;
}

.cc-right {
    width: 850px;
    float: right;
}

.cc-title {
    height: 30px;
    line-height: 30px;
    padding: 18px 0px 6px 0;
    text-align: right;
    border-bottom: solid 1px #d1d1d1;
}

.cc-content {
    background: #fff;
    padding: 30px 5px;
    line-height: 25px;
    min-height: 450px;
    _height: 450px;
}

#box_checklogin {
    display: none;
}

#box_login_info {
    margin-bottom: 10px;
}

.head_all_fic {
    width: 100%;
    background: #0d3e97;
    color: #fff;
    font-size: 14px;
}

.head_all_fic_center {
    width: 1100px;
    height: 39px;
    margin: 0 auto;
}

.head_all_left {
    float: left;
    line-height: 39px;
}

.head_all_right {
    float: right;
}

.head_all_right li {
    float: left;
    line-height: 39px;
}

.head_all_right li a {
    color: #fff;
    background: url(../images/head_bg_all_a.jpg) left no-repeat;
    padding-left: 10px;
    margin-left: 15px;
}

.all_left {
    float: left;
}

.all_right {
    float: right;
}

#box_all_wq a.messageLink {
    display: none;
}

.sub-com {
    _height: 750px;
    min-height: 750px;
}

.footer_1 {
    background: #262626;
    padding: 25px 0;
    color: #999999;
}

.footer_center {
    width: 1097px;
    margin: 0 auto;
}

.footer_center a {
    color: #999999;
}

.footer_left_1 {
    width: 780px;
    float: left;
}

.footer_right_2 {
    width: 293px;
    float: right;
}

.footer_left_link {
    border-bottom: solid 1px #191919;
    padding-bottom: 15px;
}

.footer_left_link h2 {
    width: 100px;
    float: left;
    font-size: 16px;
    width: auto;
}

#box_footer_right_2 h2 {
    width: 100px;
    font-size: 16px;
    width: auto;
    padding-bottom: 15px;
}

.footer_left_link .link_footer {
    width: 550px;
    float: left;
}

.footer_left_paner {
    border-top: solid 1px #434343;
    padding-top: 20px;
}

#box_index_banner {
    position: relative;
    height: 500px;
}

.new_all_banner {
    width: 1082px;
    background: url(../images/new_all_banner.png) repeat-x;
    height: 51px;
    position: absolute;
    bottom: 0;
    left: 50%;
    margin-left: -541px;
}

h1.search-title {
    height: 30px;
    line-height: 30px;
    padding-left: 25px;
    font-size: 18px;
    color: #116EB1;;
    font-weight: normal;
    background: url(../images/arr_search.jpg) 6px center no-repeat;
}

#box_left_search {
    margin-top: 10px;
}
.list2 .menu-none a{
    text-align: center;
    color: #fff;
}