@charset "utf-8";
/*** CSS
    by:c time;2016-09-06
***/
.wrapper{ position: relative; top: 0; left: 50%; z-index: 0; width: 100%; height: auto; overflow: hidden; margin-left: -50%; font-family: "Arial", sans-serif;}
.header{ width: 100%; height: auto; background: url("../images/topbg.jpg") repeat-x;}
.top{ width: 1300px; height: 103px; padding: 3px 0 0 0; margin: 0 auto;}
.logo{ width: 269px; height: 65px; padding: 18px 0 20px 0; float: left;}
.language{ width: auto; height: 27px; float: right; padding: 15px 0 0 0; }
.language a{ width: auto; height: 27px; display: block; margin: 0 13px 0 0; float: left; font: 14px/27px Arial; color: #7f7e7e; }
.language a:hover{ color: #d6000f;}
.language .so{ width: 242px; height: 27px; background-color: #222; border-radius: 14px; float: left; }
.language .txt{ width: 145px; height: 25px; border: none medium; background:#fff url(../images/txt.png) no-repeat 7px 6px; margin: 1px; border-radius: 13px; padding: 0 13px 0 22px; font-size: 12px; color: #b4b3b3; font-style: italic; float: left;}
.language .go{ width: 60px; height: 27px; font-size: 14px; color: #fff;  border: none medium; background-color: transparent; display: block; float: left;}
.menu{ width: auto; height: 22px; float: right; margin-top: 28px;}
.menu ul li{ width: auto; height: 22px; float: left; margin-left: 30px; }
.menu ul li a{ line-height: 21px; font-size: 14px; color: #6c6b6b; text-transform: uppercase; display: block;}
.menu ul li a:hover{ color: #d60110; border-bottom: 1px solid #d60110;}
.menu ul li a.on{ color: #d60110; border-bottom: 1px solid #d60110;}

.banner{ width: 100%; height: auto; overflow: hidden;}
.slideBox{ width: 100%; height: auto; overflow: hidden; position: relative;  }
.slideBox .hd{ height: 5px; overflow: hidden; position: absolute; left: 50%; bottom: 40px; margin-left: -57px; z-index:1; }
.slideBox .hd ul{ overflow: hidden; zoom:1; float:left;  }
.slideBox .hd ul li{ float: left; margin: 0 4px; width: 30px; height: 5px; background-color: #fff; cursor: pointer; }
.slideBox .hd ul li.on{ background-color: #d7000f; }
.slideBox .bd{ position: relative; height: 100%; z-index: 0; }
.slideBox .bd li{ zoom: 1; vertical-align: middle; }
.slideBox .bd img{ width: 100%; height: auto; display: block; }
.slideBox .prev,
.slideBox .next{ position: absolute; left: 0; top: 0; display: block; width: 100px; height: 100%; background: url(../images/left.png) no-repeat center center; filter: alpha(opacity=50); opacity: 0.5; }
.slideBox .next{ left: auto; right: 0; background: url(../images/right.png) no-repeat  center center; }
.slideBox .prev:hover,
.slideBox .next:hover{ filter: alpha(opacity=100); opacity: 1;}

.center{ width: 100%; height: auto; overflow: hidden;}
.commom{ width: 1300px; margin: 0 auto;}

.title{ width: 400px; height: 79px; padding: 47px 0 34px 0; margin: 0 auto; }
.title h1{ height: 38px; line-height: 38px; text-align: center; text-transform: uppercase; font-size: 25px; font-weight: bold; color: #d6000f; display: block; }
.title h2{ width: 100%; height: 1px; background-color: #000;}
.title h3{ height: 40px; line-height: 40px; text-align: center; text-transform: uppercase; font-size: 25px; font-weight: bold; color: #868686; display: block;}
.Piclist{ width: 1200px; height: 220px; margin: 0 auto 64px auto; position: relative;}
.Piclist ul{ overflow:hidden; zoom:1; }
.Piclist ul li{ width: 230px; height: 230px; float:left; overflow:hidden; text-align:center; }
.Piclist ul li a{ display: block; margin: 0 5px; padding: 5px; background-color: #404040; }
.Piclist ul li a img{ width: 100%; display: block;}
.Piclist ul li a p{ height: 30px; line-height: 30px; text-align: center; display: block; font-size: 18px; font-weight: bold; color: #fff; }
.Piclist .sPrev,.Piclist .sNext{ position: absolute; left: -50px; top: 50%; margin-top: -25px; display:block; width: 25px; height: 51px; background:url(../images/sPrev.png) no-repeat; }
.Piclist .sNext{ left:auto; right:-50px; background:url(../images/sNext.png)no-repeat; }

.Trade{ height: auto; overflow: hidden; background-color: #f2f2f2;}
.Trades{ width: 1300px; margin: 0 auto;  }
.Trade-l{ width: 210px;}
.Trade-title{ width: 100%; height: 50px; background-color: #404040;}
.Trade-title h1{ text-align: center; line-height: 50px; display: block; font-size: 30px; font-weight: bold; color: #fff; }
.Trade-commom{ width: 100%; height: auto; overflow: hidden;}
.Trade-commom ul li{ margin-top: 3px; width: 100%; height: 34px; }
.Trade-commom ul li a{ display: block; font-size: 14px; line-height: 34px; font-weight: bold; color: #fff; padding-left: 30px; }
.Trade-commom ul li a:hover{ background: #fff url("../images/Tradeimg.png") no-repeat 30px center; color: #0e72d1; padding-left: 48px;}
.Trade-commom ul li a.on{ background: #fff url("../images/Tradeimg.png") no-repeat 30px center; color: #0e72d1; padding-left: 48px;}
.color1{ background-color: #0e72d1;}
.color2{ background-color: #5aa8f2;}
.Trade-r{ width: 880px;}
.Trade-r ul{ overflow: hidden;}
.Trade-r ul li{ width: 212px; height: 212px; float: left; margin: 0 0 26px 8px; position: relative; }
.Trade-r ul li a{ display: block; border: 1px solid #b5b5b5;}
.Trade-r ul li a img{ width: 100%; display: block;}
.Trade-r ul li a p{ position: absolute; left: 0; bottom: 0; background-color:rgba(0, 0, 0, 0.7); width: 100%; height: 30px; text-align: center; line-height: 30px; display: block; font-size: 12px; color: #fff;}
.Trade-r ul li a:hover{ border-color: #55a0e8; }
.Trade-r ul li a:hover p{ background-color:#55a0e8;}
.Trade-r .more{ width: 168px; height: 41px; margin: 8px auto 36px auto; display: block; text-align: center; line-height: 41px; background-color: #0e72d1; font-size: 25px; color: #fff; }

.Us{ width: 1170px; height: auto; overflow: hidden; margin: 0 auto; padding: 59px 0;}
.Uss{ width: 350px; height: auto; float: left;}
.sU{ margin: 0 60px;}
.Usimg{ width: 100%; height: auto; overflow: hidden; margin-bottom: 18px;}
.Usimg img{ width: 100%; display: block;}
.Ustxt{ height: 20px; line-height: 20px; padding: 0 5px; }
.Ustxt span{ font-size: 20px; font-weight: bold; color: #e3393c; display: block; float: left; }
.Ustxt a{ font-size: 14px; color: #666; display: block; float: right; }
.Ustitle{ padding: 0 5px; margin-top: 16px; }
.Ustitle p{ line-height: 24px; font-size: 14px; color: #3d3d3d; display: block;}
.Ustitle ul li{ height: 24px; line-height: 24px; }
.Ustitle ul li a{ width: 250px; font-size: 14px; color: #3d3d3d; display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; float: left; }
.Ustitle ul li a:hover{ color: #e3393c;}
.Ustitle ul li span{ width: 74px; font-size: 14px; color: #3d3d3d; display: block; float: right;}

.footer{ width: 100%; height: auto; background: url("../images/footbg.jpg") repeat-x; }
.botter{ text-align: center; padding: 30px 0;}
.botter a{ font-size: 14px; color: #fff; line-height: 24px; text-transform: uppercase; padding: 0 16px;}
.botter a:hover{ color: #e3393c;}
.copyright{ text-align: center; }
.copyright p{ height: 24px; line-height: 24px; font-size: 12px; color: #c0c0c0; display: block;}
.copyright p a{ color: #c0c0c0;}
.copyright p a:hover{ color: #e3393c;}

.ititle{ width: 100%; height: auto; text-align: center; padding: 45px 0 33px 0;}
.ititle h4{ line-height: 62px; font-size: 30px; font-weight: bold; color: #d6000f; display: block; text-transform: uppercase; }
.ititle h5{ width: 98px; height: 1px; background-color: #d6000f; margin: 0 auto; }
.ititle h6{ height: 30px; line-height: 30px; font-size: 16px; color: #d7000f; display: block; padding: 12px 0 0 0;}

.commoms{ width: 100%; height: auto;  overflow: hidden;}
.commoms span{ height: 40px; line-height: 40px; display: block; font-size: 18px; font-weight: bold; color: #000; text-transform: uppercase;}
.commoms p{ line-height: 40px; font-size: 16px; color: #000; display: block;}
.commoms img{ width: 1099px; height: 216px; display: block; margin: 60px auto 20px auto; }

.about_us{ width: 50%; height: auto; float: left; margin-bottom: 60px; overflow: hidden;}
.about_us img{ width: 166px; height: 166px; float: left; margin: 0 20px; padding: 28px 0 0 0;}
.about_us p{ font-size: 16px; line-height: 28px; color: #000; display: block; text-align: left; }

.contact_us{ width: 50%; height: auto; float: left; overflow: hidden; background: url("../images/contact-us.jpg") no-repeat 36px 126px; margin: 0 0 60px 0;}
.contact_us h1{ width: 577px; height: 40px; line-height: 40px; text-align: left; font-size: 20px; color: #000; display: block; overflow: hidden; margin: 0 auto;}
.contact_us h6{ width: 577px; line-height: 34px; font-size: 16px; color: #535353; display: block; text-align: left;  margin: 0 auto; padding-left: 65px;}
.contact_us .map{ width:477px; height: 388px; margin: 20px auto 0 auto; }
.contact_us .map img{ width: 477px; height: 388px; display: block; padding: 0; margin: 0;}

.mid{ height: auto; overflow: hidden; margin: 24px 0; }
.left{ width: 280px; height: auto; overflow: hidden;}
.left span{ width: 100%; height: 41px; line-height: 42px; text-transform: uppercase; text-align: center; border-bottom: 1px solid #3f3f3f; font-size: 20px; font-weight: bold; color: #d60110; display: block; }
.left h1{ width: 100%; height: 41px; line-height: 42px; text-transform: uppercase; text-align: left; border-bottom: 1px solid #3f3f3f; font-size: 20px; font-weight: bold; color: #d60110; display: block; background: url("../images/left1.png") no-repeat 5px center; padding-left: 47px; }
.left img{ display: block; width: 100%; margin-bottom: 10px;}
.left p{ line-height: 24px; font-size: 14px; color: #333; display: block;}
.left ul{ overflow: hidden; margin-bottom: 20px;}
.left ul li{ height: 39px; border-bottom: 1px solid #dddddd;}
.left ul li a{ display: block; line-height: 40px; font-size: 16px; color: #818080; padding-left: 64px; }
.left ul li a:hover{ color: #000; padding-left: 82px; background: url("../images/leftli.png") no-repeat 64px center; }
.left ul li a.on{ color: #000; padding-left: 82px; background: url("../images/leftli.png") no-repeat 64px center; }

.right{ width: 958px; height: auto; overflow: hidden;}
.right span{ width: 100%; height: 41px; line-height: 42px; margin-bottom: 18px; text-transform: uppercase; text-align: right; border-bottom: 1px solid #3f3f3f; font-size: 14px; color: #666; display: block;}

.Product{ width: 100%; height: auto; overflow: hidden;}
.Product ul{ overflow: hidden;}
.Product ul li{ width: 212px; height: 212px; float: left; margin: 13px 0 13px 27px; position: relative; }
.Product ul li a{ display: block; border: 1px solid #b5b5b5;}
.Product ul li a img{ width: 100%; display: block;}
.Product ul li a p{ position: absolute; left: 0; bottom: 0; background-color:rgba(0, 0, 0, 0.7); width: 100%; height: 30px; text-align: center; line-height: 30px; display: block; font-size: 12px; color: #fff;}
.Product ul li a:hover{ border-color: #55a0e8; }
.Product ul li a:hover p{ background-color:#55a0e8;}

.pager{ text-align: center; padding: 20px 0 10px 0;}
.pager a{ padding: 0 6px; margin: 0 6px; color: #333;}
.pager span{ padding: 0 6px; margin: 0 6px;}

.rights{ padding: 20px; }
.rights h1{ line-height: 26px; font-size: 16px; color: #000; text-transform: uppercase; display: block; text-align: left;}
.rights p{ line-height: 26px; font-size: 14px; color: #000; display: block; text-align: left;}
.rights img{ display: block; margin: 0 auto;}

.rights-news{ width: 100%; height: auto; overflow: hidden;}
.rights-news ul li{ height: 126px; padding: 25px 10px; border-bottom: 1px dashed #959595;}
.rights-news ul li a{ display: block; }
.rights-news ul li a img{ width: 193px; height: 126px; display: block; float: left; margin-right: 20px; }
.rights-news ul li a .new{ width: 725px; height: 126px; float: right;}
.rights-news ul li a .new h2{ height: 36px; line-height: 36px; font-size: 16px; color: #646464; font-weight: 600; display: block; overflow: hidden; text-overflow: ellipsis;}
.rights-news ul li a .new span{ height: 30px; line-height: 30px; padding: 0 5px; font-size: 14px; color: #d7000f; display: block; margin: 0; border: none; text-align: left;}
.rights-news ul li a .new p{ height: 60px; line-height: 30px; font-size: 14px; color: #646464; display: block; overflow: hidden;}

@media (max-width: 1280px) {
    .top{ width: 1024px; height: 93px; }
    .logo{ width: 228px; height: 55px; padding: 19px 0; }
    .logo img{ width: 100%; display: block;}
    .language a{ font: 12px/27px Arial; }
    .language .go{ font-size: 12px;}
    .menu{ margin-top: 15px;}
    .menu ul li{ margin-left: 16px; }
    .menu ul li a{ font-size: 12px; }
    .slideBox .hd{ bottom: 20px; }
    .commom{ width: 1024px;}
    .title{ padding: 36px 0 28px 0; margin: 0 auto; }
    .Piclist{ width: 1024px; height: 188px; margin: 0 auto 50px auto;}
    .Piclist ul li{ width: 256px; height: 188px;}
    .Piclist ul li a p{ height: 27px; line-height: 27px; font-size: 16px;}
    .Trades{ width: 1024px; }
    .Trade-l{ width: 200px;}
    .Trade-commom ul li a{ padding-left: 20px; }
    .Trade-commom ul li a:hover{ background: #fff url("../images/Tradeimg.png") no-repeat 20px center; padding-left: 38px;}
    .Trade-commom ul li a.on{ background: #fff url("../images/Tradeimg.png") no-repeat 20px center; padding-left: 38px;}
    .Trade-r{ width: 800px;}
    .Trade-r ul li{ width: 192px; height: 192px; margin: 0 0 20px 8px; }
    .Trade-r ul li a p{ height: 24px; line-height: 24px;}
    .Trade-r .more{ width: 128px; height: 32px; margin: 6px auto 32px auto; line-height: 32px;  font-size: 20px;  }
    .Us{ width: 1170px; padding: 40px 0;}
    .Uss{ width: 320px; }
    .sU{ margin: 0 32px;}
    .Ustitle ul li a{ width: 200px;  }
    .botter{ text-align: center; padding: 20px 0;}
    .botter a{ font-size: 12px; line-height: 24px; padding: 0 12px;}
    .copyright{ padding: 0 0 10px 0;}
    .ititle{ padding: 32px 0 20px 0;}
    .ititle h4{ line-height: 52px;  }
    .ititle h6{ padding: 8px 0 0 0;}
    .commoms p{ line-height: 32px;}
    .commoms img{ width: 1024px; height: 201px; margin: 32px auto 12px auto; }
    .about_us{  margin-bottom: 48px;}
    .about_us img{ width: 144px; height: 144px; margin: 0 12px; padding: 24px 0 0 0;}
    .about_us p{ font-size: 12px; line-height: 24px; }
    .contact_us{ background: url("../images/contact-us.jpg") no-repeat -5px 100px; }
    .contact_us h1{ width: 512px; height: 32px; line-height: 32px; text-align: left; font-size: 16px;}
    .contact_us h6{ width: auto; font-size: 14px; padding-left: 25px;}
    .mid{ margin: 16px 0; }
    .left{ width: 210px;}
    .left span{ height: 32px; line-height: 32px; font-size: 16px; }
    .left h1{ height: 39px; line-height: 40px; font-size: 16px;  }
    .left img{ margin-bottom: 6px;}
    .left p{ line-height: 20px; font-size: 12px;}
    .left ul{ margin-bottom: 16px;}
    .left ul li{ height: 32px;}
    .left ul li a{ line-height: 32px; font-size: 14px; padding-left: 32px; }
    .left ul li a:hover{ padding-left: 42px; background: url("../images/leftli.png") no-repeat 32px center; }
    .left ul li a.on{ padding-left: 42px; background: url("../images/leftli.png") no-repeat 32px center; }
    .right{ width: 800px; }
    .right span{  height: 32px; line-height: 32px; margin-bottom: 8px; font-size: 12px; }
    .Product ul li{ width: 192px; height: 192px; margin: 6px 0 6px 8px;  }
    .Product ul li a p{ height: 24px; line-height: 24px;}
    .pager{ padding: 10px 0 5px 0;}
    .rights-news ul li{ padding: 18px 10px; }
    .rights-news ul li a img{ display: block; float: left; margin-right: 12px; }
    .rights-news ul li a .new{ width: 575px; }

}