@charset "utf-8";
/* CSS Document */
.orange{ color:#F55C00;}
.mr10{ margin-right:10px;}
.linkbanner{ width:100%; height:auto; background:#FFF; position:relative;}
.img1{ opacity:0; width:100%; min-width:1200px; display:block;}
.linkbanerbg{ background:url(/Public/home/linkproject/projictimg.jpg) no-repeat; background-size:100%; position:absolute; width:100%;min-width:1200px; height:100%; z-index:2; top:0; left:0; text-align:center;}
.linkbanerbg div{width:100%; height:100%;  position:relative;}
.linkbanerbg div img{position:absolute; bottom:65px; -webkit-transform: translate(0px, 10px);-webkit-animation: warning 1s infinite ease-in;-moz-animation: warning 1s infinite ease-in;-ms-animation: warning 1s infinite ease-in;animation: warning 1s infinite ease-in;  /*引用定义的关键帧*/}
.linkcon{width:1200px; margin:0 auto; background:#fff; position:relative; z-index:3; margin-top:-40px;}
.projectdiv{ margin-bottom:30px;}
.protext{ border:1px solid #E3E3E3; width:460px; padding-left:1px; height:393px; background:#FCFCFC;}
.protitle{ text-align:center; padding-top:35px;border-bottom:1px solid #E3E3E3;}
.protitle h1{ height:70px; line-height:70px; font-size:20px;}
.procon{ padding:15px 10px 0 30px; height:169px;}
.procon p{ line-height:20px; font-size:15px; padding:3px 0px; color:#666;}
.probottom{padding:0px 10px 0 30px; background:#F2F2F2; height:63px; line-height:63px;}
.probottom p{font-size:14px; color:#333;}
.probottom p span{ font-size:18px; font-weight:bold; padding-right:5px;}
a.baomingbtn,a.baomingbtn:link,a.baomingbtn:visited{ display:block; width:125px; height:39px; line-height:39px; text-align:center; color:#FFF; font-size:16px; background:#FF6400; margin-top:12px;}
a.baomingbtn:hover{ background:#F44500;}
/*图片轮播图标样式*/
.banner{ position:relative;width:729px;}
.banner .hd{  height:45px; line-height:45px; background:#EDEDED; padding:0 20px;   text-align:left;}
.banner .hd h1 a,.banner .hd h1 a:link,.banner .hd h1 a:visited{font-size:16px; font-weight:normal;color:#333; float:left; width:550px;}
.banner .hd h1 a:hover{ color:#F55C00;}
/*.banner .hd {width:100%;height:10px;left:auto;right:auto;top:auto;bottom:0px;position:absolute;text-align:center;z-index:1}*/
.spanico{ height:11px; width:120px; margin-top:15px;}
.spanico li {width:11px;height:11px;margin:0 5px;background-color:#B6B6B6;cursor:pointer; display:block; float:right;}
.spanico li.on {background-color:#f55c00;}
.banner .bd{position:relative;height:100%;z-index:0;overflow:hidden;}
.banner .bd li{ height:350px;}
.banner .bd li img{width:729px; height:350px; display:block;}

@-webkit-keyframes warning{ 
          0% { 
            -webkit-transform: translate(0px, 0px); transform: translate(0px, 0px); 
          } 
          100% { 
            -webkit-transform: translate(0px, 10px); transform: translate(0px, 10px); 
          } 
        }
@-moz-keyframes warning{ 
          0% { 
            -moz-transform: translate(0px, 0px); transform: translate(0px, 0px); 
          } 
          100% { 
            -moz-transform: translate(0px, 10px); transform: translate(0px, 10px); 
          } 
        }
@-ms-keyframes warning{ 
          0% { 
            -ms-transform: translate(0px, 0px); transform: translate(0px, 0px); 
          } 
          100% { 
            -ms-transform: translate(0px, 10px); transform: translate(0px, 10px); 
          } 
        }
.procontainer{ width:1200px; margin:0 auto;}
.procontainer img.banner{ width:1200px; height:335px; display:block; margin-bottom:10px;}
.projs{ border:1px solid #E0E0E0; padding:0px 40px 30px 40px;}
.projs h1{ height:130px; line-height:130px; font-size:40px; text-align:center; border-bottom:1px solid #EEEEEE;}
.proarticle{ padding-top:30px;}
.proarticle p{ line-height:32px; color:#666; font-size:16px; margin-bottom:20px;}
.proarticle p.borderbom{ border-bottom:1px solid #EEEEEE; padding-bottom:40px;}
.textindent{ text-indent:2em;}
.proarticle h3{ font-size:20px; color:#333; font-weight:normal; margin-bottom:15px;}
.proarticle table th{ background:#F9F9F9; }
.proarticle table{ border-collapse:collapse;border:1px solid #E7E7E7;}
.proarticle table th,.proarticle table td{border:1px solid #E7E7E7;height:30px; line-height:30px;  font-size:14px; text-align:center;}
.baomingdiv{border:1px solid #E7E7E7; border-top:none; padding:20px; padding-bottom:30px;}
.baomingdiv a.baomingbtn{ width:300px; margin:0; height:55px; line-height:55px; background:#FE4902; font-size:18px;}
/*鼠标移动到tr时变色效果*/
.proarticle tbody tr:hover td{ background:#f8f8f8;}

/************************************带遮罩的弹出层*************************************/
.bmbox{ width:550px; height:auto; padding:20px 20px 30px 30px; position:absolute;left:50%; z-index:999;background-color:#fff;border:1px #ddd solid;}
.bmbox h2{ font-size:20px; font-weight:normal; padding-bottom:10px;}
.close{ position:absolute; right:0; top:20px; right:18px;}
.bmbox input{width:500px;height: 42px;border: 1px solid #d3d3d3;margin: 13px 0;font-size: 14px;color:#A9A9A9; padding-left:15px;line-height: 42px;}
.bmbox textarea{ width:485px; line-height:20px; height:70px;border: 1px solid #d3d3d3;margin: 13px 0;font-size: 14px;color:#A9A9A9; padding:10px 15px;}
.bmbox a.baomingbtn{ width:515px; height:42px; line-height:42px;}
.mt15{ margin-top:15px;}	
#bg{background-color:#000;position:absolute;z-index:998;left:0;top:0;display:none;width:100%;height:100%;opacity:0.5;filter: alpha(opacity=50);-moz-opacity: 0.5;}






































