@charset "UTF-8";
.fangF { width: 100%; height: auto; overflow: hidden; margin: 50px 0; text-align: right; clear: both; }
.fangF span, .fangF a { border: #e2e2e2 1px solid; padding: 9.7px 14px; font-size: 12px; display: inline-block; margin: 0 2px; }
.fangF span { color: #cccccc; }
.fangF .fCurrent { background-color: #f26f21; color: #ffffff; font-weight: 500; border-color: #f26f21; }

body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,form,input,textarea,p,th,td { margin:0; padding:0; }
body {	font-size: 14px; color: #333; font-family: '微软雅黑'; background-color: #fff;overflow-x:hidden }
table { border-collapse:collapse; border-spacing:0; }
img{ }
ol,ul {  list-style:none; }
h1,h2,h3,h4,h5,h6 {   font-size:100%; color: #333;  font-weight:normal;  }
a{ text-decoration: none; color: #333; }
a:hover{ color:#eb891a;text-decoration: none;}
input {	vertical-align: middle; }
input,button,textarea,select {outline: none; font-family: '微软雅黑';	font-size: 14px; }

.wrap {	max-width: 1100px;	margin: 0 auto; overflow: hidden; }
.main { max-width: 1100px; margin: 0 auto; }
.clear { clear: both; }

.clearfix:after { clear: both; display: block; content: '' }
.clearfix { zoom: 1 }

@font-face {
    font-family: 'bebas_neueregular';
    src: url('../../../html_en/public/fonts/bebasneue-webfont.eot');
    src: url('../../../html_en/public/fonts/bebasneue-webfont.eot#iefix') format('embedded-opentype'),
    url('../../../html_en/public/fonts/bebasneue-webfont.woff2') format('woff2'),
    url('../../../html_en/public/fonts/bebasneue-webfont.woff') format('woff'),
    url('../../../html_en/public/fonts/bebasneue-webfont.ttf') format('truetype'),
    url('../../../html_en/public/fonts/bebasneue-webfont.svg') format('svg');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'intro_regular';
    src: url('../../../html_en/public/fonts/intro-webfont.eot');
    src: url('../../../html_en/public/fonts/intro-webfont.eot#iefix') format('embedded-opentype'),
    url('../../../html_en/public/fonts/intro-webfont.woff2') format('woff2'),
    url('../../../html_en/public/fonts/intro-webfont.woff') format('woff'),
    url('../../../html_en/public/fonts/intro-webfont.ttf') format('truetype'),
    url('../../../html_en/public/fonts/intro-webfont.svg') format('svg');
    font-weight: normal;
    font-style: normal;

}
.erweima{    width: 130px;    height: 150px;    position: absolute;    top: -107px;    left: -150px;    background: #FFF;    border: 1px solid #CCC;    float: left;    cursor: default !important;    display:none;    }
.erweima p{    line-height: 20px;    color: #000;    font-size: 12px;    text-align: center;    float: left;    width: 130px;}
.erweima p img{    width: 110px;    height: 110px;    margin: 10px 10px 0px 10px;}
.erweima .arrow3 {    width: 5px;    height: 10px;    display: block;    background:url(../../../html_en/public/images/czx6.png) no-repeat;    position: absolute;
    right: -5px;    top: 122px;}


.header { width: 100%; padding-top: 21px; padding-bottom: 21px; background-color: #FFF; position: relative;  }
.header .logo { display: block; float: left; width: 172px; height: 58px; }
.header .head { width: 460px; float: right; overflow: hidden; }
.header .head .headL { float: left; padding-top: 14px; }
.header .head .headL .p1 { font-size: 12px; color: #333; letter-spacing: 1px; }
.header .head .headL .p2 { font-size: 12px; font-family: 'Arial'; color: #999; }
.header .head .tel { float: left; margin-left: 12px; padding-top: 14px; font-size: 30px; color: #eb891a; font-family: 'bebas_neueregular'; }
.header .head .formBox { float: left; margin-left: 20px; margin-top: 15px; width: 197px; height: 30px; background: url(../../../html_en/public/images/search.png) no-repeat center; }
.header .head .formBox .txt { width: 155px; padding-left: 10px; color: #bebebe; height: 30px; line-height: 30px; background: transparent; border: none; }
.header .head .formBox .btn { width: 27px; height: 30px; line-height: 30px; background: transparent; border: none; cursor: pointer; }
.header .head .language { float: left; display: block; margin-top: 15px; margin-left:8px; width: 28px; height: 28px; line-height: 28px; text-align: center; font-size: 12px; color: #FFF; font-family: 'Arial'; background: url(../../../html_en/public/images/index_02.png) no-repeat center; }
.header .head .language:hover { background: url(../../../html_en/public/images/index_02_hover.png) no-repeat center; }


.navBox { width: 100%; height:47px; position: relative;  }
.navBox .nav { width: 100%; height: 47px; background-color: #eb891a; }
.navBox .nav ul li { float: left; height: 47px; line-height: 47px; padding-right: 2px; background: url(../../../html_en/public/images/index_01.jpg) no-repeat right center; }
.navBox .nav ul li.last { padding-right: 0; background: none; }
.navBox .nav ul li a { display: block; padding: 0 45px; font-size: 16px; color: #FFF; }
.navBox .nav ul li.hover a,.navBox .nav ul li:hover a,.nav ul li.active a { background-color: #333; }

/***手机导航****/
.wdsj{ display:none; height:auto; position:fixed; top:0px; z-index:99999; background:rgba(235,137,26,1); width:100%; padding:3% 0;}
.wdsj .logo{ width:35%; float:left; margin-left:3%;}
.header_er{ display:none;}
.menu{position:relative;}
.sub_menu{ display:none;}
.openclose{ display: block; position:absolute; width: 60px; height: 60px;background:url(../../../html_en/public/images/pic18.png) no-repeat center;}
.sub_menu{ display: none; position:absolute; top:25%; width:100% !important; z-index:100; position: fixed; left:0;}
.sub_menu .bg{ background:rgba(0,0,0,.9); z-index:99999;}
.sub_menu ul{}
.sub_menu li{ line-height: 50px; border-bottom: 1px solid #131313;text-transform:uppercase; text-indent:50px;}
.sub_menu li a{display:block; padding-left:2%; font-size:130%; color:#fff;}
.sub_menu li a:hover{ color: #00a2e3; display:block; text-decoration:none; padding-left:2%;}

.flexslider{ position:relative; display:none; margin-top:10%;}
.flexslider .slides > li {display: none; -webkit-backface-visibility: hidden;} 
.flexslider .slides img {width: 100%; display: block;border-radius: 0px;}
.flex-pauseplay span {text-transform: capitalize;}

.flex-control-nav {width: 100%; text-align: center; position:absolute; bottom:10px;}
.flex-control-nav li {margin: 0 6px; display: inline-block; zoom: 1; *display: inline;}
.flex-control-paging li a {width:10px; height:10px; display: block; background: #666;  cursor: pointer; text-indent: -9999px; -webkit-border-radius: 20px; -moz-border-radius: 20px; -o-border-radius: 20px; border-radius: 20px;}
.flex-control-paging li a:hover { background: #F60; }
.flex-control-paging li a.flex-active { background: #F60; cursor:default; }

/****************banner****************/
.main_image {width:100%; height:530px; overflow:hidden; margin:0 auto; position:relative;}
.main_image ul {width:9999px; height:530px; overflow:hidden; position:absolute; top:0; left:0}
.main_image li {float:left; width:100%; height:530px;}
.main_image li span {display:block; width:100%; height:530px;}
.main_image li a {display:block; width:100%; height:530px;}
div.flicking_con {width:990px; margin:0 auto; position:relative}
div.flicking_con .flicking_inner {position:absolute; top:500px; left:48%; z-index:2; width:300px; height:21px} 
div.flicking_con a {float:left; width:21px; height:21px; margin:0; padding:0; background:url('../../../html_en/public/images/btn_main_img.png') 0 0 no-repeat; display:block; text-indent:-1000px}
div.flicking_con a.on {background-position:0 -21px}
#btn_prev,#btn_next{z-index:3;position:absolute;display:block;width:73px!important;height:74px!important;top:50%;margin-top:-37px;display:none;}
#btn_prev{background:url(../../../html_en/public/images/hover_left.png) no-repeat left top;left:100px;}
#btn_next{background:url(../../../html_en/public/images/hover_right.png) no-repeat right top;right:100px;}


.section1 { padding-top:10px; padding-bottom:50px; background-color: #FFF; }
.section1 .titleBox { max-width: 1100px; margin: 0 auto; padding-top: 22px; background: url(../../../html_en/public/images/index_03.png) no-repeat center top; margin-bottom: 40px; }
.section1 .titleBox h2 { text-align: center; color: #333; font-size: 30px; line-height: 50px; font-weight: bold; }
.section1 .titleBox .onlineBox { width: 1100px; overflow: hidden; }
.section1 .titleBox .onlineBox .online { float: left; width: 462px; height: 1px; background-color: #eee; }
.section1 .titleBox .onlineBox p { float: left; width: 176px; text-align: center; font-weight: bold; font-size: 12px; color: #ccc; font-family: 'Arial'; }

.sec1L { float: left; width: 526px; height: 495px;  }
.sec1L a { display: block; width: 325px; height: 87px; margin-left: -526px; padding: 15px 45px 15px 156px; margin-bottom: 48px; opacity:0;filter:alpha(opacity=0); }
.sec1L a.one { background: url(../../../html_en/public/images/index_04.png) no-repeat left center; }
.sec1L a.one:hover { background: url(../../../html_en/public/images/index_04_hover.png) no-repeat left center; }
.sec1L a.two { background: url(../../../html_en/public/images/index_06.png) no-repeat left center; }
.sec1L a.two:hover { background: url(../../../html_en/public/images/index_06_hover.png) no-repeat left center; }
.sec1L a.three { background: url(../../../html_en/public/images/index_07.png) no-repeat left center; }
.sec1L a.three:hover { background: url(../../../html_en/public/images/index_07_hover.png) no-repeat left center; }
.sec1L a h3 { font-size: 16px; color: #333; font-weight: bold; }
.sec1L a span { color: #eb891a; }
.sec1L .para { margin-top: 10px; }
.sec1L .para p { color: #999; line-height: 18px; }

.sec1R { float: right; width: 548px; margin-right: -548px;  }
.sec1R .sec1Img { width: 548px; height: 316px; position: relative; }
.sec1R .sec1Img img { width: 548px; height: 316px; }
.sec1R .sec1Img h4 { width: 179px; height: 92px; background-color: #e6912f; font-size: 32px; color: #FFF; font-weight: bold; text-align: center; position: absolute; left: 0; top: 0; }
.sec1R .para { padding: 30px 20px 0; }
.sec1R .para p { color: #333; line-height: 21px; margin-bottom: 20px; }
.sec1R .para a { color: #ccc; }
.sec1R .para a:hover { color: #333; }


.section2 { width: 100%; padding-top: 74px; padding-bottom: 60px; background: #f2f2f2 url(../../../html_en/public/images/sec2bg.jpg) repeat-x left top; }
.section2 .titleBox {max-width: 1100px; margin: 0 auto; padding-top: 18px; background: url(../../../html_en/public/images/indexico.png) no-repeat center top; margin-bottom: 40px; }
.section2 .titleBox h2 { text-align: center; color: #fff; font-size: 30px; line-height: 50px; font-weight: bold; }
.section2 .titleBox .onlineBox { width: 1100px; overflow: hidden; }
.section2 .titleBox .onlineBox .online { float: left; width: 462px; height: 1px; background-color: #434343; }
.section2 .titleBox .onlineBox p { float: left; width: 176px; text-align: center; font-weight: bold; font-size: 12px; color: #666; font-family: 'Arial'; }

.sec2Main { max-width: 1100px; height:422px; margin: 0 auto; overflow: hidden; }
.sec2Main .item { float: left; display: block; width: 260px; height: 402px; margin-right: 20px; margin-left: 1100px; }
.sec2Main .item .img,.sec2Main .item .img img { width: 260px; height: 287px; }
.sec2Main .item .sec2Bottom { width: 220px; height:86px; padding: 15px 20px; background-color: #333;
    -webkit-transition: 0.5s; -ms-transition: 0.5s; -moz-transition: 0.5s; -o-transition: 0.5s; transition: 0.5s; }
.sec2Main .item .sec2Bottom h3 { color: #FFF; line-height: 24px; font-size: 16px; }
.sec2Main .item .sec2Bottom p { color: #999; line-height: 16px; font-size: 12px; margin-top: 8px; }
.sec2Main .item:hover .sec2Bottom { background-color: #e18520; }
.sec2Main .item:hover .sec2Bottom p { color: #ccc; }
.sec2Main .item.r { margin-right: 0; background-color: #eb891a; position: relative; }
.sec2Main .item.r h4 { font-size: 24px; color: #FFF; text-align: center; font-weight: bold; line-height: 40px; padding-top: 20px; }
.sec2Main .item.r p { font-size: 12px; font-weight: bold; text-align: center; font-family: 'Arial';  color: #f5caa8; }
.sec2Main .item.r ul { width:218px; margin: 20px auto 0 auto; }
.sec2Main .item.r ul li { width: 100px; height: 32px; margin-bottom: 15px; margin-left:6px; float:left; border-radius:100px; border:1px #fff solid; }
.sec2Main .item.r ul li a { display: block; width: 100px; height: 32px; text-align: center; line-height: 32px; color: #FFF; }
.sec2Main .item.r ul li a:hover {color: #000; background:#fff; border-radius:100px; }
.sec2Main .item.r .prodMore { display: block; width: 70px; height: 40px; text-align: center; font-size: 12px; line-height: 40px; color: #FFF; background-color: #333; position: absolute; left: 95px; bottom: 0; }
.sec2Main .item.r .prodMore:hover { background-color: #000; }
.section2 .caseMore { display: block; width: 165px; height: 36px; margin: 40px auto 0; line-height: 36px; text-align: center; color: #787878; background: url(../../../html_en/public/images/index_13.png) no-repeat center; }
.section2 .caseMore:hover { color: #e18520; }
.tjpro{ width:100%; }
.tjpro ul{ margin-right:-20px; }
.tjpro li{ width:258px; height:330px; float:left; margin-right:20px; border:1px #ddd solid; background:#fff;}
.tjpro li .pic{ overflow:hidden; height:auto;}
.tjpro li img{ width:258px; height:285xp;transition:all 0.7s; height:auto;}
.tjpro li p{ line-height:43px; text-align:center;}
.tjpro li:hover img{ transform:scale(1.2);}


.section4 { width: 100%; background-color: #FFF; padding-bottom: 80px; }
.section4 .titleBox { width: 1100px; margin: 0 auto; padding-top: 22px; background: url(../../../html_en/public/images/index_18.png) no-repeat center top; margin-bottom: 40px; }
.section4 .titleBox h2 { text-align: center; color: #333; font-size: 30px; line-height: 50px; font-weight: bold; }
.section4 .titleBox .onlineBox { width: 1100px; overflow: hidden; }
.section4 .titleBox .onlineBox .online { float: left; width: 462px; height: 1px; background-color: #eee; }
.section4 .titleBox .onlineBox p { float: left; width: 176px; text-align: center; font-weight: bold; font-size: 12px; color: #ccc; font-family: 'Arial'; }

.sec4Main { margin: 40px auto 0; max-width: 1100px; overflow: hidden; }
.sec4Main ul { max-width: 1100px; height:505px; overflow: hidden; }
.sec4Main ul li { display: block; float: left; border: 1px solid #e5e5e5; padding: 30px 28px 80px; width: 294px; margin-right: 22px; min-height: 374px; position: relative; }
.sec4Main ul li.r { margin-right: 0; }
.sec4Main ul li h3 { font-size: 21px; color: #333; font-weight: bold; line-height: 24px; }
.sec4Main ul li h3 span { color: #eb891a; }
.sec4Main ul li h4 { font-size: 12px; color: #ccc; line-height: 24px; font-weight: bold; font-family: 'Arial'; }

.sec4Main ul li .img { margin-top: 25px; width: 294px; height: 142px; overflow: hidden; }
.sec4Main ul li .img img { width: 294px; height: 142px; }
.sec4Main ul li .para { margin-top: 15px; }
.sec4Main ul li .para p { color: #333; padding-left: 20px; background: url(../../../html_en/public/images/index_23.jpg) no-repeat left center; line-height: 27px; }
.sec4Main ul li .para p a { color: #333; }
.sec4Main ul li .para p a:hover { color: #eb891a; }
.sec4More { display: block; width: 70px; height: 40px; font-style: normal; text-align: center; line-height: 40px; color: #FFF; background-color: #333; position: absolute; left: 28px; bottom: 0;
    -webkit-transition: 0.5s; -ms-transition: 0.5s; -moz-transition: 0.5s; -o-transition: 0.5s; transition: 0.5s; }
.sec4More:hover { background-color: #eb891a; }



.footer { width: 100%; padding-top:60px; padding-bottom: 30px; background-color: #eb891a; height:auto; overflow:hidden; }
.footer .footDl { max-width: 1100px; overflow: hidden; padding-bottom: 50px; }
.footer .footDl dl { float: left; width: 90px; margin-right: 20px; }
.footer .footDl dl.w { width:300px; }
.footer .footDl dl.w dd{ width:130px; float:left; margin-right:20px;}
.footer .footDl dl dt { margin-bottom:22px; font-size:16px; }
.footer .footDl dl dt a { color: #FFF; }
.footer .footDl dl dd { line-height: 22px; }
.footer .footDl dl dd a { color: #ffe1bf; }
.footer .footDl dl dd a:hover { color: #FFF; }
.footer .footDl dl.last { width: 204px; margin-right: 0; }
.footer .footDl dl.last dt { overflow: hidden; }
.footer .footDl dl.last dt .img { float: left; width: 90px; margin-left: 12px; }
.footer .footDl dl.last dt .img p { text-align: center; color: #FFF; line-height: 30px; font-size:12px; }

.footer .friendLink { width: 1100px; }
.footer .friendLink .f_title { width: 1100px; height: 32px; background: url(../../../html_en/public/images/footer_01.jpg) repeat-x center; }
.footer .friendLink .f_title a { float: left; display: block; color: #FFF; text-align: center; line-height: 30px; font-weight: bold; margin-right: 10px; width: 80px; height: 32px; background: url(../../../html_en/public/images/footer_03.png) no-repeat; }
.footer .friendLink .f_title a.active { background: url(../../../html_en/public/images/footer_02.png) no-repeat; color: #eb891a; }
.footer .friendLink .f_main { margin-top: 20px; overflow: hidden; display: none; }
.footer .friendLink .f_main li { float: left; margin-bottom: 10px; margin-right: 25px; }
.footer .friendLink .f_main li a { color: #ffe0bc; font-size: 12px; }
.footer .friendLink .f_main li a:hover { color: #fff; }

.copyBox { width: 100%; height: auto; overflow:auto; padding:1% 0; background-color: #333; }
.copyBox p { color: #999; float: left;  }
.copyBox .link { float: right; }
.copyBox .link a { margin-left: 15px; color: #999; }
.copyBox .link a:hover { color: #ccc; }

.telcall{ display:none; width:100%; float:left;text-align:center; margin:5% 0 10% 0;}
.procent{ display:none; width:100%; float:left;text-align:center; margin:5% 0 10% 0;}
/**内页css**/
.nybanner {position: relative; width: 100%; margin: 0 auto; height:auto; overflow:hidden;}
.nybanner img{margin: 0 auto;display: block;max-width: 100%;transform:scale(1);-moz-transform:scale(1);-ms-transform:scale(1);-o-transform:scale(1);-webkit-transform:scale(1); transition:transform 2s;-moz-transition:transform 2s;-ms-transition:transform 2s;-o-transition:transform 2s;-webkit-transition:transform 2s;}
.nybanner img:hover{transform:scale(1.1);-moz-transform:scale(1.1);-ms-transform:scale(1.1);-o-transform:scale(1.1);-webkit-transform:scale(1.1);}

.subNav{ border-bottom:10px solid #f3f3f3;height:auto; overflow:hidden;}
.subNav li { padding:1.5% 3%; display:block; float:left; text-align:center; border-right:1px solid #e7e7e7; font-size:16px; transition: all .2s;}
.subNav li.curr,.subNav li:hover{ background:#eb891a; border-right:none; }
.subNav li a{ color:#666; display:block;}
.subNav li.curr a,.subNav li a:hover{ color:#fff;}

.ContUs{ padding:0 0 25px 0}
.gsxw{ line-height:30px; font-size:16px; padding:3%;}
.gsxw img{ display:block; margin:auto; clear:both;}

.zzry{ font-size:14px; line-height:24px; height:auto; margin-top:5%; overflow:hidden;}
.zzry ul{margin-right:-3%; }
.zzry li{  float:left; width:22%; margin-right:3%;height:auto; overflow:hidden; }
.zzry li.mo{ padding-right:0}
.zzry li div{ border:1px solid #ddd; padding:1px;}
.zzry li div img{ width:100%;transform:scale(1);-moz-transform:scale(1);-ms-transform:scale(1);-o-transform:scale(1);-webkit-transform:scale(1); transition:transform 2s;-moz-transition:transform 2s;-ms-transition:transform 2s;-o-transition:transform 2s;-webkit-transition:transform 2s;}
.zzry li div img:hover{transform:scale(1.1);-moz-transform:scale(1.1);-ms-transform:scale(1.1);-o-transform:scale(1.1);-webkit-transform:scale(1.1);}
.zzry li p{ text-align:center; height:40px; padding-top:20px; overflow:hidden}

/*************分页css*************/
.cuspages{ width:100%; height:auto; overflow:hidden; margin:50px 0;}
.pages {overflow: hidden;zoom: 1;font-size: 12px;float: right;clear:both;}
.pages span, .pages a {float: left;width: 34px;height: 34px;border: #e2e2e2 1px solid;font-size:12px;text-align: center;line-height: 34px;margin-right: 5px;}
.pages .disabled { color: #ccc; }
.pages .current {background-color: #f26f21;border: #f26f21 1px solid;color: #fff;}

.newbox{ max-width:1100px; height:auto; overflow:hidden; margin:5% auto 0 auto;}
.newbox li{ border:2px solid #e5e5e5; padding:1.5%; margin-bottom:25px; height:auto; overflow:hidden;}
.newbox li:hover{border:2px solid #eb891a; }
.newbox li .nimg{ width:30%; float:left;}
.newbox li .nimg img{ width:100%;transform:scale(1);-moz-transform:scale(1);-ms-transform:scale(1);-o-transform:scale(1);-webkit-transform:scale(1); transition:transform 2s;-moz-transition:transform 2s;-ms-transition:transform 2s;-o-transition:transform 2s;-webkit-transition:transform 2s;}
.newbox li .nimg img:hover{transform:scale(1.1);-moz-transform:scale(1.1);-ms-transform:scale(1.1);-o-transform:scale(1.1);-webkit-transform:scale(1.1);}

.newbox li .ncon{ width:67%; float:left;padding:1.5%;}
.newbox li .ncon h3{ font-size:20px; padding-bottom:2%;}
.newbox li .ncon h3 a{font-size:20px;}
.newbox li .ncon p{ color:#999; font-size:14px; line-height:27px;}
.newbox li:hover a{ color:#eb891a;}
.newbox li .more{ padding:3% 0; color:#999; font-size:12px;}

.article{ font-size:14px; line-height:14px; padding:5% 5% 0 5%;}
.article h2{ padding:0 40px 20px; font-size:30px; color:#4c4c4c; line-height:34px; text-align:center; display:block}
.article .arcDate{ font-size:14px; color:#999; height:24px; line-height:28px; text-align:center}
.article .acrCont{ padding:20px 0 50px 0; font-size:15px; color:#4c4c4c; line-height:30px;}
.article .acrCont img{ display:inline}
.article .backlist{ margin:30px auto 15px; padding-bottom:60px; width:100%; height:37px; line-height:37px; font-size:16px; color:#fff; text-align:center; background:url(../../../html_en/public/images/back.png) center top no-repeat; border-bottom:1px solid #ddd}
.article .backlist a{ display:block; color:#fff}
.article .nextprv{ line-height:30px; font-size:14px; color:#4c4c4c; margin-bottom:3%; border-top:1px #ddd solid; padding:2% 0 0;}
.article .nextprv a{color:#4c4c4c}
.article .nextprv a:hover{ color:#0d71ca;}
.article .nextprv p{overflow: hidden;text-overflow:ellipsis;white-space: nowrap;}


.content_box{margin-top:5%;}
.content_box .messages_box{width:auto;padding:10px 1% 10px 1%;}
.content_box .messages_box ul{width:100%;} 
.content_box .messages_box ul li{padding:5px 28px 5px 5px;}
.content_box .messages_box .text-input,.content_box .messages_box .summary-input,.content_box .messages_box .qq-input{width:100%;height:33px;padding:0px 10px;line-height:normal;background:none repeat scroll 0% 0% rgb(253, 253, 253);border-width:1px;border-style:solid;border-color:rgb(133, 133, 133) rgb(175, 175, 175) rgb(201, 201, 201);box-shadow:1px 2px 3px rgb(183, 183, 183) inset !important;font-size:14px;}
.content_box .messages_box .cont-input{width:100%;height:130px;padding:10px;line-height:20px;background:none repeat scroll 0% 0% rgb(253, 253, 253);border-width:1px;border-style:solid;border-color:rgb(133, 133, 133) rgb(175, 175, 175) rgb(201, 201, 201);box-shadow:1px 2px 3px rgb(183, 183, 183) inset !important;font-size:14px;}
.content_box .messages_box .code-input{width:125px;vertical-align:middle;height:33px;padding:0px 10px;line-height:normal;background:none repeat scroll 0% 0% rgb(253, 253, 253);border-width:1px;border-style:solid;border-color:rgb(133, 133, 133) rgb(175, 175, 175) rgb(201, 201, 201);box-shadow:1px 2px 3px rgb(183, 183, 183) inset !important;}
.content_box .messages_box .verify-pic{height:35px;vertical-align:middle;}
.content_box .messages_box .submitBtn{text-align:center;padding-top:10px;}
.content_box .messages_box .messages-button{width:125px;height:34px;line-height:34px;font-size:16px;color:#fff;text-align:center;background:none repeat scroll 0% 0% #06C;border:none;}


.probox{ max-width:1100px; height:auto; overflow:hidden; margin:3% auto;}
.probox .lflist{ width:22%; float:left; height:auto; overflow:hidden; background:#fff;}
.probox .lflist h2{ line-height:45px; font-size:18px; color:#fff; background:#222; text-align:center;}
.probox .lflist ul{ margin-top:7%; padding:3%;}
.probox .lflist ul li{ padding:6% 0; border-bottom:1px #eee solid; text-indent:22px; background:url(../../../html_en/public/images/prodnav.gif) no-repeat 92% center;}
.probox .lflist ul li a{ font-size:16px;}

.probox .hieend{ width:22%; float:left; height:auto; overflow:hidden; background:#fff;}
.probox .hieend h2{ line-height:45px; font-size:18px; color:#fff; background:#222; text-align:center;}
.probox .hieend ul{ margin-top:7%; padding:3%;}
.probox .hieend ul li{ padding:6% 0; border-bottom:1px #eee solid; text-indent:22px; background:url(../../../html_en/public/images/prodnav.gif) no-repeat 92% center;}
.probox .hieend ul li a{ font-size:16px;}

.probox .rightpro{ width:75%; margin-left:3%; float:left; height:auto; overflow:hidden}
.probox .rightpro .bt{ line-height:45px; border-bottom:1px #ddd solid;}
.probox .rightpro ul{margin-right:-3%;}
.probox .rightpro ul li{ width:30%; margin-right:3%; border:1px #ddd solid; float:left; margin-top:3%; }
.probox .rightpro ul li .pic{overflow:hidden; height:auto;}
.probox .rightpro ul li img{ width:100%; transition:all 0.7s; height:auto;}
.probox .rightpro ul li p{ font-size:14px; text-align:center; line-height:45px;overflow: hidden;text-overflow:ellipsis;white-space: nowrap; padding:0 3%;}
.probox .rightpro ul li:hover img{ transform:scale(1.2);}


.probox .rightpror{ width:75%; margin-left:3%; float:left; height:auto; overflow:hidden}
.probox .rightpror .bt{ line-height:45px; border-bottom:1px #ddd solid;}
.procon{ width:100%; height:auto; overflow:hidden; line-height:27px;}
.procon h1{ text-align:center; font-size:24px; color:#f90; padding:3% 0;}
.procon .con{ background:#f2f2f2; padding:2% 3%; line-height:27px; color:#888;}
.procon strong{ color:#f90;}
.procon img{ display:block; clear: both; margin:3% auto;}


.botj{ width:100%; height:auto; overflow:hidden; margin:2% 0 0 0; border-top:1px #ddd solid; padding:2% 0 0;}
.botj .btt{ line-height:45px; font-size:25px;}
.botj ul{ margin-right:-2%; margin-top:3%;}
.botj ul li{ width:22.5%; float:left; height:auto; overflow:hidden; margin-right:2%; border:1px #ddd solid;}
.botj ul li img{ width:100%;}
.botj ul li h3{ text-align:center; line-height:40px;}