@charset "utf-8";

/* CSS Document */
@font-face {
  font-family: 'proximanova-light';
  src: url("../css/font-awesome/proximanova-light/proximanova-light.eot");
  src: url("../css/font-awesome/proximanova-light/proximanova-light.eot?#iefix") format('embedded-opentype'),
       url("../css/font-awesome/proximanova-light/proximanova-light.woff") format('woff'),
       url("../css/font-awesome/proximanova-light/proximanova-light.ttf") format('truetype');
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: 'helvetica_neue';
  src: url("../css/font-awesome/helvetica-neue/helvetica_neue_light.eot");
  src: url("../css/font-awesome/helvetica-neue/helvetica_neue_light.eot?#iefix") format('embedded-opentype'),
       url("../css/font-awesome/helvetica-neue/helvetica_neue_light.woff") format('woff'),
       url("../css/font-awesome/helvetica-neue/helvetica_neue_light.ttf") format('truetype');
  font-weight: normal;
  font-style: normal;
}

/* Chrome hack: SVG is rendered more smooth in Windozze. 100% magic, uncomment if you need it. */
/* Note, that will break hinting! In other OS-es font will be not as sharp as it could be */
/*
@media screen and (-webkit-min-device-pixel-ratio:0) {
  @font-face {
    font-family: 'pt_sansregular';
    src: url("../../files/cto_layout/fonts/pt-sans/ptsans55-webfont.svg#pt_sansregular") format('svg');
  }
}
*/

/* Resets & defaults
------------------------------------------------------------------------*/
body { font-family:Helvetica, Arial, sans-serif;font-size: 14px;color: #333; margin:0;}
p,h1,h2,h3,h4,ul,ol { margin:0; padding:0;}
a { text-decoration:none; color:#333;}
li { list-style:none; margin:0; padding:0;}
img { border:0;}
.container { max-width:1200px; margin:0 auto; }
.top { padding:15px 0;background:#0466BD;}
.logo { position:absolute; top:20px; z-index:999; float:left; width:10.2%} 
.nav {  width:100%; overflow:hidden}
.nav ul li { float:left; padding:0 1.5%; text-align:center;}
.nav ul li a {    color: #FFF;
    padding: 8px 24px;
    font-size: 18px;
    display: block;}
.nav ul li a:hover {    display: inline-block;
    font-size: 18px;
    background: #fff;
    color: #333;
    border-radius: 25px;
    padding: 8px 24px;
    transition-duration: 0.3s;
    -webkit-transition-duration: 0.3s;}
.nav ul li a.active {    display: inline-block;
    font-size: 18px;
    background: #fff;
    color: #333;
    border-radius: 25px;
    padding: 8px 24px;
    transition-duration: 0.3s;
    -webkit-transition-duration: 0.3s;}
.search-btn {width:330px;float: left;}
.search-btn input.sinput {width: 80%;height:40px;background: #ECEEF2;border-top-left-radius:5px;border-bottom-left-radius:3px;line-height: 40px;border: 0px;float: left;padding-left: 15px;font-size:16px;display: inline;color:#666;}
.search-btn input.sbtn {border: 0px;background: url(../images/search-icon1.png) no-repeat center center #ECEEF2;border-top-right-radius:5px;border-bottom-right-radius: 3px;float:left;text-indent: -999px;cursor: pointer;height:42px;width: 14%;}
#banner_point{Z-INDEX:9999; POSITION:absolute; MARGIN:0px 0px 0px -500px; WIDTH:1000px; BOTTOM:30px; HEIGHT:20px; LEFT:25%}
#banner{Z-INDEX:10;*Z-INDEX:-100;  POSITION:relative;  WIDTH:100%;  OVERFLOW:hidden;}
#banner_list{width:100%; margin:0 auto; overflow:hidden}
#banner_list IMG{ margin:0 auto; z-index:1; }
#ie78banner{ display:none;}

.head2{ margin-top:10px; margin-bottom:10px; width:100%; overflow:hidden}
.head2 .logo{ width:30%; float:left}
.head2_right{ float:right; margin-top:14px;width:47%;}
.head2_right li{ width:30%; float:left}
.head2_right .top_kefu{ background:url(../images/top_kefu.jpg) no-repeat left center; color:#999;display: inline-block;margin-top:19px;padding:6px 15px 6px 40px}
.head2_right .top_mail{ background:url(../images/top_mail.jpg) no-repeat left center;color:#999;display: inline-block;margin-top:19px;padding:5px 15px 5px 40px}
.head2_right .top_zixun{position: relative; float:right; margin-bottom:12px; width:96px; padding:9px 20px;line-height: 24px; font-size: 13px; text-transform: uppercase; background:#F3B237; border-radius:6px;}
.head2_right .zixun:hover{color:#F3B237;background:none;border-color:#F3B237;}  
.head2_right .top_zixun a{color:#fff;}

#banner_info{Z-INDEX:1001; POSITION:absolute; LINE-HEIGHT:30px; BOTTOM:0px; DISPLAY:none; HEIGHT:30px; COLOR:#fff; FONT-SIZE:13px; CURSOR:pointer; FONT-WEIGHT:bold; LEFT:100px}
#banner_text{Z-INDEX:1002; POSITION:absolute; WIDTH:120px; BOTTOM:3px; RIGHT:3px}
#banner UL{Z-INDEX:1002; POSITION:absolute; PADDING-BOTTOM:0px; LIST-STYLE-TYPE:none; MARGIN:0px; PADDING-LEFT:0px; BOTTOM:10px; PADDING-RIGHT:0px; RIGHT:15px; PADDING-TOP:0px}
#banner UL LI{    position: relative;    text-align: center;    line-height: 12px;   width: 16px;    display: inline;    background: url(../images/ifpoff.png) no-repeat;    float: left;    height: 16px;    color: #fff;    cursor: pointer;    margin-right: 5px;     }
#banner UL LI.on{BACKGROUND:url(../images/ifpon.png) no-repeat; COLOR:#fff; width:26px;  }
#banner_list A{POSITION:absolute; WIDTH:100%; DISPLAY:block; HEIGHT:100%}

#banner_point UL LI .pointLayer IMG{WIDTH:61px; DISPLAY:block; FLOAT:left; HEIGHT:61px}
.sy_sol{ margin-top:50px; margin-bottom:80px; overflow:hidden}  .sy_sol ul{ margin-top:50px;}
.sy_sol li{ float:left; margin:0 1.5%; width:22%;}
.sy_sol .box{background-color:#197DBD;position: relative;overflow: hidden;cursor: pointer;}
.sy_sol .box .box_top{height: 120px;}
.sy_sol .box .box_top .tit{font-size: 22px;color:#fff;text-align: center;padding-top:35px;}
.sy_sol .box .box_top .s{font-size: 14px;color: #fff;text-align: center;padding-top: 5px;font-family: 'Arial';}
.sy_sol .box .innerbox{position: absolute;top: 100%;left: 0;right: 0;bottom: 0;background: #ffd900;text-align: center;opacity: 0;transition: all .5s ease;-webkit-transition: all .5s ease;}
.sy_sol .box .innerbox .c_icon{display: block;padding-top: 32px;margin:0 auto; width:100%; height:auto}
.sy_sol .box ._full{width:100%; height:auto}
.sy_sol .box .innerbox:hover img{transform: scale(1);-webkit-transform: scale(1);}
.sy_sol .box .innerbox .tit{font-size: 22px;color: #333;text-align: center;padding-top: 14px;font-weight: bold;padding-bottom: 7px;}
.sy_sol .box .innerbox .s{font-size: 14px;color: #666;text-align: center;font-family: 'Arial';}
.sy_sol .box .innerbox .p{font-size: 16px;color: #666;text-align: center;padding: 0 10%;padding-top: 13px;}
.sy_sol .box .innerbox .more{width: 42%;margin: 0 auto;border:1px solid #53372a;display: block;padding: 8px 4%;font-size: 16px;background:url(../images/sol_ico.png) no-repeat 90% center;text-align: left;margin-top: 50px;}
.sy_sol .box .innerbox .more:hover{background-color: #6b4a38;color: #fff;background:url(../images/sol_ico_1.png) no-repeat 90% center;}
.sy_sol .box .innerbox .more .ion{float: right;}
.sy_sol .box:hover .innerbox{top: 0;opacity: 1;}
.sy_sol .box:hover .innerbox .c_icon{transform: rotateY(-180deg);transition-delay:.2s; }
.com_tittle h1 { text-align:center; font-family:Arial, Helvetica, sans-serif; text-transform:uppercase; font-size:38px; color:#101010; line-height:50px; margin-bottom:15px;}
.com_tittle h1 span { color:#fd8204;}
.in_com { margin:45px 0; overflow: hidden;}
.com_tittle p { text-align:center; font-size:16px;}
.in_com ul { margin:40px 0;}
.in_com ul li { position:relative; width:30%; margin:0 1.5%; float:left;}
.in_com ul li:hover { opacity:0.8; cursor:pointer;}
.com_rel { position:absolute; top:0; }
.com_rel h3 { font-size:40px; color:#fff;   /* font-family: proximanova-light;*/ font-family:Arial, Helvetica, sans-serif; font-weight:bold; margin: 75px 0 5px 35px; height: 90px;}
.com_rel p { font-size:16px;font-family: proximanova-light; color:#fff; padding:0 15px 0 35px; line-height:28px;}
.com_rel span a { display:block; background:#ff8400; color:#fff; width:45%; text-align:center; padding:10px 0;margin:25px 0 25px 35px; font-size:20px;}
.com_tittle h3 { text-align:center; font-family:Arial, Helvetica, sans-serif; text-transform:uppercase; font-size:38px; color:#101010; line-height:50px; margin-bottom:5px;}
.com_tittle h3 span { color:#fd8204;}
.in_pro { background:#f1f1f1; padding:50px 0; overflow:hidden;}
.in_pro ul {margin-left:-2%; margin-top:35px;}
.in_pro ul li { float:left; width:31%;  *width:30%;margin-left:2%; text-align:center; }
.in_pro ul li img { width:100%; height:auto;}
.in_pro ul li p a { line-height:50px;font-size:22px; font-weight:bold;}
.in_news { margin:50px 0; overflow:hidden;}
.in_news ul { margin-top:45px; margin-left:-3%;}
.in_news ul li { width:30%; *width:29%;float:left; margin-left:3%;}
.in_news ul li h4 a { font-size:22px; font-weight:bold; margin-bottom:12px; display:block}
.date { font-size:14px; font-family:proximanova-light; color:#fabe4d; background:url(../images/date.jpg) left center no-repeat; padding-left:20px; }
.in_news ul li p { font-size:17px; color:#999;margin:15px 0; line-height:24px;}
.newsmore { display:block; padding:9px 20px; border:1px solid #333; width:38%; text-align:center; font-size:16px; }
.bottom { background:#202029; padding:50px 0;overflow:hidden;}.bottom h3 { font-size:26px; color:#fff; margin-bottom:19px; }
.bottom_l { width:32%; float:left; overflow:hidden;}
.bottom_l p { color:#fff; font-size:16px; margin-bottom:26px;}
.bottom_l a { color:#ffcc00; text-decoration:underline; font-size:18px;}
.bottom_c { width:26%; float:left; margin-left:3%;}
.bottom_c ul li { text-align:center; width:40%; float:left; margin-right:5%; margin-bottom:10px;}
.bottom_c ul li img { width:100%; height: auto;}
.bottom_c ul li a { color:#fff; line-height:16px; font-size:14px; }
.bottom_r { width:34%; float:right;}
.bottom_r .tj { overflow:hidden;}
.com_li p { line-height:28px; margin:15px 0; font-family: Arial, Helvetica, sans-serif}
.bottom_r .tj p{ width:100%; color:#fff; font-size:17px; margin:0px auto 10px }
.bottom_r .tj .sinput{width:78.5%; outline:none; height:43px; line-height:43px; border:0px;background:#fff; padding-left:5px; padding-right:0;display:inline; color:#999; float:left; text-indent:25px;}
*+html .footer_r .tj .sinput{ width:125px; float:left;}
.bottom_r .tj .sbtn{ float:right;border:0px;  background:url(../images/email_send.jpg) center no-repeat; cursor:pointer; height:45px; width:82px; }
*+html.footer_r .tj .sbtn{ margin-right:10px;}
.bottom_r p{ width:100%; margin:15px 0 20px; line-height:1.8em; color:#09f; overflow:hidden; font-size:24px; font-weight:bold;}
.bottom_r p a{ width:36px; height:36px; float:left;color:#cac8c8;  border-radius:20px; margin-right:10px;}
.footer { background:#0c0c12; padding:15px 0; text-align:center; color:#fff; font-size:16px;}
.footer  a { color:#fff; }
.pro_bg  { background:#f4f4f4;padding:5px 0;}
.pro_bg h1 { text-align:center; font-size:54px; color:#333; font-family:Arial, Helvetica, sans-serif;  background: url(../images/line1.jpg) bottom center no-repeat; padding-bottom:12px; width:80%; margin:0 auto;}
.located { text-align:left; color:#333; font-size:14px; margin:12px 0; }
.located img { margin-right:10px;}
.located a {color:#333;}.pro_content { padding:35px 0 50px; overflow:hidden;}
.pro_left { width:74%; float:left; }.pro_tj { overflow:hidden; margin-top:40px; }
.pro_pic { float:left; width:48%;}
.pro_pic img { width:100%; height:auto;}
.pro_r { width:52%; float:right;} 
.pro_ad { background:#fff; padding:15px; font-size:16px; }.pro_ad span{ display:block; margin-top:10px;font-family:proximanova-light;}
.pro_get { font-size:20px; padding:10px 0 10px 15px;}
.pro_get a { color:#2f96d5; text-decoration:underline;}
.pro_sx { background: #fff;margin-bottom: 18px;}
.pro_sx p {     margin: 0 0 8px 15px;line-height: 25px;  font-size: 16px;}
.pro_lx span {     display: block;font-size: 24px; margin: 10px 0 20px 15px;  font-family: Verdana, Geneva, sans-serif;}
.pro_btn a.btn1 { display:block; width:36%; text-align:center; padding:14px 0; border-radius:4px; font-size:20px; float:left; background: url(../images/btn1.jpg) 45px center no-repeat #fb692f; color:#fff; margin-left:15px; text-indent:30px;}
.pro_btn a.btn2 {display:block; width:36%; text-align:center; padding:12px 0; border-radius:4px; font-size:20px; float:left; background:#feefe6; color:#fff; margin-left:15px; border:1px solid #fb692f; color:#fb692f}


#header-wrapper {height:auto; margin:0 auto; width:100%;}	

#header-wrapper ul{width:100%; margin:0 auto; overflow:hidden; }
.fixed {  position:fixed; top:0px; z-index:9999; height:55px; margin:0 auto;  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; font-family:Arial, Helvetica, sans-serif }
.Contentbox  tr td{ height:36px;}
.Contentbox img{ margin:2% 0 1% 0;}
.Contentbox h3{ color:#0c4a9b; font-size:22px; font-weight:600; margin-bottom:15px}   .Contentbox h2{   font-size: 20px;   text-transform:capitalize; color:#000;
margin: 15px 0 15px 0;}  
.Contentbox p{margin:15px 0; color:#333;}   .Contentbox strong{ font-weight:600; }
.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 }
.pro_txt { background:#fff; padding:50px 20px}
.pro_trade { border:1px solid #dbe3ec; border-top:none; background:#fff;    padding-bottom: 25px;}
.pro_right { width:19%; float:right;background: #f4f4f4;padding: 2%;margin-top: 15px;}
.trade_tittle {  padding:10px 0; background:url(../images/icon1.jpg) 10px center no-repeat #f5f7fa; padding-left:34px; margin-bottom:10px; font-size:16px;}
.pro_com { display:block; margin:10px 15px 0; padding-bottom:10px; }
.pro_com p { margin-bottom:10px;}
.pro_wx { margin:0 15px; border-bottom:1px solid #dbe3ec; border-top:1px solid #dbe3ec; display:block; padding:12px 0; font-size:15px; background:url(../images/icon2.jpg) left center no-repeat; padding-left:30px;}
.pro_xy { margin:15px; border-bottom:1px solid #dbe3ec; padding-bottom:5px;}.xy_l { color:#000; width:63%; float:left; display:block; font-size:13px;    height: 35px; line-height: 25px;}.xy_r img { padding-top:5px;}
.pro_send { padding:5px 0 10px;}
.pro_send a { width:49%; text-align:center; display:block; float:left; font-size:16px; color:#2f96d5; }
.pro_qute { margin:15px 0; }.pro_qute img { width:100%; height:auto;}
.right_prolist h4 { background:#3b4451; color:#fff; text-align:center; padding:12px 0; font-size:18px;}
.right_prolist ul li { border:1px dashed #b7cfe6; padding:8px; text-align:center; margin:10px 0; background:#fff;}
#ie78banner img { width:100%; height:auto;}


.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: uppercase; }
/*产品页面相关产品滚动*/
.xg_pro ,.xg_case{width: 100%; margin:0 auto; overflow:hidden;}
.xg_case { margin-bottom:20px;}
.xg_pro li{ float:left; width:22%; text-align:center; margin:0 1.5% 1.5%;}
.xg_pro li img,.xg_case li img{ width:100%; height:auto}  
.xg_case ul li p{ margin:5px 0 0 0;}
.xg_pro ul li span{ margin:5px 0 0 0; display:block;}
.tit{ margin:10px 0 0 0}
.xg_case li{ width:100%; line-height:30px;}
.xg_case h3{font-size: 26px; margin-bottom: 15px;border-bottom: 1px solid #ddd;padding-bottom: 5px;}
/*留言*/

.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:#ff0000; font-size:16px;font-family:Arial, Helvetica, sans-serif}
.feed_row input.text00{ width:80%; 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; }



.feed-con .icon-text-pro{   }
.feed-con .icon-text-user{   }
.feed-con .icon-text-email{  }
.feed-con .icon-text-tel{   }
.feed-con  .icon-text-message{   padding:17px 18px 17px 3px;}
.row2{ width:99%; margin-bottom:15px; float:left;}
.row2 span.need{ display:block; font-size:14px; padding-bottom:2%;}
.row2 textarea{ width:86%; 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:#ffcc01 3px solid; font: 500 22px/50px  Arial, Helvetica, sans-serif;line-height: 50px;height:50px;padding: 0px 40px; color:#000;text-transform: uppercase; position: relative; margin-top:2%; float:left; clear:both;background: #ffcc01;width:34%;cursor:pointer}     .row3 input.sub00 :hover{ background:#99bf38; color:#fff;}
.xy_r { color:#000;display: block; width: 36%;float: left;}
.pro_xy ul li { overflow:hidden;}


.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;}
/* -------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:36px; color:#0D53B4; margin:15px 0; text-transform:capitalize}
.question-toSS { position: relative; 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:40%;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:57%; 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:#fff;  margin:2% 2px 0 0;display: inline-block;
    cursor: pointer;
    font-size: 15px;
    line-height: 32px;
    text-transform: capitalize;
    color: #333333; float:left;border: 1px solid #ffd9b1;}
    .filters-options li:before {
      content: '';
      position: absolute;
      bottom: 0;
      margin-left: 0px;
      left: 100%;
      z-index: 0;color: #fff; }
    .filters-options li:after {
      content: '';
      position: absolute;
      top: 0;
      left: -25px;
      z-index: 0; color: #fff;}
    .filters-options li.active, .filters-options li:hover {
      background:#f78f20;
      color: #fff; }
	  
	  
	  .prolist-con ul{ overflow:hidden; width:100%;}
.prolist-con ul li{ float:left; width:23%; margin:0 2% 3% 0;position:relative; border-bottom:1px solid #aaa; padding-bottom:15px;height:320px; overflow:hidden}   
.prolist-con ul li img{  width:100%; height:auto;_height:190px;}
.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:#4a4a4a; margin-bottom:5px;}
.prolist-con ul li .bd-con { width:270px;   overflow: hidden; line-height:24px;} /*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;}
/*lcadd*/
.valid{ height: 40px; line-height:40px; padding-left: 20px; width: 88%; 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;  cursor:pointer; display:block; float: right;margin-top: -50px;}
/* Searchbar */
.top_search{ float:right; width:28% ;}    .top_search form{ width: 100%;overflow: hidden;}
.top_search input.form-control{ width:80%; 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; border:0; }
.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(/images/search.png) no-repeat center center  #3d3d3d; border:0; width:10%; height:30px; text-indent:-999em; _line-height:0; _font-size:0; cursor:pointer;}
.sub_tit{   margin: 0  auto; width:100%; padding: 10px 0 ; background:#f4f4f4; overflow:hidden; }
.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%; margin-top:8px;  text-transform:capitalize}
/*anli*/
#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.56%; 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:35px;}/*3、5 添加position:relative; z-index:1; 弹跳层*/
.solution_left {margin-left:-3%;}
.solution_left dl{width: 30%;overflow: hidden;margin-bottom:2%; border-bottom:#d8d8d8 1px solid; padding-bottom:1.5%; float:left; margin-left:3%;}
.solution_left dl:hover {border-bottom:#3e50b4 1px solid; cursor:pointer;}
.solution_left dl dt{ width:100%;   overflow:hidden; margin-bottom:20px;} .solution_left dl dt img{ width:100%; height:auto;_height:162px;}
.solution_left dl dd{ margin:0; height:156px;}
.solution_left dl dd a{ font-size:20px; font-weight:bold; color:#333; line-height:26px; margin-bottom:5px;     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:8px 0; color:#999; line-height:20px; }  .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}

/*anli内页*/
.sub_left{ width:67%; float:left; margin-top:40px; overflow:hidden; font-family:Arial, Helvetica, sans-serif; }   
.sub_left h1{ font-size:18px; margin:0px 0 30px 0;}
.sub_right{ float:right; width:27%;margin-top:40px;font-style:normal;overflow:hidden;}
.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; margin-bottom:15px;}
.case_detail p { margin:15px 0;}
.case_detail strong{ color:#0084af; 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:#fede02 ;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:#1b1b1b;}
.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;}
.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:#292929;} 
.project_li { overflow:hidden;}  
/*news*/
.tj_new{ width:100%; margin:30px 0 0; overflow:hidden;padding-bottom: 28px; border-bottom: 1px dashed #ccc;}  
.tj_new ul  {margin-left:-2%;}
.tj_new ul li { width:31%; float:left; margin-left:2%;}
.tj_new_left{ width:100%; } 
.tj_new_left img{ width:100%; height:auto;_height:98px}   
.tj_new_right{ margin-top:20px;}  
.tj_new_right h1{ font-size:18px; 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: 13%; color:#BFBFBF; }
.newal { float:left; width: 84%; }   
.sub_new li{ line-height:36px;  background:url(/images/d.jpg) no-repeat left 15px; padding:0 0 0 15px; width:100%; overflow:hidden;}
.news_li { overflow:hidden; margin-bottom:40px;}
.list1 {padding-top: 9px;}
.list1 li {margin-bottom:2px;}
.list1 li a {display: block;font: 700 17px/53px  Arial, Helvetica, sans-serif;background: #efefef;color: #2c2c2c;padding: 0 19px;text-transform: capitalize;}
.list1 li a:hover {background:#0c4a9b;color: #fff;}
.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;}
.sub_news_left{ width:67%; float:left; margin-top:40px; }   
.sub_news_left h1{ font-size:25px; margin:0px 0 30px 0;}
.sub_news_left a{ color: #0345a0;    text-decoration: underline;}
.news_li p { font-family: Arial, Helvetica, sans-serif; margin:15px 0; line-height:28px;}
/*about*/
.h3font{ font: bold 42px/40px Arial, Helvetica, sans-serif;color: #000000; position: relative;text-transform: uppercase;margin-bottom: 15px; margin-top: 50px;}

.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;}.sub_tit,.com{ width:100%; margin:0 auto; overflow:hidden;}
/*--- contact us ---*/
address { color: #333333; }   .left_xinxi{ background:#fff; width:96%; padding:2%; overflow:hidden}
.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%; padding:3%; float:left;padding: 15px; margin-top:50px; margin-bottom:50px;overflow: hidden;background: url(../images/xt_icon.jpg) repeat;}  
.contact-left img{ margin-bottom:30px; width:100%; height:auto;_height:200px; } 
.contact-left p{ margin:0; padding:10px 0; border-bottom:#d8d8d8 1px solid}
.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; margin-top:50px;width:57%; margin-bottom:50px;}  
.contact-left p,.contact_right p{ font-size:14px; margin:0;}
.portfolio-container,.portfolio-container2 {position: relative; }
.cadd{background: url(/images/cadd.jpg) no-repeat left 6px #fff; margin-bottom:15px; text-indent:35px;}
.cemail{background: url(/images/cemail.jpg) no-repeat left 13px #fff; margin-bottom:15px; text-indent:45px;}
.ctel{background: url(/images/ctel.jpg) no-repeat left 6px #fff; text-indent:35px;}
.czixun{background: url(/images/sy_21s.jpg) no-repeat left 6px #fff; text-indent:45px;}
.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; }
/*--- respond ---*/
#respond { margin-bottom: 40px; 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:91%;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;}
.wap-nav,.logo_yd { display:none;}.com_li  { width:100%; margin-bottom:50px; overflow:hidden;}


.quick_links_wrap{width: 175px;position:fixed;right:10px;top: 36%;z-index:9999;}
.quick_links_wrap.quick_links_min{ width:50px;}
.quick_links_wrap.quick_links_dockright{ margin-left:0; left:auto; right:4px;}
.quick_links_min .quick_links_panel{ height:0; width:50px;}
.quick_links_allow_gotop{ height:360px;}
.quick_links_min .quick_links_allow_gotop{ height:56px;}
.quick_links_panel .quick_toggle{ background:#e6e6e6; height:34px; width:100%; position:absolute; left:0; top:0;}
.quick_links_panel .toggle{ margin:-12px 0 0 -12px; height:26px; width:26px; position:absolute; left:50%; top:50%; -webkit-transition:all linear .4s; -moz-transition:all linear .4s; -ms-transition:all linear .4s; transition:all linear .4s;}
:root .quick_links_panel .toggle{ background:url(zhankai.png) no-repeat; -webkit-transform:rotate(-45deg); -moz-transform:rotate(-45deg); -ms-transform:rotate(-45deg); transform:rotate(-45deg);}
.quick_links_min .quick_links_panel .toggle{ background:url(zhankai.png) no-repeat;}
:root .quick_links_min .quick_links_panel .toggle{ background:url(zhankai.png) no-repeat; -webkit-transform:rotate(-360deg); -moz-transform:rotate(-360deg); -ms-transform:rotate(-360deg); transform:rotate(-360deg);}
.quick_links_allow_gotop .quick_links, .quick_links_min .quick_links_allow_gotop .quick_links{ top:40px;}
.quick_links_min .quick_links{ top:32px;}
.quick_links a{display:block;}
.quick_links i{ display:inline-block;  cursor:pointer; height:38px; width:38px; vertical-align:top;}
.quick_links_min .quick_links .top{ background-position:-180px -62px; height:20px; width:20px;}
.quick_links a:hover .top, .quick_links a.current .top{ background-position:-152px -220px;}
.quick_links_min .quick_links a:hover .top, .quick_links_min .quick_links a.current .top{ background-position:-180px -82px;}
.quick_links span{ display:block; cursor:pointer; padding-top:3px; height:1.5em; width:100%; overflow:hidden; word-break:break-all; word-wrap:break-word; text-overflow:ellipsis;}
.quick_links .num, .quick_links .num b,
.quick_links_pop .num, .quick_links_pop .num b{ display:inline-block;  padding-right:6px; vertical-align:top;}
.quick_links .num, .quick_links_pop .num{ background-position:-210px -82px; color:#fff; cursor:pointer; font:12px/18px Arial; margin-left:6px; padding:0 0 0 6px; vertical-align:middle;}
.quick_links .num{ margin:-40px 0 0; position:absolute; left:38px;}
.quick_links a:hover .num, .quick_links a.current .num{ background-position:-220px -82px;}
.quick_links a:hover .num b, .quick_links a.current .num b{ background-position:100% -122px;}
.quick_links a.message_list{background:url(/images/shangwutong.jpg) no-repeat;width: 100%;height: 260px;background-size: 100%;}
.quick_links a.return_top{background:url(/images/to-top.jpg) no-repeat;width: 100%;height: 44px;margin-top: 7px;display: none;}
.quick_links_min .quick_links a.return_top{background:url(zhedie-to-top.jpg) no-repeat; width:50px; height:50px;}
.quick_links_min .quick_links a.message_list,.quick_links_min .quick_links a.leave_message,.footer-fixed{ display:none;}
.col-md-4 { width:50%; float:left;}
.pro_get_m{ display:none}

.pro_r { width:46%; float:right;}
.pro_r h1 {line-height:40px; font-size:36px; float:left; padding:3px 0; color:#2c2c2c;}
.sol_h1{ text-align:center;background:url(../images/line.jpg) no-repeat center bottom;line-height:40px; font-size:36px; padding:3px 0 15px; color:#2c2c2c; margin-bottom:40px;}
.r_protop span { float:right; width:40%; font-size:22px; display:block; background:#f5f7fa; text-indent:1.3%; padding:4px 0; margin-top:5px;}
.r_protop span a { color:#f11708; text-decoration:underline;}
.r_protop span:hover a { text-decoration:none;}
.r_protop span img { float:left; margin-left:14px; margin-top:2px;}.r_protop { width:100%; overflow:hidden; margin-bottom:10px;}
.stone_txt { display:block; font-size:13px; color:#323232; line-height:22px;}.pro_sx { margin:25px 0; overflow:hidden;}.pro_sx ul  {margin-left:-3%;}
.pro_sx ul li { float:left; text-align:center; line-height:25px; width:30%; margin-left:3%;}
.icon2 {background:url(../images/icon1.png) no-repeat; display:block; width:36px; height:36px; margin:0 auto; margin-bottom:5px;  }.sx01 { background-position:-43px -3px;}
.sx02 { background-position:-87px -3px;} .sx03 { background-position:-310px -4px;}.sx04 { background-position:-131px -4px;}.sx05 { background-position:-350px -4px;}
.pro_wl { font-family:Arial, Helvetica, sans-serif; font-size:14px; line-height:22px; margin-bottom:25px;}
.pro_wl span { color:#fb812b;}
.pro_email a { font-size:26px;}
.pro_email strong{ color:#ff4a00;}
.icon3 {background:url(../images/icon1.png) no-repeat; display:block; width:27px; margin-top:4px; height:27px;background-position:-187px -7px; float:left; margin-right:10px;  }
.pro_email { margin-bottom:24px;}.pro_order a { height:34px; line-height:34px; font-family:Arial, Helvetica, sans-serif;}
.pro_order a.order_l {cursor: pointer; display:block; background:#0050a9; width:46%; color:#fff; font-size:19px;padding:10px 0; float:left; text-indent:0.5%}.pro_order a.order_l:hover { background: #222;}
.pro_order a.order_r {cursor: pointer; display:block; background:#f4f4f4; width:46%; color:#3B76CD; font-size:19px;padding:8px 0; float:right; text-indent:0.5%; border:1px solid #3B76CD;}.pro_order a.order_r:hover{     border: 1px solid #fc0; }
.icon4 {background:url(../images/icon1.png) no-repeat; display:block; width:34px; height:34px; float:left;   }.dg01 {background-position:-232px -4px; margin-left:20%;margin-right:3px;}
.dg02 {background-position:-272px -4px; margin-left:20%;margin-right:8px;}

.detail-list_bg{ background:url(../images/sec_bg.jpg) no-repeat center top; width:100%; overflow:hidden; padding:60px 0 0; margin:60px auto 0;}
.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%;  margin-right:6px;cursor:pointer;}
.detail-list ul li span{ display:block; width:100%; height:55px;  background:url(../images/nomal.png) no-repeat center top;font-size:22px; line-height:55px; font-weight:bold; color:#222; text-align:center;cursor:pointer}
.detail-list ul li.cur3 span{ background:url(../images/hover.png) no-repeat center top; color:#000 }


.in_order { background:url(../images/order_bg.jpg) top no-repeat #f8f8f8;padding:45px 0 5px; margin:0 auto 80px; }
.repond {  margin-bottom: 30px;  }  .repond1{font-size: 26px;line-height: 28px;color: #333; background:#f4f4f4; padding:0 3% 3% 3%}
.repond1 h4{  font-size: 22px;color: #000;text-align: center;line-height: 60px;font-family: Open Sans, Arial;background: url(../images/price-tit.png) no-repeat center top;margin: 0 auto;margin-top: -12px;width: 100%;float: left;margin-bottom: 15px;overflow: hidden;}
.repond p { margin: 0 auto; margin-bottom:25px; line-height: 24px;color:#333; width:80%; margin-left:25px;}
.repond p span{ font-weight:600; color:#f60}
.repond p a{ color:#111; font-weight:bold; text-decoration:underline;}
.repond form { width: 95%; margin: 0 auto; margin-top:35px; }
.me { margin-bottom: 20px; width: 48%; margin-right:2%; float: left; display: block; overflow: hidden }
.repond strong,.repond1 strong { font-size: 20px; color: #1a1a1a; display: block; line-height: 30px; width: 100%; overflow: hidden; margin-bottom:12px; font-family:proximanova-light;}
.repond input,.repond1 input { width: 88%; height: 40px; border: 1px solid #ddd; line-height: 35px;background: #fff; color: #4a4a4a; }
.repond1 input{ width:83%}
.repond textarea,.repond1 textarea { width:88%; height: 110px; border:1px solid #b9b9b9; line-height: 22px;font-family:Arial, Helvetica, sans-serif;color:#666 }  
.repond input.sub2,.repond1 input.sub2 { background: #fed206; width: 160px; height: 42px; line-height: 38px; color: #000; border: 0; font-size: 18px; margin: 15px 0 20px 0;  }
.repond input.sub2:hover,.repond1 input.sub2:hover { background: #333; color: #fff }
.repond h3 { font-size:30px; color: #222;  font-family:Arial, Helvetica, sans-serif; text-transform:uppercase; margin: 0 auto; margin-left:25px; margin-bottom: 15px; overflow: hidden;float:none !important }
.repond input.pro_sub,.repond1 input.pro_sub { background: #FFC60B; height: 50px; line-height: 50px; color: #1a1a1a; width: 40%; margin: 30px 0 30px 28%; border: 0; font-size: 16px; }
.repond .txt,.repond1 .txt { margin-right: 2%; border: 1px solid #e2e2e2; color: #999; padding: 5px 0 5px 40px; font-size:16px; border-radius:0;}
.repond .btn-primary ,.repond1 .btn-primary{color: #fff; font: bold 22px/14px proximanova-light; margin: 40px 0 20px 0; height: 60px; width: 33%; text-transform: uppercase;border: 2px solid #3B76CD;background:#0466BD; border-radius:4px;cursor:pointer;}
.repond .btn-primary:hover { background: -webkit-gradient(linear, 0% 2%, 100% 10%,from(#ffde5c), to(#ffcb01)); color: #242424; border: 2px solid #fdcc05; }
.repond .icon-text-pro,.repond1 .icon-text-pro  { background: url(../images/icon-text-pro.jpg) no-repeat 10px center #fff; }
.repond .icon-text-user,.repond1 .icon-text-user { background: url(../images/icon-text-user.jpg) no-repeat 10px center #fff; }
.repond .icon-text-email,.repond1 .icon-text-email  { background: url(../images/icon-text-email.jpg) no-repeat 10px center #fff;  }
.repond .icon-text-tel,.repond1 .icon-text-tel { background: url(../images/icon-text-tel.jpg) no-repeat 12px center #fff; }
.repond .icon-text-message,.repond1 .icon-text-message { background: url(../images/icon-text-message.jpg) no-repeat 10px 17px #fff; padding: 17px 18px 17px 39px;color: #9e9e9e; line-height:24px; font-size:16px; border-radius:0; }
.capacity{ margin-bottom:40px; overflow:hidden}
.capacity li{ width:22%; margin:0 1.5% 1%; float:left; overflow:hidden;}
.choose{ overflow:hidden}
.choose li{ width:17%; margin:0 1.5%; float:left;}
.choose li img{ margin:0 auto; text-align:center; display:block;}
.choose li p{ text-align:center; font-size:16px; font-weight:600; line-height:23px;}

.checkbox-group {
    float: left;
    padding-right: 10px;margin-bottom:10px;overflow:hidden
}
.div_capacity{clear:both;margin-bottom:20px;overflow:hidden}

.checkbox-group input {
   width: 16px;
    height: 16px;margin-right: 3px;
    border-radius: 16px;appearance:radio;
-moz-appearance:radio; 
-webkit-appearance:radio;float:left;margin-top:0;font-size:14px;
}
.checkbox-group input[type=radio]+label {
    line-height: 17px;
    position: relative;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    margin:0 5px; box-sizing: border-box;color:#3e3e3e;font-size:14px;
}
/*.checkbox-group input[type=radio]+label:before,.checkbox-group input:before{line-height: 20px;
    display: inline-block;
    width: 18px;
    height: 18px;
    margin-right: 5px;
    content: '';
    color: #fff;
    border: 1px solid #ddd;
    background-color: #fff;
    border-radius: 50px;}*/
.div_capacity strong{width:134px;margin-right:0px;font-weight:100;color: #000;float:left;line-height: 16px;font-size:14px;font-family:Arial, Helvetica, sans-serif}

.div_material{clear:both;overflow:hidden;margin-bottom:20px}
.div_material .checkbox{width: 15px;
    height: 15px;
    margin-right: 5px;padding-left: 5px;line-height: 12px;
    border: 1px solid #b9b9b9;
    border-radius: 4px;box-sizing: border-box;
    padding: 0;display:block;float: left;appearance:checkbox;
-moz-appearance: checkbox;
-webkit-appearance:checkbox;margin-top:0}
.div_material span{    margin-right: 21px;font-size: 14px;
    color: #3e3e3e;display:inline-block;
    line-height: 15px;
    width: auto;float: left;margin-bottom: 9px;width:78px}
	.feed-con .form1{width:95%}
	.form1 .feed_row{overflow:hidden}
.form1 .feed_row span{ font-size: 14px;
    color: #000;display:inline-block;
    line-height: 27px;
    width:100px;float: left;}
.form1 .feed_row input{width: 70%;
    height: 25px;
    border: #b9b9b9 1px solid;float:left;
    margin-right: 0;
    border-radius: 6px;line-height:25px}
	.form_app{clear:both;overflow:hidden;margin-bottom:20px}
	.form1 .form_app strong i{ width:0;}
	.form_app select{width:29.3%;
    height: 27px;
    border: 1px solid #b9b9b9;
    line-height: 24px;
    margin-right: 5px;
    border-radius: 4px;float:left}
	.form_app input{
    width: 48.2% !important;
    padding-left: 5px;
    height: 25px;
    line-height: 12px;
    border: 1px solid #b9b9b9;
    border-radius: 4px;float:left
} 
.sub_left .form_app input{ width:47%!important;}
.sub_left .checkbox-group1 input{ width:63% !important;}
.sub_left .row2 textarea{ width:93%; border:1px solid #b9b9b9;}
.sub_left .div_material .r{ width:82%;}
.form_app strong{width:134px;float:left;margin-right:0px;line-height:25px;color: #000;font-weight:100;font-size:14px;font-family:Arial, Helvetica, sans-serif;margin-bottom:0}
.checkbox-group1{clear:both;margin-top:10px;font-size:14px;}
.checkbox-group1 input {
    width:74.2% !important;
    padding-left: 5px;
    height: 25px;
    line-height: 12px;
    border: 1px solid #b9b9b9;
    border-radius: 4px;float:none;font-size:13px !important;margin-bottom:0;
}
.div_material strong{width:134px;float:left;margin-right:0px;line-height:15px;color: #000;font-weight:100;font-size:14px;font-family:Arial, Helvetica, sans-serif}
.div_material .r{float:left;width:66%}
.div_material1{clear:both;font-size:14px;}
.div_material1 input{width: 60% !important;
    color: #bcbcbc;
    font-size: 12px;padding-left: 5px;
    height: 25px;
    line-height: 12px;
    border: 1px solid #b9b9b9;
    border-radius: 4px;float:none;font-size:13px !important}
.form1 .feed_row span{color: #000;font-size:14px}	
.form1 .pname input{width:70%;background:#fff;text-indent:10px;padding-left:5px;color:#555}
.form1 .feed_row input{background:#fff;color:#555;text-indent:10px;font-size:13px;padding:0}
.message1 form1{margin-left:4%}
.div_capacity .r{float:left;width:81%}
.comments-form .div_capacity .r{width:79%}
.form1 .me1 textarea{border: 1px solid #b9b9b9;}
.capacity_mini select,.material_mini select{width:98%;height:33px;line-height:33px;border: 1px solid #dbdada;margin-bottom: 8px;color: #555;font-size: 13px;}
.sub_left_liuyan input{line-height:33px;height:33px;}
.form1 .feed_row span strong{display:inline-block;width: 10px;line-height: 14px;margin-bottom:0}
.cont_form .checkbox-group{overflow:hidden}
.cont_form .checkbox-group input,.cont_form .checkbox-group input[type=radio]+label{float:left;margin:0 5px 0 0}
.cont_form .checkbox-group input[type=radio]+label{margin-right:10px}
.cont_form .div_capacity strong,.cont_form .form_app strong{font-size:14px}
.cont_form .div_material span{margin-right:24px}
.form1 .row2 textarea{font-family: Arial, Helvetica, sans-serif;line-height:20px}
.form1 .row2 span{padding-bottom:0;color:#000}
.pro_form .feed_row{margin-bottom:20px;width:46%}
.pro_form  .pname input{width:69.5%}
.pro_form .feed_row span{padding-bottom:0}
.repond .pro_form .form_app strong{font-size:14px;font-family: Arial, Helvetica, sans-serif;}
.pro_form .div_material .r{width:76%}
.form1 .feed_row .input-block label{float:left;margin-right: 3px;color:#000;height: 33px;}
.comments-form .feed_row{margin-right:0}
.comment-top{overflow:hidden}
.comments-form .comment-bottom .textarea-block{color:#000}
.comments-form .div_material .r{width:78%}
.form1 strong i{color:#ff0000;font-weight:700;margin-right:2px;display: inline-block;
    width: 10px;}
.comments-form .feed_row span,.comments-form .comment-bottom .textarea-block span{color:#ff0000;width:10px}

.contact_right .form_app input{ width:47.4% !important;}
.contact_right .form1 .feed_row .input-block label{ width:84px;}
.contact_right .checkbox-group1 input{ width:57% !important;}
.contact_right .form_app select{width: 27.3%;}
.contact_right .repond1 textarea{ width:82.6%;}
.contact_right .required{ display: block;float: left;width: 74px;}
.contact_right .feed_row{ width:49.2%;}
.comment-bottom::before{content: "";clear: both;width: 0;height: 0;visibility: hidden;}

/*new add Privacy notice*/
.privacyBox {
  padding: 66px 0;
  overflow: hidden;
}

.privacyBox h3 {
  font-size: 50px;
  color: #333333;
  font-family: 'Alibaba-PuHuiTi-Heavy';
  text-transform: uppercase;
  text-align: center
}

.privacyBox .privacyfl {
  float: left;
  width: 67%;
}

.privacyBox .privacyfl h4 {
  margin-top: 30px;
  font-size: 24px;
  color: #333232;
  line-height: 1.5;
}
.privacyBox .privacyfl h4:first-child{
	margin-top:0;
}
.privacyBox .privacyfl p {
  margin-top: 15px;
  font-size: 15px;
  line-height: 1.8;
  color: #666666
}

.privacyBox .privacyfl ul li {
  margin-top: 15px;
  font-size: 15px;
  line-height: 1.8;
  list-style: inside;
}

.privacyBox .privacyfr {
  float: right;
  width: 27%;
}

.privacyBox .privacyfr .privacyfrtit {
  font-size: 18px;
  color: #333232;
  line-height: 1.5;
  font-weight: bold;
}

.privacyBox .privacyfr .privacyfrtxt {
  margin-top: 10px;
  color: #333232;
  line-height: 1.8;
  font-size: 15px;
}

.privacyBox .privacyfr ul {
  clear: both;
  padding: 10px 0px
}

.privacyBox .privacyfr ul li {
  line-height: 1.8;
  margin-top: 10px;
  color: #666;
  font-size: 15px;
  list-style: inside;
}
@media screen and (max-width: 980px) {
  .privacy{
    padding: 0 20px;
  }
  .privacyBox{
    padding: 30px 0;
  }
  .privacyBox .privacyfl{
    width: 100%;
    float: none;
  }
  .privacyBox .privacyfr{
    display: none;
  }
  .privacyBox .privacyfl h4{
    margin-top: 20px;
    font-size: 18px;
  }
  .privacyBox .privacyfl p,.privacyBox .privacyfl ul li{
    margin-top: 10px;
  }
}