@charset "utf-8";
/* CSS Document */
body{ background:#f7f7f7; font-family:Arial, Helvetica, sans-serif; font-size:12px; margin:0px; padding:0px;color:#5a6d7b; line-height:22px;}
#property{background:#E0525D; text-align:left; color: #fff; padding: 4px 0;}
#property a{background: #222222; display: inline-block; padding:0 10px; color: #fff; border-radius: 2px; margin-left: 10px; text-decoration: none;}
#property a:hover{background: #18457C;}
.div2{top:0px;z-index:999;position:fixed;_position:absolute;  background:#f7f7f7; width:100%;}
.clear{ clear:both;}
.top{ background:#182829; line-height:15px;color:#8496a5;}
.logo{ padding-top:6px;}
.top .col-md-8{ padding:8px;}
.top .col-md-8 span{ padding-left:15px; padding-right:10px;}
.top .col-md-8 a{ color:#8496a5;}
.top .col-md-8 a:hover{ color:#004ea1; text-decoration:none;}
@media screen and (max-width: 767px){
	.logo{ width:167px; margin:0 auto 15px;}
	.phone,.addr{ margin:0 auto; text-align:center; margin-bottom:8px;} 
	.phone{ width:250px;}
}
@media screen and (min-width: 992px){.right{ float:right;}}
@media screen and (min-width: 768px){
	.logo{ padding-left:25px;}
	.phone,.addr{float:left;}
	.phone{  margin-right:30px; margin-top:10px;width:165px;}
	.addr{ margin-top:3px;}
	
	.navdiv{ border-bottom:1px solid #5a6d7b; padding:0.85%;}
	.navdiv ul{ float:left;}
	.navdiv form{ float:right;  border-radius:18px; margin-top:22px;}
}
.navdiv { position:relative;}
.navdiv form .text{ border:none; background:#fff; width:188px; padding:5px 0px; border:1px #dedbde solid; height:36px; padding-left:3px; color:#656c6c; border-radius:3px 0px 0px 3px;}
.sbtn{ background:#053365 url(../images/s-btn.png) center center no-repeat; width:36px; height:36px; border:none; color:#fff;}
.sbtn:hover{ background-color:#182829;}
.navdiv li{ font-size:16px; text-transform:uppercase; float:left; margin:0px 2px; line-height:64px; }
.navdiv li a{ color:#637d8c; padding-left:10px; padding-right:10px;}
.navdiv li a:hover,.navdiv li .active{ color:#fff;  background:#004ea1;}
@media screen and (min-width: 768px) and (max-width:991px){
	.navdiv li{ font-size:12px;margin:0px 1px;}.navdiv li a{ padding-left:3px; padding-right:3px;}
}
.div2 .navdiv{ padding-top:0;}
@media screen and (min-width: 992px) and (max-width:1199px){.navdiv li{ font-size:12px;margin:0px 3px;}}
/*移动设备导航*/
.select-menu {
  display: none;
  border: 1px solid #c8c8c8;
  background-color: #e4e4e4;
  width: 100%;
  height: 30px;
  padding: 5px;
  cursor: pointer;
  outline: none;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px; margin-bottom:10px;
}
.select-menu:focus {
  border-color: #999;
}
.select-menu option {
  padding: 5px;
  cursor: pointer;
}
.select-menu option.main_item {
  font-weight: bold;
}
.txt-right{ text-align:right;}
.ico-img{  line-height:30px; }
.ico-img a{ padding:5px; color:#8496a5; text-decoration:none;}
.ico-img a:hover{ color:#004ea1;}
/* 焦点图 */
	.slideBox{ position:relative; overflow:hidden; margin:0px auto;  }
	.slideBox .hd{  height:18px; line-height:18px; margin:10px auto; width:95px;}
	.slideBox  ul{ margin:0px; padding:0px;}
	.slideBox .hd li{ display:inline-block; width:14px; height:14px; -webkit-border-radius:7px; -moz-border-radius:7px; border-radius:7px; background:#b5babd; text-indent:-9999px; overflow:hidden; margin:0 6px;   }
	.slideBox .hd li.on{ background:#004ea1; }
	.slideBox .bd{ position:relative; z-index:0; }
	.slideBox .bd li{ position:relative; text-align:center;  }
	.slideBox .bd li img{ background:url(../images/loading.gif) center center no-repeat;  vertical-align:top; width:100%;}
	.slideBox .bd li a{ -webkit-tap-highlight-color:rgba(0,0,0,0);  }  
	.slideBox .bd li .tit{ display:block; width:100%;  position:absolute; bottom:0; text-indent:10px; height:15%;  color:#fff;  text-align:left; background:#1f2024; text-align:center; font-size:16px; line-height:30px; text-decoration:none;
filter:alpha(opacity=70);
background:rgba(0, 0, 0, 0.5)!important;}
@media screen and (min-width: 1024px){
	.slideBox .bd li .tit{ font-size:28px; line-height:50px;}
	}
@media screen and (max-width:660px){.slideBox .bd li .tit{ height:25px;}}
.home-h1{ font-size:26px; text-align:center; color:#37474f; margin-top:5px;margin-bottom:20px;}
.home-h2{ font-size:14px; text-align:center;color:#5a6d7b; margin:0px 0px 25px 0px;}
.hp-tit{ background:#004ea1; text-align:center; color:#fff; display:block; width:100%; font-size:14px; padding:10px 0px; margin-bottom:15px; line-height:18px;}
a.hp-tit:hover{ background:#053365;color:#fff; text-decoration:none; }
@media screen and (min-width:1024px){
	.home-h1{ font-size:38px; margin-top:35px; margin-bottom:10px;}
	.home-h2{ font-size:18px; margin-bottom:55px;}
	.hp-tit{ font-size:18px; padding:10px 0px;}
}
@media screen and (min-width:768px) and (max-width:1280px) {.hp-tit{ font-size:16px; padding:10px 0px;}}
@media screen and (min-width:1300px){.hp-tit{ font-size:18px; padding:17px 0px;}}	
@media screen and (min-width:360px) and (max-width:450px){.hp-tit{ height:52px; padding:10px 0px;}}
.h-title{ text-align:center; font-size:47px; color:#31454a; margin-top:65px; margin-bottom:45px;}
.h-about{ color:#5a6d7b; font-size:14px; line-height:25px;}
@media screen and (min-width:1024px){.h-about{ background:#fff url(../images/index_18.jpg) right top no-repeat; }.h-about .pleft{ padding:5% 35% 5% 0;}	}
.h-pj{ background:#004ea1; padding:4.24489% 0; margin-top:4.2%}
.h-pj .home-h1{ margin-bottom:15px; margin-top:0px;}
.h-pj .home-h2{ margin-bottom:45px;}
.h-pj .learn{ padding: 16px 48px 18px 55px; font-size:24px;border: 2px solid #fff;transition: all 0.3s ease 0s; width:263px; margin:4.2% auto 0; text-decoration:none; display:block;}
.h-pj .learn:hover {
    background: #03a9f4 none repeat scroll 0 0;
    border-color: #03a9f4;}
.h-pj .tit-fff,.h-pj a{ color:#fff;}
.h-pj .pj-box{ width:100%; height:100%; position:relative;}
.h-pj .pj-hover{ position:absolute; width:100%; height:100%; background:#000;  opacity: 0.3; filter:alpha(opacity=30); z-index:2; display:none; top:0; left:0; }
.h-pj .pj-cnt{width:100%; height:100%; text-align:center; color:#fff; padding:10.2% 3.513% 0; position:absolute; top:0; left:0; display:none;z-index:3; font-size:14px;}
.h-pj .pj-cnt .title{ font-size:1.8em; margin-bottom:12px;}
@media screen and (min-width:768px) and (max-width:1000px){.h-pj .pj-cnt{ line-height:15px;}h-pj .pj-cnt .title{ font-size:1.2em; margin-top:5px;}}
@media screen and (min-width:1024px) and (max-width:1200px){.h-pj .pj-cnt{ line-height:18px;}.h-pj .pj-cnt .title{ font-size:1.3em;}}
@media screen and (max-width:767px){.h-pj .pj-box{ margin-bottom:15px; } .h-pj .pj-box img{ width:100%; }}
.h-pj .pj-cnt p{ margin:0.06216% 0;}
.h-pj .pj-cnt .pj-a{ font-size:34px;  margin-top:15px;}
.h-pj .pj-cnt .pj-a a{padding:0px 7px;}
.h-pj .pj-cnt .pj-a a:hover{ color:#03a9f4;text-decoration:none;}
.h-pj .pj-box:hover .pj-hover,.h-pj .pj-box:hover .pj-cnt{ display:block;}

.h-about .pleft p{ margin-bottom:25px;}
.h-about .pleft .more{ background:#004ea1; color:#fff; font-size:20px; width:225px; text-align:center; line-height:56px; text-transform:uppercase; margin-top:30px; display:block;}
.h-about .pleft a:hover.more{ background:#053365; text-decoration:none;}
.h-n-tit{ font-size:18px; color:#31454a; display:block; margin-bottom:10px;}
.mbotm{ margin-bottom:68px;}
@media screen and (max-width:768px){.h-title{ font-size:32px; margin:35px 0px 35px 0px;} .h-n-tit{ margin-top:7px;}.mbotm{ margin-bottom:35px;}}
.pn-des{ line-height:18px; color:#5a6d7b; margin-bottom:18px;}
.n-more{ background:#004ea1; width:147px; height:40px; text-align:center; color:#fff; font-size:14px; text-transform:uppercase; display:block; line-height:40px; margin-bottom:15px;}
a:hover.n-more{ color:#FFF; text-decoration:none; background:#053365; }
@media screen and (max-width:767px){.n-more{ margin:0 auto 15px; }}
.b-radius{ border-radius:10px;}
.h-line{ background: url(../images/h-line.png) center top no-repeat; padding-top:65px;)}
.h-cinfo{ text-align:center; font-size:27px; color:#31454a; margin-top:65px; margin-bottom:22px;}
@media screen and (min-width:768px){.h-cinfo{ font-size:47px;}}
.h-contact { text-align:center;font-size:18px;color:#004ea1; margin-bottom:50px;}
.h-contact a{ color:#004ea1; text-decoration:none; }
.h-contact span{ color:#004ea1; font-size:65px;}
.myform table { border:none !important; color:#999; margin-bottom:10px;}
.myform table td{ border:none !important;}
.m-text{ height:40px; margin:0px 0px 10px 0px;}
.m-btn{ text-align:center; color:#fff; font-size:22px; background:#004ea1; width:170px; margin-top:30px; height:44px;}
.m-btn:hover{ background:#053365; color:#FFF;}
.myform .mail-wz{ line-height:18px; padding-top:30px;}

.footer{ background:#31454a; padding:15px 0px; color:#b8bec3; text-align:center; margin-top:56px;}

/*product*/
.crumbs{ color:#8c9799; margin-top:10px;}
.crumbs span{ font-size:14px;}
.crumbs a{ color:#8c9799;}
.pr-h2{  font-size:18px; margin-bottom:45px;font-size:14px;color:#5a6d7b; font-weight:bold; margin-top:0px;}
.pr-mtop{ margin-top:60px;}
.ar-mtop{ margin-top:40px;}
@media screen and (min-width: 992px) and (max-width:1199px){.pr-mtop{ height:613px;}}
@media screen and (min-width: 1200px){.pr-mtop{ height:584px;}}
.pro-des{ background:#fff; padding:0px 20px 35px; font-size:14px;}
.pro-des .pr-tit{ padding:15px 0px; font-size:20px; text-transform:uppercase; text-align:center; border-bottom:1px solid #ced3d6; margin-bottom:15px;}
.pro-des .pr-tit a{ color:#313031;}
.pro-des .pr-tit a:hover{color:#ffaa28; text-decoration:none; }
.pro-des ul{ margin:0px; padding:0px; list-style:none;}
.pro-des ul li{ color:#31454a;}
.pro-des ul li span{color:#ffaa28;}
.pro-des ul li a{ color:#31454a;}
.pro-des ul li a:hover{color:#ffaa28;}
.pro-h1{ font-size:27px; color:#31454a; margin-top:35px; margin-bottom:12px; padding:0px;}
@media screen and (min-width:980px){.pro-h1{margin-top:65px;}}
@media screen and (max-width:767px){.pr-mtop img{ margin:0 auto; display:block;}}
/*project*/
.pj-top{ line-height:18px; color:#31454a; font-weight:bold; background:#fff; padding-bottom:25px;}
@media screen and (min-width:1024px) and (max-width:1200px){.pj-top{ height:219px;}}
@media screen and (min-width:768px) and (max-width:1000px){.pj-top{ height:199px;}}
@media screen and (min-width:1280px) {.pj-top{ height:229px;}}
.pj-top img{ margin-bottom:10px;}
.pj-top a{color:#31454a;}
.pj-top .he33{ height:33px;display:block;}
.mbotm45{ margin-bottom:45px;}
.side-pro{ background:#fff; padding:30px;margin-top:45px;}
.side-tit{ color:#31454a; font-size:40px; margin:25px 0px 30px; }
@media screen and (max-width:980px){.side-tit{font-size:25px;}}
.side-ul{ margin:0px; padding:0px; list-style:none;}
.side-ul li{ border-bottom:1px solid #d0d0d0; font-size:16px; text-transform:capitalize; padding:10px 0px 0px;} 
.side-ul li a{ color:#31454a;}
.side-ul li span{color:#004ea1;}
.side-ul li ul{ margin-top:10px; list-style: disc;}
.side-ul li li{ border:none; padding:2px 0px; font-size:14px; border:none !important;}
.side-ul li li a:hover{ color:#004ea1;}
.side-mill{ padding:20px; background:#fff; margin-top:55px;}
.mill-cont{ border-left:9px solid #004ea1; padding-left:33px; font-size:18px; font-style:italic; line-height:38px; color:#4e5e62; font-weight:bold; margin-top:35px;}
.news { line-height:16px;}
.news a{ color:#545e60; margin-bottom:10px; font-weight:bold;}
.news p{ color:#848282; margin-top:10px;}
.newsdiv{ border-bottom:1px dotted #bebebe; padding:20px 0px;}
.mailbady{ background:url(../images/line-1.png) left top no-repeat; padding-top:5px; margin-top:55px;}
/*list_article.htm*/
.list_art{ padding:30px 0px; border-bottom:1px solid #c9c9c9;}
.list_art .a_tit{ color:#31454a; font-size:18px;}
.list_art p{ margin:10px 0px;}
@media screen and (max-width:760px){.list_art img{ margin-bottom:10px;}}
.page{ list-style:none; margin-top:30px;}
.page li{ display:inline-block;}
.page li a{ color:#5a6d7b; padding:5px;}
.page li a:hover{ color:#004ea1; text-decoration:none;}
.fs-14{ font-size:14px;}
.fs-16{ font-size:16px;line-height: 180%}
.fs-16 p{ margin:25px 0px;}
.fs-14 p{ margin:25px 0px;}
.a-box3{ background:#fff; margin-top:30px;}
.a-box3 .box_tit{ text-align:center; border-bottom:1px solid #ced3d6; color:#313031; font-size:20px; font-weight:bold; margin:10px 0px; padding:10px 0px;}
@media screen and (max-width:768px){.a-box3 .box_tit{ text-align:left; padding-left:30px;}}
.a-box3 p{ padding:0px 30px 20px 30px; font-weight:bold; line-height:22px;}

/*404 page*/
.error{ padding-top:40px;}
.error .title_404{color:#31454a; font-size:60px; text-align:center; margin-top:40px; text-transform:uppercase; line-height:64px; }
.error .found{ border-bottom:1px #cccccc dotted; color:#444242; line-height:20px; font-size:14px; padding-top:25px; padding-bottom:35px; margin-bottom:33px; margin-top:35px;border-top:1px #cccccc dotted; }
.error .found .looking{ font-weight:bold; font-size:22px; line-height:25px; color:#141414; color:#424242; margin-bottom:12px;}
.error .choose{ margin-bottom:50px; }
.error  .title{ font-size:22px; margin-bottom:20px;  color:#31454a; font-family:"Oswald"; text-align:center;}
.error .choose ul{ list-style:none; margin:0px; padding:0px;}
.error .choose ul li{ background:url(../images/li_404.jpg) no-repeat; width:269px; height:29px; margin-bottom:8px; padding-left:45px; text-transform:capitalize; margin:0 auto 8px;}
.error .choose ul li a{ color:#31454a; line-height:29px; }
.sm404c{ margin:0px; padding:0px;}
.sm404c li { line-height:30px; }
.sm404c li a { color:#faa100; }
.sm404c .s404t { width:261px; height:32px; background:#eaeaec; border:1px solid #e0dfdf; padding:3px 5px; float:left;}
.sm404c .s4stb { width:32px; height:31px; background:#faa100; border:none; cursor:pointer; float:left; color:#fff; font-size:20px; }
@media screen and (max-width:355px){.sm404c .s404t{ width:236px;}}

.h-h4{ font-size:14px; font-weight:bold;}

.tables{ text-align:center;margin:15px 0;}
.keywords{ color:red; font-size:16px;}

.prolist{border:1px solid #bebfc2; padding:10px 10px 10px;}
#projects { clear: both; height:260px;overflow: hidden; position: relative; }
#projects ul { height:260px;float: left; position: absolute; clear: both; padding:0px; margin:0px; display:inline;  }
#projects ul li { width:298px; float: left;  height:260px;overflow: hidden; position: relative; padding:0px;margin:0px;}


#projects ul li span{position:absolute;bottom:2px;z-index:9999;font-size:14px;text-align:Center;height:32px;line-height:16px;width:230px;display:block;color:#404849; left:32px; text-transform:capitalize;}
@media screen and (min-width:768px) and (max-width:980px){#projects ul li { width:158px; height:180px;}#projects{ height:180px;}#projects ul li img{ height:120px;}#projects ul li span{ width:120px; font-size:12px;left:22px;height:40px; line-height:16px;}}
@media screen and (min-width:1024px) and (max-width:1200px){#projects ul li { width:231px; height:216px;}#projects{ height:216px;}#projects ul li img{width:231px;}#projects ul li span{ width:175px;}}
@media screen and (max-width:375px){#projects ul li { width:266px;}#projects ul li img{width:266px;}#projects ul li span{ width:225px;}}
@media screen and (max-width:320px){#projects ul li { width:228px;}#projects ul li img{width:228px;}#projects ul li span{ width:175px;}}
#projects ul li a:hover{color:#368B08;} 
#projects .prev,#projects .next { width:24px;outline:none; height:24px;position: absolute; bottom: 3px;cursor: pointer; display:block;text-indent:-9999px;z-index:9999;transition: none;}
#projects .prev { left: 0px; background: url(../images/arrow-left.jpg) no-repeat;}
#projects .next { right:0px; background: url(../images/arrow-right.jpg) no-repeat; }
#projects .prev:hover,#projects .next:hover{ background-position: bottom;}
#projects .prev:hover,#projects .next:hover{ opacity: 1}

table,table td{ border:1px solid #5a6d7b;}
table td img{min-width:150px;}
img[src="images/flour.jpg"]{ min-width:21px;text-align:Center;}
.cd-top {
  display: inline-block;
  height: 44px;
  width: 44px;
  border-radius:50%;
  position: fixed;
  bottom: 40px;
  right: 10px;
  overflow: hidden;
  text-indent: 100%;
  white-space: nowrap;
  background: rgba(96,96,96, 0.8) url(../images/top.png) no-repeat center center;
  visibility: hidden;
  opacity: 0;
  -webkit-transition: all 0.3s;
  -moz-transition: all 0.3s;
  transition: all 0.3s;
}
.cd-top.cd-is-visible {
  /* the button becomes visible */
  visibility: visible;
  opacity: 1;
}
.cd-top.cd-fade-out {
  
  opacity: .5;
}
.no-touch .cd-top:hover {
  background-color: #e86256;
  opacity: 1;
}
@media only screen and (min-width: 768px) {
  .cd-top {
    right: 20px;
    bottom: 20px;
  }
}
@media only screen and (min-width: 1024px) {
  .cd-top {
    height: 50px;
    width: 50px;
    right: 30px;
    bottom: 30px;
  }
}
.col-sm-8 img{ max-width:100%; height:auto;}
.rm-img{ margin-top:3.87%; font-size:14px; color:#31306a;}
@media only screen and (min-width: 1120px) {
.rm-img{ margin-left:9.87%;margin-right:9.87%;}}
.rm-img img{ margin-bottom:10px; margin-left:auto; margin-right:auto;}
.rm-img .col-md-2,.rm-img .col-sm-4.rm-img .col-xs-6{ padding-left:10px; padding-right:10px; text-align:center;}
@media only screen and (max-width:991px) {.rm-img img{ margin-top:20px;}}
.live800{top:50%; margin-top: -46px; position: fixed; right: -40px; transform: rotate(90deg);}
@media (max-width:767px){
.live800{display: none;}
}
.page{ margin:50px 0 80px; list-style:none; text-align: center; }
.page  a{  color:#004ea1; text-decoration:none;border: 1px solid #004ea1; width: 100%;padding:6px 12px;margin-right:5px;}
.page  a:hover,#main .page .crrent{background:#004ea1;color: #fff;}

.uspred{font-size: 20px;line-height: 200%}
.adddiv {
    font-size: 18px;
    margin-bottom: 20px;
}
.adddiv ul{margin-top: 20px}
.adddiv li{list-style: none;line-height: 250%}