/* 
* @Author: anchen
* @Date:   2016-01-07 09:21:09
* @Last Modified by:   anchen
* @Last Modified time: 2016-02-17 17:31:31
*/

/*清除样式*/
html {-webkit-text-size-adjust: 100%;   /*让谷歌浏览器可以设定字体大小*/-ms-text-size-adjust: 100%;}
body{font-family:"Arial", "Microsoft YaHei", "微软雅黑";position:relative;width:100%;height:100%;overflow-x:hidden;-webkit-font-smoothing:antialiased;font-size: 14px; color:#545454;}
body,div,ul,li,dl,dt,dd,h1,h2,h3,h4,h5,h6,p{margin:0;padding:0;}
ol, ul { list-style:none; }
em,i{ font-style:normal; }
input, button, select, textarea { outline:none; } 
textarea { resize:none; }
a,a:focus{color:#545454; text-decoration: none;}
a:hover{ color:#eb9003; text-decoration: none;}


/* 设置HTML5元素为块 */
article, aside, details,figcaption,figure,footer,header, hgroup,menu,nav,section {display: block;}

 /* 设置图片视频等自适应调整 */
img {  height: auto; width: auto\9; /* ie8 */ }
.video embed,.video object, .video iframe {width:100%; height:auto;}

/*媒体查询，屏幕变换*/
@media (min-width:767px) {.container {width:750px;}}
@media (min-width:990px) {.container {width:1000px;}}
@media (min-width:1210px) {.container {width:1200px;}}
.rel{position:relative;}
.abs{position:absolute;}

/*nav*/
.navbar{ margin-bottom: 0; position:static;}
.navbar-header .logo{ margin-left: 0!important;}
.navbar-brand{ margin-left: 0!important;}
.navbar-default{ background-color: #fff;box-shadow: 0 2px 6px #c5c6c8;}
.navbar-default .navbar-toggle{ border-color:#eb9003;}
.navbar-default .navbar-toggle .icon-bar{background-color:#eb9003;}
.navbar-default .navbar-toggle:focus, .navbar-default .navbar-toggle:hover{ background-color: #eb9003;}
.navbar-default .navbar-toggle:focus .icon-bar,.navbar-default .navbar-toggle:hover .icon-bar{ background-color: #fff;}
.navbar-default .navbar-brand{ height:auto;padding:2px 0 0!important;}
.navbar-nav li a{ line-height: 84px; font-size: 16px; font-weight: 400;padding: 0 14px; display: block;color:#545454!important;}
.navbar{ border:none;}
.navbar-nav li{ cursor:pointer; line-height: 84px; margin:0 1px; position:relative;}

.nav li:hover a { color: #fff!important;}
.nav-in li:hover a{ background: #333333;}
.nav li:hover,.nav li.current1{ background: #EB9003; }
 .nav li.current1 a{ color:#fff!important;}
.nav-in{ display: none; left: -1px; position: absolute; top: 84px; z-index: 100;}
.nav-one li{ width:109px;}
.nav-two li{ width:151px;}
.nav-three li{ width:174px;}
.nav-in li { clear: both; text-align: left; background: #EB9003; height: 44px;}
.nav li .nav-in li a { display: block; height: 100%; color: #fff; padding:0 0 0 21px;  line-height: 44px;} 

.triangle { display: none; position: absolute; top: 60px; left: 50%; margin-left: -8px;}
.triangle i { display: block; position: relative;}
.triangle em, .triangle span { width: 0; height: 0; border-width: 8px; border-style: solid dashed dashed dashed; border-color: #fff transparent transparent transparent; position: absolute; left: 0; top: 0;}
.triangle span { border-top-color: #EB9003; top: -2px;}
.lang {float: right;line-height: 84px; margin-left:10%; font-size:16px;}
.lang-cur {color: #FE8B0A;display: inline-block;}
.lang a{cursor:pointer;}
.curr {margin-right: 0;}
.lang a:hover {color: #FE8B0A;}

/*公共部分*/
#banner { width: 100%; height: auto; margin: 0 auto; box-shadow: 0 4px 6px #C5C6C8; overflow:hidden; position:relative;}
.smallbanner{ width:100%; height:200px; margin: 0 auto; box-shadow: 0 4px 6px #C5C6C8; overflow:hidden; position:relative;}
.smallbanner img{ position:absolute; top:0; left:50%; margin-left:-960px;}
#banner img{width:100%;}
#banner h1{ position:absolute; top:63%; left:65%; color:#fff; font-size:18px; font-weight:normal;}
.tit{ width:290px; height:auto; position:absolute; top:66px; left:150px;}
.smallbanner h1{ color:#333; font-size:28px; line-height:40px;}
.smallbanner h2{ font-size:20px; color:#333; line-height:38px;}
.white{ padding: 40px 0;}
.gray{ padding: 40px 0; background: #F7F7F7;}
.wrap{ width:100%; height:auto; overflow:hidden;}

.smallbanner1{ width:100%; height:500px; margin: 0 auto; box-shadow: 0 4px 6px #C5C6C8; overflow:hidden; position:relative;}
.smallbanner1 img{ position:absolute; top:0; left:50%; margin-left:-960px;}

.smallbannerp2{ width:100%; height:500px; margin: 0 auto; box-shadow: 0 4px 6px #C5C6C8; overflow:hidden; position:relative;}
.smallbannerp2 img{ position:absolute; top:0; left:50%; margin-left:-960px;}

.smallbannerp3{ width:100%; height:500px; margin: 0 auto; box-shadow: 0 4px 6px #C5C6C8; overflow:hidden; position:relative;}
.smallbannerp3 img{ position:absolute; top:0; left:50%; margin-left:-960px;}

.smallbannerp4{ width:100%; height:500px; margin: 0 auto; box-shadow: 0 4px 6px #C5C6C8; overflow:hidden; position:relative;}
.smallbannerp4 img{ position:absolute; top:0; left:50%; margin-left:-960px;}

.trade { font-size: 26px; font-weight: 600; line-height: 32px; padding-bottom: 30px; text-align: left;}
.lang-cur{ color: #fe8b0a; display: inline-block;}
.trade .lang-cur{ margin-right: 10px;}
.view { font-size: 22px; margin-top: 40px; padding-bottom: 10px;}
.container-text{ padding:0;}

/*切换，三角*/
.rightsidebar li{ padding:0 14px; line-height: 28px; background:#fff; color:#6d6d6d; position:relative; cursor:pointer; text-align: center; float:left; margin-right: 10%; font-size: 18px;}
.rightsidebar li .trigon,.announcement-box .times li .trigon,.circulars-box .times li .trigon,.finan .times li .trigon{ width:0; height:0; border-color: #fff transparent transparent; border-style: solid dashed dashed; border-width: 8px; position: absolute; left:50%; top: 28px; margin-left: -8px;}
.rightmenu ul li .tigle,.rightmenu ul li i,.cir ul li .tigle,.cir ul li i,.reporter ul li .tigle,.reporter ul li i{ display:inline-block; width:0; height:0; border-color: transparent transparent transparent #545454 ; border-style: dashed dashed dashed solid; border-width: 8px;}
.rightmenu ul li i,.reporter ul li i{border-color: transparent transparent transparent #f7f7f7 ; margin-left: -18px;}
.cir ul li i{border-color: transparent transparent transparent #fff; margin-left: -18px;}
.rightmenu ul li .text,.cir ul li .text,.reporter ul li .text{ padding-left: 20px; }
.tig-lf,.tig-rg{ position:absolute; top:2px; left:6px;}
.tig-rg{ left:0;}
.announcement-box .times li,.circulars-box .times li,.finan .times li{padding:0 14px; margin-right: 48px; line-height: 28px; float:left; background:#fff; color:#646464; text-align: center; position:relative; font-size: 18px; cursor:pointer;}
.circulars-box .times li,.finan .times li{ margin-right: 34px;}
.rightmenu ul li a:hover .tigle,.circulars-box .cir ul li a:hover .tigle,.reporter ul li a:hover .tigle{ border-color: transparent transparent transparent #eb9003 ;}
.rightsidebar li.current,.announcement-box .times li.current,.circulars-box .times li.current,.finan .times li.current{ color:#fff; background-color: #eb9003;}
.rightsidebar li.current .trigon,.announcement-box .times li.current .trigon,.circulars-box .times li.current .trigon,.finan .times li.current .trigon{ border-color: #eb9003 transparent transparent;}
.left,.right{ position:absolute; top:4px; z-index: 100;}
.announcement-box .left{ left:0;}
.circulars-box .left{ left:-10px;}
.finan .left{ left:-20px;}
.announcement-box .right{ right:0;}
.finan .right{ right:-20px;}
.circulars-box .right{ right:10px;}
.left .tigle,.left i{display:inline-block; width:0; height:0; border-color: transparent #545454 transparent transparent; border-style: dashed solid dashed dashed; border-width: 10px;}
.left i{border-color: transparent #f7f7f7 transparent transparent; margin-left: -18px;}
.right .tigle,.right i{display:inline-block; width:0; height:0; border-color: transparent transparent transparent #545454; border-style: dashed dashed dashed solid; border-width: 10px;}
.right i{border-color: transparent transparent transparent #f7f7f7; margin-left: -22px;}
.circulars-box .left i{ border-color: transparent #fff transparent transparent;}
.circulars-box .right i{ border-color: transparent transparent transparent #fff;}

/*index profile*/
.container h1,.container h3{ font-weight: bold; margin-top: 6px;}
.container h1 span{ color:#EB9003; margin-right: 10px; text-transform:capitalize;}

.txt-in{ /*text-indent: 2em;*/ font-size: 16px; line-height: 35px; letter-spacing: 2px;}
/*index information*/
.information-box{ padding:20px 0 0;}
.information-box table{ width:100%;}
.information-box .col-md-6{padding:0!important;}
.moveleft{ margin-left: -1px;}
.information-box table,.information-box td{ background-color: #fff; border:1px solid #cbcbcb;border-collapse: collapse; text-align: left;vertical-align: top;}
.information-box td{ padding:14px 22px; font-size: 16px; line-height: 26px; letter-spacing: 4px;}
.position{ color:#333; font-weight: bold;}
.information-box td p.spacing{ letter-spacing: 0; line-height: 28px;}
.smalltit{ line-height: 25px; font-size: 14px; letter-spacing: 1px;}
.container-img img{ width:96%;}
.company{ font-size: 22px; line-height: 30px; padding-bottom:10px; text-align: center;}
.security{ font-size: 16px; line-height: 22px; letter-spacing: 2px; padding:8px 10px 0;}

/*footer*/
footer{ background-color:#1a1a1a; height:auto; color:#fff; padding:12px 0;}
footer .container{ padding:0 13px;}
.copyright{ float:left;}
.link{ float:right;}
.link a{ color:#fff!important;}
.link a:hover{ color:#EB9003!important;}
.link span{ padding:0 4px;}

/*business*/
.energy-box .container-text p{ padding: 10px 0 20px;}
.vision{ padding-top:10px; width:auto; overflow:hidden;}
.vision li{ padding-left: 20px; line-height: 30px; font-size: 16px;}
#metal .container .container-text p,#net .container .container-text p,#guaranto .container .container-text p{margin-top: 10px;}
#guaranto .container-text{ padding-top:50px;}

/*recruit*/

.text-box{ padding-top:22px;}
.text-lf{ float:left; width:32px;}
.text-rg{ float:left; width:92%;}
.container-text .text-rg p{ text-indent: 0; font-size: 20px; line-height: 26px;}
.container-text h2{font-size: 22px;}
.text-lf i{ background-color: #EB9003; width:14px; height:14px; display:block; margin-top: 5px;}
.text-box ul{ padding-top:18px;}
.text-box ul li{ line-height: 26px; font-size: 16px; list-style-type: decimal;}
#footer{ position:fixed; bottom:0; left:0; width:100%;}
/*governance*/
#governance h1{ padding-top:70px;}
.text-title h3{ width:18%; float:left; height:26px;}
.text-title span{ font-size: 12px;}
.governance-box .rightsidebar{ margin-top:10px; width:102%;}
.governance-box .col-md-5{ padding-right: 0;}
.gover-img{ padding-top:10px;}
.rightsidebar ul{ height:auto;}
.rightmenu{ margin-top: 40px; height:170px; overflow:hidden;}
.rightmenu ul li,.cir ul li,.reporter ul li{ font-size: 18px; line-height: 34px; position:relative; clear:both;}
.rightmenu ul li,.cir ul li,.reporter ul li{ color: #545454!important;}
.rightmenu ul li:hover,.cir ul li:hover,.reporter ul li:hover{ color: #eb9003!important;}
.text-title{ margin-left: -15px;}

/*contact*/

.message{ padding-top:24px;}
.message table tr td{ height:30px; font-size: 18px;}
.message table tr .picture{ padding-right: 16px;}
.message table tr td img{ vertical-align: top; padding-top:4px;}
.message table tr .address{ width:18%;}
.contact-top{ padding-top:40px;}
.mapp{ width:100%; border:#ccc solid 1px; height:450px;}
/*news*/
.newsmenu{ margin-top:0; height:auto; font-size: 18px;}
.newsmenu .time,.cir .time,.reporter .time{ float:right;}

.stock-box .container-img img{ width:100%;}
.announcement-box,.circulars-box,.finan{ width:100%; position:relative;}
.announcement-box{ min-height:450px;}
.annunce{ min-height:340px;}
.cir{padding-top: 20px; min-height:250px;}
.announcement-box .times{height:48px; width:86%; position:relative; overflow:hidden; margin:20px auto;}
.announcement-box .times ul{ width:1500px; position: absolute; left:0; top: 0;}
.annunce{ width:100%; height:auto; margin-top: 20px; overflow:hidden;}
.annunce ul{ width:114%;}
.annunce ul li{ width:42%; margin-right: 8%; margin-bottom: 24px; float:left; cursor:pointer; height:auto;}
.particular{ float:left; width:80%;}
.annunce .number{ float:left; font-size: 22px; width:6%; line-height: 44px; text-align: center; background: #b3b3b3; color:#fff;}
.detail{ line-height: 20px; padding:0 10px; font-size: 12px; color:#808080;}
.cont-box a:hover .detail{ color:#545454;}
.pdf{ padding:0 10px; width:100%;overflow:hidden; white-space:nowrap; text-overflow:ellipsis; font-size: 16px; line-height: 24px; text-align: left;}
.annunce ul li:hover a{ color:#eb9003 !important;}
.annunce ul li:hover .number{ background:#eb9003;}
.detail .time,.detail .click{ margin-right: 5%;}
.cir ul{ padding:0 10px;}
.circulars-box .times{ height: 48px; margin: 0 auto; overflow: hidden; position: relative; width: 86%;}
.circulars-box .times ul{left: 0;position: absolute;top: 0; width: 1500px;}
.circulars-box .times li{ background:#f2f2f2;}
.circulars-box .times li .trigon{ border-color: #f2f2f2 transparent transparent;}
#financial .text-title{margin-left: 0;}
.text-title h3{ width:10%;}

.financial-box,.cont-box{ padding-top:20px;}
.cont-box ul{ padding-top:8px;}
.finan .times{  height: 48px; margin: 10px auto 0; overflow: hidden; position: relative; width:95%;}
.finan .times ul{ width:10000px; position:absolute; left:0;}
.reporter{ min-height:120px;}
.reporter ul{ padding-top:10px;}
.mapp .BMap_Marker img{ width:auto;}

/*file*/
#smallbanner{ margin:0 auto; padding: 84px 0 0;}
#smallbanner img{ width:100%;}
.file{ height:auto; width:100%; }
.file-box{ padding:50px 0 0;}
.file-box h3{ line-height: 40px; text-align: center; font-size: 20px;}
.details{ min-height:30px; overflow:hidden; border-bottom: 1px dashed #EB9003; line-height: 30px; padding:0 10px; font-size: 14px;}
.time,.from{ float: left;}
.click,.author{ float: right;}
.details .time,.details .click{ margin-right: 26px;}
.article{ width:100%; padding:30px 20px 50px; font-size: 18px; word-wrap: break-word;}
.connection{ width:100%; height:100px; padding:10px 10px 50px; font-size: 14px;}
.connection a:hover{ color:#EB9003!important;}
.connection .prev{ float:left; cursor:pointer;}
.connection .next{ float:right; cursor:pointer;}
.navbar-nav{ margin:0 !important;}
/*回到顶部*/
#back-to-top{ position:fixed; bottom:100px; right:10px; z-index:1000;}
#back-to-top a{ text-align:center; text-decoration:none; color:#d1d1d1; display:block; width:65px; font-size: 14px;

      /*使用CSS3中的transition属性给跳转链接中的文字添加渐变效果*/

      -moz-transition:color 1s;
      -webkit-transition:color 1s;
      -o-transition:color 1s;
}
#back-to-top a:hover{color:#979797; }
#back-to-top a span{ background:#d1d1d1; border-radius:6px; display:block; height:50px; width:50px; margin-bottom:5px; margin:0 auto 5px; position:relative;
      /*使用CSS3中的transition属性给<span>标签背景颜色添加渐变效果*/

      -moz-transition:background 1s;
      -webkit-transition:background 1s;
      -o-transition:background 1s;
}
#back-to-top a:hover span{ background:#979797; position:relative;}
#back-to-top i{  width:0;  height:0;  border-color: transparent transparent #fff transparent;  border-style: dashed dashed solid dashed;  border-width: 16px;  position:absolute;  top: -8px;  left:9px;}
#back-to-top em{  width:15px;  height:18px;  background:#fff; position:absolute;  top:24px; left:18px;}
@media screen and ( max-width:1210px ) {.lang {margin-left:0;}}
@media screen and ( max-width:1100px ){
#recruit .container-img{ padding-top:34px;}
.rightsidebar li{ margin-right: 9%;}


}
@media screen and ( max-width:991px ) {
.navbar .container{ padding:0!important;}
.nav-in{ top: 60px;}
.navbar-logo{ width:150px; position:relative; left:2px; top:0; }
.navbar-brand img{ width:100%;}
#banner h1{ font-size:14px;}
.navbar-nav li a{ height: 60px; line-height: 60px; padding: 0 4px;}
.lang{ line-height: 60px; margin-left: 10px; font-size:14px;}
/* .container h1,.container h3{ text-align: center; font-size: 28px;}
.container h3{ font-size: 20px;} */
.container-img{ padding:10px 0 0; text-align: center;}
.container-img img,.mapping{margin:10px 0 0!important;}
.company{ font-size: 16px; line-height: 26px; padding-top:10px;}
.security{ font-size: 12px; line-height: 18px; padding:0 10px;}
.moveleft{ margin:20px 0 0;}
.navbar-nav li .dropmenu{ top:60px;}
footer{ font-size: 12px;}
.container-text{ padding:12px 0 0;}
.information-box td{ padding:10px 26px;}
#recruit .recruit-box .container-text{ padding-bottom:20px!important;}

.triangle{ top:46px;}
#development p{ width:90%; font-size: 16px;}
.vision li{ font-size: 14px;}
.container-text h2{ font-size: 20px;}
.text-rg{ width:88%;}
.text-box{ padding-top: 14px;}
.container-text .text-rg p{ font-size: 16px; line-height: 24px;}
.text-box ul{ padding-top: 8px;}
.text-box ul li{ font-size: 14px; line-height: 22px;}
#recruit .recruit-box h2{ padding-top: 16px;}
.container-text h2,.text-box{ padding-left:16px;}
.text-title h3{ width:100%; text-align: center;}
.text-title span{ text-align: center; display:block; width:100%; padding:0 10px;}
#governance h1{ padding-top:20px;}
.governance-box .rightsidebar,.governance-box .rightmenu{ padding-left:20px;}
.governance-box .rightsidebar{ padding-top:20px;}
#footer{ position:static;}
.contact-box{ padding-top:14px;}
.message table tr td{ font-size: 16px; height:28px;}
.message table tr .picture{padding-right:10px;}
.message table tr .picture img{ width:90%;}
.news-box .container-img{ text-align: center;}
.newsmenu{ padding-left:15px; padding-right: 15px;}
.rightmenu ul li,.rightmenu ul li, .cir ul li, .reporter ul li{ font-size: 16px; overflow:hidden;}
.annunce ul li{ width:100%;}
.annunce .number{ width:5%;}
.announcement-box .times li, .circulars-box .times li, .finan .times li{ margin-right: 42px;}



}

@media screen and ( max-width:767px ) {
.navbar .container{ padding:0 15px!important;}
.navbar-header{ margin-left: 0!important;}
.navbar-logo{ margin-left: 0!important;} 
.navbar-default .nav li{width:100px;}
.navbar-nav li{ margin:1px 0; height:32px;}
.navbar-default .nav-in li{ margin:0;}
.navbar-default .nav li a { height:auto; line-height:1em; padding:8px;}
.navbar-nav li .nav-in{ position:absolute; left:100px; top:0px;display:none;}
.navbar-nav li .nav-in li a{ height:32px; line-height: 32px; padding:0 0 0 14px;}
.navbar-default .nav li .nav-two li{ width:96px;}
.navbar-default .nav li .nav-two li{ width:108px;}
.navbar-default .nav li .nav-three li{ width:140px;}
.trade{ font-size: 20px;}
.txt-in{ font-size: 14px; line-height: 22px;}
.information-box td{ font-size: 14px; line-height: 22px; padding:6px 12px;}
.information-box td p.spacing{ line-height: 22px;}
.container-img img{ width:95%;}
.copyright,.link{ float:none; text-align: center;}
.link{ padding-top:4px;}
#development p{ font-size: 14px;}
.circulars-box{ min-height:280px;}
.cir{ min-height:190px;}
.recruit-box{ padding:0 0 20px;}
.governance-box .container-img{ margin:0;}
.governance-box .rightsidebar,.governance-box .rightmenu{ padding-left:10px;}
.rightsidebar li,.announcement-box .times li, .circulars-box .times li, .finan .times li{ line-height: 24px; font-size: 14px; padding:0 6px;}
.rightsidebar li .trigon{ top:24px;}
.rightmenu ul li,.cir ul li, .reporter ul li{ font-size: 14px;  line-height: 22px;}
.rightmenu ul li .tigle, .rightmenu ul li i,.announcement-box .times li .tigle,.announcement-box .times li i, .circulars-box .times li .tigle,.circulars-box .times li i, .reporter ul li .tigle,.reporter ul li i,.cir ul li i,.cir ul li .tigle{ border-width: 6px;}
.rightmenu ul li i,.times li i,.reporter ul li i,.cir ul li i{ margin-left: -14px;}
.tig-lf, .tig-rg{ top:2px;}
.tig-rg{ left:1px;}
.rightmenu{ height:130px;margin-top: 20px;}
.newsmenu { height:auto;}
.rightmenu ul li .text,.cir ul li .text,.reporter ul li .text{padding-left: 17px; max-width: 210px; text-overflow: ellipsis; white-space: nowrap; overflow:hidden; width:66%; display:inline-block;}
.message table tr td{ font-size: 14px;height:24px;}
.message table tr .picture img{ width:80%;}
.annunce .number{ line-height:36px; width:8%;}
.pdf{ font-size: 14px; line-height: 22px;}
.detail{ line-height: 18px;}
.announcement-box .times li, .circulars-box .times li, .finan .times li{ margin-right: 19px;}
.rightsidebar li .trigon, .announcement-box .times li .trigon, .circulars-box .times li .trigon, .finan .times li .trigon{ top:24px;}
.stock-box .container-img img{ width:95%;}
.triangle { top: 8px;margin-left: 42px;}
.triangle em, .triangle span{ border-style: dashed dashed dashed solid; border-color: transparent transparent transparent #fff; }
.triangle span{ top:0; left:-2px; border-left-color:#eb9003;}
#back-to-top a{ font-size: 12px; width:50px;}
#back-to-top a span{ height:40px; width:40px;}
#back-to-top i{ left:9px; top:-2px; border-width: 11px;}
#back-to-top em{ left:16px; top:18px; width:9px; height:14px;}
#banner h1,.lang{ display:none;}
.connection .prev,.connection .next{ float:none; margin-bottom:10px;}
.details span,.detail span{display:block;}
.delete{ clear:both;}
.click{ float:left!important;}
.from{ float:right!important;}
.tit{ left:30px;}
.circulars-box .right{ right:0;}
}

/* media 360 */
@media screen and ( max-width:360px ){
.navbar-logo{ width:128px;}
.navbar-brand img{ width:100%;}
.navbar-toggle{ padding:6px; margin-top: 8px!important;}
#information,#manager,#profile,#policies{ padding:16px 0 20px;}
.container-text p{ line-height: 24px;}
.container h1{ font-size: 18px;}
.container h3{ font-size: 16px;}
.company{ font-size: 14px;}
.security{ font-size: 12px;}
.information-box td{ padding:10px 16px;}
.rightsidebar li{ margin-right: 4%;}
.container-text h2,.text-box{ padding-left: 5px;}
.annunce .number{ width:10%;}
.announcement-box .right{ right:-10px;}
.announcement-box .left{ left:-10px;}
.circulars-box .right{ right:-6px;}
}