@charset "utf-8";/* CSS Document */
*{margin: 0;padding: 0;}
html {font-size: 62.5%;height: 100%}
body {margin: 0 auto;font-size: 14px;font-size: 1.4rem;height: 100%; font-family: "Arial";  }
img {border: none;}
ul li {list-style-type: none;}
ul, form, p, a, img, table, tr, td, li, dd, dt, dl, span {margin: 0;padding: 0;list-style: none;color: #333;}
a {text-decoration: none;color: #333;outline: none;transition: 0.3s;-moz-transition: 0.3s;-o-transition: 0.3s;-webkit-transition: 0.3s;}
h1 {margin: 0;padding: 0;font-weight: normal;color: #333;}
.clear {clear: both;}
.mln {margin-left: auto !important}
input, textarea {font-family:Arial, Helvetica, sans-serif;font-size: 14px;font-size: 1.4rem;color:#333;border: none;outline: none;}
.l{ float:left;}
.r{ float:right;}
.fix{*zoom:1; } .fix:after,.fix:before{display:block; content:"clear"; height:0; clear:both; overflow:hidden; visibility:hidden; }

::-webkit-input-placeholder {/* WebKit browsers */
 color:#333;}
:-o-placeholder {/* Mozilla Firefox 4 to 18 */
 color:#333;}
::-moz-placeholder {/* Mozilla Firefox 19+ */
 color:#333;}
:-ms-input-placeholder {/* Internet Explorer 10+ */
 color:#333;}
@media screen and (min-width:1220px) {.wp {width: 1200px;margin: auto;}}
@media screen and (min-width:1000px) and (max-width:1219px) {.wp {width: 980px;margin: auto;}}
@media screen and (max-width:999px) {.wp {width: 95%;margin: auto;}}


@font-face {
    font-family: 'HelveticaLTStdBlkCondObl';
    src: url('fonts/HelveticaLTStdBlkCondObl.eot');
    src: url('fonts/HelveticaLTStdBlkCondObl.eot') format('embedded-opentype'),
         url('fonts/HelveticaLTStdBlkCondObl.woff2') format('woff2'),
         url('fonts/HelveticaLTStdBlkCondObl.woff') format('woff'),
         url('fonts/HelveticaLTStdBlkCondObl.ttf') format('truetype'),
         url('fonts/HelveticaLTStdBlkCondObl.svg#HelveticaLTStdBlkCondObl') format('svg');
}


.ziti{  font-family: 'HelveticaLTStdBlkCondObl'; }

/*gotop*/
#returnTop {_display:none;position:fixed;_position:absolute;z-index:999; bottom:0px; right:100px; _bottom:auto;width:46px;height:34px;
text-indent:-999px;overflow:hidden;background:url(../img/top1.png) no-repeat;_backgroundurl:(../img/top1.png) no-repeat;transition:bottom 0.9s;-webkit-transition:bottom 0.9s;-moz-transition:bottom 0.9s;-o-transition:bottom 0.9s; bottom:0px;}


@media screen and (max-width:980px) { #returnTop{ right: 10px; } } 


/*kefu*/
.kefu{ position:fixed; z-index:99999999; top:250px; right:0px; width:114px; }

.kefu_top{}

.kefu li{ margin-top:4px; line-height:30px;  font-size:14px; font-size:1.4rem; color:#fff;}
.kefu li a{ font-size:14px; font-size:1.4rem; color:#fff; display:block; }
.kefu li a:hover{ color:#0055af; }

.kefu_skype{ background:#333333 url(../img/kefu-skype.png) no-repeat 13px 8px;  padding-left:35px; font-family: Verdana, Geneva, Tahoma, sans-serif;}
.kefu_app{ background:#333333 url(../img/kefu-app.png) no-repeat 13px 8px;  padding-left:35px; font-family: Verdana, Geneva, Tahoma, sans-serif;}

.kefu1{display: none;position: fixed;bottom: 0;left: 0;width: 100%;z-index: 999999;}

.kefu_skype1{ background:#333333 url( ../img/weixin.png ) no-repeat 13px 8px;  padding-left:35px; font-family: Verdana, Geneva, Tahoma, sans-serif;  }
@media screen and (max-width:680px){
   .kefu{display: none;}  
}

@media screen and (max-width:639px){
    body{padding-bottom: 48px;}
   
    .kefu1{display: block;background-color: #333333;}
    
    .kefu1 li{float: left;width: calc(33% - 70px);padding: 20px 35px 10px; color: #fff; margin: 0;background-color: #333333;text-align: center;font-size:14px;font-size:1.4rem;}
    .kefu_skype{background:#333333 url(../img/kefu-skype.png) no-repeat center 5px;}
    .kefu_skype1{background:#333333 url(../img/weixin.png) no-repeat center 5px;}
    .kefu_app{ background:#333333 url(../img/kefu-app.png) no-repeat center 5px;}
    .kefu1 li a{color: #fff;}
}



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

    @media screen and (max-width:680px){
        body{padding-bottom: 48px;}
        .kefu{display: none!important;}
        .kefu1{display: block!important;background-color: #333333;  padding-bottom: 5px; }
        .kefu_skype{background:none!important;}
        .kefu_skype1{background:none!important;}
        .kefu_app{ background:none!important;}

        .kefu1 li{float: left; width: 33%; padding: 0px!important; margin: 0!important; color: #fff; margin: 0;background-color: #333333;text-align: center;font-size:14px;font-size:1.4rem;}
        .kefu1 li a{color: #fff; display: block; width: 100%; padding-top: 10px; }
        .kefu1 li img{display: block; display: block;  max-width: 100%; margin: 0 auto; }
    }




/*container*/
.container {width: 5px;height: 100%;position: absolute;right: 0px;top: 0px;transition: all 0.4s ease 0s;z-index: 99999999999;cursor: pointer;}
.container .menubtn {width: 35px;height: 30px;position: absolute;top:7px;right: 17px;transition: all 0.4s ease 0s;z-index: 999999}
.container .menubtn span {display: block;width: 100%;height: 5px;margin-bottom: 5px;background-color: #0055af;}
.container .nav {width: 250px;height: 100%;background: rgba(0, 0, 0, 0.8);position: absolute;bottom: 0;right: 0;display: none;}
.container .nav ul {display: none;margin-top: 10px;}
.container .nav ul li {line-height: 40px;font-size: 14px;font-size: 1.4rem;text-indent: 30px;}
.container .nav ul li a {color: #fff;}
@media screen and (min-width:980px) {.container,.nav {display: none}}



/* nav_head */
.nav_head{ width:100%;  display: none; background: #0055af;  }
.nav_head li { text-align: center; width: 25%; float: left; }
.nav_head li a{ display: block; border: 1px solid transparent; line-height: 30px;  font-size:14px;font-size:1.4rem;color:#fff; }
.nav_head li.danqiandao a{ color: #0055af;   background: #fff; border: 1px solid #0055af;  }
.nav_head li:hover a{ background: #fff;   color: #0055af; border: 1px solid #0055af; }


@media screen and (max-width:979px) { .nav_head{display: block; } }






/*lun bo*/
.index_focus {position: relative;width: 100%;height:1206px;margin: 0 auto ; overflow:hidden; z-index:9}
.index_focusn{width:1920px; position:absolute; left:50%; top:0px; margin-left:-960px; height:100%;z-index:99}
.index_focus .bd li {display: none;position: absolute;left: 0;top:0;width:1920px;z-index:999}
.index_focus .slide_nav {position: relative; bottom:364px; height: 16px; z-index:9998;width: 100%;max-width: 1200px;margin: 0 auto;text-align: right;}
.index_focus .slide_nav a{display: inline-block; width:17px; height:16px; cursor:pointer;float:none; margin-right:0px; margin-left:5px; background:url(../img/circle.png) no-repeat center center ;}



.index_focus_post {z-index: 10;}
.index_focus .pic {height: auto;display: block;	margin:0 auto;}
.index_focus .pic:hover {text-decoration: none;}
.index_focus .slide_nav li:hover,.index_focus .slide_nav .on{text-decoration: none; background:url(../img/yao_1.png) no-repeat center center;}


.index_focus_pre,.index_focus_next {display: block; position: absolute;top:50%;margin-top:-142px;width:97px;height:97px;text-indent: 100%;white-space: nowrap;overflow: hidden;z-index:9999}
.index_focus_pre {left: 5.4%; background:url(../img/baleft.png) no-repeat;}
.index_focus_next {right:7.4%;background:url(../img/baright.png) no-repeat;}

.index_focus_pre:hover { background:url(../img/balefton.png) no-repeat;}
.index_focus_next:hover {background:url(../img/barighton.png) no-repeat;}





.index_focus2 {position: relative;width: 100%;height:433px;margin: 0 auto; overflow:hidden; z-index:9}
.index_focusn2{width:1920px; position:absolute; left:50%; top:0px; margin-left:-960px; height:100%;z-index:99}
.index_focus2 .bd li {display: none;position: absolute;left: 0;top:0;width:1920px;z-index:999}
.index_focus2 .slide_nav {position: absolute; bottom:22px; left:50%; margin-left:-48px; z-index:9998 }
.index_focus2 .slide_nav a{ width:16px; height:16px; cursor:pointer;float:left; margin-right:4px; margin-left:4px; background:url(../img/yao_hui.png);}


.index_focus_post {z-index: 10;}
.index_focus2 .pic {height: auto;display: block;	margin:0 auto;}
.index_focus2 .pic:hover {text-decoration: none;}
.index_focus2 .slide_nav li:hover,.index_focus2 .slide_nav .on{text-decoration: none; background:url(../img/yao_1.png);}

.index_focus_pre2,.index_focus_next2 {display: block; position: absolute;top:50%;margin-top:-23px;width:50px;height:50px;text-indent: 100%;white-space: nowrap;overflow: hidden;z-index:9999}
.index_focus_pre2 {left: 5.4%; background:url(../img/baleft.png) no-repeat;}
.index_focus_next2 {right:5.4%;background:url(../img/baright.png) no-repeat;}

.index_focus_pre2:hover { background:url(../img/balefton.png) no-repeat;}
.index_focus_next2:hover {background:url(../img/barighton.png) no-repeat;}




@media screen and (min-width:1000px) and (max-width:1219px) {
.index_focus {height:964px;}
.index_focusn{height:964px;}
.index_focusn img {width: 80%;}
.index_focus2 {height:346px;}
.index_focusn2 {height:346px;}
.index_focusn2 img {width: 80%;}

.index_focus .slide_nav{max-width: 980px;}
}
@media screen and (min-width:1000px) {.carousel,.clear2{display: none}}
@media screen and (max-width:999px) {
.index_focus {display: none}
.index_focus2 {display: none}

.carousel{width: 100%;position: relative;overflow: hidden; z-index:99; }
.carousel ul{width: 100%;height: 100%;}
.carousel ul li{width: 100%;height: 100%;position: absolute;top: 0;left: 0;}
.carousel ul li img{width: 100%; vertical-align: middle;}
.carousel ol{position: absolute;z-index: 2; height:5px; bottom:27%;left: 50%;-webkit-transform:translate3d(-50%,0,0);}
.carousel ol li{float: left;width: 10px;height: 10px;margin-right: 10px;border-radius: 5px;background-color: #fff;transition:all 0.3s ease 0s;}
.carousel ol li.cur{width: 10px;background:#0055af;}
.carousel ol li:last-child{margin: 0;}
}



/* search */
.search{width:25px;z-index:99999; position:absolute;background:none;top:-5px; right:0px; }
.sb-icon-search {color: #333;width:25px;height:25px;display:block;}
.sb-search-submit {-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";filter: alpha(opacity=0);opacity: 0;color: transparent;border: none;outline: none;z-index: 99999; }
.search_1000{}
.sb-search {position:relative;width: 0%;min-width: 25px;height: 25px;float: right;display:inline;overflow: hidden;-webkit-transition: width 0s;-moz-transition: width 0s;transition: width 0s;-webkit-backface-visibility: hidden;z-index:99999; border-radius:5px; color:#333}
.sb-search-input {position: absolute;top: 0;left:0px;outline: none;width:211px;height: 25px;line-height:25px;padding-left:10px;border:none;margin: 0;z-index: 10;font-family:Arial, Helvetica, sans-serif;background:transparent;color:#333}
.sb-icon-search,.sb-search-submit{width: 25px;height: 25px;display: block;position: absolute;right: 0px;top:0px;padding: 0;margin: 0;cursor: pointer;background:url(../img/suosou.png) no-repeat center;}
.sb-search.sb-search-open,
.no-js .sb-search {width: 211px;height:25px;line-height:25px;position:relative;right:0px;top:0px;z-index: 9999999; background:#fff; color:#333; border:1px solid #333333;}
.no-js .sb-search .sb-icon-search {position:absolute;background:#fff url(../img/suosou.png) no-repeat center;z-index: 15;right:0px;top:0px; border:none !important}
.no-js .sb-search .sb-search-submit{z-index: 9990;}





/* .header */
.header{ width: 100%; position: absolute; top: -3px; background: url( ../img/header.png ) no-repeat center center; z-index: 99999;  }

.header_left{ margin-top: 12px; }
.header_left a{ display: block; }
.header_left img{ display: block;  }

.header_ul1{ margin-top: 38px; }
.header_ul1 li{ float: left; padding-left: 26px;  margin-left: 9px; line-height: 18px;  }
.header_ul1 li.li1{ background: url( ../img/maile1.png ) no-repeat left 0px;  }
.header_ul1 li.li2{ background: url( ../img/maile2.png ) no-repeat left 0px;  }
.header_ul1 li.li3{ background: url( ../img/maile3.png ) no-repeat left 0px;  }
.header_ul1 li.li4{ font-size:20px;font-size:2rem;color:#333; font-weight: bold; padding-left: 10px;}
.header_ul1 li.li5{ margin-left: 0px; padding-left: 9px;  position: relative; width: 21px; height: 20px;  }
.header_ul1 li.li6{ margin-left: 0px; padding-left: 9px;  position: relative; }
.header_ul1 li.li7{ margin-left: 0px; padding-left: 8px; position: relative; }

.header_ul1 li.li4 a{  font-size:20px;font-size:2rem;color:#333; font-weight: bold;  }
.header_ul1 li.li4 a.on{ color: #014b9a;  }
.header_ul1 li.li4 a:hover{ color: #014b9a;  }

.header_ul1 li:hover a{ color: #014b9a;  }

.header_ul2{    margin-top: 14px; }
.header_ul2>li{ float: left; line-height: 69px; margin-left: 31px; position: relative;  }
.header_ul2>li>a{ display: inline-block; font-size:18px;font-size:1.8rem;color:#fff; font-weight: bold; line-height: 69px; padding-left: 20px; padding-right: 19px;  }
.header_ul2>li:hover>a{background: #fcfefd; color: #0055af;  }
.header_ul2>li.danqiandao>a{background: #fcfefd; color: #0055af;  }
.header_ul2>li:hover .dan_header {  display: block; }
.header_ul2>li.danqiandao .dan_header {  display: block; }
.header_ul2 > li:hover .dan_header{ top:100%}


.dan_header{ display: none;  background:#0055af;padding-top: 5px; padding-bottom: 3px; position: absolute; top: -9999999px; left: -128px; width: 354px; }
.dan_header>li{cursor: pointer; position: relative; background:#0055af url(../img/parrow.png) no-repeat 11px center; margin-bottom: 0px; line-height:26px;}
.dan_header>li a{ line-height:26px; padding-left:35px; font-size:14px; font-size:1.4rem; color:#fff; transition:0s;}
.dan_header>li:hover { background:#fcfefd url(../img/parrowon.png) no-repeat 11px center; color:#4d4d4d;}
.dan_header>li:hover>a{ color:#0055af;}
.dan_header>li:hover .dan_sanji{ display: block;  }


.dan_sanji{ display: none;   position: absolute; left: 100%; top: 0px;  background:#0055af;  width: 200px; }
.dan_sanji>li{cursor: pointer; position: relative; background:#0055af; margin-bottom: 0px; line-height:26px;}
.dan_sanji>li a{ line-height:26px; padding-left:35px; font-size:14px; font-size:1.4rem; color:#fff; transition:0s;}
.dan_sanji>li:hover { background:#fcfefd; color:#4d4d4d;}
.dan_sanji>li:hover a{ color:#333;}


.dan990{ display: none;  }
@media screen and (max-width:1219px) {
    /* .header_ul1 li{ margin-left: 0px; padding-left: 23px; }
    .header_ul1 li.li4{ padding-left: 0px; }
    .header_ul1 li.li5{ padding-left: 0px; }
    .header_ul1 li.li6{ padding-left: 0px; }
    .header_ul1 li.li7{ padding-left: 0px; }
    .header_ul2 li{ margin-left: 0px; } */
    .header_left{ width: 77px; }
    .header_left img{ width: 100%; }
    .header{ background: url( ../img/header1.png ) no-repeat center center;  }
    .dan990{ display: block;  }
    .header_ul1{ margin-top: 10px; }
    .header_ul1 li.li4{ padding-left: 0px; }
    .header_ul2{ margin-top: 10px; }
    .header_ul2 li{ margin-left: 0px; }
}

@media screen and (max-width:999px) {
    .header{ position: relative; background: url( ../img/header1.png ) no-repeat center center;  }
}


@media screen and (max-width:979px) {
    .header{ position: relative;   background: none; }
    .header_ul2{ display: none; }
    .nav_head{ margin-top: 10px; }
    .header_right{padding-right: 47px;}
}

@media screen and (max-width:750px) {
    .header_left{  position: absolute; left: 10px; }
    .header_left img{ display: block; max-width: 137px; }
    .header_right{ padding-left: 100px;  }
    .header_ul1 li{ margin-right: 10px; margin-left: 0px; margin-top: 10px;}
    .header_ul1 li.li7{ padding-left: 0px; }
}

@media screen and (max-width:450px) {
    .header{ margin-bottom: 0px; }
    .header_left{  position: relative; left: 0px; width: 100px; }
    .header_left img{ display: block; max-width: 137px; }
    .header_right{ padding-left: 0px; padding-right: 0px; }
    .nav_head{ margin-top: 0px; }


}




/* main1 */
.main1{  background: url( ../img/main1tit.png ) no-repeat left center;     margin-top: 42px; }
.main1 .title{ display: block; font-family: 'HelveticaLTStdBlkCondObl'; font-size: 40px; font-size: 4rem;
     color: #fff; height: 83px; line-height: 83px; }

.main1 .title:hover{ color: #333; }


  /* main2 */   
.main2{  background: url( ../img/main2bj.jpg ) no-repeat left center; padding-top: 21px; padding-bottom: 77px; }
.main2 li { float: left; width: 338px; margin-left: 90px;  }
.main2 li .dan_wrap{ display: block; max-width: 338px; width: 100%; border: 1px solid #bdbdbd;  max-height: 338px;  margin: 0 auto; position: relative; overflow: hidden;  }
.main2 li .dan_wrap img{ display: block; max-width: 338px; width: 100%; }
.main2 li .dan_wrap a{ display: block;  }
.main2 li .dan_wrap .fu{ position: absolute; height: 49px; line-height: 49px; padding-top: 13px; bottom: 0px; left: 0px; background: url( ../img/m2_titbj.png ) no-repeat bottom center;   }
.main2 li .dan_wrap .fu a.title{ padding-left: 13px; font-size:16px; font-size:1.6rem;color:#333; font-weight: bold;  }
.main2 li .dan_wrap .fu a.slide{ padding-left: 13px; line-height: 24px; }
.main2 li:hover .dan_wrap .fu{ height: 86px;  padding-top: 14px; background: url( ../img/m2_titbjon.png ) no-repeat top center; }
.main2 li:hover .dan_wrap .fu a { color: #fff; }
.main2 li:hover .dan_wrap .fu a.title{ line-height: 28px; padding-top: 3px;}


.main2 .title_p{ line-height: 24px; padding-top: 30px;  }

.main2 .title_p1{ line-height: 24px;  padding-top: 23px; padding-bottom: 26px;  }

.main2 .more{ display: block; text-transform: uppercase; text-align: center;  width: 107px; height: 29px; line-height: 29px; background: #0055af; font-size: 12px; font-size: 1.2rem; color: #fff; }


/* .main3 */
.main3{ background: url( ../img/main3bj.jpg ) no-repeat top center; padding-bottom: 183px; }
.main3 .wp{  position: relative}

.main3 .hot{ position:relative}
.main3 .hotbiao{ font-family: 'HelveticaLTStdBlkCondObl'; font-size: 40px; font-size: 4rem; padding-top: 22px; padding-bottom: 93px; }
.main3 .hotbiao a{ font-family: 'HelveticaLTStdBlkCondObl'; text-transform: uppercase; font-size: 40px; font-size: 4rem; color: #fff; line-height: 36px;  }



.main3 .img-scroll {z-index:9; }
.main3 .hotnav{ position:absolute; width:72px;height:24px; top:31px; right:0px;}
.main3 .img-scroll .prev,.img-scroll .next{position:absolute;display:block;width:21px;height:24px; z-index:999}
.main3 .img-scroll .prev { right:0px;cursor:pointer; background:url(../img/hotleft.png)}
.main3 .img-scroll .next { left:0px;cursor:pointer; background:url(../img/hotright.png)}
.main3 .img-scroll .prev:hover { background:url(../img/hotlefth.png)}
.main3 .img-scroll .next:hover { background:url(../img/hotrighth.png)}
.main3 .img-list { position:relative;  overflow:hidden; z-index:99}
.main3 .img-list ul { width:9999px;}
.main3 .img-list li { float:left; display:inline; width:275px; margin-right:33px; position:relative;}
.main3 .hottu{ display:block; text-align:center; max-width:265px; border:5px solid #0055af;}
.main3 .hottu img{  display: block; width:100%; max-width:265px; max-height:266px;}




@media screen and (min-width:1000px) and (max-width:1219px){
.main2 li{ width: 31%; margin: 1%!important; }
.main3 .img-list li { margin-right:67px;}
.main3 .img-list li { background:none}
.main3 .hotbiao{ background:none}
}
@media screen and (max-width:999px){
.main3 .hotbiao{ background:none}
.main3 .img-list ul { width:1000%;}
.main3 .img-list li { width:3.21%; margin-right:0.2%;}
.main3 .hotbiao a{ font-size:30px;font-size:3rem; }


}
@media screen and (max-width:640px){
.main3 .img-list li { width:4.89%; margin-right:0.2%;}
.main1 .title{ font-size:30px;font-size:3rem;height: 50px; line-height: 50px; }
}
@media screen and (max-width:430px){
 .main3{ background: url( ../img/main3bj.jpg ) no-repeat top center; padding-bottom: 68px; }
   
.main3 .img-list li { width:10%; margin-right:0.5%; margin-left: 0.5%;}
.main3 .chanpin a{ width:97%;}
}




/* main4 */
.main4{ background: url( ../img/main4bj.jpg ) no-repeat center 9px; padding-bottom: 51px; }
.main42{ background: url( ../img/main42.jpg) no-repeat top center; }


.main4 .title { padding-bottom: 13px;}
.main4 .title a.title2{font-family: 'HelveticaLTStdBlkCondObl'; font-size: 40px; font-size: 4rem; text-transform: uppercase; }
.main4 .title a.more{ padding-top: 25px; font-family: "Arial"; text-transform: uppercase; font-size:16px;font-size:1.6rem;color:#333; font-weight: bold; line-height: 24px; }



.main4 ul {    padding-bottom: 95px;}
.main4 ul li{ float: left; margin-left: 60px; }
.main4 ul li .dan_wrap{ max-width:354px; max-height: 303px; border: 3px solid #0055af;  width: 100%; margin: 0 auto;  overflow: hidden; position: relative;  }
.main4 ul li .dan_wrap a{ display: block;  }
.main4 ul li .dan_wrap img{ display: block; max-width:354px; max-height: 303px; width: 100%; margin: 0 auto;  }
.main4 ul li .dan_wrap .fu{ position: absolute; top: 100%; left: 0px; width: 100%; height: 100%;  }
.main4 ul li .wenzi{max-width:354px; width: 100%; text-align: center;     padding-top: 9px; margin: 0 auto; }
.main4 ul li .wenzi a{ color: #fff; font-size:16px;font-size:1.6rem; line-height: 30px; }


.main4 ul li:hover .dan_wrap .fu{  top: 0px; }









/* main5 */
.main5 { background: url( ../img/main5bj.jpg ) no-repeat center top ;  padding-top: 22px; padding-bottom: 157px;}
.slideBox{ width:100%; height:260px; overflow:hidden; position:relative;   }
.slideBox .bd{ position:relative; height:100%; z-index:0;   }
.slideBox .bd li{ zoom:1; vertical-align:middle; }
.slideBox .bd img{ max-width:450px; max-height:250px;  display:block; border: 6px solid #fff;  }


.slideBox .bd li .dl{ position: relative;  }
.slideBox .bd li .dl dt{ position: absolute; top: 0px; left: 0px; }
.slideBox .bd li .dl dd{ padding-left:  522px; }
.slideBox .bd li .dl dd a{ color: #fff; display: inline-block; font-size:14px;font-size:1.4rem;color:#fff; line-height: 24px; }
.slideBox .bd li .dl dd a.title{ text-transform: uppercase; font-size:36px;font-size:3.6rem; line-height: 61px; color:#fff;font-family: 'HelveticaLTStdBlkCondObl'; }
.slideBox .bd li .dl dd a.m5_p0{ line-height: 30px; padding-top: 5px; font-size:20px;font-size:2rem;color:#fff; font-weight: bold;  }
.slideBox .bd li .dl dd .time{font-size:14px;font-size:1.4rem;color:#fff; line-height: 24px; }
.slideBox .bd li .dl dd a.more{ display: block; text-transform: uppercase; width: 117px; height: 31px; line-height: 31px; border: 1px solid #fff; text-align: center;  font-size: 12px; font-size: 1.2rem;  }
.slideBox .bd li .dl dd a.m5_p1{ padding-bottom: 34px; }
.slideBox .bd li .dl dd a:hover{ color: #333;  }

.slideBox .prev{ position:absolute; right:0; top:17px;  display:block; width:21px; height:24px;
    background:url(../img/hotleft.png) 0 0 no-repeat ;opacity:1;   }
.slideBox .next{ position:absolute; right:42px; top:17px; display:block; width:21px; height:24px;
     background:url(../img/hotright.png) 0 0 no-repeat; opacity:1;   }


.slideBox .prev:hover{opacity:1; background:url(../img/hotlefth.png)  }
.slideBox .next:hover{opacity:1; background:url(../img/hotrighth.png) }
.slideBox .prevStop{ display:none;  }
.slideBox .nextStop{ display:none;  }














/* footer */
.footer{ background: #0055af; padding-bottom: 7px; }
.footer .wp{ padding-top: 38px;  }
.footer .title{      margin-bottom: 13px; font-size:24px;font-size:2.4rem;  font-family: 'HelveticaLTStdBlkCondObl';  padding-bottom: 14px; color:#fff; background: url( ../img/foo_titlbj.png ) no-repeat bottom left; }
.footer li{ color:#fff; line-height: 36px; }
.footer p{ color:#fff; line-height: 36px; }
.footer li a{ color:#fff;  line-height: 36px;}
.footer p a{ color:#fff;  line-height: 36px;}
.footer .title a{ color:#fff;}

.footer a:hover{ color: #333; }

.foo_left{ float: left; width: 202px;  }
.foo_content{ float: left; width: 463px;  margin-left: 87px; margin-right: 101px; }
.foo_right{ float: left; width: 311px; }




/* foo_left_ul */
.foo_left_ul li a{ text-transform: uppercase; }

/* .foo_right */
.foo_right p img{ display: inline-block;  padding-left: 5px; }

.fon_con_ul{ }
.fon_con_ul li{ padding-left: 34px; }
.fon_con_ul li.li1{ background: url(../img/f_con1.png) no-repeat left 9px; }
.fon_con_ul li.li11{ background: url(../img/f_con11.png) no-repeat left 9px; }
.fon_con_ul li.li2{ background: url(../img/f_con2.png) no-repeat left 9px; }
.fon_con_ul li.li3{ background: url(../img/f_con3.png) no-repeat left 8px; }
.fon_con_ul li.li4{ background: url(../img/f_con4.png) no-repeat left 4px; }

.titl2{ margin-top: -6px; }


.shejiao{ margin-top: 25px;  margin-bottom: 26px; }
.shejiao a{ display: block; margin-left: 14px;float: left;  }
.shejiao a img{ display: block; }



.links{ background: url( ../img/link.png ) no-repeat center top; height: 61px; line-height: 61px;}
.links p{   font-family: 'HelveticaLTStdBlkCondObl'; font-size: 24px; font-size: 2.4rem; color: #0055af;  }
.links a{   font-family: 'HelveticaLTStdBlkCondObl'; font-size: 14px; font-size: 1.4rem;  padding-left: 10px;   color: #0055af;   }
.links a:hover{ color: #333;}


@media screen and (max-width:1219px) {
.slideBox .bd img{ width: 90%; }
.foo_content {  float: left;  width: 414px;  margin-left: 20px;  margin-right: 20px;}
.main4 ul li{ width: 31%; margin: 1%!important;  }
.slideBox{ height: auto; }
}



@media screen and (max-width:999px) {
.foo_content {  float: left;  width: 344px;  margin-left: 20px;  margin-right: 20px;}

.main2 li {  width: 31%;  margin: 1%!important;}
.main4{ background: none;  }
.main4 ul li .wenzi a{ color: #333; }
.main4 ul{ padding-bottom: 0px; }
}


.main2 .title_p a:hover{ color: #0055af; }
.main2 .title_p1 a:hover{ color: #0055af; }

.main2 .more:hover{ background: #ccc;color: #0055af;  }

.main4 .title a:hover{color: #0055af;}
@media screen and (max-width:979px) {
    .foo_left{ float: none; width: 100%;  }
    .foo_content{ float: none; width:  100%;  margin-left: 0; margin-right: 0; }
    .foo_right{ float: none; width:  100%; }

    .main5{ background: #0055af; margin-bottom: 20px; padding-bottom: 30px; }
    .slideBox .bd li .dl dt{ position: relative; margin-top: 70px;  }
    .slideBox .bd li .dl dd{ padding-left: 0px; }
    .main2 li .dan_wrap .fu{ height: 86px;  padding-top: 14px; background: url( ../img/m2_titbjon.png ) no-repeat top center; }
    .main2 li .dan_wrap .fu a { color: #fff; }
    .main2 li .dan_wrap .fu a.title{ line-height: 28px; padding-top: 3px;  color: #fff;}

}

@media screen and (max-width:640px) {
    .main4 ul li { width: 98%;  margin: 1%!important; }
    .links{ display: none; } 
    .footer{ padding-bottom: 60px; }
    .main4 .title a.title2{ font-size:28px;font-size:2.8rem; }
    .main4 .title a.more{ padding-top: 8px; }
    .main2 li{ width: 98%;  margin: 1%!important; }
}

@media screen and (max-width:320px) {
    .main4 ul li { width: 98%;  margin: 1%!important; }
   
}














/*banner*/
.banner{     padding-top: 21px; }
.banner p{ line-height: 30px; font-family: "Arial"; }
.banner a{ line-height: 30px; font-family: "Arial"; }
.banner a.on{ color: #0055af;}
.banner a:hover{ color: #0055af;}




/*about*/
.about{ padding-bottom:64px; }


.about .about_top{ max-width: 1220px;  margin: 0 auto; background: url(../img/xian.png) no-repeat center center; margin-top: 25px;  }
.about .about_top .li{ display: inline-block;  width: 212px; height: 46px; line-height: 46px; border: 1px solid #0055af; 
     text-align: center;  margin-left: 110px; border-radius: 50px; background: #fff; }

.about .about_top .li a{ display: block; text-align: center;  font-size: 16px; font-size: 1.6rem; color: #333; font-weight: bold;  }
.about .about_top .li:hover{ background: #0055af; }
.about .about_top .li:hover .wenzi{ color: #fff; }
.about .about_top .li.on .wenzi{ color: #fff; }
.about .about_top .li.on{ background: #0055af; }


.about .title{ text-align: center; font-family: 'HelveticaLTStdBlkCondObl'; color: #333; line-height: 30px;  padding-top: 39px; text-transform: uppercase;
    font-size: 20px; font-size: 2rem; padding-bottom: 11px; }
.about p{ font-size: 14px; font-size: 1.4rem; line-height: 24px; padding-bottom: 24px; }
.about p.p3{ font-size: 14px; text-align: center; font-size: 1.4rem; line-height: 24px; padding-bottom: 24px; }
.about_img{  max-width: 1042px; width: 100%;margin: 0 auto; position: relative; overflow: hidden; box-shadow: 3px 3px 5px rgba(0, 0, 0, 0.4) }
.about_img a{ display: block;}
.about_img img{ display: block; max-width: 1042px; max-height: 519px; width: 100%; }
.about_img a.fu{ position: absolute; top: 100%;left: 0px; }
.about_img:hover a.fu{ top: 0px; }






.lunboa{position: relative;}
img{ border:0;}
/*1*/
.ban{ width:1002px; height:700px; position:relative; 
/*overflow:hidden;*/
margin:11px auto 0 auto;}
.ban2{ width:797px; height:550px; position:relative; overflow:hidden;margin: 0 auto;right: 0px;}
.ban2 ul{ position:absolute; left:0; top:0;}
.ban2 ul li{ width:797px; height:526px;}
.prev{ float:left; cursor:pointer;}

/*2*/
.num{ height:117px;overflow:hidden; width:797px; position:relative; margin: 0 auto; }
.min_pic{ padding-top:0px; width:912px; margin: 0 auto; position: relative; }
.num ul{ position:absolute; left:0; top:0;}
.num ul li{ width:175px; height:115px; margin-right:29px; padding:0px; border: 1px solid transparent;  }
.num ul li a img{width: 175px; height: 115px;}
.num ul li.on{ border: 1px solid #1664b6;  }
.prev_btn1{ width:34px; text-align:center; height:34px;  cursor:pointer; position: absolute; left: 0px; top: 50%; margin-top: -17px;}
.next_btn1{  width:34px; text-align:center; height:34px; cursor:pointer;position: absolute; right: 0px; top: 50%; margin-top: -17px; } 
.prev1{ position:absolute; top:226px; left:0; width:41px; height:79px;z-index:9;cursor:pointer;}
.next1{ position:absolute; top:226px; right:0; width:41px; height:79px;z-index:9;cursor:pointer;}
.mhc{
        z-index: 99999;
        background:#000; width:100%;opacity:0.5;-moz-opacity:0.5;filter:alpha(Opacity=50); position:fixed; left:0; top:0; display:none;}

/*3*/
.pop_up{ width:797px; height:570px; padding:10px; background:#fff; position:fixed; -position:absolute; left:50%; top:50%; margin-left:-498px; margin-top:-273px; display:none; z-index:9999999;}
.pop_up_xx{ width:40px; height:40px; position:absolute; top:-40px; right:0; cursor:pointer;}
.pop_up2{ width:500px; height:500px; position:relative; overflow:hidden;}
.pop_up2{ width:797px; height:570px; position:relative; overflow:hidden; float:left;}
.pop_up2 ul{ position:absolute; left:0; top:0;}
.pop_up2 ul li{ width:797px; height:570px; float:left;}


.lunboa {}
.lunboa .ban .ban2 ul li{position: relative;}
.lunboa .ban .ban2 ul li .mzz{ position: absolute;bottom: 0;left: 0;width: 100%;}

.lunboa .ban .ban2 ul li .mzz a{width: 100%; text-transform: uppercase; display: block;text-align: center;height: 44px; font-size:16px;font-size:1.6rem;color: #fff;line-height: 44px;background:url(../img/mzz.png) repeat center center;}


.lunbob{display: none;}
.lunbob ul li{width: 48%;position: relative;float: left;margin: 20px 1%!important;}
.lunbob ul li a{display: block;}
.lunbob ul li a img{display: block;width: 100%;}
.lunbob ul li .mzz{ position: absolute;bottom: 0;left: 0;width: 100%;}
.lunbob ul li .mzz a{width: 100%; display: block;text-align: center;height: 44px; font-size:16px;font-size:1.6rem;color: #fff;line-height: 44px;background:url(../img/mzz.png) repeat center center;}




@media screen and (max-width:1219px) { 
    .ban{ width: 797px;}
    .min_pic{ width: 795px; }
    .prev_btn1{ z-index: 999; }
    .prev1{ position:absolute; top:263px; left:0px; width:41px; height:79px;z-index:9;cursor:pointer;}
    .next1{ position:absolute; top:263px; right:0px; width:41px; height:79px;z-index:9;cursor:pointer;}
    .about .about_top .li{ margin-left: 37px; }
}

@media screen and (max-width:999px) {
    .about .about_top{ background: none;  }
    .about .about_top .li{ width: 99%; float: none; margin: 0 auto!important ; margin-bottom: 10px!important ;   }
    .about_img a.fu{ top: 0px; }
}



@media screen and (max-width:979px) {
    .lunboa{display: none;}
    .lunbob{display: block;}
} 

@media screen and (max-width:500px) {
    .lunbob ul li{width: 98%;margin: 20px 1%!important;}
    .about{ padding-bottom:18px; }

}


@media screen and (max-width:1219px) { 
    .prev1{ position:absolute; top:263px; left:0px; width:41px; height:79px;z-index:9;cursor:pointer;}
    .next1{ position:absolute; top:263px; right:0px; width:41px; height:79px;z-index:9;cursor:pointer;}
}

@media screen and (max-width:979px) {
    .lunboa{display: none;}
    .lunbob{display: block;}
} 

@media screen and (max-width:500px) {
    .lunbob ul li{width: 98%;margin: 20px 1%!important;}
}





/* news */
.news .xqy {position: relative;}
.news .xqy .top1{margin-top: 25px;}

.news .xqy .top1 .title1{text-align: center;}
.news .xqy .top1 .title1 h1{font-size: 20px;font-size:2rem;color: #0261ae;font-weight: bold;}
.news .xqy .top1 .time{text-align: center;margin-top: 9px;margin-bottom: 18px;}
.news .xqy .top1 .time span{font-size: 14px;font-size:1.4rem;color: #666;font-weight: normal;display: inline-block;
line-height: 26px;padding-left: 28px;background: url(../img/shizhong.png ) no-repeat left center; }

.news .newsx p{line-height: 26px;font-size:14px;font-size:1.4rem;color: #333;margin-bottom: 26px;}
.news .newsx p span{line-height: 26px;font-size:14px;font-size:1.4rem;color: #333;}
.news .newsx p li{line-height: 26px;font-size:14px;font-size:1.4rem;color: #333;}
.news .newsx p b{line-height: 26px;font-size:14px;font-size:1.4rem;color: #333;}
.news .newsx p img{display: block;max-width: 100%;}

.news .newsx p a{line-height: 26px;font-size:14px;font-size:1.4rem;color: red;}

.newsx table{ width:90%; border-collapse:collapse; line-height:22px; border:1px solid #ccc; margin-left:auto; margin-right:auto}
.newsx table tr td{ padding:3px; border:1px solid #ccc; background:#fff}

.updown{padding-top: 46px; border-top: 2px solid #bfbfbf;margin-bottom:25px;}
.updown .up{margin-top: 0px;margin-bottom: 14px;}
.updown p{ line-height: 24px;font-size: 16px;font-size:1.6rem;color: #666666;}
.updown p span{ margin-right: 10px; display: inline-block; border: 1px solid #4f91c7; width: 84px; height: 28px; line-height: 28px; font-size:14px;font-size:1.4rem;color:#0055af; text-align: center; }
.updown p .on{color:#0055af; }
.updown p a{ font-size: 16px;font-size:1.6rem;color: #666666;}
.updown p a:hover{color: #0055af;}




.new_wrap .hot{ position:relative}
.new_wrap .hotbiao{ font-family: 'HelveticaLTStdBlkCondObl'; font-size: 40px; font-size: 4rem; padding-top: 24px; padding-bottom: 22px; }
.new_wrap .hotbiao a{ font-family: 'HelveticaLTStdBlkCondObl'; font-size: 40px; font-size: 4rem; color: #333; line-height: 36px;  }


.new_wrap{ position: relative; padding-bottom: 80px; }
.new_wrap .img-scroll {z-index:9; }
.new_wrap .hotnav{ position:absolute; width:60px;height:24px; top:31px; right:0px;}
.new_wrap .img-scroll .prev,.img-scroll .next{position:absolute;display:block;width:21px;height:24px; z-index:999}
.new_wrap .img-scroll .prev { right:0px;cursor:pointer; background:url(../img/hotleft.png) no-repeat center center}
.new_wrap .img-scroll .next { left:0px;cursor:pointer; background:url(../img/hotright.png) no-repeat center center }
.new_wrap .img-scroll .prev:hover { background:url(../img/hotrighthh.png)  no-repeat center center}
.new_wrap .img-scroll .next:hover { background:url(../img/hotlefthh.png) no-repeat center center}
.new_wrap .img-list { position:relative;  overflow:hidden; z-index:99}
.new_wrap .img-list ul { width:9999px;}
.new_wrap .img-list li { float:left; display:inline; width:269px;  margin-right:40px; position:relative;}
.new_wrap .img-list li .dan_wrap{ position: relative;  max-width:269px; width: 100%;  margin: 0 auto; }
.new_wrap .img-list li .dan_wrap .title{ position: absolute; bottom: 0px; left: 0px; height: 39px; line-height: 39px; width: 187px;
    display: block; background: url( ../img/nwe_pro.png ) no-repeat left center; }
.new_wrap .img-list li .dan_wrap .title a{ display: inline-block; padding-left: 14px; color: #fff;  }
.new_wrap .hottu{ display:block;   max-width:263px;  max-height:226px; text-align:center; border:3px solid #0055af;}
.new_wrap .hottu img{  display:block;  width:100%; max-width:263px; max-height:226px;}

.new_wrap .img-list li .more{ max-width:269px; width: 100%; margin: 0 auto; margin-top: 20px;  }
.new_wrap .img-list li .more a{ font-size:12px;font-size:1.2rem; display: block; width: 108px; height: 28px; line-height: 28px; text-align: center; 
    color: #0055af; border-radius: 5px; border: 1px solid #0055af; margin: 0 auto; }

.new_wrap .img-list li:hover .more a{ background: #0055af; color: #fff; }

@media screen and (min-width:1000px) and (max-width:1219px){
.new_wrap .img-list li { margin-right:67px;}
.new_wrap .img-list li { background:none}
.new_wrap .hotbiao{ background:none}
}
@media screen and (max-width:999px){
.new_wrap .hotbiao{ background:none}
.new_wrap .img-list ul { width:1000%;}
.new_wrap .img-list li { width:3.21%; margin-right:0.123%;}
}
@media screen and (max-width:640px){
.new_wrap .img-list li { width:4.89%; margin-right:0.2%;}
}
@media screen and (max-width:430px){
.new_wrap .img-list li { width:10%; margin-right:0.5%;}
.new_wrap .chanpin a{ width:97%;}
}


/* new1 */
.new1{}
.new1 .fwp{margin-top: 24px; padding-bottom: 31px; min-height: 177px;   position: relative;  }
.new1 .swp{ position: absolute; top:0; left: 0;  }
.new1 .swp a{ display: block; width: 100%; margin: 0 auto; }
.new1 .swp a img{ display: block; max-width: 317px; max-height: 177px; width: 100%; margin: 0 auto; }

.new1 .zi {  padding-left: 364px;  padding-right: 0px; }
.new1 .zi .title{ padding-bottom: 13px;  color: #333; margin-top: -5px;  display: block;  line-height: 30px; font-size: 16px; font-size: 1.6rem; font-weight: bold; }
.new1 .zi .p{ display: block;  padding-bottom: 26px; font-size: 14px; font-size: 1.4rem; color: #666; line-height: 22px; }
.new1 .zi .time{ padding-bottom: 20px; padding-top: 5px;  font-size: 14px; font-size: 1.4rem; line-height: 30px;color: #333;   }
.new1 .zi .time span{ color: #666666; display: inline-block; padding-left: 28px; background: url( ../img/timebj.png ) no-repeat left 5px; }
.new1 .zi .more{ display: block;  font-size: 14px; font-size: 1.4rem;  width: 118px; height: 39px; line-height: 39px; text-align: center; color: #0055af; position: relative;  top: -12px;  border: 1px solid #0055af;  }
.new1 .zi .title:hover{ color: #0055af;}
.new1 .zi .p:hover{ color: #0055af;}
.new1 .zi .more:hover{ background: #0055af; color: #fff; }




/*page*/
.page{position: relative;margin:0px auto 11px;}
.page {text-align: center;}
.page1{position: relative;margin:0px auto 11px;}
.page1 {text-align: center;}
.page a:hover{color: #fff;background-color: #0055af;}
.page a {display: inline-block;background-color:#0055af;color: #fff; margin-right:8px;width: 25px;height: 24px;line-height: 24px; border: 1px solid #0055af; text-align:center;
    font-size: 12px;font-size: 1.2rem;border-radius: 0px;}
.page a.on,.page a:hover{background-color: transparent;color: #0055af;}
.page a.first{width:60px;margin-right:10px;  border: 1px solid #0055af;}
.page a.last{width: 60px;margin-left: 4px; margin-right:0px; border: 1px solid #0055af;}
.page span{display: inline-block;width: 50px;text-align: center;font-size:16px;font-size:1.6rem;color: #4b4b4b;position: relative;top: 3px;}
.page img{display: inline-block;position: relative;top: 5px; margin-right: 1px;}
.ins{margin-left: 13px; width: 152px;display: inline-block;height: 25px; line-height: 23px;text-align: center; border: none; outline: none;background-color: #0055af;color: #fff;font-size: 14px;font-size: 1.4rem;cursor: pointer;border: 1px solid #0055af;}
.page a.no,.page a.no:hover{color:#fff !important; background: #0055af !important;}

.bobibj{ background: url( ../img/bogubj.jpg ) repeat-y top center;  }





@media screen and (max-width:700px){
    .new1{ }
    .new1 .fwp{ padding-bottom: 0px; min-height: auto; }
    .new1 .swp{ position: relative; top:0; left: 0; margin-bottom: 10px; }
    .new1 .zi {   padding-left: 0px; padding-right: 0px; }
    .page a{ margin-bottom: 10px; }
    .new_wrap .hotbiao a{  font-size: 30px; font-size: 3rem; }
    .new1 .zi .time{ padding-bottom: 0px; }
}


/* contact */
.contact{ }

.c-top { margin-top: 26px; margin-bottom: 43px;}
.c-top ul{}
.c-top ul li{float: left; }

.c-top ul .li1{width: 177px;}
.c-top ul .li2{width: 200px;margin-left: 38px;}
.c-top ul .li3{width: 102px;margin-left: 86px;}
.c-top ul .li4{width: 240px;margin-left: 104px;}

.c-top ul li .ct1 img{display: block;max-width: 80px;width: 100%;margin: 0 auto;}
.c-top ul li .ct2{margin-top: 14px;margin-bottom: 6px; color: #465454;}
.c-top ul li .ct2 p{ color: #0055af;  font-size:16px;font-size:1.6rem;text-align: center;line-height: 28px;}
.c-top ul li .ct3 p{color: #333; font-size:14px;font-size:1.4rem; text-align: center;line-height: 20px;}
.c-top ul li .ct3 p a{ color: #333; font-size:14px;font-size:1.4rem;text-align: center;line-height: 20px;}

.map{ display: block; max-width: 1195px; max-height: 509px;  width: 100%;  margin: 0px auto 101px; }




@media screen and (max-width:1219px){
    .c-top ul{background:none;}
    .c-top ul li.li1{margin-left: 0px;}
    .c-top ul li.li2{margin-left: 69px;}
    .c-top ul li.li3{margin-left: 100px;}
    .c-top ul li.li4{margin-left: 81px;} 
}

@media screen and (max-width:999px){
    .c-top ul li.li1{width:46%; margin: 2%!important; }
    .c-top ul li.li2{width:46%; margin: 2%!important; }
    .c-top ul li.li3{width:46%; margin: 2%!important; }
    .c-top ul li.li4{width:46%; margin: 2%!important; }
}

@media screen and (max-width:400px){
    .c-top ul li.li1{width:96%; margin: 2%!important; }
    .c-top ul li.li2{width:96%; margin: 2%!important; }
    .c-top ul li.li3{width:96%; margin: 2%!important; }
    .c-top ul li.li4{width:96%; margin: 2%!important; }
    .map{ margin-bottom: 20px; }
}



/* coxin */
.coxin{ padding-top: 6px; padding-bottom: 99px; }
.col{ width:587px; float:left;}
.cor{ width:588px; float:right;}
.coxin .int1{ padding-left:18px; margin-top:19px;}
.coxin .xing{ background:url(../img/xing.png) no-repeat left 22px;}
.coxin .int1 input{ width:521px; height:48px; padding-left:41px; line-height:48px;  border: 1px solid #bbbbbb; border-radius: 5px;  font-size:16px; font-size:1.6rem;}
.curen{ background:#fff url(../img/curen.jpg) no-repeat left center;}
.cuxinfeng{ background:#fff url(../img/cuxinfeng.jpg) no-repeat left center;}
.cudianhua{ background:#fff url(../img/cudianhua.jpg) no-repeat left center;}
.cufang{ background:#fff url(../img/cufang.jpg) no-repeat left center;}
.coxin textarea{width:528px; height:186px; padding-left:41px; line-height:48px; font-size:16px; font-size:1.6rem; 
    border-radius: 5px; border: 1px solid #bbbbbb; background:#fff url(../img/cubiji.jpg) no-repeat left top;}
.coxin .int2{ padding-left:14px; margin-top:16px;}
.coxin .int3{width:159px; height:48px; padding-left:12px; line-height:41px; font-size:16px; font-size:1.6rem; float:left; border-radius: 5px; border: 1px solid #bbbbbb; background:#fff}
.cuyanzheng{ width:161px; height:50px; float:left; margin-left:22px; cursor:pointer}
.coxin .int4{ width:199px; height:49px; background:#0055af;border-radius: 5px; font-size:16px; font-size:1.6rem; color:#fff;
     font-weight:bold; float:right; cursor:pointer;}
.coxin .int4:hover{ background:#0055af;}

.ditu{ width:100%; max-width:1200px; max-height:512px; margin-top:50px;}
.mat11{ margin-top:68px;}

@media screen and (min-width:1000px) and (max-width:1219px){
.cor{ width:464px; float:right;}
.coxin textarea{width:408px; }
.coxin .int3{width:130px;}
.coxin .int4{ width:129px; }

.col { width: 508px;}
.coxin .int1 input { width: 435px;}
.cuyanzheng{ margin-left: 9px; }

}
@media screen and (max-width:999px){
.coul{ width:30%; margin-left:1.5%; margin-right:1.5%; float:left; height:100px;}

.col{ width:100%; float:none;}
.cor{ width:100%; float:none;}
.coxin .int1 input{ width:90%;}
.coxin textarea{width:90%;}
.coxin .int3{width:30%;}
.coxin .int4{ width:30%; float:left; margin-left:8px;}
}
@media screen and (max-width:639px){
.coul{ width:47%; margin-left:1.5%; margin-right:1.5%; float:left;}
.coxin .int1 input{ width:85%;}
.coxin textarea{width:85%;}
.coxin .int3{width:85%; padding-left:41px; float:none;}
.cuyanzheng{ margin-left:auto; margin-top:11px;}
.coxin .int4{ width:38%; float:left; margin-left:8px; margin-top:11px;}
}
@media screen and (max-width:379px){
.coul{ width:97%; margin-left:1.5%; margin-right:1.5%; float:left; height:auto;}
}


.c-top ul li .ct3 p a:hover{ color: #0055af; }

/* shipment */
.shipment{ }

.shipment .title{ margin-top: 25px; margin-bottom: 32px; width: 100%; font-size:20px;font-size:2rem; color:#fff; background: url( ../img/titiler.jpg ) no-repeat left center; font-family: 'HelveticaLTStdBlkCondObl'; }
.shipment .title span{  padding-left: 30px;font-size:20px;font-size:2rem; color:#fff;  line-height: 52px; }

.shipment .title1{ margin-top: 45px; margin-bottom: 40px; width: 100%; font-size:20px;font-size:2rem; color:#fff; background: url( ../img/titiler.jpg ) no-repeat left center; font-family: 'HelveticaLTStdBlkCondObl'; }
.shipment .title1 span{  padding-left: 30px;font-size:20px;font-size:2rem; color:#fff;  line-height: 52px; }

.shipment .title2{ margin-top: 20px; margin-bottom: 40px; width: 100%; font-size:20px;font-size:2rem; color:#fff; background: url( ../img/titiler.jpg ) no-repeat left center; font-family: 'HelveticaLTStdBlkCondObl'; }
.shipment .title2 span{  padding-left: 30px;font-size:20px;font-size:2rem; color:#fff;  line-height: 52px; }


.shipment_ul{ max-width: 1055px; width: 100%;  margin: 0 auto;  }
.shipment_ul li{ float: left; margin-left: 239px;  }
.shipment_ul li .dan_wrap{max-width: 192px; width: 100%; margin: 0 auto;  }
.shipment_ul li .img1{ display: block; max-width: 192px; max-height: 261px; width: 100%;   }
.shipment_ul li .img2{ display: block; max-width: 192px; max-height: 34px; width: 100%;   }


.shipment2_ul{ width: 100%;  margin: 0 auto;  padding-bottom: 99px;}
.shipment2_ul .img-scroll { position:relative; width: 100%;     padding-top: 23px; }

.shipment2_ul .img-scroll .prev,.shipment2_ul .img-scroll .next{position:absolute;display:block;width:45px;height:45px; top: 50%; margin-top:-23.5px; z-index: 9999;}

.shipment2_ul .img-scroll .prev { left:0;cursor:pointer; background:url(../img/arrowleft.png) no-repeat center;}
.shipment2_ul .img-scroll .next { right:0;cursor:pointer; background:url(../img/arrowright.png) no-repeat center;}

.shipment2_ul .img-scroll .prev:hover { background:url(../img/arrowlefton.png) no-repeat center;}
.shipment2_ul .img-scroll .next:hover { background:url(../img/arrowrighton.png) no-repeat center;}


.shipment2_ul .img-list { position:relative; width:86.6%; overflow:hidden;margin: 0 auto;}
.shipment2_ul .img-list ul { width:9999px;}
.shipment2_ul .img-list li { float:left; display:inline; width:231px; max-height:175px; margin-right:38px;}

.shipment2_ul .img-list li .m3lie2{ max-width:231px;text-align: center; position: relative; }
.shipment2_ul .img-list li .m3lie2 a{ display: block; }
.shipment2_ul .img-list li .m3lie2 .m3tu img{ max-width:231px; max-height:175px; width: 100%; margin: 0 auto;}
.shipment2_ul .img-list li .m3lie2 .m4fu{ position: absolute; top:100%; left: 0; background: url( ../img/minsbh.png ) repeat center center;  width: 100%; height: 100%; }
.shipment2_ul .img-list li .m3lie2 .m4fu img{ position: absolute; top: 50%; left: 50%;  max-width:33px; max-height:33px;width: 100%; margin: 0 auto;margin-top: -16px;margin-left: -16px;  }
.shipment2_ul .img-list li .m4zi{ position: absolute; bottom: -100%; width: 100%; left: 0px;  font-size: 16px; font-size: 1.6rem; color: #fff; line-height: 38px; text-align: center; }
.shipment2_ul .img-list li .m3lie2:hover .m4fu{ top:0;}
.shipment2_ul .img-list li .m3lie2:hover .m4zi{ bottom: 8px;}





.ship_wrap{ }

.ship_wrap .ship_left{ }
.ship_wrap .ship_right{ padding-top: 175px;}



.ship_wrap .dl{ margin-bottom: 38px; }
.ship_wrap .dt{ width: 384px; box-shadow:0px 2px  3px rgba(0, 0, 0, 0.59)   }
.ship_wrap .dt img{ display: block; max-width: 384px;  width: 100%; }

.ship_wrap .dd{ }
.ship_wrap .dd .title3{ padding-left: 9px; padding-top: 66px; padding-bottom: 15px; font-size: 80px; font-size: 8rem; color: #0055af; font-weight: bold; font-style: italic;  }
.ship_wrap .dd .title3 span{ position: relative; left: -16px; font-size:30px;font-size:3rem;color:#0055af; }
.ship_wrap .dd p{ padding-left: 9px; width: 204px; font-size:18px;font-size:1.8rem;color:#fff; height: 53px; line-height: 53px; background: #0055af; color: #fff; }



@media screen and (max-width:1219px){
    .shipment_ul li { width: 31%; margin-left: 1%!important; max-block-size: 1%!important;   }
    .ship_wrap .ship_left{ width: 50%;  }
    .ship_wrap .ship_right{ width: 50%; padding-top: 104px;  }

    .ship_wrap .dt{ width: 50%;  }
    .ship_wrap .dd{width: 43%  }
    .ship_wrap .dd .title3{ padding-top: 0px; padding-bottom: 0px; font-size: 7rem; }
    .ship_wrap .dd .title3 span{ left:-15px;  }

    .shipment2_ul .img-list ul { width:1000%;}
    .shipment2_ul .img-list li { width: 2.2%; margin-right: .399%; }
    .shipment2_ul .img-list li .m3lie2 .m4fu{ height: 98%; }
}
    
@media screen and (max-width:999px){

.shipment2_ul .img-list li .m3lie2 .m4fu{ top:0;}
.shipment2_ul .img-list li .m3lie2 .m4zi{ bottom: 8px;}

}

@media screen and (max-width:900px){
    .ship_wrap .ship_left{ width: 100%;  }
    .ship_wrap .ship_right{ width: 100%; padding-top: 0px;  }
    .ship_wrap .dt{ max-width: 384px; }
    .ship_wrap .dl{ max-width: 492px; width: 100%; margin: 0 auto; margin-bottom: 20px; }
    .shipment2_ul .img-list li { width: 3%; margin-right: .399%; }
}

/* @media screen and (max-width:640px){
    .shipment2_ul .img-list{ width: 100%; }
    .shipment2_ul .img-list li { width: 5%; margin-right:1.17%; }
}
 */


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

    .ship_wrap .dt{ width: 100%; float: none;   }
    .ship_wrap .dd{width: 100%;  float: none;   }
    .shipment_ul li{ width: 98%; margin-bottom: 10px; }

}

@media screen and (max-width:640px){
.shipment2_ul .img-scroll{ width: 231px; margin: 0 auto; }
.shipment2_ul .img-list{ width: 231px; }
.shipment2_ul .img-list li { width: 231px; margin-right: .399%; }
.shipment2_ul .img-scroll .prev,.shipment2_ul .img-scroll .next{ margin-top: -13.5px; }
}
/* product */
.product{ }
.ziti{ font-family: 'HelveticaLTStdBlkCondObl'; }

/*goods*/
.product { padding-top: 27px; }
.product .xiangqing .goods{width: 904px;  padding-bottom: 89px;}
.product .xiangqing .goods .box1{width: 100%;}
.product .xiangqing .goods .box1 ul{width: 100%; padding-bottom: 26px;}
.product .xiangqing .goods .box1 ul li { float:left; margin-bottom: 33px; display:inline; width:268px; position:relative; margin-left: 48px;}
.product .xiangqing .goods .box1 ul li .dan_wrap{ position: relative;  max-width:268px; width: 100%;  margin: 0 auto; overflow: hidden; }
.product .xiangqing .goods .box1 ul li .dan_wrap .title{ position: absolute; bottom: 0px; left: 0px; height: 39px; line-height: 39px; width: 187px;
    display: block; background: url( ../img/nwe_pro.png ) no-repeat left center;  z-index: 9999; }
.product .xiangqing .goods .box1 ul li .dan_wrap .title a{ display: inline-block; padding-left: 14px; color: #fff;  }


.product .hottu{ display:block;   max-width:258px;  max-height:226px; text-align:center; border:5px solid #0055af;}
.product .hottu img{  display:block;  width:100%; max-width:263px; max-height:226px;}

.product .xiangqing .goods .box1 ul li .dan_wrap .fu{ position: absolute; top: 100%; left: 5px;  z-index: 99;}
.product .xiangqing .goods .box1 ul li .dan_wrap .fu img{ display: block; max-width:263px; max-height: 226px; width: 100%;   }


.product .xiangqing .goods .box1 ul li:hover .dan_wrap .fu{  top: 5px; left: 5px; }

.product .xiangqing .goods .box1 ul li .more{ max-width:269px; width: 100%; margin: 0 auto; margin-top: 26px; position: relative;  }
.product .xiangqing .goods .box1 ul li .more a{ font-size:14px;font-size:1.4rem; display: block; width: 108px; height: 28px; line-height: 28px; text-align: center; 
    color: #333; border-radius: 5px; border: 1px solid #333; margin: 0 auto; }
.product .xiangqing .goods .box1 ul li .more input{ position: absolute; left: 0; top: 9px; cursor: pointer; }
.product .xiangqing .goods .box1 ul li:hover .more a{ background: #0055af; color: #fff;  border-color: #0055af; }






/*list*/
.product .xiangqing .list {width: 244px; margin-bottom: 30px; }
.product .xiangqing .list .title1{width: 100%;margin-bottom:0px; color: #fff;font-size: 24px; font-size: 2.4rem;}
.product .xiangqing .list .title1 a{display: block; text-transform: uppercase; width: 100%;height: 54px;line-height: 54px; background-color: #4d4d4d;color: #fff;font-size: 24px; font-size: 2.4rem; text-align: center; font-family: 'HelveticaLTStdBlkCondObl'; }
.product .xiangqing .list .subNavBox{width: 100%; margin-top: 2px; }
.product .xiangqing .list .subNav{cursor: pointer; background:#0055af url(../img/parrow.png) no-repeat 11px center; margin-bottom: 0px;}
.product .xiangqing .list .subNav a{ line-height:40px; padding-left:35px; font-size:14px; font-size:1.4rem; color:#fff; transition:0s;}
.product .xiangqing .list .subNav:hover { background:#fcfefd url(../img/parrowon.png) no-repeat 11px center; color:#4d4d4d;}
.product .xiangqing .list .subNav:hover a{ color:#0055af;}
.product .xiangqing .list .currentDd {  background:#fcfefd url(../img/parrowon.png) no-repeat 11px center; }
.product .xiangqing .list .currentDd a{color:#0055af;}
.product .xiangqing .list .navContent{display: none; background:#0055af;position: relative;top:0px;padding-bottom: 0px;top:0px;}
.product .xiangqing .list .navContent>li>a{display:block; font-size:14px; font-size:1.4rem; line-height: 30px;  color:#fff; padding-left:32px;}
.product .xiangqing .list .navContent>li>a:hover{color: #333;}

/*goods1*/
.product .xiangqing .goods1{width: 903px;}
#showArea{margin-top: 5px;margin-bottom: 0px;}
#showArea img{cursor:pointer;display:block;width:95px;height:80px;  }
#showArea a{ display:block; border: 3px solid #999; margin-bottom: 16px;}
#showArea a:hover{ border: 3px solid #0055af;}
#main_img{cursor:pointer;display:block;}




#gotop{cursor:pointer;display:block; height: 17px; margin:auto; background: url( ../img/top.png ) no-repeat top center;  }
#gobottom{cursor:pointer;display:block; height: 17px; margin:auto; background: url( ../img/bottom.png ) no-repeat top center; }

#gotop:hover{cursor:pointer;display:block; margin:auto; background: url( ../img/toph.png ) no-repeat top center;  }
#gobottom:hover{cursor:pointer;display:block; margin:auto; background: url( ../img/bottomh.png ) no-repeat top center; }






#showArea{height:295px; overflow:hidden;}
.MagicZoomBigImageCont {background:#FFF;}
.MagicZoomBigImageCont img{width:500px;}
.MagicZoomPup {border:0px solid #aaa;background:#ffffff;}

.left-pro{width:512px;text-align:left;}
.left-pro .t1{width:101px;float:right;}
.left-pro .t2{width:379px;text-indent:0;float:left; border: 3px solid #0055af;}
.left-pro .t2 a{ display:block;margin-bottom: 0px;}
.left-pro .t2 img{text-indent:0;display: block;}


.product .xiangqing .goods1 .content{width: 352px;}
.goods1 .content .title h1{  margin-top: -4px; padding-bottom: 27px;  font-size:24px;font-size:2.4rem; font-weight: bold; line-height: 28px; color: #333;}
.goods1 .content p{font-size:14px;font-size:1.4rem;color: #333; line-height: 24px; }
.goods1 .content .btn{ max-width: 347px; width: 100%;}
.goods1 .content .btn a {display: block; font-size:20px;font-size:2rem;color: #0055af;width: 163px; border: 1px solid #0055af;
    height: 43px;line-height: 43px;text-align: center;background-color: #fff; border-radius: 5px;}
.goods1 .content .btn a:hover{background-color: #0055af; color: #fff;}

.goods1 .content .share1 { margin-top: 18px; margin-bottom: 37px; }
.goods1 .content .share1 p span{font-size:14px;font-size:1.4rem;color: #999;position: relative;top: -7px;margin-right: 6px;display: inline-block;}
.goods1 .content .share1 p img{display: inline-block;}

.protitle1{background: url(../img/proline1.png) no-repeat left center; border-bottom: 1px solid #505259;  width: 100%;margin-bottom: 20px;
    margin-top: 36px;}
.protitle1 a{ padding-left: 14px;  text-transform: uppercase;font-size:20px; line-height: 39px;  font-size:2rem;color: #fff; font-style: italic; font-weight: bold;}

.chanxiang{font-size:14px;font-size:1.4rem;color: #333;line-height: 26px;}
.chanxiang a{font-size:14px;font-size:1.4rem;color: #333;line-height: 26px;}
.chanxiang b{font-size:14px;font-size:1.4rem;color: #333;line-height: 26px;}
.chanxiang img{ display: block; max-width: 100%; margin: 0 auto;  }

.chanxiang table{ width:90%; border-collapse:collapse; line-height:22px; border:1px solid #ccc; margin-left:auto; margin-right:auto}
.chanxiang table tr td{ padding:3px; border:1px solid #ccc; background:#fff}
.none{background: #fff !important; border: 1px solid #0055af !important; color: #0055af !important;}




.protitle2{background: url(../img/proline1.png) no-repeat left center;  border-bottom: 1px solid #505259; width: 100%;margin-bottom: 30px;margin-top: 27px;}
.protitle2 a{  padding-left: 14px;  text-transform: uppercase;font-size:20px;font-size:2rem; line-height: 39px; color: #fff;font-weight: bold; font-style: italic;}



.img980{display: none;}
.img980 ul li{width: 23%;margin: 1%;float: left;}
.img980 ul li a{display: block;width: 100%;}
.img980 ul li a img{display: block;width: 100%;}




.dete_ul{ padding-top: 11px; }
.dete_ul li{ width: 199px; float: left; margin-left: 35px; margin-bottom: 16px; }
.dete_ul li .dan_wrap{ max-width: 199px; width: 100%; margin: 0 auto;  }
.dete_ul li .img{ border: 2px solid #0055af; max-width: 195px; }
.dete_ul li .img img{ display: block; max-width: 195px; max-height: 130px; width: 100%; }
.dete_ul li .weizin{max-width: 195px; width: 100%; line-height:  44px; text-align: center; }


.pto_dantitlre{ padding-bottom: 4px; font-size: 40px; font-size: 4rem; line-height: 50px;font-weight: bold; text-transform: uppercase; color: #0055af; text-align: center; }



.packa_ul{ width: 100%; padding-bottom: 36px; }
.packa_ul li{ float: left; width: 265px;  margin-left: 50px; margin-top: 38px;  padding-bottom: 5px; }
.packa_ul li .dan_wrap{ max-width: 258px; border-radius: 8px; border: 3px solid #0055af;   width: 100%; margin: 0 auto; position: relative;  }
.packa_ul li img{ display: block; border-radius: 5px; max-width: 258px; max-height: 258px; width: 100%;  }
.packa_ul li .wen33{ position: absolute; bottom: 19px;  max-width: 261px; width: 100%;  background: url( ../img/tirlej.png ) repeat-x left center; line-height: 38px; height: 38px; text-align: center; color: #fff;  }



.topnkas{ }
.topnkas .ul1{ margin-bottom: 26px;}
.topnkas .ul1 li{ width: 266px; float: left; margin-left: 52px;  }
.topnkas .ul1 .jdshf_wrap {  max-width: 266px; width: 100%; margin: 0 auto; }
.topnkas .ul1 .jdshf_wrap img { border: 3px solid #0055af;   display: block; max-width: 259px; max-height: 173px; width: 100%;  }
.topnkas .ul1 .wenzi4{ text-align: center; padding-top: 23px;  font-size:16px;font-size:1.6rem;color:#333; line-height: 30px; }


.topnkas .ul2{ width: 100%; }
.topnkas .ul2 li{ width: 425px; }
.topnkas .ul2 .jdshf_wrap {  max-width: 425px; width: 100%; margin: 0 auto; }
.topnkas .ul2 .jdshf_wrap img { border: 3px solid #0055af;   display: block; max-width: 419px; max-height: 231px; width: 100%;  }
.topnkas .ul2 .wenzi4{ padding-top: 5px; text-align: center; font-size:16px;font-size:1.6rem;color:#333; line-height: 30px; }





/*pro media zhuyemian*/
@media screen and  (max-width:1219px){
    .product .xiangqing .goods{width: 700px;}
    .product .xiangqing .goods .box1 ul li{width: 31%;margin: 0 1% 2% 1%!important;}

    .topnkas .ul1 li{ width: 31%; margin-left: 1%!important;  margin-right: 1%!important;  }

    .topnkas .ul2 li{  width: 48%; margin-left: 1%!important;  margin-right: 1%!important; }




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

    .product .xiangqing .goods{width:100%;}
    .product .xiangqing .goods .box1 ul li{width: 23%;margin: 0 1% 2% 1%!important;}
    .product .xiangqing .list{width: 100%;}
}   
@media screen and  (max-width:900px){
    .product .xiangqing .goods .box1 ul li{width: 31%;margin: 0 1% 2% 1%!important;}
}
@media screen and  (max-width:670px){
    .product .xiangqing .goods .box1 ul li{width: 48%;margin: 0 1% 2% 1%!important;}
}
@media screen and  (max-width:435px){
    .product .xiangqing .goods .box1 ul li{width: 100%;margin: 0 0% 2% 0%!important;}

    .topnkas .ul1 li{ width: 98%; margin-left: 1%!important;  margin-right: 1%!important;  }
    
    .topnkas .ul2 li{  width: 48%; margin-left: 1%!important;  margin-right: 1%!important; }
    

        

}


.shar{ width: 100%; }
.shar img{ display: block; max-width: 100%; }

.new_wrap1{ padding-bottom: 130px; }
.new_wrap1 .hottu{ border: 3px solid #0055af; }
.new_wrap1 .hottu{ max-width: 263px;}

.new_wrap1 .img-list li{ margin-right: 47px;}



/*pro media xiangqingyemian*/
@media screen and  (max-width:1219px){
    .product .xiangqing .goods1{width: 700px;}
    .MagicZoomPup,.MagicZoomBigImageCont {display: none!important;}
    .MagicZoom{cursor: auto!important;}
    .left-pro{float: none;margin: 0 auto;}
    .product .xiangqing .goods1 .content{width: 100%; margin-top: 30px; }
    .dete_ul li{ width: 23%;margin: 1%!important; }
    .packa_ul li{ width: 31%;margin: 1%!important; }
    .new_wrap1 .img-list li { width:2.2%; margin-right:0.2%;}

}




@media screen and  (max-width:999px){
    .img980{display: block;}
    .left-pro{display: none;}
    .product .xiangqing .goods1{width:100%;}
    .product .xiangqing .goods1{width: 100%;}

    .new_wrap1 .img-list li { width:3.234%; margin-right:0.2%;}
}

@media screen and  (max-width:640px){
    .product .xiangqing .goods1 .img980  ul li{width: 48%;margin: 0 1% 2% 1%!important;}

    .dete_ul li{ width: 48%;margin: 1%!important; }
    .packa_ul li{ width: 48%;margin: 1%!important; }
    .pto_dantitlre {  font-size: 40px;  font-size: 2rem; line-height: 31px; padding-bottom: 10px; }
    .new_wrap1 .img-list li { width:4.9%; margin-right:0.2%;}
    .new_wrap1{ padding-bottom: 30px; }
}

@media screen and  (max-width:435px){
.topnkas .ul2 li{ width: 98%; margin-bottom: 20px; }
.topnkas .ul1 .wenzi4{ padding-top: 5px; }
.topnkas .ul1 li{ margin-bottom: 10px; }
.topnkas .ul1{ margin-bottom: 0px; }
}


@media screen and  (max-width:412px){
.new_wrap1 .img-list li { width:10%; margin-right:0.2%;}

.topnkas .ul2 li{ width: 98%; }
}



@media screen and  (max-width:320px){
    .product .xiangqing .goods1 .img980 ul li{width: 100%;margin: 0 0% 2% 0%!important;}
    .goods1 .content .btn a{float: none;margin: 15px auto 0;}

    .dete_ul li{ width: 98%;margin: 1%!important; }
    .packa_ul li{ width: 98%;margin: 1%!important; }

    .new_wrap1 .img-list li { width:10%; margin-right:0.2%;}
}







.ship_wrap1 .ship_right{ padding-top: 123px; float: left }

.ship_wrap1 .dl{ margin-bottom: 28px; }
.ship_wrap1 .dt{ width: 267px; box-shadow:0px 2px  3px rgba(0, 0, 0, 0.59)   }
.ship_wrap1 .dt img{ display: block; max-width: 267px; max-height: 174px;  width: 100%; }

.ship_wrap1 .dd{ }
.ship_wrap1 .dd .title3{ padding-left: 6px; padding-top: 47px; padding-bottom: 9px; font-size: 56px; font-size: 5.6rem; color: #0055af; font-weight: bold; font-style: italic;  }
.ship_wrap1 .dd .title3 span{ position: relative; left: -13px; font-size:20px;font-size:2rem;color:#0055af; }
.ship_wrap1 .dd p{ padding-left: 7px; width: 140px; font-size:12px;font-size:1.2rem;color:#fff; height: 37px; line-height: 37px; background: #0055af; color: #fff; }



@media screen and (max-width:1219px){
    .ship_wrap1 .ship_left{ width: 50%;  }
    .ship_wrap1 .ship_right{ width: 50%; padding-top: 104px; float: right;  }
    .ship_wrap1 .dt{ width: 50%; max-width: 267px;  }
    .ship_wrap1 .dd{width: 43%  }
    .ship_wrap1 .dd .title3{ padding-top: 0px; padding-bottom: 0px; font-size: 5rem; }
    .ship_wrap1 .dd .title3 span{ left:-15px;  }
    .ship_wrap1 .dl{ max-width: 430px; width: 100%;  }

}
    


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

    .new_wrap1 .img-list li{ margin-right: 0.1%; }
    .ship_wrap1 .dt{ width: 70%; max-width: 267px;  }
    .ship_wrap1 .dd{width: 30%  }

    
    .ship_wrap1 .dt{ max-width: 267px; }
    .ship_wrap1 .dl{ max-width: 492px; width: 100%; margin: 0 auto; margin-bottom: 20px; }
}
@media screen and (max-width:900px){

    .ship_wrap1 .ship_left{ width: 100%;  }
    .ship_wrap1 .ship_right{ width: 100%; padding-top: 0px;  }


}





@media screen and (max-width:500px){
    .ship_wrap1 .dt{ width: 100%; float: none;   }
    .ship_wrap1 .dd{width: 100%;  float: none;   }
}









#baguetteBox-overlay{display:none;opacity:0;position:fixed;overflow:hidden;top:0;left:0;width:100%;height:100%;  background-color:#222;background-color:rgba(0,0,0,.8);-webkit-transition:opacity .5s ease;transition:opacity .5s ease;z-index:99999999999999999999999999999999999999;}
#baguetteBox-overlay.visible{opacity:1}
#baguetteBox-overlay .full-image{display:inline-block;position:relative;width:100%;height:100%;text-align:center;}
#baguetteBox-overlay .full-image figure{display:inline;margin:0;height:100%}
#baguetteBox-overlay .full-image img{display:inline-block;width:auto;height:auto;max-height:100%;max-width:100%;vertical-align:middle;-webkit-box-shadow:0 0 8px rgba(0,0,0,.6);-moz-box-shadow:0 0 8px rgba(0,0,0,.6);box-shadow:0 0 8px rgba(0,0,0,.6);}

#baguetteBox-overlay .full-image figcaption{display:block;position:absolute;bottom:0;width:100%;text-align:center;line-height:1.8;color:#ccc;background-color:#000;background-color:rgba(0,0,0,.6);font-family:Verdana, Geneva, sans-serif;}
#baguetteBox-overlay .full-image:before{content:"";display:inline-block;height:50%;width:1px;margin-right:-1px}
#baguetteBox-slider{position:absolute;left:0;top:0;height:100%;width:100%;white-space:nowrap;-webkit-transition:left .4s ease,-webkit-transform .4s ease;transition:left .4s ease,-moz-transform .4s ease;transition:left .4s ease,transform .4s ease}
#baguetteBox-slider.bounce-from-right{-webkit-animation:bounceFromRight .4s ease-out;animation:bounceFromRight .4s ease-out}
#baguetteBox-slider.bounce-from-left{-webkit-animation:bounceFromLeft .4s ease-out;animation:bounceFromLeft .4s ease-out}
.baguetteBox-button#next-button,.baguetteBox-button#previous-button{top:50%;top:calc(50% - 30px);width:44px;height:60px}
.baguetteBox-button{position:absolute;cursor:pointer;outline:0;padding:0;margin:0;border:0;-moz-border-radius:15%;
border-radius:15%;background-color:#323232;background-color:rgba(50,50,50,.5);color:#ddd;font:1.6em sans-serif;-webkit-transition:background-color .4s ease;transition:background-color .4s ease;}
.baguetteBox-button:hover{background-color:rgba(50,50,50,.9)}
.baguetteBox-button#next-button{right:2%}
.baguetteBox-button#previous-button{left:2%}
.baguetteBox-button#close-button{top:20px;right:2%;right:calc(2% + 6px);width:30px;height:30px}
.baguetteBox-button svg{position:absolute;left:0;top:0}
.spinner{width:40px;height:40px;display:inline-block;position:absolute;top:50%;left:50%;margin-top:-20px;margin-left:-20px}
.double-bounce1,.double-bounce2{width:100%;height:100%;-moz-border-radius:50%;border-radius:50%;background-color:#fff;opacity:.6;position:absolute;top:0;left:0;-webkit-animation:bounce 2s infinite ease-in-out;animation:bounce 2s infinite ease-in-out}
.double-bounce2{-webkit-animation-delay:-1s;animation-delay:-1s}

.at-resp-share-element .at-icon{width: 24px!important;height: 24px!important;}
.at-style-responsive .at-share-btn{padding: 0!important; border-radius: 2px!important;}
.at-resp-share-element .at-share-btn .at-icon-wrapper{width: 24px!important;height: 24px!important;}
.at-resp-share-element .at-share-btn{margin-bottom: 0!important;margin-right: 3px!important;}


.yanzheng{float:left; margin-left:22px;  cursor:pointer;}
@media screen and (max-width:640px){
.yanzheng{float:left; margin-left:0px;  cursor:pointer; margin-top:13px;}
}


.kefu{ position:fixed; z-index:9999!important; top:250px; right:0px; width:114px; }
#online_qq_tab{ margin:0px;  text-align:center;}
#online_qq_tab a{ display:block;  overflow:hidden;  margin:0 auto;  }
#online_qq_tab a#floatShow{ background:url(../img/kefu2.jpg); width:45px; height:140px; right:0px;  position:absolute; margin-top:10px; }
#online_qq_tab a#floatHide{ background:url(../img/kefu-top.jpg); width:105px; height:23px; margin-top:0px; margin-left:0px;  position:absolute;
      z-index: 999999; }
.firstRow{ background:#8596b0; }


.guoqipy{ padding-bottom: 5px; }

.language {
                float: right;
                background: url(../images/ioc_02.jpg) no-repeat left 6px;
                padding-left: 20px;
                position: relative;
                z-index: 999;
            }

               .language .langtit {
                    line-height: 20px;
                   
                    background: url(../images/ioc_01.jpg) no-repeat right center;
                    padding-right: 20px;
                    cursor: pointer;
					color:#fff;
                }

                .language p {
                    position: absolute;
                    right: 0;
                    width: 105px;
                    text-align: center;
                    top: 18px;
                    border: 1px solid #2379ac;
                    padding: 5px 0;
                    display: none;
					background: rgba(255,255,255,0.3)
                }

                  .language p a {
                        display: block;
                        line-height: 24px;
                    }

                       .language p a:hover {
                            color: #2379ac;
                        }
.language:hover  p{ display:block;}
.language p a img{
						opacity:0.8;
						filter:alpha(opacity=80);}
						
@media screen and (max-width:640px){ .bobibj{ background:none;}
						}