﻿ @charset "utf-8";
/* CSS Document */
/*GOTO TOP*/
.gotop{display:none;background:url(../images/gotop.gif) no-repeat;bottom:218px;height:48px;margin-right:-560px;position:fixed;right:50%;width:48px;z-index:10;}
.gotop:hover{background-position:left -50px;}
  /*banner*/
  img{border:none; margin:0 auto;}
  ul,li{ list-style: none;}
  .lubo{ width: 100%; min-width:1000px;clear: both; position: relative; height:453px;}
  .lubo_box{ position: relative; width: 100%; height:454px; }
  .lubo_box li{ float: left;position: absolute; top: 0; left: 0; width: 100%; height:453px; opacity: 0;filter:alpha(opacity=0);}
  .lubo_box li a{ display: block;width: 100%;  height: 100%;}

  .lubo_box li img{ width: 100%; height: 453px;}

  /*圆点*/
  .cir_box{ overflow: hidden; position: absolute; z-index: 100;}
  .cir_box li{ float: left; width: 30px; height: 5px; margin:0 5px; cursor: pointer; background: #0084cb; opacity: 0.8;filter:alpha(opacity=80);}
  .cir_on{ background: #000 !important;}
    /*banner*/
.isStuck{ height:54px !important; z-index:999;    box-shadow: 0 1px 2px #999;}
.isStuck .sf-menu li a{ padding:14px 0 !important;}
.isStuck .logo { padding:5px 0;}
.isStuck .logo img{ height:45px; width: 195px;}

.navbar-toggle{ position: fixed; color: #fff; right: 10px; top: 5px; margin: 0; font-size: 22px; z-index:3; }
.navbar-toggle span{background-color: #fff;}
.rd-mobilemenu_submenu li{ text-transform: capitalize; }
.rd-mobilemenu_ul i{ display: none; }
.bm-panel{
  visibility:hidden;
  position: fixed;
  top: 0;
  left: 0;
  bottom: 0;
  z-index: 99998;
  text-align: left;
  -moz-transition: 0.3s all ease;
  -webkit-transition: 0.3s all ease;
  -o-transition: 0.3s all ease;
  transition: 0.3s all ease;
  width: 100%;
}
.bm-panel.active {
  visibility: visible;
}
@media (max-width: 767px) {
  .min-center{max-width: 421px; margin: 0 auto;}
  /*.nav{display: none;}*/
  #nav .sf-menu{display: none;}
 #nav .logo{text-align: center; margin-bottom: 10px;}
  #header .contact a{color: #fff;}
  #nav .searchform .search-txt,#nav .searchform .btn-search{height: 40px;}
  #nav .searchform{margin-bottom: 20px;}
}
@media (min-width:1200px) {
.nav .col-sm-4{ padding-left: 40px; }
.top .logopic{margin-right: 40px;}
}
/*内容详细样式*/
.etw_mainbody{ width:100%; height:auto; float:left; margin:3px 0px 0px 0px;}
.etw_mainbody span{ font-size:14px;}
.entry{ margin-top:20px; padding:0 10px 0px; font-size:14px; line-height:2em; word-wrap:break-word; }
	.entry img{ max-width:100%!important; height:auto!important; margin:0 auto}
	.entry h2,.entry h3,.entry h4{ margin:0.8em auto; padding-bottom:5px; border-bottom:1px solid #f6f6f6; color:#333; }
	.entry h2{ font-size:1.2em; }
	.entry h3,.entry h4{ font-size:1.1em; }
	.entry strong{ color:#DC2523; }
	.entry ul,.entry ol{ margin:1em; padding:0; }
	.entry li{ margin-left:1em; }
	.entry ul li{ list-style:disc outside none; }
	.entry ol li{ list-style:decimal outside none; }
	.entry p{ display:inherit; margin:1em 0; color:#333; word-wrap:break-word; }
	.entry a{ text-decoration:underline; }
	.entry code{ display:block; padding:0.5em; background:#eee; border-radius:.5em; color:#777; font-family:'courier new'; font-size:12px; line-height:1.7em; }
	.entry table{ margin:10px auto; border-left:1px solid #eee; border-top:1px solid #eee; }
	.entry table th{ background:#F9F9F9; text-align:center; }
	.entry table td,.entry table th{ border-bottom:1px solid #eee; border-right:1px solid #eee; padding:0.35em 0.5em; }
/*video*/
.etw_video{width:22%;overflow:hidden;position:relative;margin:5px auto 5px auto;float:left;height:160px;border:1px solid #ddd;background:url(../images/video.jpg) no-repeat center;background-size:cover}
.etw_video a{top:0;font-size:18px;position:absolute;left:0;right:0;margin:auto;text-align:center;width:40px;height:40px;bottom:0}
.etw_video a span{padding:10px 0 0 4px;display:block;text-align:center;margin:0 auto;color:rgba(0,0,0,.6);font-size:16px;border-radius:50%;border:2px solid rgba(0,0,0,.6);width:100%;height:100%;transition:all ease-in-out .3s;-moz-transition:all ease-in-out .3s;-webkit-transition:all ease-in-out .3s;-o-transition:all ease-in-out .3s;-ms-transition:all ease-in-out .3s;background:#fff;box-shadow:0 0 0 2px #fff;-moz-box-shadow:0 0 0 2px #fff;-webkit-box-shadow:0 0 0 2px #fff;-ms-box-shadow:0 0 0 2px #fff;-o-box-shadow:0 0 0 2px #fff}
.etw_video img{max-width:150%}
.etw_video a:hover span{border-color:#428bca;color:#428bca}
.home_video{width:25%;margin:73px 3% 20px 0;height:180px}
.video1{ background-size:cover}
.video2{ background-size:cover}
/*product*/
#container{width:100%;margin:10px auto 0 auto}
#content_bg{width:100%;overflow:hidden;margin:0 auto}
#etw_content{width:99%;overflow:hidden;max-width:1180px;margin:0 auto;padding:20px 0}
#etw_right{width:76%;float:right}
#etw_sidebar{width:21%;float:left;position:relative}
#etw_sidebar .etw_hometitle{font-size:18px;line-height:18px;padding:10px 0;border-bottom:1px solid #333;margin-bottom:15px;font-family:Montserrat Semibold}
#etw_sidebar .etw_hometitle a{color:#333; font-weight:bold;}
#etw_sidebar .etw_hometitle a:hover{color:#428bca}
#etw_productlist{width:100%;height:auto;float:left;}
#etw_productlist ul,#etw_productlist ul li,#etw_productlist ul>li>ol,#etw_productlist ul>li>ol>li,#etw_productlist ul>li>ol>li>ol{width:100%; margin-left:-10px;}
#etw_productlist ul>li>a{line-height:18px;font-size:16px;color:#111;padding:6px 10px 6px 0;display:block;font-family:Montserrat Regular}
#etw_productlist ul>li>ol{padding:5px 0 8px 0}
#etw_productlist ul>li>ol>li>a{padding:3px 10px 10px 12px;font-family:Montserrat Regular;font-size:14px;display:block;line-height:18px;color:#555;position:relative}
#etw_productlist ul>li>ol>li>a:before{position:absolute;content:'';width:4px;height:4px;background:#555;left:0;top:9px;border-radius:50%}
#etw_productlist ul>li>ol>li>ol{padding:3px 0 6px 0}
#etw_productlist ul>li>ol>li>ol>li>a{display:block;font-size:12px;padding:4px 10px 4px 30px;line-height:16px;color:#555;position:relative}
#etw_productlist ul>li>ol>li>ol>li>a:before{position:absolute;content:'';background:#777;border-radius:50%;width:4px;height:4px;left:18px;top:10px}
#etw_productlist ul li a.dq,#etw_productlist ul li a:hover,#etw_productlist ul.about_list>li>ol>li>a.dq,#etw_productlist ul.about_list>li>ol>li>a:hover{color:#428bca}
#etw_productlist ul>li>ol>li>ol>li>a.dq:before,#etw_productlist ul>li>ol>li>ol>li>a:hover:before{background:#428bca}
#etw_productlist ul>li>a.dq:before,#etw_productlist ul>li>a:hover:before{background:#428bca;border-color:#428bca}
#etw_productlist ul>li>a.dq:after,#etw_productlist ul>li>a:hover:after{border-color:#428bca}
#etw_producttitle{margin:0 auto;height:auto;color:#1f1d29;line-height:18px;font-size:12px}
#etw_producttitle a{color:#999;padding-right:6px}
#etw_producttitle li{display:inline-block}
#etw_producttitle li+li::before{padding:0 5px;color:#ccc;content:"/\00a0"}
#etw_producttitle a:hover{color:#676664}
#etw_producttitle small{display:inline}
.protitle{font-size:18px;color:#0c4d86;margin:20px 0;padding:5px 0 8px 25px;line-height:24px;font-family:Montserrat Semibold;position:relative;border-bottom:3px groove #428bca}
.protitle{font-size:18px;color:#0c4d86;margin:20px 0;padding:5px 0 8px 25px;line-height:24px;font-family:Montserrat Semibold;position:relative;border-bottom:3px groove #428bca}
.protitle:after,.protitle:before{position:absolute;content:'';width:8px;height:8px;left:2px;top:13px;transform:rotate(45deg);border:1px solid #428bca}
.protitle:after{left:8px;background:#428bca}
.protitle a{color:#555}
.protitle1{font-size:16px;line-height:24px;padding:8px 0;width:100%;overflow:hidden;clear:both;text-transform:capitalize;color:#555;font-family:Montserrat Semibold;border-bottom:1px solid #777;margin:10px 0 15px 0;text-shadow:1px 5px 4px #ccc}
.protitle1 a{color:#555;padding-left:22px;position:relative}
.protitle1 a:before{position:absolute;content:"\f096";font-family:FontAwesome;left:0;top:-1px}
.protitle a:hover,.protitle1 a:hover{color:#428bca}
.protitle1 a:hover:before{content:"\f046"}
.protitle2{font-size:18px;line-height:26px;width:100%;overflow:hidden;clear:both;text-transform:capitalize;color:#555;margin:15px 0 10px 0;position:relative}
.protitle2 strong{background:#fff;font-weight:400;position:relative;padding:0 10px 0 0}
.protitle2:after,.protitle2:before{content:"";position:absolute;width:100%;height:1px;background:#428bca;left:0;top:15px;z-index:-1}
.protitle2:after{top:13px;width:94%}
.etw_products{width:100%;overflow:hidden}
.etw_products1{width:100%;overflow:hidden}
.etw_products1 ul,.etw_products1 ul li ol{width:100%}
.etw_products1 ul>li{width:100%;height:auto;padding:0 0 20px 0}
.etw_products1 ul li ol li.product_img{width:26%;height:auto;border:1px solid #ddd;padding:4px}
.etw_products1 ul li ol li.product_img img{width:100%}
.etw_products1 ul li ol li.product_img:hover{border:1px solid #666}
.etw_products1 ul li ol li.product_con{width:72%;height:auto;float:right;text-align:left;color:#666;line-height:22px}
.etw_products1 ul li ol li.product_con a{color:#111;display:block;line-height:22px;font-size:15px;padding:5px 0;font-family:Montserrat Regular}
.etw_products1 ul li ol li.product_con a:hover{color:#428bca}
.etw_products1 ul li ol li.product_con span{font-size:13px;display:block;line-height:20px}
.etw_products1 ul li ol li ol.small_list{width:100%;margin:20px 0}
.etw_products1 ul li ol li ol.small_list li a{font-size:12px;background:#f2f2f2;border:1px solid #ddd;color:#333;padding:3px 12px;margin:0 6px 6px 0;border-radius:4px}
.etw_products1 ul li ol li ol.small_list li a:hover{background:#f8f8f8;color:#979797}
.etw_products1 ul li ol li.nopic{width:100%}
.etw_products2{width:100%;overflow:hidden}
.etw_products2 ul{width:99%;margin-top:10px}
.etw_products2 ul li ol{width:100%}
.etw_products2 ul>li{width:48%;margin:0 4% 20px 0;border:1px solid #ddd;box-shadow:1px 1px 10px #ccc;-moz-box-shadow:1px 1px 10px #ccc;-webkit-box-shadow:1px 1px 10px #ccc;-ms-box-shadow:1px 1px 10px #ccc;-o-box-shadow:1px 1px 10px #ccc}
.etw_products2 ul>li:nth-child(2n){margin-right:0}
.etw_products2 ul>li:nth-child(2n+1){clear:both}
.etw_products2 ul li ol li.product_img{width:100%}
.etw_products2 ul li ol li.product_img a{width:100%;display:block;position:relative}
.etw_products2 ul li ol li.product_img a:before{position:absolute;content:'';background:rgba(0,0,0,.3);width:100%;height:100%;left:0;top:0}
.etw_products2 ul li ol li.product_img img{width:100%}
.etw_products2 ul li ol li.product_con{width:100%;text-align:center}
.etw_products2 ul li ol li.product_con a{color:#555;display:block;line-height:20px;font-size:16px;padding:15px 30px 10px 30px}
.etw_products2 ul li ol li.product_con span{font-size:13px;text-align:center;display:block;line-height:20px;padding:8px 4% 20px 4%}
.etw_products2 ul li ol:hover li.product_con a{color:#428bca}
.etw_products2 ul li ol:hover li.product_img a:before{background:0;width:0;height:0}
.etw_products2 ul.details>li{width:32%;margin:0 2% 20px 0}
.etw_products2 ul.details>li:nth-child(2n+1){clear:none}
.etw_products2 ul.details>li:nth-child(3n){margin-right:0}
.etw_products2 ul.details>li:nth-child(3n+1){clear:both}
.etw_products2 ul.details li ol li.product_con a{line-height:20px;font-size:15px;padding:10px 10px 0 10px}
.etw_products2 ul.details li ol li.product_con span{line-height:18px;padding:5px 10px;font-size:12px;height:84px}
.relatedname{color:#999}
.img_products{width:40%;float:right;margin:5px 0 20px 3%}
.img_products img{width:100%;transition:all ease-in-out .3s;-moz-transition:all ease-in-out .3s;-webkit-transition:all ease-in-out .3s;-o-transition:all ease-in-out .3s;-ms-transition:all ease-in-out .3s}
.img_products img:hover{opacity:.7}
/*Projects*/
.small_list{width:100%;overflow:hidden;margin-bottom:20px}
.small_list ul{width:100%}
.small_list ul li{margin:0px; padding:0px; float:left; }
.small_list ul li a{display:inline-block;padding:3px 6px;margin:0 6px 6px 0;border:1px solid #ddd;font-size:12px;line-height:16px;color:#777}
.small_list ul li a.dq,.small_list ul li a:hover{color:#428bca;border-color:#428bca}
.product1{ /*! width:100%; */ /*! height:auto; */ /*! float:left; */ /*! margin-bottom:3px; */}
.product1 ul{ width:100%; height:auto; float:left;  padding-top:7px; border-top:1px solid #ccc;}
.product1 ul.no{ border:none;}
.product1 ul li.pro_pic{ width:134px; height:152px; float:left;}
.product1 ul li.pro_pic img{width:134px; height:122px; float:left; border:1px solid #CDCDCD; margin-top:5px; padding:1px;}
.product1 ul li.pro_txt{ width:630px; height:auto;float: right; display: block;font-size: 14px;max-height: 184px;line-height: 28px; font-weight: 500;color: #666;overflow: hidden;}
.product1 ul li.pro_txt a{ display:block; color:#000;  text-decoration:none; margin-bottom:5px;}
.product1 ul li.pro_txt a:hover{ color:#306AA9; text-decoration:none;}
/*photo_show*/
.etw_photo{float:left;margin:5px 0;width:100%;height:auto}
.etw_photo ul{display:block;width:100%;height:auto}
.etw_photo ul li{display:block;margin:0 2% 20px 0;text-align:center;line-height:18px;font-size:14px}
.etw_photo ul li span{text-align:center;display:block;padding:0 5px}
.etw_photo ul li p{text-align:left;margin:8px 0 12px 0;line-height:20px;padding:0 20px 0 3px}
.etw_photo ul li p strong{font-weight:400}
.etw_photo ul li img{display:block;border:1px solid #ddd;width:90%;padding:3px;margin-bottom:3px;box-shadow:1px 1px 8px #ddd;-moz-box-shadow:1px 1px 8px #ddd;-webkit-box-shadow:1px 1px 8px #ddd;-ms-box-shadow:1px 1px 8px #ddd;-o-box-shadow:1px 1px 8px #ddd;transition:all ease-in-out .3s;-moz-transition:all ease-in-out .3s;-webkit-transition:all ease-in-out .3s;-o-transition:all ease-in-out .3s;-ms-transition:all ease-in-out .3s}
.etw_photo ul li img:hover{opacity:.7;box-shadow:1px 1px 5px #999;-moz-box-shadow:1px 1px 5px #999;-webkit-box-shadow:1px 1px 5px #999;-ms-box-shadow:1px 1px 5px #999;-o-box-shadow:1px 1px 5px #999}
.img_title{color:#000;font-family:Roboto Light;font-size:15px;text-align:left;line-height:20px;border-left:1px solid #777;padding:1px 0 1px 10px;margin:10px 0 10px 5px;transition:all ease-in-out .4s;-moz-transition:all ease-in-out .4s;-webkit-transition:all ease-in-out .4s;-o-transition:all ease-in-out .4s;-ms-transition:all ease-in-out .4s}
.etw_photo ul li a:hover .img_title{margin-left:0;padding:1px 8px 1px 7px}
.etw_pic2 ul,.etw_pic3 ul,.etw_pic4 ul,.etw_pic5 ul,.etw_pic6 ul{margin:0}
.etw_pic2 ul li{width:49%;margin:0px; padding:0px; float:left;padding:5px;}
.etw_pic3 ul li{width:32%}
.etw_pic4 ul li{width:23.5%}
.etw_pic5 ul li{width:18.4%}
.etw_pic6 ul li{width:15%}
.etw_pic2 ul li:nth-child(2n),.etw_pic3 ul li:nth-child(3n),.etw_pic4 ul li:nth-child(4n),.etw_pic5 ul li:nth-child(5n),.etw_pic6 ul li:nth-child(6n){margin-right:0}
.etw_pic2 ul li:nth-child(2n+1),.etw_pic3 ul li:nth-child(3n+1),.etw_pic4 ul li:nth-child(4n+1),.etw_pic5 ul li:nth-child(5n+1),.etw_pic6 ul li:nth-child(6n+1){clear:both}
.etw_pic2 ul li.big_img{width:66.17%;margin:0 2% 10px 0}
.etw_pic2 ul li.small_img{width:31.83%;margin:0 0 10px 0;clear:none}
.etw_pic2 ul li.big_img img,.etw_pic2 ul li.small_img img{width:100%}

.other_pro{width:100%;margin:20px 0 5px 0;overflow:hidden}
.other_pro ul li{margin:0px; padding:0px; float:left;} 
.other_pro ul>li{width:23.5%;margin:0 2% 20px 0;overflow:hidden}
.other_pro ul li ol{width:100% }
.other_pro ul li:nth-child(4n){margin-right:0}
.other_pro ul li:nth-child(4n+1){clear:both}
.other_pro ul li ol li.product_img{width:100%}
.other_pro ul li ol li.product_img img{width:100%;border:1px solid #ddd}
.other_pro ul li ol:hover li.product_img img{border-color:#428bca;}
.other_pro ul li ol li.product_con{width:100%;margin:0 auto;line-height:18px;text-align:center}
.other_pro ul li ol li.product_con a{color:#333;display:block;line-height:16px;padding:10px 2px;font-size:13px}
.other_pro ul li ol:hover li.product_con a{color:#428bca;text-decoration:none}
/*footer*/
#footer{ color: #ffffff; background: #00478b url(../images/footer-full-width-bg.png) repeat-x; font-size: 12px;}
#footer .col-sm-4 p{max-width: 227px;}
#footer .click{left center no-repeat; font-size: 30px; padding:4.5% 0 4.5% 50px; margin-top: 20px;}
#footer .click a{text-decoration: underline;}
#footer ul{list-style: none; padding: 0;}
#footer a{color: #ffffff; text-decoration: none;}
#footer a:hover{color: #000000;}
#footer .mail,#footer .add{padding-left:55px; line-height: 22px; margin-bottom: 7px;}
#footer .mail::before,#footer .add::before{font-family: FontAwesome; margin-left: -55px; position: absolute; font-size: 36px; margin-top: 15px;}
#footer .mail a{color: #ffffff; }
.copyright{border-top: 1px solid #ffffff; margin-top: 3.2%; padding:10px 0; font-size: 12px; text-align: center; color: #ffffff;}
@media (max-width:1199px) {
#header .frompic{display: none;}
#footer .click{font-size: 24px;}
}
@media (min-width: 768px){
#footer .col-sm-4{padding-left:30px; margin-top:30px;}
}
@media (max-width: 767px){
#footer{ padding-top: 30px; }
#footer ul { margin-bottom: 15px;}
#footer ul li{float: left; width: 50%;}
#footer .click{font-size: 20px;}
}