/*
 *前端代码制作：聆风
 *联系qq：635772733
 */
 body{ margin:0 auto; font-size:12px;font-family:calibri,Microsoft Yahei,"微软雅黑","宋体";color:#000;overflow-x: hidden;}
 body, button, input, select, textarea {font-family:calibri,Microsoft Yahei,"微软雅黑","宋体";outline:0px;font-size:14px;}
 textarea {overflow-y:hidden;}
 ul{ margin:0px; padding:0px;zoom:1;/*用于IE6*/ }
 div {zoom:1;/*用于IE6,要是IE6错位,修复这个.*/}
 li{ margin:0px; padding:0px;list-style:none;vertical-align:middle;}
 dl,dt,dd {margin:0;padding:0;}
 img{margin:0px auto;border:0;}
 a {text-decoration:none;color:#000;}
 a:hover,a:focus {color:#4b6f81;text-decoration:none;outline:none;}
 a img{border:none;border:0;}
 p,h1,h2,h3,h4,h5 {margin:0;padding:0;}
 .clear {clear:both;width:100%;height:0;font-size:0px;overflow:hidden;}
 i,em,cite {font-style:normal;}
 input,select {padding:0;margin:0;}
 .wrap {max-width:1000px;margin:0 auto;height:auto;}
 .fl {float:left;}
 .fr {float:right;}
 .f12 {font-size:12px;}
 .f13 {font-size:13px;}
 .f14 {font-size:16px;}
 .f16 {font-size:16px;}
 .f18 {font-size:18px;}
 .f20 {font-size:20px;}
 .f22 {font-size:22px;}
 .f24 {font-size:24px;}
 .lh18 {line-height: 18px;}
 .lh20 {line-height: 20px;}
 .lh22 {line-height: 22px;}
 .lh24 {line-height: 24px;}
 .lh26 {line-height: 26px;}
 .lh28 {line-height: 28px;}
 .lh30 {line-height: 30px;}
 .tl {text-align:left;}
 .tc {text-align:center;}
 .tr {text-align:right;}
 .fb {font-weight:bold;}
 .fn {font-weight:normal;}
 .mt5 {margin-top:5px;}
 .mt10 {margin-top:10px;}
 .mt15 {margin-top:15px;}
 .mt20 {margin-top:20px;}
 .mb5 {margin-bottom:5px;}
 .mb10 {margin-bottom:10px;}
 .mr5 {margin-right:5px;}
 .mr10 {margin-right:10px;}
 .mr20 {margin-right:20px;}
 .ml5 {margin-left:5px;}
 .ml10 {margin-left:10px;}
 .ml15 {margin-left:15px;}
 .ml20 {margin-left:20px;}
 .m10 {margin:10px;_display:inline;}
 .m20 {margin:20px;}
 .mb20 {margin-bottom:20px;}
 .mb40 {margin-bottom:40px;}
 .pl10 {padding-left: 10px;}
 .pl20 {padding-left: 20px;}
 .pr10 {padding-right: 10px;}
 .pr20 {padding-right: 20px;}
 .pt15 {padding-top: 15px;}
 .pt10 {padding-top: 10px;}
 .pt20 {padding-top: 20px;}
 .pb10 {padding-bottom: 20px;}
 .pb20 {padding-bottom: 20px;}
 .pr5 {padding-right: 5px;}
 .pl5 {padding-left: 5px;}
 .pt5 {padding-top: 5px;}
 .pb5 {padding-bottom: 5px;}
 .p10 {padding: 10px;}
 .p15 {padding:15px;}
 .p20 {padding:20px;}
 .p5 {padding: 5px;}
 .p1 {padding: 1px;}
 .b {display:block;}
 .in-b {display:inline-block;zoom:1;*display:inline;}
 .por {position:relative;}
 .poa {position:absolute;}
 .ti {text-indent:-999999px;}
 #no {border:none;border:0;}
 .ttu {text-transform:Uppercase;}
 
 /*颜色*/
 .red {color:red;}
 .black {color:black;}
 .blue {color:#4e7185;}
 .gray {color:#999;}
 .white {color:white;}
 
 .yuyan a{
    display: inline-block!important;
 }
 .yuyan a.active{
    color: #4b6f81
 }
 /*宽度*/
 .w100 {width:100%;}
 .w50 {width:50%;}
 
 /* 文章间距 */
 .content {padding-bottom:30px;font-size:16px;line-height:28px;color:#000;text-align:justify;}
 .content p {margin-bottom:10px;}
 p {text-align: justify;}
 #main a:hover img {filter:Alpha(opacity=70);-moz-opacity:0.7;opacity:0.7;}
 
 .content1 {line-height:28px;margin-bottom:20px;font-size:16px;}
 
 .aheight .content1,.aheight1 .content1 {margin-bottom:0px;}
 

 /*边框*/
 .border {height:1px;width:100%;overflow:hidden;background-color:#231f20;}
 .border1 {height:5px;width:100%;overflow:hidden;background-color:#231f20;}
 .border-no-top {border:1px solid #b5b5b5;border-top:0;background-color:#fff;}
 .border-b {border-bottom:1px solid #DFDFDF;}
 
 /* 背景 */
 .bgf {background-color:#fff;}
 
 
 /* 标题1 */
 .title-h1 {line-height:40px;font-size:45px;text-transform:Uppercase;margin:30px 0;}
 .title-h2 {line-height:40px;font-size:30px;text-transform:Uppercase;margin:30px 0;}
 .title-h3 {line-height:60px;font-size:30px;text-transform:Uppercase;margin:30px 0 10px;border-bottom:1px solid #231f20;}
 
 /* 按钮 */
 .more {margin-bottom:10px;color:#4b6f81;height:25px;line-height:22px;font-size:16px;}
 .more i {border:1px solid #4b6f81;margin-left:5px;_display:inline;font-size:20px;text-align:center;width:23px;height:23px;line-height:20px;border-radius:50%;}
 .more {}
 
 
 
 /* 头部 */
 #header_top{position:fixed;top:-45px;left:0;z-index:1000;width:100%;height:45px;background:#fff;box-shadow:0 3px 3px rgba(0,0,0,.5);-webkit-transition-duration:.3s;transition-duration:.3s;-webkit-transition-property:top;transition-property:top}
 #header_top a.logo_trafigura{position:absolute;top:50%;right:auto;bottom:auto;left:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);-ms-transform:translate(-50%,-50%)}
 #header_top a.logo_trafigura img{-webkit-transform:scale(.5);transform:scale(.5);-ms-transform:scale(.5)}
 #header_top a.burger{float:left;width:45px;height:45px;line-height:45px;text-align:center;background-color:#000;background-size:22.5px;font-size:20px;color:#fff;}
 #header_top a.header_search{float:right;width:45px;height:45px;line-height:45px;text-align:center;background-color:#000;background-size:22.5px;font-size:20px;color:#fff;}
 nav#lateral-nav{position:fixed;top:0;left:0;z-index:900;width:260px;height:100%;background-color:#fff;box-shadow:0 3px 10px rgba(0,0,0,.5);-webkit-transition-duration:.3s;transition-duration:.3s;-webkit-transition-property:left;transition-property:left}
 nav#lateral-nav.open{left:0}
 nav#lateral-nav a{display:block;padding:9px 30px 9px 20px;color:#000!important;-webkit-transition-duration:.5s;transition-duration:.5s;-webkit-transition-property:color;transition-property:color;font-size:18px;}
 nav#lateral-nav a:hover{color:#4b6f81!important}
 nav#lateral-nav a.active{color:#4b6f81!important;font-weight:500;font-style:normal;font-size-adjust:.47;font-family:"Bliss Medium",Calibri,'Helvetica Neue',Arial,sans-serif}
 nav#lateral-nav a.brand{position:relative;padding:0!important;width:100%;height:270px}
 nav#lateral-nav a.brand img{position:absolute;top:50%;right:auto;bottom:auto;left:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);-ms-transform:translate(-50%,-50%)}
 nav#lateral-nav ul{margin-top:1px;padding:0;list-style:none}
 nav#lateral-nav li.dotted-line{border-top:1px dotted}
 nav#lateral-nav ul>li>a{text-decoration:none;text-transform:uppercase}
 nav#lateral-nav ul.cd-navigation.top{margin-top:0;font-size:14px}
 nav#lateral-nav .cd-navigation{margin:10px 0 0}
 nav#lateral-nav .sub-menu{display:none;padding:0 10px 8px 30px}
 nav#lateral-nav .sub-menu a{padding:3px 0;font-size:14px;}
 #lateral-nav .input-field{position:relative;overflow:hidden;width:220px;height:24px;border:1px solid #a7a4a4;border-radius:2px}
 #lateral-nav .input-field input {padding-left:10px;width:210px;height:24px;border:0;background:0 0;font-size:11px;-webkit-appearance:none}
 #lateral-nav .input-field .search{position:absolute;top:-1px;right:7px;width: 30px;height: 24px;line-height: 24px;text-align: center;font-size:16px;}
 #lateral-nav .input-field .search i {color:#666;padding-top: 3px;}
 li#download_brochure{padding-top:12px;padding-right:0;padding-left:20px;height:50px;line-height:50px}
 li#download_brochure>*{display:inline-block;vertical-align:middle;line-height:normal;zoom:1}
 li#download_brochure a{display:inline;margin-right:10px;padding:3px 0 0 0;line-height:0!important}
 #lateral-nav.lateral-menu-is-open{visibility:visible;-webkit-transition:-webkit-transform .4s 0s,visibility 0s 0s;transition:transform .4s 0s,visibility 0s 0s;-webkit-transform:translate(0,0);transform:translate(0,0);-ms-transform:translate(0,0);-webkit-overflow-scrolling:touch}
 #lateral-nav .item-has-children>a{position:relative;text-transform:uppercase}
 #lateral-nav .item-has-children{position:relative;cursor:pointer}
 #lateral-nav .item-has-children .arrow{position:absolute;top:0;right:5px;padding:0!important;width:50px;height:45px;background:url(../images/select_arrow.png) no-repeat center center transparent;background-size:auto}
 #lateral-nav .item-has-children>a::after{position:absolute;top:50%;right:1em;bottom:auto;display:block;width:8px;height:11px;content:'';-webkit-transition-duration:.2s;transition-duration:.2s;-webkit-transition-property:-webkit-transform;transition-property:transform;-webkit-transform:translate(0,-50%);transform:translate(0,-50%);-ms-transform:translate(0,-50%)}
 #lateral-nav .item-has-children>a.submenu-open::after{-webkit-transform:translate(0,-50%);-webkit-transform:rotate(90deg);transform:translate(0,-50%);transform:rotate(90deg);-ms-transform:translate(0,-50%);-ms-transform:rotate(90deg)}
 #lateral-nav .item-has-children .arrow.hover{-webkit-transform:translate(0,-50%);-webkit-transform:rotate(180deg);transform:translate(0,-50%);transform:rotate(180deg);-ms-transform:translate(0,-50%);-ms-transform:rotate(180deg)}
 
 #nav-footer{position:absolute;bottom:0;padding:0 20px 23px 20px;width:100%;background-color:#fff;font-size:11px}
 #nav-footer>div{display:block;margin-top:10px;padding:0!important}
 #nav-footer .input-field a{display:inline-block!important;margin-right:0;padding:0!important;color:#000!important;line-height:1em!important;-webkit-transition-duration:.5s;transition-duration:.5s;-webkit-transition-property:color;transition-property:color}
 #nav-footer .input-field a:hover{color:#4b6f81!important}
 #nav-footer .separation{margin:0 5px 0 5px}
 #nav-footer .menu{margin-bottom:6px}
 #nav-footer .menu a{display:inline-block;zoom:1;*display:inline;color:#000;text-transform:uppercase;padding:0;font-size:12px;}
 #nav-footer .menu a em {padding:0 5px;}
 #nav-footer .menu a:hover{color:#4b6f81}
 #nav-footer .cd-tribute-nav{margin-left:-40px}
 #search_panel{position:fixed;top:0;right:-100%;z-index:900;padding:0 20px;width:100%;height:100%;background-color:#fff;box-shadow:0 3px 10px rgba(0,0,0,.5);font-size-adjust:.47;font-family:"Bliss Light",Calibri,'Helvetica Neue',Arial,sans-serif;-webkit-transition-duration:.3s;transition-duration:.3s;-webkit-transition-property:right;transition-property:right}
 #search_panel.open{right:0}
 #search_panel p{margin-top:65px;text-transform:uppercase;font-size:17px}
 #search_panel .search{position:relative;margin-top:10px;height:45px;border:1px solid #7c7c7c;border-radius:2px}
 #search_panel .search input{padding-left:20px;width:100%;height:100%;border:0;color:rgba(0,0,0,.3);font-size:17px}
 #search_panel .search a.btn{position:relative;position:absolute;top:-1px;right:-1px;display:inline-block;padding:10px 25px 10px 15px;height:45px;border-top-right-radius:2px;border-bottom-right-radius:2px;border-bottom-left-radius:2px;border-top-left-radius:2px;background-color:#4b6f81;color:#fff!important;color:#fff!important;text-align:left!important;font-size:17px;-webkit-transition-duration:.5s;-webkit-transition-duration:.3s;transition-duration:.5s;transition-duration:.3s;-webkit-transition-property:color;-webkit-transition-property:background-color;transition-property:color;transition-property:background-color}
 #search_panel .search a.btn:hover{color:#fff!important}
 #search_panel .search a.btn.selected,#search_panel .search a.btn:active,#search_panel .search a.btn:hover{background-color:#4b6f81;color:#fff}
 
 /* main */
 div#main{position:absolute;height:100%;width:100%;top:0;left:260px;background:#fff;}
 
 .fullwidthbanner .t1 {width:100%;}
 .fullwidthbanner .t1 h1 {line-height:40px;margin-bottom:20px;text-align:center;width:100%;font-size:30px;font-weight:bold;}
 .fullwidthbanner .t1 h2 {line-height:25px;text-align:center;width:100%;font-size:16px;font-weight:normal;}
 .fullwidthbanner .t1 p {text-align:center;width:100%;font-size:18px;line-height:25px;font-weight:normal;}
 .tp-leftarrow.default,.tp-rightarrow.default {display:none;}
 
  .index_hy .col-md-6 p{
     height: 255px;
 }
 /*幻灯*/
 .tv-slideBox1,.tv-slideBox1 .bd li {height:100%;width:100%;}
 .tv-slideBox1{   overflow:hidden; position:relative;z-index:100;} 
 .tv-slideBox1 .bd,.tv-slideBox1 .bd ul {width:100%;height:100%;float:left;}
 .tv-slideBox1 .bd li {position:relative;color:#fff;background-position:center center;background-size:100% 100%;background-repeat:no-repeat;}
 .tv-slideBox1 .bd li h1 {position:absolute;bottom:50%;line-height:40px;text-align:center;width:100%;font-size:30px;font-weight:bold;}
 .tv-slideBox1 .bd li h2 {position:absolute;bottom:40%;line-height:25px;text-align:center;width:100%;font-size:16px;font-weight:normal;}
 .tv-slideBox1 .bd li p {position:absolute;bottom:35%;text-align:center;width:100%;font-size:18px;line-height:25px;font-weight:normal;}
 .tv-slideBox1 .hd {bottom:15%;left:0;width:100%;position:absolute;text-align:center;}
 .tv-slideBox1 .hd ul {width:100%;margin:0 auto;text-align:center;}
 .tv-slideBox1 .hd li {color:#fff;width:8px;height:8px;border-radius:50%;background:#8b8b8b;margin:0 5px;text-indent:-99999px;display:inline-block;float:none;}
 .tv-slideBox1 .hd li.on {background:transparent;width:16px;height:16px;border:4px solid #fff;}
 
 .swiper-container {width: 100%;height: 100%;}
 .swiper-slide {color:#fff;text-align:center;}
 .swiper-slide img {max-width:100%;}
 .swiper-slide .title {position:absolute;left:0;top:0;width:100%;padding-top:222px;}
 .swiper-slide .p {word-wrap:break-word;margin-bottom:20px;font-size:17px;}
 .swiper-slide .title h2 {font-size:30px;line-height:30px;font-weight: 200;text-transform: uppercase;}
 .swiper-slide .title span{height:10px; border-bottom:5px solid #fff; width:8%;display:block;margin:0 auto;}
 .swiper-slide .title .sp{height:10px; width:10%; border-bottom:5px solid #000 !important;display:block;margin:0 auto;}
 .swiper-slide .title em {display:inline-block;zoom:1;*display:inline;width:120px;height:6px;background-color:#fff;margin:20px 0;}
 .swiper-slide .title .more {font-size:17px;color:#fff;background:url("../images/dd.png") no-repeat center bottom;padding-bottom:35px;}
 .swiper-container-horizontal > .swiper-pagination-bullets, .swiper-pagination-custom, .swiper-pagination-fraction {bottom:100px;}
 .swiper-pagination-white .swiper-pagination-bullet {width:8px;height:8px;border-radius:50%;background:#fff;margin:0 5px;  opacity: .5;}
 
     
 .swiper-pagination-white .swiper-pagination-bullet-active {position:relative;top:3px;background:transparent;width:16px;height:16px;border:4px solid #fff; opacity: 1;!important}
 
 #scroll-pan {
     bottom: -5px;
     position: fixed;
     height: 83px;
     width:100%;
     left: 260px;
     color: #ffffff;
     z-index: 899;
 }
 #scroll-pan .rec {
     position: absolute;
     top: 33px;
     height: 45px;
     width: 100%;
     background: #000000;
 }
 #scroll-pan div.circle {
     background-image: url(../images/scroll_down_background.png);
     position: absolute;
     width: 99px;
     left: 50%;
     right: auto;
     -webkit-transform: translate(-50%, 0);
     -ms-transform: translate(-50%, 0);
     transform: translate(-50%, 0);
     text-align: center;
     top: 0;
 }
 #scroll-pan div.circle p {
     margin-top: 49px;
     margin-bottom: 0;
     font-size: 15px;
     font-family: "Bliss Regular", Calibri, 'Helvetica Neue', Arial, sans-serif;
     font-size-adjust: 0.47;
     font-weight: normal;
     font-style: normal;
     text-align: center;
 }
 
 
 /*幻灯*/
 .tv-slideBox{   overflow:hidden; position:relative;z-index:100;} 
 .tv-slideBox li {width:100%;}
 .tv-slideBox li img {width:100%;}
 .tv-slideBox .hd {bottom:10px;left:0;width:100%;position:absolute;text-align:center;}
 .tv-slideBox .hd ul {width:100%;margin:0 auto;text-align:center;}
 .tv-slideBox .hd li {color:#fff;width:5px;height:5px;border-radius:5px;background-color:#8b8b8b;margin:0 5px;text-indent:-99999px;display:inline-block;float:none;}
 .tv-slideBox .hd li.on {background-color:#4b6f81;}
 
 .index1 {margin-top:50px;}
 .index1 .bd {padding:0 30px;height:232px;margin:0 20px;border-left:1px solid #000;border-right:1px solid #000;}
 .index1 .bd li {width:100%;}
 .index1 .bd li h2 {font-size:20px;margin:10px 0;}
 .index1 .bd li p {font-size:18px;line-height:28px;}
 .index1 .prev,.index1 .next {font-size:18px;color:#fff;text-align:center;width:30px;height:45px;line-height:45px;top:50%;margin-top:-22px;background-color:#4b6f81;}
 .index1 .prev {left:5px;}
 .index1 .next {right:5px;}
 .index1 .prev:hover,.index1 .next:hover {background-color:#333;}
 
 
 /* banner */
 .banner {position:relative;float:left;margin-bottom:30px;width:100%;}
 .banner img {height:300px;}
 .banner .p-bg {position:absolute;left:0;width:100%;bottom:0;z-index:222;height:30px;line-height:30px;background-color:#fff;filter:Alpha(opacity=70);-moz-opacity:0.7;opacity:0.7;}
 .banner .position {width:100%;position:absolute;left:0;bottom:0;z-index:223;height:30px;line-height:30px;text-transform: capitalize;}
 
 .list1 {}
 .list1 li {float:left;width:20%;text-align:center;background-color:#e7e7e8;font-size:14px;position:relative;}
 .list1 li > div {border-right:5px solid #fff;padding:50px 0;}
 .list1 li span {display:block;height:40px;line-height:20px;margin-bottom:5px;}
 .list1 li img {margin-top:10px;}
 .list1 li:last-child > div {border-right:0;}
 .list1 li em.tp-r {display:block;width:20px;text-align:center;height:60px;line-height:65px;position:absolute;right:-10px;top:50%;background-color:#e7e7e8;z-index: 222;margin-top: -30px;}
 .list1 li em.tp-r i {color:#fff;font-size:20px;}
 .list1 li em.tp-b {display:none;}
 #list1 li {width:25%;}
 #list1 li span {height:20px;line-height:20px;margin-bottom:0px;}
 
 
 /* related */
 .related a.b {position:relative;width:100%;height:100%;float:left;margin-bottom:20px;}
 .related a.b img {float:left;}
 .related a.b em {position:absolute;left:0;width:100%;bottom:0;z-index:222;height:30px;line-height:30px;background-color:#fff;filter:Alpha(opacity=70);-moz-opacity:0.7;opacity:0.7;}
 .related a.b p {text-indent:10px;color:#000;width:100%;position:absolute;left:0;bottom:0;z-index:223;height:30px;line-height:30px;}
 
 /* footer */
 .footer-n {margin:70px 0 20px;line-height:22px;}
 .footer-n a {margin:0 5px;}
 .footer-n a.f {background-image:url("../images/share.png");background-repeat:no-repeat;height:22px;}
 .footer-n a.f1 {background-position:left center;width:12px;}
 .footer-n a.f2 {background-position:-28px center;width:18px;}
 .footer-n a.f3 {background-position:-60px center;width:18px;}
 .footer-n a.f4 {background-position:-87px center;width:20px;}
 .footer-n a.f5 {background-position:-116px center;width:25px;}
 .footer-n a.f6 {background-position:right center;width:24px;}
 .footer {padding:50px 0 50px;background-color:#6c6e72;line-height:24px;}
 .footer h2 {font-size:16px;color:#fff;margin-bottom:20px;font-weight:normal;}
 .footer a {color:#fff;font-size:11px;}
 .footer .col-md-3 > div {margin-bottom:20px;}
 .footer .col-md-12 {text-align:center;}
 .footer ul {display:block;float:left;text-align:left;width:15%;display:inline-block;zoom:1;*display:inline;margin-bottom:20px;margin-right:40px;height: 134px;}
 .footer ul:nth-child(1) {width:12%;}
 /* .footer ul:nth-child(1) {margin-left:0px;}
 .footer ul:nth-child(5) {margin-right:0px;} */
 .footer ul span {display:block;margin-bottom:20px;font-weight:normal;text-transform:Uppercase;}
 .footer ul span a {font-size:16px;color:#fff;}
 .footer ul span a:hover {filter:Alpha(opacity=70);-moz-opacity:0.7;opacity:0.7;}
 .footer ul > div {}
 .footer ul li {line-height:22px;width:100%;}
 .footer ul li a {color:#fff;font-size:11px;text-transform: capitalize;}
 .footer ul li a:hover {filter:Alpha(opacity=70);-moz-opacity:0.7;opacity:0.7;}
 .copyright {background-color:#231f20;padding:20px 0 30px;color:#fff;font-size:12px;}
 .copyright a {color:#fff;font-size:12px;}
 
 
 /* create-bg */
 .create-bg {margin-bottom:20px;background-color:#efefef;border-radius:15px;padding:40px 20px;text-align:center;position:relative;}
 .create-bg h2 {font-size:16px;text-transform:Uppercase;}
 .create-bg .num {font-size:20px;margin-bottom:5px;color:#4e7185;font-weight:bold;}
 .create-bg img {margin:10px 0;}
 .create-bg p {margin-bottom:10px;}
 .create-nr {text-align:left;border-top:3px solid #4e7185;padding:10px 0 0;line-height:22px;text-align: justify;height:495px;}
 .create-nr1 {text-align:left;border-top:3px solid #4e7185;padding:10px 0 0;line-height:22px;text-align: justify;height:235px;}
 
 
 
 #how-jj em.tp-r {display:block;width:20px;text-align:center;height:60px;line-height:65px;position:absolute;right:-15px;top:50px;background-color:#efefef;z-index:2222;}
 #how-jj em.tp-r i {color:#fff;font-size:20px;}
 #how-jj em.tp-r i.blue {color:#4e7185;}
 #how-jj em.tp-b {display:none;}
 
 #how-jj1 em.tp-r {display:block;width:20px;text-align:center;height:60px;line-height:65px;position:absolute;right:-15px;top:50px;background-color:#efefef;z-index:2222;}
 #how-jj1 em.tp-r i {color:#fff;font-size:20px;}
 #how-jj1 em.tp-r i.blue {color:#4e7185;}
 #how-jj1 em.tp-b {display:none;}
 
 
 #how-jj .col-md-3,#how-jj1 .col-md-3 {padding:0 5px;}
 #how-jj1 .col-md-3:nth-child(4n) em.tp-r {display:none;}
 
 /* map */
 .map-box {}
 .map-box .hd {position:relative;height:600px;background-image:url("../images/map.png");background-size:100% auto;background-position:center center;background-repeat:no-repeat;}
 .map-box .hd li {width:210px;position:absolute;font-size:14px;color:#221815;line-height:20px;}
 .map-box .hd li:nth-child(1) {left:45%;top:250px;height:52px;padding-left: 60px;background:url("../images/m1.png") no-repeat left center;}
 .map-box .hd li:nth-child(2) {left:35%;top:325px;background:url("../images/m2.png") no-repeat left bottom;padding-bottom:52px;width:300px;}
 .map-box .hd li:nth-child(3) {left:65%;top:230px;height:52px;padding-left: 60px;background:url("../images/m3.png") no-repeat left center;}
 .map-box .hd li:nth-child(4) {left:65%;top:295px;height:52px;padding-left: 60px;background:url("../images/m4.png") no-repeat left center;}
 .map-box .hd li:nth-child(5) {left:47%;top:130px;padding-bottom:52px;background:url("../images/m5.png") no-repeat left bottom;}
 .map-box .hd li.on:nth-child(1) {background:url("../images/m1_h.png") no-repeat left center;}
 .map-box .hd li.on:nth-child(2) {background:url("../images/m2_h.png") no-repeat left bottom;}
 .map-box .hd li.on:nth-child(3) {background:url("../images/m3_h.png") no-repeat left center;}
 .map-box .hd li.on:nth-child(4) {background:url("../images/m4_h.png") no-repeat left center;}
 .map-box .hd li.on:nth-child(5) {background:url("../images/m5_h.png") no-repeat left bottom;}
 .map-box .map-b-b {background-color:#f7f7f7;font-size:14px;color:#8e8e8e;}
 .map-box .map-b-b li {width:100%;padding:20px 50px 50px;}
 .map-box .map-b-b .num {font-size:50px;height:120px;line-height:40px;color:#000;font-weight:bold;width:60px;text-align:center;}
 .map-box .map-b-b span {font-size:18px;}
 
 .map-box .prev,.map-box .next {width:30px;height:50px;line-height:50px;text-align:center;top:50%;margin-top:-25px;background-color:#6dbae7;font-size:16px;color:#fff;}
 .map-box .prev {left:0;}
 .map-box .next {right:0;}
 
 .map-box-list li {background-color:#f7f7f7;font-size:14px;color:#8e8e8e;margin-bottom:10px;width:100%;padding:20px 10px 20px;}
 .map-box-list .num {font-size:50px;height:40px;line-height:40px;color:#000;font-weight:bold;width:60px;text-align:center;}
 .map-box-list span {height:40px;line-height:40px;display:block;margin-bottom:10px;font-size:18px;}
 .lb_more{
     position: absolute;
     bottom: 25%;
     left: 0;
     right: 0;
     
 }
 #home-slideshow .bx-wrapper li:nth-child(3) .title p{
     color: #000!important;
 }
  #home-slideshow .bx-wrapper li:nth-child(3) .separation{
      background: #000!important;
  }
    #home-slideshow .bx-wrapper li:nth-child(3) .description span, #home-slideshow .bx-wrapper li:nth-child(3) .description p{
      color: #000!important;
  }
   #home-slideshow .bx-wrapper li .description p{
       text-align: center;
   }
#home-slideshow .bx-wrapper li:nth-child(3) .lb_more p{
     color: #000!important;
}
#home-slideshow .bx-wrapper li:nth-child(3) .hidden-print{
    color: #000!important;
}
#home-slideshow .bx-wrapper li:nth-child(3) .hidden-print p{
    color: #000!important;
}
 
 .contact {font-size:14px;color:#000;}
 .contact .text {margin-bottom:20px;border:1px solid #5d5a5b;height:38px;line-height:38px;width:100%;text-indent:10px;}
 .contact .textarea {margin-bottom:20px;border:1px solid #5d5a5b;text-indent:10px;width:100%;height:90px;padding:5px 0;}
 .contact .submit {font-size:14px;color:#4b6f81;text-align:left;text-indent:25px;margin-left:10px;_display:inline;width:122px;height:40px;line-height:40px;background:url("../images/submit.png") no-repeat center top;border:none;border:0;}
 .contact .checked {margin-right:10px;_display:inline;}
 .contact .select-wrapper {margin-bottom:20px;border:1px solid #5d5a5b;height:38px;line-height:38px;width:100%;}
 .contact .select-wrapper select {border:none;border:0;font-size:14px;width:94%;text-indent: 3px;font-family: calibri,Microsoft Yahei,"微软雅黑","宋体";}
 .contact input::-webkit-input-placeholder,.contact textarea::-webkit-input-placeholder {
 color: #000;
 }
 .contact input:-moz-placeholder,.contact textarea:-moz-placeholder {
 color: #000;
 }
 .contact input::-moz-placeholder,.contact textarea::-moz-placeholder {
 color: #000;
 }
 .contact input:-ms-input-placeholder,.contact textarea:-ms-input-placeholder {
 color: #000;
 } 
 
 /* sitemap */
 .sitemap {}
 .sitemap ul {line-height:26px;}
 .sitemap ul span {}
 .sitemap ul li {text-indent:20px;width:100%;}
 .sitemap ul a {color:#4b6f81;}
 .sitemap ul i {padding-right:5px;}
 
 /* 服务 */ 
 .fwlist .row:nth-child(2n) .col-md-6:nth-child(1){
     float: right;
 }
 
 /* 大屏下 */
 @media (min-width:1500px){
     nav#lateral-nav a.brand {height:270px;}
     nav#lateral-nav a {padding:15px 30px 15px 20px}
     .banner img {height:300px;}
 
     .create-nr {height:484px;}
 }
 
 @media (max-width:1200px){
     nav#lateral-nav a.brand,.banner img {height:200px;}
     /* .footer dl {margin-right:30px;_display:inline;} */
     .create-nr {height:484px;}
 }
 
 @media (max-width:980px){
     #how-jj1 .col-md-3:nth-child(2n) em.tp-r {display:none;}
 }
 
 /* 小屏下 */
 @media (max-width:769px){
 #nav-footer .btn-group button{height:45px;border:1px solid #7c7c7c;border-radius:2px;font-size:17px!important}
 #nav-footer .btn-group .dropdown-menu a{font-size:17px!important}
 section header h1{font-size:30px}
 section header h2{font-size:20px}
 div#main{top:45px;left:0;width:100%!important}
 article{margin-bottom:40px}
 #header_top{top:0}
 nav#lateral-nav{width:100%!important;left:-100%;overflow:auto}
 nav#lateral-nav .brand{display:none}
 nav#lateral-nav ul.cd-navigation.top{margin-top:44px}
 nav#lateral-nav #nav-footer{position:relative;margin-top:20px}
 nav#lateral-nav #nav-footer .menu{margin-top:60px;position:absolute}
 nav#lateral-nav #nav-footer .cd-tribute-nav{margin-left:0;padding:0}
 
 
 
 
 .swiper-slide .title {padding-top:80px;}
 .swiper-slide .p {font-size:12px;}
 .swiper-slide .title h2 {font-size:18px;}
 .swiper-slide .title em {margin:10px 0;}
 .swiper-slide .title .more {font-size:14px;}
 .swiper-container-horizontal > .swiper-pagination-bullets, .swiper-pagination-custom, .swiper-pagination-fraction {bottom:50px;}
 
 #scroll-pan {left:0;}
 
 .index1 {margin-top:40px;margin-bottom: 40px;}
 .index1 .bd {padding:0;margin:0;border:none;border:0;height:auto;}
 
 .index1 .hd {width:100%;margin-top:10px;text-align:center;}
 .index1 .hd ul {margin:0 auto;text-align:center;}
 .index1 .hd li {color:#fff;width:12px;height:12px;border-radius:50%;background-color:#666;margin:0 2px;text-indent:-99999px;display:inline-block;float:none;}
 .index1 .hd li.on {background-color:#333;}
 
 
 .title-h1 {font-size:20px;margin:15px 0;}
 .title-h2 {font-size:16px;margin:15px 0;}
 .create-bg em {display:none;}
 
 /* list1 */
 .list1 li {width:100%;margin-bottom:10px;}
 .list1 li em.tp-r {display:none;}
 .list1 li em.tp-b {display:block;width:60px;text-align:center;height:30px;line-height:30px;position:absolute;left:50%;bottom:-20px;margin-left:-30px;background-color:#e7e7e8;z-index: 222;}
 .list1 li em.tp-b i {color:#fff;font-size:20px;}
 #list1 li {width:100%;}
 
 
 /* create-bg */
 #how-jj em.tp-r {display:none;}
 #how-jj em.tp-b {display:block;width:60px;text-align:center;height:30px;line-height:30px;position:absolute;left:50%;bottom:-20px;margin-left:-30px;background-color:#efefef;z-index: 222;}
 #how-jj em.tp-b i {color:#fff;font-size:20px;}
 
 #how-jj1 em.tp-r {display:none;}
 #how-jj1 em.tp-b {display:block;width:60px;text-align:center;height:30px;line-height:30px;position:absolute;left:50%;bottom:-20px;margin-left:-30px;background-color:#efefef;z-index: 222;}
 #how-jj1 em.tp-b i {color:#fff;font-size:20px;}
 #how-jj1 em.tp-b i.blue {color:#4e7185;}
 #how-jj1 .col-md-3:nth-child(8) em.tp-b {display:none;}

 
 .banner {margin-bottom:0px;}
 .banner img {height:auto;}
 .banner .p-bg {display:none;}
 .banner .position {display:none;}
 
 
 .footer .dibu {padding-left:20px;}
 .footer .dibu ul {margin:0;width:100%;float:none;height:auto;}
 .footer .dibu ul div {display:none;}
 .footer .dibu ul.hover div {display:block;}
 .footer .dibu ul i {font-size:15px;margin-right:10px;display:inline-block;zoom:1;*display:inline;display: inline-block !important;color:#fff;}
 .footer .dibu ul span {margin-bottom:10px;}
 .footer .dibu ul span a {font-size:14px;}
 .footer .dibu {}
 
 .dibu ul li {text-indent:20px;}
 
 
 .bheight1,.bheight2,.bheight3,.bheight4 {margin-bottom:20px;}
 
 /* 手机文章间距 */
 .content,.content p.lh28 {line-height:22px;font-size:16px;}
 .content1,.content1 p.lh28 {line-height:22px;font-size:16px;}
 
 /*边框*/
 .border1 {height:3px;}
 
 
 .create-nr,.create-nr1 {height:auto;}
 
 }
 
 
 @media (max-width:480px){
 div#main{top:45px}
 nav#lateral-nav ul.cd-navigation.top{margin-top:44px}
 nav#lateral-nav #nav-footer .btn-group .dropdown-menu li a,nav#lateral-nav #nav-footer .btn-group button{font-size:14px!important}
 #search_panel p{margin-top:65px}
 footer{margin-top:30px}
 section#banner #breadcrumb{display:none}
 }
 
 
 
 
         #home-slideshow {
           min-height: 100%;
           position: relative;
           z-index: 0;
           padding: 0;
         }
         section {
           background: #ffffff;
           margin-bottom: 0px;
           color: #000000;
           padding: 40px 50px 20px 50px;
         }
         section:before, section:after {
           content: " ";
           display: table;
         }
         section:after {
           clear: both;
         }
         #slideshow.show {
             opacity: 1;
             filter: alpha(opacity=100);
         }
         #slideshow {
             background-size: cover;
             padding: 0;
             position: absolute;
             width: 100%;
             height: 100%;
             z-index: 0;
             color: #ffffff;
             text-align: center !important;
             margin: 0 !important;
             opacity: 0;
             filter: alpha(opacity=0);
             -webkit-transition-duration: 0.5s;
             transition-duration: 0.5s;
             -webkit-transition-property: opacity;
             transition-property: opacity;
         }
         .show {
     display: block !important;
 }
 * {
     box-sizing: border-box;
 }.bx-wrapper {
     position: relative;
     margin: 0 auto 60px;
     padding: 0;
 }#slideshow .bx-viewport {
     background: none;
     border: 0 !important;
     padding: 0 !important;
     left: 0 !important;
 }.bx-wrapper .bx-viewport {
     border-left: 1px dotted #000000 !important;
     border-right: 1px dotted #000000 !important;
     left: -5px;
     background: #fff;
     padding: 0 10px 0 10px;
     -webkit-transform: translatez(0);
     -ms-transform: translatez(0);
     transform: translatez(0);
 }#slideshow .bx-wrapper img {
     margin: auto;
 }.bx-wrapper img {
     max-width: 100%;
     display: block;
 }
 #slideshow .bx-caption {
     position: absolute;
     bottom: 0;
     left: 0;
     background: none;
     width: 100%;
     height: 100%;
     padding-top: 200px;
 }
 #slideshow .title {
     font-size: 32px;
     line-height: 44px;
     text-transform: uppercase;
     font-family: "Bodoni Antiqua Light", Bodoni SvtyTwo ITC TT, Bodoni Std, Didot, Georgia, serif;
     font-size-adjust: 0.39;
     font-weight: 200;
     font-style: normal;
     margin-left: auto;
     margin-right: auto;
     width: auto;
     text-shadow: transparent;
 }
 #slideshow .title p{
     text-align: center;
 }
 .bx-wrapper .bx-caption span {
     color: #fff;
     font-family: Arial;
     display: block;
     font-size: .85em;
     padding: 10px;
 }
 .title {
     font-family: "Bliss Light", Calibri, 'Helvetica Neue', Arial, sans-serif;
     font-size-adjust: 0.47;
 }
 #slideshow .separation {
     width: 120px;
     height: 6px;
     background: #ffffff;
     margin: 20px auto 20px;
 }
 #slideshow .description {
     margin-bottom: 20px;
 }
 #slideshow li a {
     color: #ffffff;
     font-size: 20px;
     font-family: "Bliss Light Italic", Calibri, 'Helvetica Neue', Arial, sans-serif;
     font-size-adjust: 0.47;
     line-height: 1;
     width: auto;
     display: block;
     position: absolute;
     left: 50%;
     right: auto;
     -webkit-transform: translate(-50%, 0);
     -ms-transform: translate(-50%, 0);
     transform: translate(-50%, 0);
 }
 #slideshow .description span {
     padding: 0 50px !important;
     font-size: 18px;
     font-family: "Bliss Light Italic", Calibri, 'Helvetica Neue', Arial, sans-serif;
     font-size-adjust: 0.47;
     line-height: 1;
     width: 500px; 
     margin: auto;
     -webkit-backface-visibility: hidden;
 }
 .bx-wrapper .bx-caption span {
     color: #fff;
     font-family: Arial;
     display: block;
     font-size: .85em;
     padding: 10px;
 }
 #slideshow li a p {
     height: auto;
     font-size: 17px;
     font-style: normal;
     margin: 0 0 5px 0;
     background:url("../images/dd.png") no-repeat center bottom;padding-bottom:35px;
 }
 #slideshow li:nth-child(3) a p{
     background:url("../images/dd1.png") no-repeat center bottom;
 }
 /* #slideshow li a:after {
     font-family: 'trafigura-icons';
     speak: none;
     font-style: normal;
     font-weight: normal;
     font-variant: normal;
     text-transform: none;
     line-height: 1;
     -webkit-font-smoothing: antialiased;
     content: "";
     text-decoration: none;
     display: inline-block;
     pointer-events: inherit;
     font-size: 22px;
     line-height: 21px;
 } */
 #slideshow .bx-wrapper .bx-pager, #slideshow .bx-wrapper .bx-controls-auto {
     bottom: 30px;
 }
 .bx-wrapper .bx-pager {
     text-align: center;
     font-size: .85em;
     font-family: Arial;
     font-weight: bold;
     color: #666;
     padding-top: 20px;
 }
 .bx-wrapper .bx-pager, .bx-wrapper .bx-controls-auto {
     position: absolute;
     bottom: -30px;
     width: 100%;
 }
 .bx-wrapper .bx-pager .bx-pager-item, .bx-wrapper .bx-controls-auto .bx-controls-auto-item {
     display: inline-block;
 }
 #slideshow .bx-wrapper .bx-pager.bx-default-pager a {
     background: none repeat scroll 0 0 rgba(255, 255, 255, 0.5) !important;
     height: 8px;
     width: 8px;
     margin: 0 5px;
 }
 .bx-wrapper .bx-pager.bx-default-pager a {
     background: #666;
     text-indent: -9999px;
     display: block;
     width: 10px;
     height: 10px;
     margin: 0 5px;
     outline: 0;
     border-radius: 5px;
 }
 #slideshow .bx-wrapper .bx-pager.bx-default-pager a.active {
     width: 16px;
     height: 16px;
     background-color: transparent !important;
     border: 4px solid #ffffff;
     border-radius: 50%;
 }

 @media (max-width: 990px){
    .fwlist .row:nth-child(2n) .col-md-6:nth-child(1){
        width: 100%;
    }
 }
 @media (max-width: 767px){
     #slideshow .bx-caption {
         padding-top: 90px;
     }
     #slideshow .title, #slideshow h2 {
         font-size: 18px;
         line-height: 20px;
         padding-bottom: 0;
     }
     #slideshow .separation {
         height: 3px;
         margin: 10px auto 10px;
     }
     #slideshow .description {
         font-size: 20px;
         margin-bottom: 10px;
     }
 
     #slideshow .description span{
         width: auto;
         font-size: 13px;
         padding: 0 20px;
     }
     #slideshow li a p{
         display: block !important;
         text-indent: -9999px;
         padding-bottom: 5px;
         height: 25px;
     }
     #slideshow .bx-wrapper .bx-pager, #slideshow .bx-wrapper .bx-controls-auto {
         bottom: 15px;
     }
 }