@charset "utf-8";
body {color: #666; font-size: 14px; font-family:Arial, Helvetica, sans-serif;line-height:18px; margin:0; background:#fff;}
input, button {margin:0; padding:0; border:0; background:none;}
p{margin:0 0 10px; line-height:23px;}
a{ text-decoration:none; color:#35383e; }
a:hover{ text-decoration:none;  color:#072049;}
a:focus{ outline:none; }
ol, ul, li,dl, dt, dd {list-style:none; margin:0; padding:0} ul{ margin:0; padding:0;}
img{ border:0}
.header{color:#8c8c8c; padding:10px 0 8px 0;}
 *{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}
.fade{opacity:0;-webkit-transition:opacity .15s linear;-o-transition:opacity .15s linear;transition:opacity .15s linear}
.fade.in{opacity:1}.collapse{display:none}
.collapse.in{display:block}
tr.collapse.in{display:table-row}
tbody.collapse.in{display:table-row-group}
.collapsing{position:relative;height:0;overflow:hidden;-webkit-transition:height .35s ease;-o-transition:height .35s ease;transition:height .35s ease}
.caret{display:inline-block;width:0;height:0;margin-left:2px;vertical-align:middle;border-top:4px solid;border-right:4px solid transparent;border-left:4px solid transparent}
.bottom,.bottomlist,.foot, .company, .about{max-width:1170px;_width:1170px; margin:0 auto;overflow:hidden;}
.container,.his-detail,.baselayout{max-width:1170px;_width:1170px; margin:0 auto; overflow:hidden}
.about { margin-top:3%}
.clear{ clear:both;}
.sub_tit,.com{ width:100%; margin:0 auto; overflow:hidden;}   .footbg{width:100%; margin:0 auto;}
 
@font-face { 
	font-family: 'OpenSans_bold'; 
	src: url('/css/fonts/OpenSans-Bold-webfont.eot');/*IE9*/ 
	src: url('/css/fonts/OpenSans-Bold-webfont.eot') format('embedded-opentype'), /*IE6-8*/ 
	url('/css/fonts/OpenSans-Bold-webfont.woff') format('woff'), /*chrome*/ 
	url('/css/fonts/OpenSans-Bold-webfont.ttf') format('truetype'); /*FF opera android ios都适用*/ 
	font-weight: normal; 
	font-style: normal; }
@font-face { 
	font-family: 'Open Sans'; 
	src: url('/css/fonts/OpenSans-Regular-webfont.eot');/*IE9*/ 
	src: url('/css/fonts/OpenSans-Regular-webfont.eot') format('embedded-opentype'), /*IE6-8*/ 
	url('/css/fonts/OpenSans-Regular-webfont.woff') format('woff'), /*chrome*/ 
	url('/css/fonts/OpenSans-Regular-webfont.ttf') format('truetype'); /*FF opera android ios都适用*/ 
	font-weight: normal; 
	font-style: normal; 
}

body{background-attachment:fixed;}
/* Searchbar */
.top_search{ float:right; width:28% ;}    .top_search form{ width: 100%;overflow: hidden;}
.top_search input.form-control{ width:90%; height:30px; float:left; line-height:30px; color:#ccc; vertical-align:middle;  border-right:none; text-indent:10px;     box-shadow: inset 0 1px 2px 1px #ccc; }
.top_search input.form-control:focus{ border-color:#83c216;outline:0; -webkit-box-shadow:0 1px 1px rgba(0, 0, 0, 0.075) inset, 0 0 4px #feebce; box-shadow:0 1px 1px rgba(0, 0, 0, 0.075) inset, 0 0 4px #feebce;}
.top_search input.sear-bg{ float:left; background: url(search.png) no-repeat center center  #3d3d3d; border:0; width:10%; height:30px; text-indent:-999em; _line-height:0; _font-size:0; cursor:pointer;}
/*nav*/
.head_left{ float:left; margin-top:7px;width:70%;}    .head_left span{ margin-right:20px;}  .head_right{ float:right; width:28%; }
.address{ margin:0; font-size:15px; text-transform: capitalize; color:#000; float:left}
.tel{background:url(/images/tel.png) no-repeat left center; padding-left:20px;margin:0;}
.email{ float:left;margin:0;}
#playBox{  margin:0 auto;    padding-bottom:27px;position:relative; overflow:hidden;max-width:1712px; height: 500px;  } 
#playBox .oUlplay { width:99999px; position:absolute; left:0; top:0;}
#playBox .oUlplay li{ float:left;}   #playBox .oUlplay li img{ width:100%; height:auto;}
#playBox .pre{ cursor:pointer; width:45px; height:45px; background:url(l.png) no-repeat; position:absolute; top:40%; left:10px; z-index:10;}
#playBox .next{ cursor:pointer; width:45px; height:45px; background:url(r.png) no-repeat; position:absolute; top:40%; right:10px; z-index:10;}
#playBox .smalltitle {width:100%; height:10px; position:absolute; bottom:30px; z-index:10}
#playBox .smalltitle ul{ width:120px; margin:0 auto;}
#playBox .smalltitle ul li{ width:15px; height:15px; margin:0 5px; border-radius:10px; border:#fff 2px solid; float:left; overflow:hidden;*display:inline;*zoom:1;}
#playBox .smalltitle .thistitle{ background:#304770; border:#fff 2px solid}
.banimg{ margin:0 auto;width: 90%;display: block;height: auto;}
.pro_feilei{ background:#f4f4f4; height:250px; padding:20px 0; width:100%; overflow:hidden; z-index:99999}
.pro_feilei ul{max-width:1170px; margin:0 auto}
.pro_feilei li{ width:22%; float:left; margin:0 1.5% 6px;}
.jl30{ margin-right:36px;}
.pro_feilei .out{
	visibility: visible\9;
	-webkit-transition:all 0.6s ease-in-out;
	-moz-transition:all 0.6s ease-in-out;
	-ms-transition:all 0.6s ease-in-out;
	-o-transition:all 0.6s ease-in-out;
	transition:all 0.6s ease-in-out;
    -webkit-transform-style:preserve-3d;
	-moz-transform-style:preserve-3d;
	-ms-transform-style:preserve-3d;
	-o-transform-style:preserve-3d;
	transform-style:preserve-3d;
	-webkit-transform:rotateY(0deg);
    -moz-transform:rotateY(0deg);
	-ms-transform:rotateY(0deg);
	-o-transform:rotateY(0deg);
	transform:rotateY(0deg);
    -webkit-backface-visibility:hidden;     
    -moz-backface-visibility:hidden;
    -ms-backface-visibility:hidden;
    -o-backface-visibility:hidden;
    backface-visibility:hidden;
    height: 210px;
    margin-top: 0\9!important;
}   
.pro_feilei .out p{ text-align:center}
.pro_feilei .in{
	visibility: hidden\9;
	-webkit-transition:all 0.6s ease-in-out;
	-moz-transition:all 0.6s ease-in-out;
	-ms-transition:all 0.6s ease-in-out;
	-o-transition:all 0.6s ease-in-out;
	transition:all 0.6s ease-in-out;
    -webkit-transform-style:preserve-3d;
	-moz-transform-style:preserve-3d;
	-ms-transform-style:preserve-3d;
	-o-transform-style:preserve-3d;
	transform-style:preserve-3d;
	-webkit-transform:rotateY(-180deg);
    -moz-transform:rotateY(-180deg);
	-ms-transform:rotateY(-180deg);
	-o-transform:rotateY(-180deg);
	transform:rotateY(-180deg);
    -webkit-backface-visibility:hidden;
    -moz-backface-visibility:hidden;
	-ms-backface-visibility:hidden;
	-o-backface-visibility:hidden;backface-visibility:hidden; margin-top: -160px;
}
.pro_feilei li .in p{ line-height:25px;background:#f5f5f5;}
.pro_feilei li:hover .in{
	visibility: visible\9;
	-webkit-transition:all 0.6s ease-in-out;
	-moz-transition:all 0.6s ease-in-out;
	-ms-transition:all 0.6s ease-in-out;
	-o-transition:all 0.6s ease-in-out;
	transition:all 0.6s ease-in-out;
    -webkit-transform-style:preserve-3d;
	-moz-transform-style:preserve-3d;
	-ms-transform-style:preserve-3d;
	-o-transform-style:preserve-3d;
	transform-style:preserve-3d;
	-webkit-transform:rotateY(0deg);
    -moz-transform:rotateY(0deg);
	-ms-transform:rotateY(0deg);
	-o-transform:rotateY(0deg);
	transform:rotateY(0deg);
    -webkit-backface-visibility:hidden;
    -moz-backface-visibility:hidden;
	-ms-backface-visibility:hidden;  	
    -o-backface-visibility:hidden;
    backface-visibility:hidden;
}
.pro_feilei li:hover .out{
	visibility: hidden\9;
    -webkit-transition:all 0.6s ease-in-out;
	-moz-transition:all 0.6s ease-in-out;
	-ms-transition:all 0.6s ease-in-out;
	-o-transition:all 0.6s ease-in-out;
	transition:all 0.6s ease-in-out;
    -webkit-transform-style:preserve-3d;
	-moz-transform-style:preserve-3d;
	-ms-transform-style:preserve-3d;
	-o-transform-style:preserve-3d;
	transform-style:preserve-3d;
	-webkit-transform:rotateY(-180deg);
    -moz-transform:rotateY(-180deg);
	-ms-transform:rotateY(-180deg);
	-o-transform:rotateY(-180deg);
	transform:rotateY(-180deg);
	-webkit-backface-visibility:hidden;
	-moz-backface-visibility:hidden;
	-ms-backface-visibility:hidden;       
    -o-backface-visibility:hidden;
    backface-visibility:hidden;   
}
.out h3,.in h3{ text-align:center; color:#222; font-size:18px; margin:5px 0 5px 0;}
.pro-icon{height:123px;margin: 0 auto;}
.ps{ background:url(/images/stone.png) no-repeat center top;background-size: 120px 120px;}
.xk{ background:url(/images/xk.png) no-repeat center top;background-size: 120px 120px;}
.mf{ background:url(/images/mf.png) no-repeat center top;background-size: 120px 120px;}
.jc{ background:url(/images/jc.png) no-repeat center top;background-size: 120px 120px;}
.pro_feilei  .content{padding-top:10px; color: #666666; width:248px; height: 80px;position: absolute; margin-left:20px;}
.pro_feilei  .content  p{ text-align:center; line-height:22px;font-size: 12px; margin-bottom:15px;}
.pro_feilei  .content  p a{width: 100%;display: block; float: left;text-align: center;text-transform: capitalize;  }
.pro_feilei img{ display:block; margin:0 auto; text-align:center}
.sy_choose{ width:100%; margin:0 auto;line-height:20px;}   
 
.sy_product li{ width:22%; float:left; margin:0 1.5%}  .sy_product li img{ width:100%; height:auto}
.sy_product li h5{ font-weight:500; margin:0; line-height:20px; font-size:16px;text-align:center}
.sy_about{ width:42%; float:right} 
.sy_choose h3,.sy_about h3,.sy_product h3,.sy_new h3{   font: bold 38px/30px 'Roboto Condensed', "Helvetica Neue", Helvetica, Arial, sans-serif;margin:58px 0 10px 0; color:#000/*#EB0007*/;  }
.sy_new{ width:100%;overflow:hidden; }  .sy_new h3{ text-align:center; margin-bottom:35px; width:100%; overflow:hidden}
.sy_new li{ width:30%; line-height:26px; font-size:16px;  float:left; margin:0 2.5% 5px 0; background:url(/images/list1.jpg) no-repeat left 13px; padding:10px 0 10px 35px;}  
.sy_new li span{ display:inline-block; color:#006CDC; width:100%;}	
.sy_new li p{ height:40px; margin:0;word-wrap:break-word;}
.sy_new li  a{ color:#818181;    }
.sy_new li  a:hover{color:#072049;}
.sy_product_tit{ width:100%; overflow:hidden; margin-bottom:20px;}
.sy_product_tit p{ font-size:16px; text-align:center}
.sy_product h3{ text-align:center}
.sy_choose ul{ margin-top:13px;}
.sy_choose li{ width:100%; line-height:30px; background:url(/images/thick-button-crush.jpg) no-repeat left 7px; padding-left:25px;}   .sy_choose h4{ font-size:18px; font-weight:400; color:#ED1C24; line-height:25px;}

/*=======================================================
			BUTTON
========================================================*/
.btn {text-transform: uppercase;color: #fff; background: url(/images/moreico.jpg) no-repeat right top #3167db;border-radius: 0px;display: inline-block;padding: 9px 55px 9px 20px;margin: 0 auto;margin-top: 15px;font-weight: bold;-webkit-transition: all 0.4s ease-in-out;-moz-transition: all 0.4s ease-in-out;-o-transition: all 0.4s ease-in-out;-ms-transition: all 0.4s ease-in-out;transition: all 0.4s ease-in-out;}
.btn:hover {background: url(/images/moreico.jpg) no-repeat right top #21304C;color: #fff;}

ul.slidecontrols {float: right;width: 50px;list-style: none; margin-top:60px;}
ul.slidecontrols li {float: left;list-style: none;}
ul.slidecontrols li:first-child {margin-right: 2px}
ul.slidecontrols li a.prev, ul.slidecontrols li a.next {height: 24px;width: 24px;position: relative;color: #FFF;text-indent: -99999px;cursor: auto;float: left;display: block;-webkit-transition: all 0.3s ease-out;-moz-transition: all 0.3s ease-out;-o-transition: all 0.3s ease-out;-ms-transition: all 0.3s ease-out;transition: all 0.3s ease-out;}
ul.slidecontrols li a.prev {background: #CCD0D9 url("/images/carousel-prev-next.png") -15% 50% no-repeat; cursor:pointer;}
ul.slidecontrols li a.next {background: #222 url("/images/carousel-prev-next.png") 115% 50% no-repeat; cursor:pointer;}
ul.slidecontrols li a.carousel-disabled, ul.slidecontrols li a.carousel-disabled:hover {background-color: #ccd0d9 !important;cursor: default;}
.wgt-featureGroup p{ color:#737373;height:63px; overflow:hidden; line-height:20px;}
.wgt-featureGroup .readmore{ /*background:url(/images/arrows0.png) no-repeat left center; padding-left:18px;*/text-transform:uppercase; display:none}
.wgt-featureGroup .readmore a{ color: #8A472B}   .wgt-featureGroup .readmore a:hover{ color:#3d3d3d}
.index_btn{ float:right; cursor:pointer; width:60px; margin-top:40px;}
.index_btn a{ display:block; text-indent:-999em;width:29px; height:30px; background:url(/images/btn.gif) no-repeat;}
.index_btn a.leftbtn{ background-position:0 0; float:left;}
.index_btn a.leftbtn:hover{ background-position:0 -33px;}
.index_btn a.rightbtn{ background-position:-33px 0; float:right; }
.index_btn a.rightbtn:hover{ background-position:-33px -33px;}

.wgt-featureGroup {   float:left;  position: relative;overflow:hidden;width:45%; margin-left:5%; }   .wgt-featureGroup  ul{ margin:0}
.wgt-featureGroup dl{ width:100%; margin:0}
.wgt-featureGroup dt {width:100%;}
.wgt-featureGroup dt img{ width:100%; height:auto;_height:148px;}
.wgt-featureGroup dt  a:hover {text-decoration: none;}
.wgt-featureGroup dt  a:hover .img {-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=70)"; /* IE */filter: alpha(opacity=70); /* IE */opacity: 0.7;}
.wgt-featureGroup  .bg {position: absolute;bottom:0;left: 0;width: 110%;height: 33px;-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=70)"; /* IE */filter: alpha(opacity=70); /* IE */opacity: 0.7;}
.wgt-featureGroup dd{ width:100%}
.wgt-featureGroup a:hover .bg { }
.wgt-boxlink .img {padding: 13px;}
.wgt-featureGroup h4{ font-size:14px; padding:15px 0 0 0; margin:0;} .wgt-featureGroup p{ width:100%; color:#999;    font-family: 'Roboto', Arial, Helvetica, sans-serif; }
.wgt-featureGroup h5{font-weight:500;font-family: 'Roboto', Arial, Helvetica, sans-serif;left: 0px;top:175px;font-size: 15px; line-height:35px; color:#304770; margin:2% 0 0.5% 0;z-index: 9;}
a.gray-button {text-align:center;font-size:13px;color: #222;padding:10px 25px;display: inline-block;margin:5px 0 15px 0;position: relative;    background:#f0f0f0;overflow: hidden; text-transform:uppercase;}
a.gray-button:hover{ background:#FF3B30; color:#fff;}
.sy_about h4{ font-size:16px; color: #E80000; margin-bottom:13px; line-height:22px; font-weight:500;}  .sy_about p{ line-height:22px;}
.bottombg{ margin:0 auto; width:100%; overflow:hidden;   padding: 30px 0 30px 0;/*  background: url(/images/map-bg.png) center center no-repeat;*/background-color:#272c4c; margin-top:50px; font-size:14px;}
.bottom{background:#304770; color:#fff;}  .bottomlist a{color:#5D5D5D;}
.bottom .emaill{ float:left; width:310px; background:url(/images/email1.png) no-repeat 20px 5px; padding:0 0 0 65px; font-size:20px; color:#FFF}   .bottom .emaill a{ color:#FFF}
  /*--- bottomright ---*/

.bottom1{ width:35%;float:left; margin-right:4%;}  
.bottom1 h3,.bottom2 h3,.bottom3 h3{ font-size:24px;color:#fff; margin-bottom:5px; font-weight:400;font-family: 'Roboto', Arial, Helvetica, sans-serif;}
.btitle { margin: 10px 0 27px 0;}
.bottom2{ width:31%;float:left;margin-right:20px;}    .bottom2 li{ margin-bottom:8px; line-height:22px; font-size:14px; color:#b8b8b8;} .bottom2 li a{ color:#b8b8b8;}
.bottom3{ width:25%;float:right; margin-top:10px; color:#b8b8b8;}
.email-input{ border:0;  padding-right:50px;_ padding-right:40px; height:38px; line-height:38px; color:#000; }
.input-box {position: relative; overflow:hidden; width: 100%; height:40px; line-height:40px;max-width: 300px;text-align: left; background:#Fff;text-indent:15px;   float:left; border:#ddd 1px solid;}   
.submit-btn{display: block;position: absolute; top: 0;right: 0; width: 45px;height: 38px;line-height: 38px;font-size: 18px;text-align: center; background:url(/images/email-icon.png) no-repeat 40% center #ffba00}
.sypro_list{ width:100%;}
.sypro_list ul li{  padding:2px ; float:left; border:#b8b8b8 1px dashed;font-size:12px; margin:0 5px 5px 0; }  .sypro_list ul li a{ color:#ffba00}  .sypro_list ul li a:hover{ color:#3167db}
.sypro_list ul li img{width:90px; height:90px; border:1px #CCCCCC dotted;}
.foot{color:#a3a3a3;text-align:center}   .foot a{ color:#FFFFFF; margin:0 10px;}
.footbg{ background:#131524; padding:10px 0  }   .foot_l{ float:left; text-align:left;width:45%;line-height:25px; }    .foot_r{ float:right; width:45%; text-align:right;line-height:25px; }
.digital{ background:url(about_02.jpg) no-repeat top center; height:380px;}
.main,.why-con{width:1250px; margin:0 auto;}
.why-con h3{ font-size:32px; color:#fff; text-align:center; margin-bottom:25px; text-transform:capitalize;font-family:OpenSans_bold; padding-top:70px;}
.why-con p{ color:#fff; text-align:center; width:60%; margin:0 auto;}
.mumping_mun li{width:18%; float:left;margin:80px 1% 0}
.mumping_mun{width: 1250px;}
.mumping_mun p{font-size:15px; text-align:center; color:#fff; margin:0; line-height:22px;}
.mumping_mun h4{font-size:72px;font-weight: normal; color:#fecd06; font-family:Impact,Arial; text-align:center; width:auto; border-bottom:none; display:inline; background:none;}
.mun_top{ text-align:center; margin-bottom:15px;}
.mun_top span{ color:#fff;}





/* -------sub style-------  */
.sub_tit{   margin: 0  auto; width:100%; padding: 10px 0 ; background:#f4f4f4; }
.sub_tit strong{ float:left; font-size:20px; width:40%; font-weight:400; text-transform:capitalize; color:#000}   .sub_tit span{ float:left; width:60%;  text-transform:capitalize}
.h3font{ font: bold 42px/40px Arial, Helvetica, sans-serif;color: #000000; position: relative;text-transform: uppercase;margin-bottom: 15px; margin-top: 50px;}
.hfont{ font-size:22px; color:#072049; margin:25px 0;}
.question-toSS { position: relative;background:#eee url('/images/sss-img.png') no-repeat 30px 20px; padding:4px 0 50px 130px; margin:25px 0 30px 0;}
.question-toSS h3 { font-size:20px;color:#000; margin-top:15px;}
.question-toSS p{  line-height:20px; font-size:16px;color: #f80;}
.question-toSS .zxjt { float:left;color: #fff;height:32px;line-height: 32px;background:#333 ;clear:both;}
.question-toSS .zxjt a { display: inline-block;color:#fff;padding: 0 26px;font-size: 14px;}
.block_1 {position:relative; float:left; width:30%;display:block;margin-bottom:30px;}
.block_1 img {position:relative;margin:26px 31px 10px 0; width:100%; height:auto;_height:243px;}
.block_r{ float:right; width:67%; line-height:22px;}
.block_r h3 {font: bold 21px/28px Arial, Helvetica, sans-serif; margin:20px 0 12px 0; text-transform:uppercase;color: #046cc1;}
.btn-primary.active, .btn-warning.active, .btn-danger.active, .btn-success.active, .btn-info.active, .btn-inverse.active { color:rgba(255,255,255,0.75); }
.btn-primary {
	position:relative;
	display:inline-block;
	padding:16px 29px !important;
	font:900 19px/19px 'Lato', sans-serif;
	color:#fff !important;
	text-shadow:none;

	border-radius:0;
	border:none;
	box-shadow:none;
	height:auto !important;
	text-decoration:none;
	text-transform:uppercase;
	-webkit-transition:all 0.3s ease;
	-moz-transition:all 0.3s ease;
	-o-transition:all 0.3s ease;
	transition:all 0.3s ease; margin-top:6px; margin-bottom:20px;
}
.btn-primary:before {
	background:#ff6f00;
	display:block;
	position:absolute;
	top:0;
	right:0;
	bottom:0;
	left:0;
	z-index:-1;
	content:'';
	-webkit-transition:all 0.6s ease;
	-moz-transition:all 0.6s ease;
	-o-transition:all 0.6s ease;
	transition:all 0.6s ease;
}
.btn-primary:after {
	background:#000;
	display:block;
	-webkit-transition:0.8s;
	-moz-transition:0.8s;
	-o-transition:0.8s;
	transition:0.8s;
	position:absolute;
	top:100%;
	right:0;
	bottom:0;
	left:0;
	z-index:-1;
	content:'';
	-webkit-transition:all 0.6s ease;
	-moz-transition:all 0.6s ease;
	-o-transition:all 0.6s ease;
	transition:all 0.6s ease;
}
.btn-primary:hover, .btn-primary:active, .btn-primary.active, .btn-primary.disabled, .btn-primary[disabled] {
	color:#fff !important;
	background:transparent;
	text-shadow:none;
	box-shadow:none;
	text-decoration:none;
	-webkit-transition:all 0.3s ease;
	-moz-transition:all 0.3s ease;
	-o-transition:all 0.3s ease;
	transition:all 0.3s ease;
}
.btn-primary:hover:after, .btn-primary:active:after, .btn-primary.active:after, .btn-primary.disabled:after, .btn-primary[disabled]:after {
	top:0;
	-webkit-transform:rotateY(360deg) scale(1.0);
	-ms-transform:rotateY(360deg) scale(1.0);
	transform:rotateY(360deg) scale(1.0);
}
.company li {
width:25%; float:left; overflow:hidden;
}
.company li img{ width:100%; height:auto;}
.company h2 {
position: relative;
display: inline-block;
color: #fff;
background: #000; font: normal 28px/36px Lato;
padding: 1px 20px; margin:20px 0 20px 0;
}


.row-fluid {
	width:100%;
	*zoom:1;
}
.row-fluid:before, .row-fluid:after {
	display:table;
	content:"";
	line-height:0;
}
.row-fluid:after { clear:both; }
.row-fluid [class*="span"] {display:block;width:100%;min-height:32px;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;float:left;margin-left:2.1276595744681%;*margin-left:2.0744680851064%;}
.row-fluid [class*="span"]:first-child { margin-left:0; }
.row-fluid .controls-row [class*="span"] + [class*="span"] { margin-left:2.1276595744681%; }
/*--- contact us ---*/
address { color: #333333; }
.contact-title, .comment-title { font-size: 26px;line-height: 28px; margin: 0; color:#333 }
.contact-title.style1 {margin:50px 0 25px 0; }
.contact-left { width:35%; float:left}  .contact-left img{ margin-bottom:30px; width:100%; height:auto;_height:200px; }
.contact-left address { font-weight:500; color: #333333; font-style:normal;}
.contact-left address a {font-weight: 400; font-size:20px; color:#ff7300}
.contact-left address .ct-phone {font-weight: 400;color: #888888; }
.contact_jl{ margin-top:40px;}
.contact_right{ float:right; width:55%}
.contact-left p,.contact_right p{ font-size:14px;}
.portfolio-container,.portfolio-container2 {position: relative; }
.cadd{background: url(/images/cadd.jpg) no-repeat left 0px; margin-bottom:15px; text-indent:25px;}
.cemail{background: url(/images/cemail.jpg) no-repeat left 2px; margin-bottom:15px; text-indent:35px;}
.ctel{background: url(/images/ctel.jpg) no-repeat left 0px; text-indent:28px;}
.chatonline{cursor: pointer;color:#fff;padding:4px 40px; line-height:40px;background:#1a1a1a;  width:60%; text-align:center; margin-top:25px; text-transform:uppercase}   .chatonline a{ color:#fff;font-size:15px; text-decoration:none; }
.chatonline a:hover{ opacity:0.8;filter:alpha(opacity=80); color:#fff; }
   
/*--- filter ---*/
.filters-options {text-align: center; width:100%; overflow:hidden; margin:2% 0 4% 0}
.filters-options li { padding: 1% 2%;
    background: #e0e0e0;  margin:2% 2px 0 0;display: inline-block;
    cursor: pointer;
    font-size: 15px;
    line-height: 32px;
    text-transform: capitalize;
    color: #333333; float:left}
    .filters-options li:before {
      content: '';
      position: absolute;
      bottom: 0;
      margin-left: 0px;
      left: 100%;
      z-index: 0; }
    .filters-options li:after {
      content: '';
      position: absolute;
      top: 0;
      left: -25px;
      z-index: 0; }
    .filters-options li.active, .filters-options li:hover {
      background:#f78f20;
      color: #fff; }
 
	  
	  
	  
	  /* product center
========================================================*/
.prolist-con ul{ overflow:hidden; width:100%;}
.prolist-con ul li{ float:left; width:22%; margin:0 3% 3% 0;position:relative; padding-bottom:15px;height:210px; overflow:hidden;}   
.prolist-con ul li img{  width:100%; height:auto;_height:auto; border:1px #CCCCCC dotted;}
.prolist-con ul li:hover{ border-bottom:1px solid #222;}
.prolist-con ul li a:hover img{ opacity:0.8; filter:alpha(opacity=80);}
.prolist-con ul li p{overflow:hidden; color:#8a8a8a; margin-bottom:5px;}
.prolist-con ul li .bd-con { width:169px;  height: 30px; line-height:24px; text-align:center;} /*lcedit*/
.prolist-con ul li .bd-con a { font-size:18px; color: #1251BA;text-transform: capitalize; display:block; font-family: 'Roboto', Arial, Helvetica, sans-serif; margin:4% 0;}
.sub_left{ width:67%; float:left; margin-top:40px; }   
.sub_left h1{ font-size:18px; margin:0px 0 30px 0;}
.sub_right{ float:right; width:27%;margin-top:40px;font-style:normal}
/* -------solution----*/
.sub_news_left{ width:67%; float:left; margin-top:40px; word-wrap:break-word;}   
.sub_news_left img{ max-width:700px;}
.sub_news_left h1{ font-size:18px; margin:0px 0 30px 0;}
.sub_news_left a{ color: #0345a0;    text-decoration: underline;}

.list1 {padding-top: 9px;}
.list1 li {margin-bottom:2px;}
.list1 li a {display: block;font: 17px/53px  Arial, Helvetica, sans-serif;background: #efefef;color: #2c2c2c;padding: 0 19px;text-transform: capitalize;}
.list1 li a:hover {background:#0c4a9b;color: #fff;}
.solution{  width:99%; margin-top:10px;}   .solution strong{ font-size:15px; margin-bottom:15px; text-transform:uppercase;} 
.solution strong a{  color:#EC1D23}
.solution p img{ margin:15px 0}
.solution dl{ margin-bottom:40px; border-bottom:#e4e4e4 1px dotted; padding-bottom:35px;background: #fff;width:100%; overflow:hidden;}   
.solution dl dt{ width:28%; float:left}
.solution dl dt img{ float:left; width:100%; height:auto;}
.solution dl dd{ width:68%; float:right; margin:0;}
.solution dl dd p{ color:#666; margin-top:10px; line-height:22px;}
.solution dl dd a.readmore{ background:#222; text-align:center; padding:9px 30px;  font-size:14px; line-height:45px; color:#fff; margin-top:7px;}
.sol ul{ overflow:hidden; float:left; margin-top:10px; }
.sol li{ float:left; padding: 8px 25px; margin:15px 10px 0 0; font-size:13px;border:#e8e8e8 1px solid; text-align: center; background:#f8f8f8; }
.sol li a{ color:#999;}   .sol li a:hover{ color:#EC1D23}
.hotpro{ width:100%; margin-top:35px;}       .hotpro H2{ font-size:22px; color:#000; margin-bottom:4%}  
.hotpro dl dd{  width:30%; float:left; margin:0 2% 3% 1%; color:#666;  padding:5px 0;} 
.hotpro dl dd img{ width:100%; height:auto;border:1px #CCCCCC dotted;}
.tj_new{ width:100%; margin-bottom:30px; overflow:hidden;}  
.tj_new_left{ width:28%; float:left} 
.tj_new_left img{ width:100%; height:auto;_height:98px}   
.tj_new_right{ float:right; width:68%;}  
.tj_new_right h1{ font-size:12px; margin:0; margin-bottom:10px;  }  
.tj_new_right p{ line-height:30px; margin-bottom:10px; color:#888}
.tj_new_right .date{ width:100%; text-align:left; color:#046cc1}
.sub_new{ width:100%; overflow:hidden;}
.newar { float:right; width: 10%; color:#BFBFBF; }
.newal { float:left; width: 87%; }   
.sub_new li{ line-height:36px;  background:url(/images/d.jpg) no-repeat left 15px; padding:0 0 0 15px; width:100%; overflow:hidden;}
.prodetail_sidebar h3{ font-size:26px; text-transform:uppercase; margin:0; margin-bottom:23px; color:#000}
.prodetail_sidebar ul{display:none;}
.prodetail-heading {border-top:1px solid #e2e2e2;}
.prodetail_sidebar ul{display:none;}
.prodetail-toggle {position: relative;display: block;padding:15px 0 10px 15px;background:#fff url(/images/golbal_products_leftbg2.gif) no-repeat 95% center; font-size:14px;font-weight:500;}
.prodetail-heading a{ color:#333}
.prodetail-heading a:hover{ color:#ff4a00}
.prodetail-heading ul{ background:#f9f9f9; border-top:#e2e2e2 1px solid; padding:5px 0;}
.prodetail-heading ul li{ line-height:36px;   padding-left:30px;}
.prodetail-heading ul li a{ color:#888;}
.prodetail-toggle {cursor: pointer;}
.prodetail-heading:hover .prodetail-toggle{background:#e4e4e4 url(/images/golbal_products_leftbg1.gif) no-repeat 95% center;color:#EC1D23;}
.prodetail-con{width:100%;  overflow:hidden;}
.detail-list{ overflow:hidden; width:100%;}  .detail-list ul li ul { width:100%; margin:0 auto}
.detail-list ul li{ float:left; width:32.8%;_width:27%; height:55px; margin-right:4px;cursor:pointer;}
.detail-list ul li span{ display:block; width:100%; height:55px; background:#fff; background:#f0f0f0; font-size:16px; line-height:55px; font-weight:bold; color:#222; text-align:center;cursor:pointer}
.detail-list ul li.cur3 span{ background-color:#38425a; color:#fff }
.fixed .detail-list ul li.dinggou{ background:#f40;}
.fixed .detail-list ul li.dinggou a{   padding-left:22px; color:#fff;}
#header-wrapper {height:auto; margin:0 auto; width:100%;}	

#header-wrapper ul{width:1170px; margin:0 auto; overflow:hidden; }
.fixed {  position:fixed; top:0px; z-index:9999; height:55px; margin:0 auto; background: url(/images/fiex_bg.jpg) repeat-x left top;left:0 }
.fixed #header-wrapper {height:55px; margin:0 auto; width:100%;}
.Contentbox{width:100%; text-align:left; margin-top:15px;line-height:25px;overflow:hidden; }
.Contentbox  tr td{ height:36px;}
.Contentbox img{ margin:2% 0 1% 0;}
.Contentbox h3{ color:#0c4a9b; font-size:20px; font-weight:600;}   .Contentbox h2{   font-size: 20px;   text-transform:capitalize; color:#000;
margin: 15px 0 15px 0;}  
.Contentbox p{margin-bottom:9px; color:#333;}   .Contentbox strong{ font-weight:600; text-decoration:underline}
.pdetr_table{ padding:10px 0; margin-top:10px;}
.pdetr_table .ptable_val { margin-bottom:10px; width:100%; overflow:hidden;}
.ptable_val .ptab_lab{ width:18%; display:block; float:left; text-align:left; line-height:30px;}
.ptable_val .ptab_inp{ width:70%; margin-right:2%; margin-left:5%; float:left; height:28px; line-height:28px; background:#fff; border:1px solid #ddd;}
.ptable_val .ptab_inp1{ width:70%; margin-right:2%; margin-left:5%; float:left; height:80px; line-height:28px; background:#fff; border:1px solid #ddd;}
.ptable_val .ptab_sub{ width:40%; margin-left:5%; height:38px; margin-top:8px; color:#fff; font-size:14px; background:#EC1D23; cursor:pointer;}
.ptable_val .red {color: #F00;}
.pimg{ float:left; width:47%; overflow:hidden;}
.pimg img {display:block;cursor:pointer; width:100%; height:auto;}
.ppimg { width:100%;}
.ppimg ul{ width:100%; overflow:hidden; margin:0;}
.ppimg ul li  {float:left;width:24%;margin-right:1%; }   
.ppimg ul li img{height: auto; width:100%;cursor:pointer; }
.ppimg img:hover{border:1px solid #4cadc5;}
/*-------------about bottom--------*/
.con_bg{  padding:40px 0 20px 0; }
.baselayout{max-width:1170px;_width:1170px; margin:0 auto;  overflow:hidden; margin-top:2%}
.baselayout li{width:24.9%; float:left; margin-right:0;}   
.baselayout li img{width:100%; height:auto;_height:156px;}

.imagedesc_370_about{width:100%;display:block;  overflow:hidden; position:relative;}
.imagedesc_370_about .core_item1 img{display:block; margin:0; }
.imagedesc_370_about .core_desc1{position:absolute; bottom:0px; left:0px; width:100%;}
.imagedesc_370_about .core_bg1{position:absolute; left:0px; top:0px; width:100%; height:100%; line-height:36px; height:36px;}
.imagedesc_370_about .core_text1{position:relative; overflow:hidden; font-size:15px; text-align:center; width:100%; line-height:36px; height:36px; color:#fff; text-transform:uppercase}

.imagedesc_370_about .core_text1 a{ color:#fff;}
.skincolored_section{ background-color:#3d3d3d /*#4eabf9*/;color: #ffffff;}
.secondary_section {background-color:#0866e4/*#3e50b4*/;color: #ffffff;}
.f16{ font-size:16px;}   .f12{ font-size:12px;}


/*nav css*/


.navul { width:100%;  }
.navul li{POSITION:relative;display: block; TEXT-ALIGN:center;FLOAT:left; margin-left:33px; z-index:20;}
.navul  li a{ font-size: 16px;display: inline-block; text-transform: capitalize;position: relative; color:#fff;}   
.navul  li a:hover{ color:#4eabf9}
.navul li:hover dt a{ font-size:13px;padding: 0; text-indent:15px;}
.navul li:hover dt a:hover{ text-decoration:none;display:block;}
.navul li:hover .plist{Z-INDEX:1000; POSITION:absolute; DISPLAY:block; TOP:53px; LEFT:-560px; font-size:12px;}
.navul li:hover .ndropdown{Z-INDEX:1000; POSITION:absolute; DISPLAY:block; TOP:39px; LEFT:0px}
.navul li.navlm:hover .gdropdown{Z-INDEX:1000; POSITION:absolute; DISPLAY:block; TOP:64px; LEFT:0px; color:#666}

.list01{DISPLAY:none;  padding:10px 0; color:#eee;background:#f5f5f5; width:190px;}   
.list01 dt{background:transparent !important;}
.list01 DT A{height:34px; line-height:34px; text-decoration:none; display:block; text-align:left; font-weight:normal;font-size:12px; padding-left:12px; color:#222}/*tian yige float:left*/
.plist {overflow:hidden; height:430px;position: absolute ; padding-top:10px;background: url(/images/nav_pro.png) repeat; width:1700px; margin-left:-265px; }
.productlist{  WIDTH:900px; margin:0 auto; overflow:hidden;  HEIGHT: 430px; z-index: 9999; margin-left:30%; background:#1D283A;}
/** 导航 下拉  结束 **/
.list01 li{TEXT-ALIGN:left; PADDING:0px; MARGIN:10px 0px 0px;  FLOAT:left;FONT-SIZE:12px; height:400px; overflow:hidden; padding-right:20px;}
.list01 li:hover{background: none;}
.list01 li OL LI{PADDING: 0px;  padding-left: 10px;    height:32px; line-height:32px;margin:1px 10px 0 10px;}
.list01 LI OL LI span {background-position: center center;float: left;background-image: url('/images/hot3.gif');background-repeat: no-repeat;width: 30px; height: 24px;}
.list01 LI OL LI A{MARGIN-LEFT:3px;float:left; padding:0; line-height:30px; font-size:12px;}
/*jieshu*/
.list01 LI OL LI A.redzi{ color:#ff9600;}
.list01 LI OL LI:hover A.redzi{ color:#000; }
LI.feilei1{WIDTH:280px;}    LI.feilei1 a:hover{-moz-transform:0; -webkit-transform: 0; -o-transform:0; -ms-transform:0;transform: 0;}
LI.feilei1 LI{WIDTH:280px}
LI.feilei2{WIDTH:290px}
LI.feilei2 LI{WIDTH:290px}
LI.feilei3{WIDTH:300px}
LI.feilei3 LI{WIDTH:300px}
LI.feilei4{WIDTH:300px;}
LI.feilei4 LI{WIDTH:300px}
.nav_img { display:none;}
.productlist strong a{ font-size:20px;  height:30px;  line-height:30px; margin-bottom:20px; font-weight:600; overflow:hidden;}
.pro_right{ float:right; width:35%; text-align:left; margin-top:40px;}
.pro_right h1{font-size:32px; color:#202020;}	
.prodetail_tit{ width:100%; overflow:hidden; margin-bottom:2%} 
.prodetail_tit  h1{ font-size:20px; color:#000; margin:0px 0px 18px 0px; float:left; width:100%;    font-family: 'Roboto', Arial, Helvetica, sans-serif;}
.prodetail_bj{ width:98%; height:50px;line-height:46px; font-size:20px; background:url(/images/zhek.png) no-repeat 40px center; text-align:center;margin-bottom:15px;}    
.prodetail_bj a{ color:#0C4A9B;}
.prodetail_tit .bj a:hover{ color:#000}
.prodetail_tit  .pdf{ float:left;width:auto/*23%*/; background:url(/images/pdf.png) no-repeat left top; margin:1.5% 7% 0 0; padding:7px 0 7px 40px; font-size:16px; text-decoration:underline}    .prodetail_tit  .pdf a{ text-transform:capitalize}  .prodetail_tit  .pdf a:hover{ color:#1D94F7}
.pro_right p{ line-height:22px; color:#666; margin-bottom:2px; line-height:28px;text-align: left; font-size:15px; width: 100%; /* display: inline-flex;*/ }  
.pro_right p strong{ color:#0c4a9b; width: auto; display:inline-table; margin-right: 10px; width:160px;}
.pro_right a:hover{ text-decoration:none;}
.pro_email{ background: url(/images/p-email.jpg) no-repeat left 5px;width: 100%;margin-bottom:25px;margin-top: 15px;font-size:22px;padding: 10px 0 20px 38px; color:#000;height: 22px;}
.pro_email a{ text-decoration: underline; color:#FF7E00;}
.pro_email a:hover{text-decoration: underline;color: #FB0000;}
.pro_contact{ width:100%; margin-top:10px;}   .pro_contact b{font-weight:500;}
.pro_contact a{ width:49%; float:left; margin-right:1%; height:50px; line-height:50px;font-size:17px; text-indent:65px;}
.pro_contact .send-message1{ background: url(/images/message.png) no-repeat 15px center #FFCC00; display:block; float:left; }   .send-message1 {color:#000 ;}  .send-message1 a:hover{ color:#449D44}
.pro_contact .send-message2{ background: url(/images/message.png) no-repeat 15px center #FFCC00;display:none; float:left; }   .send-message2 a{color:#FFF;}  .send-message2 a:hover{ color:#449D44}
.pro_contact .sale-service{ background:url(/images/chat.png)  no-repeat 20px center #0c4a9b; display:block; float:left; color: #fff;}
.sale-service a{ color:#fff; }  .sale-service a:hover{ background:#1D94F7;text-decoration:underline}
/*--- respond ---*/
#respond { margin-bottom: 10px; width:100%; overflow:hidden; float:left}   #respond h4{ font-size:26px; text-transform: capitalize; color:#333; margin: 50px 0 30px 0; width:100%; text-align:left; padding:10px 0 0 0 ; }
#respond .c-note {margin-bottom: 20px;color: #333; }
#respond .c-note span { color: #e5091c; }
#respond .comments-form p { margin-bottom: 30px; }
#respond .comments-form p .required{display: none; }
#respond .comments-form p #comment_name,
#respond .comments-form p #comment_email,
#respond .comments-form p #comment_url{ height: 40px; padding-left: 20px;width: 100%; }
#respond .comments-form p #comment_name:focus,
#respond .comments-form p #comment_email:focus,
#respond .comments-form p #comment_url:focus {border-color: #e5091c; }
#respond .comments-form p #txtcontent {height:180px;padding: 15px 20px;width: 100%;border: 1px solid #e9e9e9;background: #f9f9f9; font-family:Arial,Verdana,Helvetica,sans-serif;}
#respond .comments-form p #txtcontent:focus { border-color: #e5091c; }
#respond .comments-form p label.error {font-weight: bold; }
#respond #submitcc {background-color:#ff6f00;font-size: 15px;line-height: 40px;padding: 4px 60px;color: #fff;text-transform: uppercase; border: none;position: relative; }
#respond .form-submit button i {position: absolute; top: 14px;right: 15px; }
#respond .comments-form input{border: 1px solid #e9e9e9;background: #f9f9f9;}
.col-md-4 {width:47%;_width:43%;float: left;  position: relative;min-height: 1px; margin-right:3%;}
.column{ display:block; overflow:hidden; width:100%;clear:both; border-top:#cbcbcb 1px solid }

.title18 p{ margin:0}
.title18 {  padding:10px 0; text-indent:15px; font-size:15px; color:#000; background: url(/images/golbal_products_leftbg2.gif) no-repeat 96% center  ; }
.title18 a { text-align:left;display:block; background:url(/images/golbal_products_leftbg1.gif) no-repeat 96% center ; }
.title18.onshow { cursor:default; color:#1251BA;background: url(/images/golbal_products_leftbg1.gif) no-repeat 96% center /*#304770*/; }
.title18.on { cursor:pointer; color:#1688cc;  background:url(/images/golbal_products_leftbg1.gif) no-repeat 96% center ;  }
.title18.off { cursor:default; background: url(/images/golbal_products_leftbg2.gif) no-repeat 96% center ; }
.title18.showcc { cursor:default; color:#1251BA;background: url(/images/golbal_products_leftbg1.gif) no-repeat 96% center  ; }
.con ul{ background:#f8f8f8; margin-bottom:2px; padding:3px 0 ;border-top: #999 1px solid;}
.con ul li{ line-height:36px;   padding-left:30px;}
.con ul li a{ color:#888;}   
/*solution*/
.list-solution{ width:100%; overflow:hidden; margin:60px 0 10px 0;}
.list-solution dl{ width:47%; float:left; margin:0 3% 4% 0; overflow:hidden;}
.list-solution dl dt{ float:left; width:44%; height:auto;}  .list-solution dl dt img{ width:100%; height:auto}
.list-solution dl dd{ float:right; width:54%;  margin:0}
.list-solution dl dd a{ font-size:18px; display:block; line-height:24px; margin:6px 0 10px 22px;}
.list-solution dl dd p{ color:#999; margin:0 0px 20px 22px;}
.list-solution dl dd a.more2{ border:2px solid #357935; color:#5CB85C; padding:4px 30px; margin:0 0 0 22px; display:inline-block; font-size:14px; text-transform:uppercase;}
.list-solution dl dd a.more2:hover{ background:#2c2f35; border:3px solid #2c2f35; color:#fff;}

.pro_tit  {position: relative; display: -webkit-box; margin: 0;color:#182133;font-size: 14px;-webkit-box-pack: center; background: none; margin-top:40px; margin-bottom:20px;}
.pro_tit h1 {background-color: #fff;z-index: 10; position: relative;display: block; text-align: center; padding: 3px 20px;color:#000;font-size:36px;}
.pro_tit:after{content: ""; height:12px;width:80%; position: absolute;top: 43%; margin: 0 auto; background:url(/images/tit_x.jpg) repeat left center;left: 10%; -webkit-transform: scaleY(0.5);}
/*zoom*/
.preview {float:left;width:60%; margin-top:60px; margin-bottom:50px;}

.zoom img {width:100%;_width:477px; height:auto;_height:353px; overflow: hidden;}
.prod_thumb {margin:8px -5px 0 0;}
.prod_thumb li {float:left;width:24%;*width:23%;_width:22%;height:auto;margin:0 1% 0 0;cursor:pointer;}
.prod_thumb img {width:100%;height:auto;_height:86px;overflow:hidden;}
/*wuliao*/
.wuliao { HEIGHT: 50px; margin: 25px 0 25px 0; }
.wuliao li {  MARGIN: 0px 6px 10px 0; WIDTH:12%; DISPLAY: inline; FLOAT: left;  }
.wuliao img { width:100%; }
.wuliao h4 { height: 20px; LINE-HEIGHT: 22px; text-align: center; FONT-SIZE: 12px; font-weight: normal; padding: 0px; margin: 0px; }
.xg_pro h3, .xg_case h3, .left_form h3,.prolist_case h3 { font-size: 24px; color:#000; margin:4% 0 3% 0; font-weight:600; text-transform: capitalize ; }
/*产品页面相关产品滚动*/
.xg_pro ,.xg_case{width: 100%; margin:0 auto; overflow:hidden;}
.xg_pro li,.xg_case li{ float:left; width:22%; text-align:center; margin:0 1.5%;}
.xg_pro li img,.xg_case li img{ width:100%; height:auto}  
.xg_case li p{ height:20px; overflow:hidden}
.xg_case{ margin-bottom:50px;}
/*.xg_case  dl{ width:46%; float:left;  margin:0 3% 0 0; overflow:hidden; }
.xg_case  dl dt{ float:left; width:100%;}
.xg_case  dl dd{ width:100%;}
.xg_case  dl dd a{ font-size:13px; font-weight:bold; color:#333;}
.xg_case  dl dd a:hover{ color:#f60; text-decoration:underline;}
.xg_case  dl dd p{ color:#666; margin-top:10px; height:70px; line-height:23px; overflow:hidden;}
.xg_case  dl dd b{ color:#304770}/*lcadd*/

.xg_case  dl dd a.more{ background:/*#304770*/#E6EAEC; padding:10px 25px;color:#F90; margin-top:5px; font-weight:normal; float:left; }
.xg_case  dl dt img{ width:370px; height:150px; margin-bottom:15px;}*/
/*pro*/
.pro_tit{margin-top:30px;  padding-bottom:23px; }
.pro_tit h3{ font-size:18px;float:left; width:15%; color:#000000 } 
.pro_lei { width:78%; float:right; }
.pro_lei li { height:34px; float:right; text-align: center; margin-left:3px; cursor:pointer; font-size: 14px; line-height: 34px; }
.pro_lei li a { width: 130px; display: block; background:#3F455D;  border-bottom:none; color:#fff; }
.pro_lei .li1 a {background:#EB0007; color:#fff; font-weight:bold;height:34px; line-height: 34px;}
.pro_lei .current a {background:#EB0007; color:#fff; height:34px; line-height: 34px;}
.wrap{ background:#f5f5f5; width:100%; overflow:hidden; padding:20px 0 30px 0;}
.container .ditu{ width:100%; margin:40px 0 0 0}
.sub_right .jl{ margin-top:10px; width:100%; height:auto}
#gotoTop2{width:56px; height:56px; display:block; cursor:pointer;text-indent:-999em;background:url(/images/his-totop.gif) no-repeat -64px 0;position:fixed; right:15%; bottom:10%; }
#gotoTop2{_position:absolute;_right:4%; _bottom:10%; _top:expression_r(documentElement.scrollTop + documentElement.clientHeight * 3/4 + "px")}
#gotoTop2:hover{background:url(/images/his-totop.gif) no-repeat;}
.ipSliderBox { max-width:930px; height:200px; margin-left:auto; margin-right:auto; position:relative;}
.ipSliderBox .ipsb { display:block; width:60px; height:90px;  position:absolute; top:50%; margin-top:-45px; z-index:10;}
.ipSliderBox .ipsb_prev { left:-70px;}
.ipSliderBox .ipsb_prev:hover { background-position:0 -90px;}
.ipSliderBox .ipsb_next { right:-70px; background-position:-60px 0;}
.ipSliderBox .ipsb_next:hover { background-position:-60px -90px;}
.ipSlider { width:100%; height:200px; position:relative; overflow:hidden;}
.ipSlider li { width:295px; position:relative;}
.ipSlider .img { display:block; width:100%; height:0; padding-bottom:68%; overflow:hidden;}
.ipSlider .img img { width:100%; height:auto;}
.ipSlider .cover { padding:0px 5%; width:90%; height:auto; position:absolute; left:0; bottom:0;   color:#fff; text-align:center;}
.ipSlider .cover .n { display:block; text-align:center; font-size:24px; font-weight:normal; margin:15px 0; white-space:nowrap;text-overflow:ellipsis;overflow:hidden;}
.ipSlider .cover .more { width:auto; height:40px; line-height:40px; border:#fff 3px solid; padding:0 30px; display:none;}
.ipSlider .scroll_nav { display:none;}
.ipSlider .hover .cover .more { display:inline-block;}
.ipSlider .hover .n { padding-top:30px;}


/*lcadd*/
.valid{ height: 40px; line-height:40px; padding-left: 20px; width: 100%; border-color: #e5091c; }
.prenext{ margin:20px  0 0 0;}   .prenext li{ margin-bottom:2%}
.pages {  color: #999; border:#6600CC solid 0px; margin:0 auto; clear:both; margin:3% 0;}
.pages a, .pages .cpb { text-decoration:none;padding:10px 16px; border: 1px solid #ddd;background: #fff;margin:0 2px; font-size:11px; color:#000;}
.pages a:hover { background-color:#434E58; color:#fff; border:1px solid #434E58; text-decoration:none;}
.pages .cpb { font-weight: bold; color: #fff; background:#434E58; border:1px solid #434E58;}
.searchresult{ width:100%; overflow:hidden;}
.searchresult em{ color:#ffc103; font-style:normal;}
.searchresult ul{ overflow:hidden; width:100%;}
.searchresult ul li{ float:left; width:22%; margin:0 3% 3% 0;position:relative; border-bottom:1px solid #aaa; padding-bottom:15px;height:300px; overflow:hidden}  
.searchresult ul li img{  width:100%; height:auto}
.searchresult ul li:hover{ border-bottom:1px solid #222;}
.searchresult ul li a:hover img{ opacity:0.8; filter:alpha(opacity=80);}
.searchresult ul li p{overflow:hidden; color:#8a8a8a; margin-bottom:5px;}
.searchresult ul li .bd-con { width:270px;  height: 100px;  overflow: hidden; line-height:24px;}  
.searchresult ul li .bd-con h4 { font-size:18px; color: #000;text-transform: capitalize; display:block; font-weight:500; font-family: 'Roboto', Arial, Helvetica, sans-serif; margin:4% 0;}
.cwin_cc{  width:34px; height:34px; background:url(/images/cwin_cc.png) no-repeat right top; cursor:pointer; display:block; float: right;margin-top: -50px;}

/*lcadd end*/
.case_detail{width: 100%;text-align: left;line-height: 25px; padding-top: 10px;overflow: hidden; font-size:14px;}
.case_detail h1{ font-size:24px; color:#1251BA; text-align:center; font-family:'Roboto', Arial, Helvetica, sans-serif;}
.case_detail h3 {    color: #304770;}
.case_detail strong{ color:#ff7300; font-weight:500; margin-right:10px; width:auto; display:inline-block;}
.case_detail .mes{ width:100%; overflow:hidden}  .case_detail .mes li{ width:48%; float:left}
.case_detail .ly{  background:#11BCF4 ;padding:14px 0; width:100%; text-align:center;  color:#fff; text-transform: capitalize; font-size:23px;font-family:'Roboto', Arial, Helvetica, sans-serif; margin:40px 0 40px 0;}
.case_detail .ly a{ color:#fff;}
.case_detail .lx{ background:#e8e8e8 ; padding:14px 0; width:100%;text-align:center; float:left;color:#11BCF4; text-transform:capitalize;  font-size:23px;font-family:'Roboto', Arial, Helvetica, sans-serif; margin:40px 0 40px 0;}


/*留言*/

.pro_ly{ width:100%;background:#f4f4f4; }
.feed-con  {position: relative;background:#f4f4f4; padding-top:2.5%; }
.feed-con #m3{ float:left; clear:both;}
.feed-con  .tit h4 { color: #000;text-align: center;line-height: 55px;font-family: Open Sans, Arial;background: #FFCC00; margin: 0 auto; margin-top: -30px;width: 100%;float: left;margin-bottom: 15px; font-size:22px; overflow: hidden;}  
.feed-con form{ width:99.7%; overflow:hidden; padding:2% 1% 4% 4%; border-top: none;}   
.feed-con form p{ margin:0 0 3% 0; width:100%; overflow:hidden;    font-size: 16px; color:#666}
.feed_row{ width:47%;_width:42%;margin-right:3%; float:left;margin-bottom:2%}
.feed_row span{ width:100%; display:inline-block; font-size:14px; color:#333; padding-bottom:5px; }
.feed_row span strong{ color:#cc0001; font-family:Georgia; font-size:16px;}
.feed_row input.text00{ width:100%; height:42px; line-height:42px; text-indent:10px; color:#666; background:#fff;margin-right:30px; border:1px solid #ccc;}
.feed_row select{width:100%; height:42px; line-height:42px; text-indent:10px; color:#999; margin-bottom:10px; border:1px solid #ccc; background:#fff; margin-right:30px; }
.row2{ width:99%; margin-bottom:15px; float:left;}
.row2 span.need{ display:block; font-size:14px; padding-bottom:2%;}
.row2 textarea{ width:98%; height:120px; border:1px solid #e2e2e2; background: #fdfdfd; font-family:Arial, Helvetica, sans-serif; margin-top:8px; text-indent:10px;color: #666; }
.row3 input.sub00{ border:#0c4a9b 3px solid; font: 500 18px/14px  Arial, Helvetica, sans-serif;line-height: 40px;padding: 4px 50px; color:#000;text-transform: uppercase; position: relative; margin-top:2%; float:left; clear:both;}     .row3 input.sub00 :hover{ background:#99bf38; color:#fff;}
.fu_lv_cc{  width:730px; margin:0 auto;  box-sizing:border-box;-moz-box-sizing:border-box; -webkit-box-sizing:border-box; -ms-box-sizing:border-box;
background-color: #f4f4f4;
left: document.body.scrollWidth ;
z-index:999;
top:50%;    left: 50%;
margin: -141px 0 0 -366px;
margin-top:-250px!important;/*FF IE7 */
position:fixed!important;/* FF IE7*/
position:absolute;/*IE6*/
-webkit-box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175);
box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175);
background-clip: padding-box;}

.fu_lv_cc  .tit h4 { background:none; color:#000; font-size:32px; margin-bottom:0}
#sub_pro_l { margin:4.5% 0 2% 0; width: 100%; /*background: #f8f8f8;*/ border:1px solid #eae9e9 ; overflow:hidden;}
#sub_pro_l li { width:16.666666666667%; float: left; text-align: center; display: inline; border-right:1px solid #eae9e9; font-size:14px;}
#sub_pro_l li a { color: #686868; background:#fff; padding:15px 0 15px 0; display: block;}
#sub_pro_l li a:hover{ background:#f0f0f0; color:#000;}
#sub_pro_l li a.nomol{ background:#f0f0f0; color:#000;}
#sub_pro_l li a.selected {color:#fff;}
.case_con{ width:100%; overflow:hidden; margin:4% 0 0 0;}
.case_con  ul li{ float:left; width:22%; margin:0 3% 3% 0;position:relative; padding-bottom:15px;}    .case_con ul li img{  width:100%; height:auto; margin-bottom:2%;}
.case_con ul li a:hover img{-webkit-filter: grayscale(100%); -moz-filter: grayscale(100%); -ms-filter: grayscale(100%); -o-filter: grayscale(100%); filter: grayscale(100%); filter: gray;}
.case_con ul li p{overflow:hidden; color:#8a8a8a; margin-bottom:0;}
.case_con ul li p strong{ color:#ff7300; font-weight:500;}
.case_con ul li  .bd-con { width:100%;  height:110px;  overflow: hidden; line-height:24px;} /*lcedit*/
.case_con ul li .bd-con a { font-size:16px; color: #222;text-transform: capitalize; display:block;  margin:4% 0;}
.solution_left{ float:left; width:100%; margin-top:15px;}/*3、5 添加position:relative; z-index:1; 弹跳层*/
.solution_left dl{width: 100%;overflow: hidden;margin-bottom:5%; border-bottom:#d8d8d8 1px solid; padding-bottom:4%}
.solution_left dl dt{ width:28%;  float:left; overflow:hidden;} .solution_left dl dt img{ width:100%; height:auto;_height:162px;}
.solution_left dl dd{ float:right; width:68%;}
.solution_left dl dd a{ font-size:16px; font-weight:bold; color:#333; line-height:26px;     font-family: 'Roboto', Arial, Helvetica, sans-serif; margin:0;}
.solution_left dl dd a:hover{ color:#e00000; text-decoration:none;}
.solution_left dl dd p { margin-bottom:6px; color:#999;}  .solution_left dl dd .readmore{ width:100%; text-align:left; color:#3e50b4; font-size:13px;}
.solution_left dl dd p span{}
.solution_left dl dd p span.zk{ float:left; color:#333;}
.solution_left dd p span.zkcon{ float:right; width:86%;}
.his-detail{ margin-top:2%; overflow:hidden}
/*li cheng*/
.fz-left{ float:left; width:60%; overflow:hidden}
.timeline{margin-top: 20px;}
.timeline li{display: block; height: auto;}
.timeline li a.year{display: block; width: 70px; height: 80px; line-height: 72px; text-align: center; font-size: 14px; color: #666;}
.timeline li.on a.year{background: url(/images/year-on.png) no-repeat top center; color: #fff; font-size: 20px;}
.timeline li dl{display: none;}
.timeline li.on dl{display: block;}
.timeline dl dd{display: block; height: auto; position: relative;}
.timeline dl dd a.month{display: block; width: 220px; padding-left: 90px; line-height: 60px; font-size: 24px; color: #666; background: url(/images/month-on.png) no-repeat left top;}
.timeline dl dd .monthnp ul{margin-top: -40px;padding-left:230px;padding-right: 10px; font-size: 14px; color: #808080; line-height: 24px;padding-bottom: 20px;}
.timeline dl dd .monthnp li{font-size: 16px; color: #777; line-height: 24px;padding-bottom: 10px;}
.lx-right{ float:left; width:35%;  margin:5% 0 0 5%;overflow:hidden}
.lx-icon{ width:100%; background: url(/images/send2.png) no-repeat center 15px #242933; color:#fff; font-size:25px; padding:65px 20px 20px; text-align:center; box-sizing:border-box;box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box;}
.lx-con{ width:100%; background:#f5f5f5; padding:20px 20px 30px; box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box;}
.lx-con p{ margin-bottom:8px;}
.lx-con p span.red{ color:#ec1d25; font-size:18px; font-weight:bold;}
.lx-con a.online-zx{ display:inline-block; width:50%; height:40px; margin-top:10px; text-align: center; font-size:16px;line-height:40px; background:#FCBA0E}
.lx-con a.online-zx:hover{ color:#fff;}

/*capacity*/
.imagedesc_370{width:22%;  float:left;position:relative;   margin: 2% 3% 2% 0;}
.imagedesc_370 img{width:100%; height:auto;}
.imagedesc_370 .core_desc{position:absolute; bottom:0px; left:0px; width:100%;}
*html .imagedesc_370 .core_desc{position:absolute; bottom:0px; left:0px; width:100%; background:#000;filter:alpha(opacity=50); -moz-opacity:0.50;-khtml-opacity: 0.50;opacity: 0.50;}
.imagedesc_370 .core_bg{position:absolute; left:0px; top:0; width:100%; height:100%; background:#000;filter:alpha(opacity=50); -moz-opacity:0.50;-khtml-opacity: 0.50;opacity: 0.50;}
.imagedesc_370 .core_text{position:relative;  padding:8px 10px; font-size:14px; width:205px; text-transform:capitalize; line-height:18px; color:#fff;}
.service{ width:100%;overflow:hidden;}
.service h3{color:#3e50b4; font-size:24px; margin-bottom:10px;}
.service p{ line-height:26px; margin-bottom:25px;}
.service dt{ float:left; width:10%; margin-right:20px;} .service dt img{ width:70px; height:70px;}
.service dl{ width:100%; margin-bottom:20px; padding-bottom:15px; border-bottom:1px dotted #ddd; overflow:hidden;}
.service dd{ width:87%; float:right}
.service dd span{ font-size:18px; margin-bottom:12px;display:block; color:#4EABF9;}
.service dd p{ color:#888; line-height:24px; font-size:12px;}
/*peijian */
.peijian{ width:100%; overflow:hidden; padding:0 15px;}
.peijian p{ text-indent:2em; padding-right:15px; color:#333;}
.peijian span{ color:#333; display:block; margin:10px 0 20px; text-indent:2em;}
.peijian ul{ overflow:hidden; margin:4% 0}
.peijian ul li{ float:left; margin:0 3.5% 1% 0; width:21.5%;}  .peijian ul li img{ width:100%; height:auto;}
.peijian ul li span{ display:block; margin:10px 0; color:#555; text-align:center; font-size:15px; text-indent:0;}


/*弹出email框*/
.black_overlay{ display: none; position: absolute; top: 0%; left: 0%;   z-index:2;} 

.white_content { margin: 0 auto 0 -600px; display: block;background: #f5f5f5;border: #d8d8d8 1px solid;
display: none; position: absolute; width:420px; left: 52%; top: 830px; }  
.pro_bg{margin:0 auto; margin:10px; padding: 15px 10px 20px 20px;background:#fff; width:95%;border: 1px solid #d3d3d3;-webkit-box-shadow: 0 0 9px 0 rgba(0,0,0,0.18); box-shadow: 0 0 9px 0 rgba(0,0,0,0.18); z-index:1002; overflow: auto; }
.white_content h2{ font-size:16px; margin-top:0; margin-bottom:10PX;}
.gb{ float:right}

/*弹出email框*/
.orerlv2{ margin-bottom:20px; overflow:hidden;width:720px;border:4px solid #cccccc;background-color: #fff;left: document.body.scrollWidth ;z-index:999;top:50%; padding:0 15px 20px;
margin-top:-250px!important;/*FF IE7 */
_margin-top:-150px;
position:fixed;
position:fixed!important;/* FF IE7*/
_position:absolute;/*IE6*/
_top:       expression(eval(document.compatMode &&
            document.compatMode=='CSS1Compat') ?
            documentElement.scrollTop + (document.documentElement.clientHeight-this.offsetHeight)/2 :
/*IE6*/
            document.body.scrollTop + (document.body.clientHeight - this.clientHeight)/2);/*IE5 IE5.5*/}



.pdf-search-txt{ line-height:30px; border:1px solid #ccc; text-indent:7px; width: 180px; }
.pdf-pro-search{ float:right; background:red; width:110px; color:#fff; line-height:32px; height:32px; border:0;font-weight: bold; cursor:pointer; margin-right:20%;}
.mesWindow{border: #ddd 1px solid;width: 38%; background: #fff;-webkit-box-shadow: 0 10px 25px rgba(0, 0, 0, 0.5);-moz-box-shadow: 0 10px 25px rgba(0, 0, 0, 0.5);box-shadow: 0 10px 25px rgba(0, 0, 0, 0.5);    margin-top:0; top:20%;    position: fixed;z-index: 9999;}
.mesWindowTop{font-weight: bold;text-align: left;font-size: 18px;color: #fff; background:#0c4a9b; margin-bottom:15px; text-indent:12px; width:100%; overflow:hidden; height:40px; line-height:40px;}
#msgcc_tit{ float:left; width:85%; margin:0; text-align:left; text-indent:20px; font-size:20px; height:40px; line-height:40px;}
.mesWindowTop span{ float:right; width:40px; margin-right:20px;}
.mesWindowContent{ margin: 4px;font-size: 12px;width:98%;margin: 0 auto;overflow: hidden;padding-bottom: 10px;}
.mesWindow .text{width: 88%;*width:80%;padding: 10px 10px;-moz-box-sizing: border-box;-webkit-box-sizing: border-box;box-sizing: border-box;border: 1px solid #bababa;font-size: 14px;font-style: normal;}
.mesWindowContent h3{font-size: 16px;color: #f00;font-weight: 600;}
.mesWindowContent{color: #666;line-height: 22px;}
.mesWindow .close{height: 36px;width: 37px;border: none;cursor: pointer;text-decoration: underline;background: url(/images/close.png) no-repeat left center;text-indent: -99999px; *text-indent:0;}
.btn1{padding: 12px 25px;background: #0c4a9b;color: #fff; margin:0 auto;}     .btn1:hover{ background:#3d3d3d;}
.footer_email {padding: 0px;width: 100%;height: 40px;line-height: 40px;text-align: center;position: fixed !important;bottom: 0px;user-select: none;color: #FFFFFF;background:#0c4a9b; left:0;}
.footer_email a {  color: #FFF; vertical-align: middle; }
.footer_email a:visited { }
.footer_email a span { color: #FFF; font-size:17px; display: inline-block; height: 40px; line-height: 40px; color: #FFF;  }
.footer_email  .bt_email{ float:left; width:50%; background:#FE9901 ; text-align:center}    .footer_email  .bt_email a{ color:#000;display: block; }
.footer_email .bt_message{ float:left; width:50%;  text-align:center}
.footer_email .bt_message a{color: #FFF;display: block;}
.wap-search {display: none;}
.wap-right{    float: right;}
/*lcadd for   right_dialog*/
.popBtn{width: 26px;height: 24px;cursor: pointer;float: right;display: inline; margin-left:2px;background: url(/images/buttons.png) no-repeat left top;}
.popClose{margin-right:10px;width: 26px;height: 24px;background-position: -52px 0;}
.popClose:hover{background-position: -52px 0px;}
.popShow{background-position: 0 0;}
.popShow:hover{background-position: 0px 0;}
.popHide{background-position: -26px 0;}
.popHide:hover{background-position: -26px 0;}
.respond p.field select {width: 44%;margin-right: 3%;float: left;border: 1px solid #e5e5e5;background: #fff;color: #868688;padding: 6px 0;margin-bottom: 6px;text-indent: 5px;}
#lmt { width: 348px; height: 335px; padding: 3px; overflow: hidden; background: url(/images/bg_open.jpg) no-repeat; }
#lmt .top { width: 350px; height: 37px; line-height: 37px; overflow: hidden; text-indent: 10px; background:#1c4591 }
#lmt .top span { color: #fff; font-size: 16px; }
#lmt .top a:hover span, #lmt .top a:hover { color: #f60; text-decoration: underline; }
#lmt .body_l { text-align: center; clear: both; height: 208px; margin: 0 auto; width: 95%; padding: 0 4px; line-height: 18px; padding-top: 3px; _padding-top: 0px; }
#lmt .body_l img { border: 1px solid #dedede; padding: 3px; background: #fff; }
#lmt .body_r { text-align: left; width: 235px; overflow: hidden; float: left; margin: 0 auto; }
#lmt .body_r h2 { color: #d00; padding: 5px 0 5px 0px; }
#lmt .body_r h2 a { color: #d00; font-size: 16px; font-family: "Microsoft Yahei"; }
#lmt .body_r em, #lmt .body_r em a { color: #777; }
.respond { width: 100%; overflow: hidden; }
.respond .ms{float: left;overflow: hidden; background: url(/images/xr.jpg) no-repeat left top; height: 86px;padding: 25px 0 0 80px; font-size: 16px;  text-align: left;line-height: 24px; margin-bottom:8px;}
.respond p { margin-bottom: 8px; }
.respond p.field input {width: 94%;margin: 0 3% 0 2%;float: left;border: 1px solid #a0a0a0;background: #fff; color: #868688;padding: 9px 0;margin-bottom:10px;text-indent: 5px; }
.respond p.field select {width: 94%;margin: 0 3% 0 2%; float: left;border: 1px solid #a0a0a0;background: #fff;color: #868688;padding: 9px 0; margin-bottom: 6px;text-indent: 5px;}
.respond p textarea { width: 97%; float: left; height: 60px; border: 1px solid #e5e5e5; background: #fff; color: #868688; padding: 5px 0; text-indent: 5px; }
.respond p.comment_submit { margin-bottom: 20px; }
.respond .btn-primary1 { background:#072049; color: #fff; font: 500 14px/14px 'Open Sans', Arial, Helvetica, sans-serif; padding: 12px 25px; float: left; margin:5px 0 0 6px; text-transform: capitalize; border: none; }
.respond .btn-primary1:hover { background: #3d3d3d; color: #fff; } 

/*for wang ye zhong jian tan chu 2015-12-11lcadd*/
.divcenter_cc .BG {position: fixed;left: 0;top: 0;width: 100%;height: 100%;z-index: 1;background-color: #000;opacity: 0.8; filter: Alpha(opacity=80);}
.divcenter_cc {position: fixed;    z-index: 9999;    cursor: default;text-align: left; display:none; }
.cen_close{display: block; background: url(/images/cen-close.png) no-repeat left top;width: 29px;height: 29px;position: absolute;right: 35px;top: 15px;z-index: 100;}		
.popBtn{width: 30px;height: 28px;cursor: pointer;float: right;display: inline; margin-left:2px;background: url(/images/pbuttons.png) no-repeat left top;}
.popClose{margin-right: 16px;width: 30px;height: 28px;background-position: -60px 0;}
.popClose:hover{background-position: -60px 0px;}
.popShow{background-position: 0 0;}
.popShow:hover{background-position: 0px 0;}
.popHide:hover{background-position: -30px 0;}

/*kuang jia nei*/
#lmt2{height:265px;overflow: hidden;background:#fff;border-radius: 5px;}
#lmt2 .top{width:500px;height: 42px;line-height:42px;overflow: hidden;text-indent: 10px; font-size: 20px; color:#fff; background:#228DD3;}
#lmt2 .top span   {color: #000;font-size: 14px;}
#lmt2 .top a:hover span, #lmt1 .top a:hover{color: #f60;text-decoration: underline;}
#lmt2 .body_l{text-align: center;clear: both;height: 215px;margin: 0 auto;width: 95%;padding: 0 4px;line-height: 18px;padding-top: 3px;_padding-top: 0px; background: url(/images/xhr.jpg) no-repeat left 10px;}
#lmt2 .body_l img{border: 1px solid #dedede;padding: 3px;background: #fff;}
#lmt2 .body_r{text-align: left;width: 500px;overflow: hidden;float: left;margin: 0 auto;}
#lmt2 .body_r h2{color: #d00;padding: 5px 0 5px 0px;}
#lmt2 .body_r h2 a{color: #d00;font-size: 16px;font-family: "Microsoft Yahei";}
#lmt2 .body_r em, #lmt2 .body_r em a{color: #777;}
.respond1{width: 70%;overflow: hidden;float: right;}
.respond1 .ms{ float: left; overflow: hidden;font-size: 15px; text-align: left; line-height: 22px; margin:10px 5px 5px 0;} 
.respond1 p{ margin-bottom: 8px; color:#fff;} 
.respond1 p.field input, .respond1 p.field select { width: 92%;  float: left; border: 1px solid #a0a0a0; background: #fff; color: #868688; padding:9px 0; margin-bottom:6px; text-indent: 5px; } 
.respond1 p textarea { width: 97%; float: left; height: 60px; border: 1px solid #e5e5e5; background: #fff; color: #868688; padding: 5px 0; text-indent: 5px; } 
.respond1 p.comment_submit { margin-bottom: 20px; }
.respond1 .btn-primary1{ background: #0099cc; color: #fff; font: 500 16px/14px 'Open Sans', Arial, Helvetica, sans-serif; padding: 13px 48px; float: left; margin-top:7px; text-transform: capitalize; border: none;}
 .respond1 .btn-primary1:hover { background: #3d3d3d; color: #fff; }	
.btclose{z-index: 1000; POSITION: absolute; right:0; height: 32px; margin-top: 7px; overflow: hidden;}

/*neiye*/
.respond2{width: 70%;overflow: hidden;float: right;}
.respond2 .ms{ float: left; overflow: hidden;font-size: 15px; text-align: left; line-height: 22px; margin:10px 5px 15px 0;} 
.respond2 p{ margin-bottom: 8px; color:#fff;} 
.respond2 p.field input, .respond2 p.field select { width: 92%;  float: left; border: 1px solid #a0a0a0; background: #fff; color: #868688; padding:11px 0; margin-bottom:12px; text-indent: 5px; } 
.respond2 p textarea { width: 97%; float: left; height: 60px; border: 1px solid #e5e5e5; background: #fff; color: #868688; padding: 5px 0; text-indent: 5px; } 
.respond2 p.comment_submit { margin-bottom: 20px; }
.respond2 .btn-primary1{ background: #0099cc; color: #fff; font: 500 16px/14px 'Open Sans', Arial, Helvetica, sans-serif; padding: 13px 48px; float: left; margin-top:7px; text-transform: capitalize; border: none;}
.respond2 .btn-primary1:hover { background: #3d3d3d; color: #fff; }	
/*lcadd 2016-2-29 for 手机版每个网页底部的两个按钮点击事件*/
/*共用*/
.BGcc{ display:none; position: fixed;    left: 0px;    top: 0px;    width: 100%;    height: 100%;    z-index: 1;    background-color: #000;    opacity: 0.8;}
/*1*/
#phoneendbt{width:80%; display: none; position: fixed; float: left; z-index: 9999; top:30px;}
#phoneendbt #divtop{z-index: 1000; POSITION: absolute; right: 0;  float:left; clear:both; width:100%; height: 40px; line-height:40px; overflow: hidden;text-indent: 10px;font-size: 16px; color: #fff; background: #228DD3;}
#phoneendbt #Iframeend{  width:100%; height:200px;}
#phoneendbt .popBtn{width: 30px;height: 28px;cursor: pointer;float: right;display: inline; margin-left:2px;background: url(/images/pbuttons.png) no-repeat left top;}
#phoneendbt .popClose{margin-right: 16px;width: 30px;height: 28px;background-position: -60px 0; margin:7px;}
#phoneendbt .popClose:hover{background-position: -60px 0px;}
/*2*/
#phoneendmsg{width:80%; display: none; position: fixed; float: left; z-index: 9999; top: 30px;}
#phoneendmsg #divtopmsg{z-index: 1000; POSITION: absolute; right: 0;   height: 40px; line-height:40px; color:#fff; font-size:16px; text-indent:10px; overflow: hidden; float:left; clear:both; width:100%; background-color:#00b8ae;}
#phoneendmsg #Iframeendmsg{ border:#ccc solid 1px; width:100%; height:260px;}
#phoneendmsg .popBtn{width: 30px;height: 28px;cursor: pointer;float: right;display: inline; margin-left:2px;background: url(/images/pbuttons.png) no-repeat left top;}
#phoneendmsg .popClose{margin:7px;width: 30px;height:28px;background-position: -60px 0;}
#phoneendmsg .popClose:hover{background-position: -60px 0px;}
.divCenter_cc{z-index: 1000; overflow-x: hidden; overflow-y: hidden; position: fixed; width: 500px;}

/* Header */
#header {background:#072049;width:100%;height:64px;left:0;z-index:1;}
#header:after { content: '';background: /*#3575D3*/#072049;width: 20%;height: 64px;position: absolute;top: 0;left: 80%;}
#header .wrapper,#header .main_nav,#header .main_nav .clear,#header .tab,#header .tab a {height:100%;}
#header .wrapper {
background:#3575B9;
background:-webkit-gradient(linear,left top,right top,color-stop(0%,#072049),color-stop(100%,#3575D3));
background:-webkit-linear-gradient(left,#072049 0%,#3575D3 100%);
background:-moz-linear-gradient(left,#072049 0%,#3575D3 100%);
background:-ms-linear-gradient(left,#072049 0%,#3575D3 100%);
background:-o-linear-gradient(left,#072049 0%,#3575D3 100%);
background:linear-gradient(to right,#072049 0%,#072049 100%);
width:1170px;margin:0 auto;z-index:1;
}
.lt_ie9 #header .wrapper {background:#3575B9;}
.logo {background:#072049;float:left;width:247px;text-align:center;position:relative; height:64px;z-index:1;}
.logo img {vertical-align:middle; margin-top:5px; float:left;}
.logo:after {content:'';background: url(/images/logo-shadow.png);width:247px;height:14px;position:absolute;top:64px;right:-6px;}
/* Header - Main Navigation */
#header .main_nav {position:relative; width:1170px;}
#header .tab {float:left;margin:0;border-right:1px solid #02071D;text-align:center;position:relative;}
#header .tab a {display:block;min-width:6.5em;text-decoration:none; padding:0 31px; line-height:64px;line-height:4;color:#FFF;}
#header .tab a:hover { color:#FFCC00}
#header .tab a:active {color:#3575D3;}
#header .tab img {vertical-align:-0.1em;}
#header .phone_tab {float:left;min-width:8em;padding:0 0em 0 1.5em;border:0;line-height:4;color:#FFF;cursor:default;}
.phone_tab span.gc-cs-link {color:#fff;}
.lt_ie9 #header .phone_tab {min-width:4em;}
#header .phone_tab span {vertical-align:middle;}
#header .phone_tab:hover,#header .live_chat_tab a:hover {background:none;}
#header .home:after {}
#header .live_chat_tab {float:right;min-width:2em;border-right:none;}
#header .live_chat_tab a {min-width:20px;width:20px;height:20px;margin:22px 32px 0 6px;line-height:0;}
#header .live_chat_tab .svg_icon {display:block;width:20px;height:20px;padding:0px;}
#header .live_chat_tab path {fill:#FFF;}
@-webkit-keyframes chatbox   { 0%, 15%, 35%, 100% {opacity:0;} 16%, 34% {opacity:1;} }
@-moz-keyframes chatbox   { 0%, 15%, 35%, 100% {opacity:0;} 16%, 34% {opacity:1;} }
@-o-keyframes chatbox   { 0%, 15%, 35%, 100% {opacity:0;} 16%, 34% {opacity:1;} }
@keyframes chatbox   { 0%, 15%, 35%, 100% {opacity:0;} 16%, 34% {opacity:1;} }
@-webkit-keyframes chatarrow { 0%, 15%, 35%, 100% {opacity:0;} 16%, 34% {opacity:1;} }
@-moz-keyframes chatarrow { 0%, 15%, 35%, 100% {opacity:0;} 16%, 34% {opacity:1;} }
@-o-keyframes chatarrow { 0%, 15%, 35%, 100% {opacity:0;} 16%, 34% {opacity:1;} }
@keyframes chatarrow { 0%, 15%, 35%, 100% {opacity:0;} 16%, 34% {opacity:1;} }
#header .live_chat_tab a:before {
content: "have questions?";
display: block;height: 30px;padding: .5em;position: absolute;left: -57px;
width: 128px;line-height: 30px;
background: #e4e4e4;
font-weight:bold;
color: #3575B9;
-webkit-animation: chatbox 30s steps(30) infinite;
-moz-animation:    chatbox 30s steps(30) infinite;
-ms-animation:     chatbox 30s steps(30) infinite;
-o-animation:      chatbox 30s steps(30) infinite;
animation:         chatbox 30s steps(30) infinite;
}
#header .live_chat_tab a:after {
content: ' ';
width: 0;
height: 0;
margin-left: -10px;
border: 10px solid transparent;
border-top: 0;
border-bottom: 10px solid #e4e4e4;
position: absolute;
bottom: 0px;
left: .9em;
-webkit-animation: chatarrow 30s steps(30) infinite;
-moz-animation:    chatarrow 30s steps(30) infinite;
-ms-animation:     chatarrow 30s steps(30) infinite;
-o-animation:      chatarrow 30s steps(30) infinite;
animation:         chatarrow 30s steps(30) infinite;
}
#header:hover .live_chat_tab a:before,
#header:hover .live_chat_tab a:after {-webkit-animation: none;-moz-animation:none;-ms-animation:none;-o-animation:none;animation:none;}
.lte_ie9 #header .live_chat_tab a:before,
.lte_ie9 #header .live_chat_tab a:after {content:none;border:none;}
.no-chatprompt #header .live_chat_tab a:before,
.no-chatprompt #header .live_chat_tab a:after {display:none;}

#header .login_tab {border-right:0;}
#header .tab.active .subnav,
#header .tab:hover .subnav {display:block;}
#header .subnav {background-clip:padding-box;display:none;min-width:8em;padding:0;border:1px solid #F3F3F3;border-top:0;white-space:nowrap;text-align:left;-webkit-transition:all .1s ease-in 0;-moz-transition:all .1s ease-in 0;-o-transition:all .1s ease-in 0;transition:all .1s ease-in 0;position:absolute;top:64px;left:-1px; z-index:999;}   
#header .subnav li{ width:100%}
#header .subnav:before {width:0;height:0;border:10px solid transparent;border-top:0;border-bottom:10px solid rgba(255,255,255,.94);position:absolute;top:-0.8em;left:35%;}
#header .subnav li {margin:0;}
#header .subnav a {background:#072049;padding:0 1em;line-height:3;color:#fff;-webkit-transition:all .175s ease-in 0;-moz-transition:all .175s ease-in 0;-o-transition:all .175s ease-in 0;transition:all .175s ease-in 0;}
#header .subnav a:hover {background:#1D283A;color:#FFCC00;}
#header .subnav a:active {color:#C8C8C8;}
#header .tab a.li1 { background:#1D283A ;}
#header .tab a.li0 {  }
.pro-banner{ width:100%; margin: 0 auto; height:auto;  clear:both; /*position:relative;*/ z-index:1;}
.pro-banner img {display: block;margin: 0 auto; width:100%;  height:auto;_height:149px;}
.pdf-email{ width:100%; overflow:hidden;}
.left-pdf{ float:left; width:47%; margin-left:2%}
.left-pdf p{ margin-bottom:8px;}
.left-pdf label{ float:left; color:#333; width:25%; text-align:left; display:block; margin-right:10px;}   .left-pdf label b{ position:relative}
.right-pdf{ float:right; width:40%; padding-left: 20px; border-left: #d8d8d8 1px solid; color: #666;    margin-right: 2%;}
.aj{ width:100%; margin:0 auto; overflow:hidden; margin-top:9px;}
#backtitle{ font-size:26px; font-weight:500; margin-top:20px; color:#000; margin-bottom:7px;}

.feed-con .icon-text-pro{ background:url(/images/icon-text-pro.png) no-repeat 10px center #fff; padding-left:39px;}
.feed-con .icon-text-user{ background:url(/images/icon-text-user.png) no-repeat 10px center #fff; padding-left:39px;}
.feed-con .icon-text-email{ background:url(/images/icon-text-email.png) no-repeat 10px center #fff; padding-left:39px;}
.feed-con .icon-text-tel{ background:url(/images/icon-text-tel.png) no-repeat 12px center #fff; padding-left:39px;}
.feed-con  .icon-text-message{ background:url(/images/icon-text-message.png) no-repeat 10px 17px #fff; padding:17px 18px 17px 39px;}

.productshow{ padding:20px 12px;}
.productshow .picinfo .picarea{ width:280px; float:left; padding:0px 5px;}
#preview{ float:none; margin:0px auto; text-align:center; width:280px;}
.jqzoom{ width:280px; height:280px; position:relative;}
.jqzoom img{ border:#ccc 1px solid;}
.zoomdiv{ left:100px; height:280px; width:280px;}
.list-h li{ float:left;}
#spec-n5{width:280px; height:56px; margin:0px auto; padding-top:6px; overflow:hidden;}
#spec-left{ background:url(images/left.gif) no-repeat; width:10px; height:45px; float:left; cursor:pointer; margin-top:5px;}
#spec-right{background:url(images/right.gif) no-repeat; width:10px; height:45px; float:left;cursor:pointer; margin-top:5px;}
#spec-list{ width:250px; float:left; overflow:hidden; margin-left:2px; display:inline; height:58px;}
#spec-list ul li{ float:left; margin-right:0px; display:inline; width:62px;}
#spec-list ul li img{ padding:2px ; border:1px solid #ccc; width:50px; height:50px;}
/*jqzoom*/
.jqzoom{position:relative;padding:0;}
.zoomdiv{z-index:100;position:absolute;top:1px;left:0px;width:280px;height:280px;background:url(loading.gif) #fff no-repeat center center;border:1px solid #e4e4e4;display:none;text-align:center;overflow: hidden;}
.bigimg{ width:800px;height:800px;}
.jqZoomPup{z-index:10;visibility:hidden;position:absolute;top:0px;left:0px;width:50px;height:50px;border:1px solid #aaa;background:#FEDE4F 50% top no-repeat;opacity:0.5;-moz-opacity:0.5;-khtml-opacity:0.5;filter:alpha(Opacity=50);cursor:move;}
#spec-list{ position:relative; width:250px; margin-right:6px;}
#spec-list div{ margin-top:0;margin-left:-30px; *margin-left:0;}

.productshow .picinfo .title_desc{width:420px; float:right; padding-top:10px;}
.productshow .picinfo .title_desc h1{ font-size:16px; font-weight:bold; height:30px; line-height:30px;}
.productshow .picinfo .title_desc .desription{ font-size:14px; line-height:24px; height:240px; overflow:hidden;}
.productshow .picinfo .title_desc .enquiry_btn{}
.productshow .picinfo .title_desc .enquiry_btn a{ width:191px; height:41px; display:block; background:url(enquiry.jpg) no-repeat 0px 0px;}
.productshow .picinfo .title_desc .enquiry_btn a:hover{ background:url(enquiry.jpg) no-repeat 0px -42px;}

.soft_list table{ background:#ddd; border-radius:5px;}
.soft_list table tr{}
.soft_list table tr th{ background:#ddd; line-height:30px;}
.soft_list table tr td{ background:#fff; text-align:center; line-height:18px; padding:10px;}
.soft_list table tr.two td{ background:#f6f6f6; text-align:center;  line-height:18px; padding:10px}
.soft_list table tr td a.down{ width:90px; height:22px; display:block; background:url(down.png) no-repeat left top; line-height:22px; color:#FFF; margin:0px auto;}
.soft_list table tr td a.down:hover{ background:url(down.png) no-repeat left bottom;}