/*返回首页*/
.back_index a{font-size: 14px;color: #333;}
.back_index a:hover{color: #f08327;}
/*标题样式*/
.company_title{text-align:center;margin-top:46px;}
.company-title{font-size: 26px;color: #333333;display:block;position: relative;z-index: 1;}
.company-img{position: relative;top:-5px;z-index: 1;}
.company-english{font-size: 40px;color: #eaeaea;position: relative;top:-40px;}


.main{width:100% !important;}
.trade{width:100% !important;height:608px;background: url("../../icon/groupIntroduce/profileback.png") repeat center center;z-index:-1;position: absolute;}
.trade-main{width:1200px;margin:0 auto;}
.trade-con{height: 413px;margin-bottom:46px;}
.trade-con-left{float: left;width:620px;height:413px;overflow: hidden;position: relative;}
.trade-con-left img{width:620px;height:413px;}
.newban{position: absolute;}
.trade-con-right{float:right;width:580px;height:413px;position:relative}
.triangle_border_left{width:0;height:0;border-width:20px 20px 20px 0;border-style:solid;border-color:transparent #fff transparent transparent;position:absolute;right:580px;top:186px;z-index: 2;}
.trade-con-right .trade-con-txt{width:580px;height:413px;background: #FFFFFF;box-shadow: 5px 5px 10px 1px rgba(0,0,0,0.10);position: relative;}
.text-con{width: 510px;height: 325px;overflow-y: auto;font-size: 12px;color: #999999;line-height: 20px;text-align: justify;position: absolute;top: 45px;padding: 0 30px 0 40px;}
.text-con::-webkit-scrollbar{
    width: 5px;
    height: 80px;
}
.text-con::-webkit-scrollbar-thumb {/*滚动条里面小方块*/
    background: #999;
    border-radius: 7.5px;
}

.trade-pic{clear: both;margin-top:10px;}
.trade-pic li{width:279px;margin-right:28px;float:left;margin-bottom:40px;position: relative;}
.trade-pic li:first-child+li+li+li,.trade-pic li:first-child+li+li+li+li+li+li+li{margin-right:0}
.trade-pic li img{width:279px;height:186px;margin-bottom:20px;}
.trade-pic li p{width:100%;text-align: center;margin-bottom:5px;font-size:20px;color:#333;}
.trade-pic li span{display:inline-block;width:100%;text-align: center;font-size: 12px;color: #999999;}
.trade-pic li div{width:279px;height:186px;background: url("../../icon/internationalTrade/grey.png") no-repeat center top;position: absolute;top:0;left: 0;}
.trade-pic li:hover div{display: none;transition: 1s;}
.case_info{clear: both;}
.case-con{margin-top:10px;}
.case-con li{width:279px;margin-right:28px;float:left;margin-bottom:40px;position: relative;}
.case-con li:first-child+li+li+li,.case-con li:first-child+li+li+li+li+li+li+li{margin-right:0}
.case-con li img{width:279px;height:186px;margin-bottom:20px;}
.case-con li p{width:100%;text-align: center;margin-bottom:5px;font-size:20px;color:#333;}
.case-con li span{display:inline-block;width:100%;text-align: center;font-size: 12px;color: #999999;}
.case-con li div{width:279px;height:186px;background: url("../../icon/internationalTrade/grey.png") no-repeat center top;position: absolute;top:0;left: 0;}
.case-con li:hover div{display: none;transition: 1s;}
.case-con .case-lastli{width:586px !important;height:186px;background: #f08327;margin-right:0 !important;}
.case-con .case-lastli span{display:block;width:26px;height:2px;background: #FEFFFF;margin:30px 0 14px 48px;}
.case-con .case-lastli b{font-size: 32px;color: #FFFFFF;text-align: left;margin-left:48px;line-height:45px;}
.case-con .case-lastli .case-p{font-size: 18px;color:#fff;text-align: left;margin:0 0 5px 48px;line-height:25px;}
.case-con .case-lastli .case-p+p{font-size:30px;color:#F2994E;text-align: left;margin-left:48px;line-height:42px;}

.co_info{clear: both;}

.sale_info{padding-top:5px;clear: both;}
.sale-con{width:1200px;height:611px;background: url("../../icon/internationalTrade/worldmap.jpg") no-repeat center top ;position: relative;background-size: 100% 100%;-moz-background-size:100% 100%;-webkit-background-size:100% 100%;filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../../icon/internationalTrade/worldmap.jpg',sizingMethod='scale');}
/*世界地图*/
@-webkit-keyframes ripple{
    0%{opacity:0;-webkit-transform:scale(.1,.1)}
    5%{opacity:1}
    100%{opacity:0;-webkit-transform:scale(1)}
}
@-moz-keyframes ripple{
    0%{opacity:0;-moz-transform:scale(.1,.1)}
    5%{opacity:1}
    100%{opacity:0;-moz-transform:scale(1)}
}
@-o-keyframes ripple{
    0%{opacity:0;-o-transform:scale(.1,.1)}
    5%{opacity:1}
    100%{opacity:0;-o-transform:scale(1)}
}
@keyframes ripple{
    0%{opacity:0;-webkit-transform:scale(.1,.1);-moz-transform:scale(.1,.1);-ms-transform:scale(.1,.1);transform:scale(.1,.1)}
    5%{opacity:1}
    100%{opacity:0;-webkit-transform:scale(1);-moz-transform:scale(1);-ms-transform:scale(1);transform:scale(1)}
}
@-webkit-keyframes run{
    0% {width:0;height:0;}
    50% {width:30%;height:50%;}
    100% {width:20%;height:50%;}
}
@-moz-keyframes run{
    0% {width:0;height:0;}
    50% {width:30%;height:50%;}
    100% {width:20%;height:50%;}
}

@-o-keyframes run{
    0% {width:0;height:0;}
    50% {width:30%;height:50%;}
    100% {width:20%;height:50%;}
}

@keyframes run{
    0% {width:0;height:0;}
    50% {width:30%;height:50%;}
    100% {width:20%;height:50%;}
}
.point-area{text-align:center;position:relative;width:12px;height:12px;-webkit-transition:opacity .5s ease-out;-moz-transition:opacity .5s ease-out;-o-transition:opacity .5s ease-out;transition:opacity .5s ease-out;z-index:0;}
.point-area .point{position:absolute;z-index:0;top:0;left:0;right:0;bottom:0;width:10px;height:10px;margin:auto;-webkit-border-radius:50%;-webkit-background-clip:padding-box;-moz-border-radius:50%;-moz-background-clip:padding;border-radius:50%;background:0 0;}
.point-area .point-dot{position:relative;top:50%;margin-top:-5px;background-color:#f08327;z-index:99;}
.point-area .area{position:absolute;top:-7px;left:15px;display:block;width:60px;padding:2px 0;font-size:16px;color:#333;font-weight:bold;text-align:center;cursor:default;}
.point-area .area span{font-size:12px;color:#666;display: block;}
.big,.big .point,.small,.small .point{width:10px;height:10px;z-index:0;}
.big .point-1,.big .point-2,.big .point-3{width:150px;height:150px;margin-left:-69px;}
.small .point-1,.small .point-2,.small .point-3{width:90px;height:90px;margin-left:-39px;}
.point-area .point-1:after{content:'';display:block;position:absolute;top:0;right:0;bottom:0;left:0;border-radius:50%;border:2px solid #f08327;opacity:0;
    -webkit-animation:ripple 4.5s ease-out 225ms infinite;
    -moz-animation:ripple 4.5s ease-out 225ms infinite;
    -o-animation:ripple 4.5s ease-out 225ms infinite;
    animation:ripple 4.5s ease-out 225ms infinite;
}
.point-area .point-2:after{content:'';display:block;position:absolute;top:0;right:0;bottom:0;left:0;border-radius:50%;border:2px solid #f08327;opacity:0;
    -webkit-animation:ripple 4.5s ease-out 1125ms infinite;
    -moz-animation:ripple 4.5s ease-out 1125ms infinite;
    -o-animation:ripple 4.5s ease-out 1125ms infinite;
    animation:ripple 4.5s ease-out 1125ms infinite;
}
.point-area .point-3:after{content:'';display:block;position:absolute;top:0;right:0;bottom:0;left:0;border-radius:50%;border:2px solid #f08327;opacity:0;
    -webkit-animation:ripple 4.5s ease-out 2.25s infinite;
    -moz-animation:ripple 4.5s ease-out 2.25s infinite;
    -o-animation:ripple 4.5s ease-out 2.25s infinite;
    animation:ripple 4.5s ease-out 2.25s infinite;
}
.point-area .point-dot .window{display:none;position:absolute;z-index:51;width:190px;*zoom:1}
.point-area .point-dot .window:after,.point-area .point-dot .window:before{content:"";display:table}
.point-area .point-dot .window:after{clear:both}
.point-area .point-dot .window.left-w{bottom:4px;right:4px;padding-right:77px;background:url(../../icon/aboutUs/g_line_left.png) right bottom no-repeat}
.point-area .point-dot .window .con{position:relative;display:block;*zoom:1;cursor:default;}
.point-area .point-dot .window .con:after,.point-area .point-dot .window .con:before{content:"";display:table}
.point-area .point-dot .window .con:after{clear:both}
.point-area .point-dot .window .con .lt{top:0;left:0;border-top:2px solid #f08327;border-left:2px solid #f08327}
.point-area .point-dot .window .con .lb{bottom:0;left:0;border-bottom:2px solid #f08327;border-left:2px solid #f08327}
.point-area .point-dot .window .con .rt{top:0;right:0;border-top:2px solid #f08327;border-right:2px solid #f08327}
.point-area .point-dot .window .con .rb{bottom:0;right:0;border-bottom:2px solid #f08327;border-right:2px solid #f08327}
.point-area .point-dot .window .con .ani{
    position:absolute;display:block;width:20%;height:50%;
    animation:run 2s ease-in-out;
    -webkit-animation:run 2s ease-in-out;
    -moz-animation:run 2s ease-in-out;
    -o-animation:run 2s ease-in-out;
}
.point-area .point-dot .window .item{margin:10px;text-align: left;background: #000;border:1px solid #f08327;cursor:default;opacity: 0.5;
    -moz-opacity: 0.5; /* 兼容 FF*/
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)"; /*IE8*/
    filter: alpha(opacity=50); /*IE5、IE5.5、IE6、IE7*/}
.point-area .point-dot .window .item div{padding:20px;}
.point-area .point-dot .window .item div span{font-size: 16px;color: #FFFFFF;display: block;margin-bottom:5px;}
.point-area .point-dot .window .item p{font-size:12px;color:#fff;padding:0;line-height:18px;text-align: justify;}

/*遮罩蒙版*/
.mask {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 1;
    background: #474747;
    opacity: 0.63;
    -moz-opacity: 0.63; /* 兼容 FF*/
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=63)"; /*IE8*/
    filter: alpha(opacity=63); /*IE5、IE5.5、IE6、IE7*/
    display: none;
}
/*显示内容层样式*/
.tan{width:1000px;height:500px;z-index: 5;position: fixed;background: #FFFFFF;box-shadow: 0 6px 6px 2px rgba(0,0,0,0.07);top:50%;left:50%;margin-top:-210px;margin-left:-500px;display: none;}
.casetan{z-index: 5;position: fixed;background: #FFFFFF;box-shadow: 0 2px 18px 0 rgba(0,0,0,0.08);border-radius: 8px;width:850px;height:605px;top:50%;left:50%;margin-top:-262px;margin-left:-425px;display: none;}
.casetan .close{line-height:62px;}
.casetan .close img{width:23px;height:23px;cursor: pointer;float:right;margin:23px 25px 0 0; }
.tan .close{position: relative;width:100%;height:62px;line-height:62px;top:0;left:0;}
.tan .close img{width:23px;height:23px;margin:0;position: absolute;top:20px;right:30px;cursor: pointer;}
.tan img{width:550px;height:376px;margin:62px 50px;float:left;}
.tan .tan-right{width:350px;height:100%;background: #F5F4F3;float:left;}
.tan .tan-right-text{width:285px;height:345px;padding:20px 30px 0 35px;overflow-y: auto;}
.tan-title{font-size: 20px;color: #333333;line-height:28px;display: block;margin-bottom:13px;}
.tan-right-text ul{margin-left:17px;}
.tan-right-text ul li{list-style-type: disc;font-size: 12px;margin-bottom:10px;color: #666666;}
.tan-en{display: block;margin-top:40px;margin-bottom:13px;line-height:20px;font-size:16px;color:#333;}

.casetan .casetitle{display: block;width:700px;height:30px;margin:0 auto;border-bottom:1px solid #D1D1D1;padding:30px 0 10px 0;font-size: 20px;color: #333333;font-weight:bold;}
.casetan ul{width:775px;height:510px;overflow-y: auto;margin-left:75px;}
.casetan ul li{padding:15px 0;width:700px;height:139px;border-bottom: 1px solid #EDEDED;}
.casetan ul li img{width:200px;height:138px;float:left;margin-right:65px;}
.casetan ul li div{float:left;padding-top:55px;width:435px;}
.casetan ul li div p{line-height:20px;margin-bottom:7px;font-size: 14px;color: #333333;cursor: default;}
.casetan ul li div p:first-child{font-weight: bold;}
.casetan ul li div p span{display: inline-block;margin-right:20px;cursor: default}


/*滚动条样式*/
.tan-right-text::-webkit-scrollbar {/*滚动条整体样式*/
    width: 5px;     /*高宽分别对应横竖滚动条的尺寸*/
    height: 80px;
}
.tan-right-text::-webkit-scrollbar-thumb {/*滚动条里面小方块*/
    background: #969696;
    border-radius: 7.5px;
}
.case-main::-webkit-scrollbar {/*滚动条整体样式*/
    width: 5px;     /*高宽分别对应横竖滚动条的尺寸*/
    height: 80px;
}
.case-main::-webkit-scrollbar-thumb {/*滚动条里面小方块*/
    background: #969696;
    border-radius: 7.5px;
}