@charset "utf-8";
/* CSS Document */


body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,blockquote,p{margin:0;padding:0;}
body{ color:#444; font-size:14px; font-family:" Arial, Helvetica, sans-serif"; }
ul, ol { list-style: none;} 
img,fieldset{vertical-align:top;border:0;}
h1,h2,h3,h4,h5,h6 {font-size:100%; font-weight:normal;}
address,cite,code,em,th {font-weight:normal; font-style:normal;}
input,select{font:100% Arial,''; vertical-align:middle; border:1px solid #fff;width:100%; line-height:38px;}
textarea{font:100% Arial,''; vertical-align:middle; border:1px solid #fff;width:100%; min-height:38px; }
table,td,tr,th{font-size:12px;}
.nodispaly{ display:none}
.line{height:20px; line-height:20px; font-size:0px; clear:both; overflow:hidden; display:block;}
.fK{color:#a91432;}
.clearfix{*zoom:1;}
.clearfix:after{display:block; overflow:hidden; clear:both; height:0px; visibility:hidden; content:".";}
a{color:#000; text-decoration:none;}
a:hover {color:#1d7960; text-decoration:none; }
img{width:100%;}

/*banner*/
.block_home_slider {position:relative; line-height:0px; text-align:center;}/*底部小图标*/
.block_home_slider .slide {position:relative; overflow:hidden;}
.block_home_slider .flex-direction-nav a {width:40px; height:40px; display:block; margin-top:-20px; position:absolute; top:50%; text-indent:-9000px; display:none;}
.block_home_slider .flex-direction-nav a.flex-prev {left:0; background:url(../images/jt1.png) no-repeat;}
.block_home_slider .flex-direction-nav a.flex-next {right:0; background:url(../images/jt2.png) no-repeat;}
.block_home_slider .flex-control-paging{ position:absolute; bottom:30px; width:100%;text-align: center;}
.block_home_slider .flex-control-paging li {margin: 0px;padding:0 5px; display:inline-block; *display:inline; *zoom:1; overflow: hidden;list-style-type: none;}
.block_home_slider .flex-control-paging li a{width:12px; height:12px; display:block; background:#fff; text-indent:-9000px; cursor:pointer; border-radius:6px; transition:all 0.5s;}
.block_home_slider .flex-control-paging li a.flex-active {width:34px; background:#098460;}
.flexslider {margin:0; padding:0; height:auto;}
.flex-viewport{height:100%;}
.flexslider .slides{height:100%;}
.flexslider .slides li {height:100%;display: none;-webkit-backface-visibility: hidden;list-style-type:none; position:relative;}
#home_slider2{display:none;}

.flexslider .slides > li .banner_img{overflow:hidden;}
.flexslider .slides > li .banner_wb_bj{width:100%; position:absolute; top:40%; left:0; -webkit-transform: translateY(-50%); transform: translateY(-50%);}
.flexslider .slides > li .banner_wb{max-width:1260px; width:96%; margin:0 auto; text-align:left;}
.flexslider .slides > li .banner_wb img { width:auto; margin: auto; display:block;}
.flexslider .slides > li .banner_wb .banner1_bt{width:100%; color:#fff; font-size:40px; line-height:40px;  margin-top:90px;}
.flexslider .slides > li .banner_wb .banner2_ps{width:100%; color:#fff; font-size:40px; line-height:40px;  margin-top:90px;}
.flexslider .slides > li .banner_wb .banner_3_po {width:50%; color:#fff; font-size:40px; line-height:40px;  margin-top:340px; float:left;} 
.flexslider .slides > li .banner_wb .banner_3_ov {width:50%; color:#fff; font-size:40px; line-height:40px;  margin-top:90px; float:right;}
.flexslider .slides > li .banner_wb .banner_4ke {width:50%; color:#fff; font-size:40px; line-height:40px;  margin-top:300px; float:left;} 
.flexslider .slides > li .banner_wb .banner_4po {width:50%; color:#fff; font-size:40px; line-height:40px;  margin-top:150px; float:right;}


.flex-active-slide .banner_img img{animation:banner_img alternate 1s; animation-delay: .3s; animation-fill-mode: forwards;}
@keyframes banner_img {
  0% {transform:scale(1)}
  
  100% {transform:scale(1.1)}
}


.flex-active-slide .banner1_bt{animation:banner1_bt alternate 3s; animation-delay: .6s; animation-fill-mode: forwards;  opacity:0;}
@keyframes banner1_bt {
  0% {transform:scale(0.8)}
  
  100% {opacity:1; transform:scale(1)}
}

.flex-active-slide .banner2_ps{animation:banner2_ps alternate 3s; animation-delay: .6s; animation-fill-mode: forwards;  opacity:0;}
@keyframes banner2_ps {
  0% { transform: scaleY(0.8)}
  
  100% {opacity:1; transform: scaleY(1)}
}

.flex-active-slide .banner_3_po{animation:banner_3_po alternate 3s; animation-delay: .6s; animation-fill-mode: forwards;  opacity:0;}
@keyframes banner_3_po {
  0% { margin-left:-60px;}
  
  100% {opacity:1;}
}

.flex-active-slide .banner_3_ov{animation:banner_3_ov alternate 2s; animation-delay: .6s; animation-fill-mode: forwards;  opacity:0;}
@keyframes banner_3_ov {
  0% { transform:scale(0.8)}
  
  100% {opacity:1; transform:scale(1)}
}

.flex-active-slide .banner_4ke{animation:banner_4ke alternate 3s; animation-delay: .6s; animation-fill-mode: forwards;  opacity:0;}
@keyframes banner_4ke {
  0% { margin-top:-60px;}
  
  100% {opacity:1;}
}

.flex-active-slide .banner_4po{animation:banner_4po alternate 3s; animation-delay: .6s; animation-fill-mode: forwards;  opacity:0;}
@keyframes banner_4po {
  0% { transform: scaleX(0.8)}
  
  100% {opacity:1; transform:scaleX(1)}
}



/* Testimonials block */
.testimonials-block {
  padding-top: 60px;
}
.testimonials-block h4 {
  margin-bottom: 57px;
}
.testimonials-block .carousel {
  width: 100%;
  margin: 0 auto;
  background:#fff;
}
.testimonials-block blockquote {
  border: none;
  font: italic 300 23px/1.3 "Open Sans", Arial, sans-serif;
  margin: 0;
  padding: 0;
  color: #66717c;
}
.testimonials-name {
  font: italic 300 23px/1.3 "Open Sans", Arial, sans-serif;
  color: #2dafe5;
}
.testimonials-block .carousel-indicators {
  position: static;
  margin: 10px 27px 0px 27px;
  padding-bottom:30px;
  width: 100%;
}
.carousel-indicators li {
  width: 12px !important;
  height: 12px !important;
  border-radius: 50% !important;
  background: #ddd;
  position: relative;
  margin: 0 3px !important;
  border: none;
}
.carousel-indicators li.active {
  background: #098460;
}


.brand{ padding-top:0px;}
.ask-quote{ background:#fcfcfc;}
.ask{ padding:0 2%;}

.qualitys{background:#fcfcfc;}
.quality p{ font-size:16px; line-height:30px; }

/* ----表单控件CSS开始---- ↓ */
.WellForm *{margin:0;padding:0;}
.WellForm{font-size:12px;font-family:arial;line-height:21px;}
.WellForm pre{float:left;margin-right:10px;}
/*background*/
.WellForm .TextL,.WellForm .TextR,.WellForm .WellText,
.WellForm .SelectL,.WellForm .SelectR,.WellForm .WellSelect,
.WellForm .WellTextArea .T,
.WellForm .WellTextArea .T .TL,
.WellForm .WellTextArea .T .TM,
.WellForm .WellTextArea .B,
.WellForm .WellTextArea .B .BL,
.WellForm .WellTextArea .B .BM,
.WellForm .WellRadio,
.WellForm .WellCheckBox,
.WellForm .ButtonL,.WellForm .ButtonR,.WellForm .WellButton
{background:url(../WellForm/WellForm.gif) no-repeat;}
/*WellText*/
.WellForm .TextL,.WellForm .TextR,.WellForm .WellText{float:left;width:5px;height:21px;}
.WellForm .TextL{background-position:0 0;}.WellForm .TextR{background-position:right 0;}
.WellForm .TextLH{background-position:0 -21px;}.WellForm .TextRH{background-position:right -21px;}
.WellForm .WellText{border:0;width:auto;height:17px;padding:2px 0;padding:3px 0 1px\9;*padding:3px 0 1px;font-family:arial;background-repeat:repeat-x;background-position:0 -42px;}
.WellForm .WellTextH{background-position:0 -63px;}
/*WellSelect*/
.WellForm .SelectL,.WellForm .SelectR,.WellForm .WellSelect{float:left;height:21px;}
.WellForm .SelectL{width:3px;background-position:0 -84px;}
.WellForm .SelectR{width:16px;cursor:pointer;background-position:right -84px;margin-right:5px;}
.WellForm .WellSelect{position:relative;cursor:pointer;background-repeat:repeat-x;background-position:0 -105px;}
.WellForm .WellSelect select{display:none;}
.WellForm .WellSelect em{position:absolute;top:0;left:3px;color:#fff;height:21px;display:block;line-height:21px;font-style:normal;}
.WellForm .WellSelect ul{list-style-type:none;position:absolute;top:18px;left:0;z-index:1000;display:none;background:#6C6D70;}
.WellForm .WellSelect ul li {color:#fff;height:20px;cursor:pointer;line-height:20px;padding-left:3px;}
.WellForm .WellSelect ul li.hover{background:#333;}
/*WellTextArea*/
.WellForm .WellTextArea{float:left;}
.WellForm .WellTextArea .T,
.WellForm .WellTextArea .T .TL,
.WellForm .WellTextArea .T .TM,
.WellForm .WellTextArea .B,
.WellForm .WellTextArea .B .BL,
.WellForm .WellTextArea .B .BM
{height:5px;overflow:hidden;}
.WellForm .WellTextArea .T{float:left;width:100%;background-position:right -126px;}
.WellForm .WellTextArea .TH{float:left;width:100%;background-position:right -131px;}
.WellForm .WellTextArea .T .TL{background-position:0 -126px;}
.WellForm .WellTextArea .TH .TL{background-position:0 -131px;}
.WellForm .WellTextArea .T .TM{margin:0 5px;background-repeat:repeat-x;background-position:0 -136px;}
.WellForm .WellTextArea .TH .TM{margin:0 5px;background-repeat:repeat-x;background-position:0 -141px;}
.WellForm .WellTextArea .B{float:left;width:100%;background-position:right -146px;}
.WellForm .WellTextArea .BH{float:left;width:100%;background-position:right -151px;}
.WellForm .WellTextArea .B .BL{background-position:0 -146px;}
.WellForm .WellTextArea .BH .BL{background-position:0 -151px;}
.WellForm .WellTextArea .B .BM{margin:0 5px;background-repeat:repeat-x;background-position:0 -156px;}
.WellForm .WellTextArea .BH .BM{margin:0 5px;background-repeat:repeat-x;background-position:0 -161px;}
.WellForm .WellTextArea .M,
.WellForm .WellTextArea .M .MR
{float:left;background:url(WellForm/TextArea-1.gif) repeat-y;}
.WellForm .WellTextArea .M{background-position:0 0;}
.WellForm .WellTextArea .M .MR{background-position:right 0;}
.WellForm .WellTextArea .MH,
.WellForm .WellTextArea .MH .MR
{float:left;background:url(WellForm/TextArea-2.gif) repeat-y;}
.WellForm .WellTextArea .MH{background-position:0 0;}
.WellForm .WellTextArea .MH .MR{background-position:right 0;}
.WellForm .WellTextArea textarea{float:left;border:0;margin:0 5px;overflow:auto;background:url(WellForm/TextArea.gif);font-family:arial;font-size:12px;resize:none;}
/*WellRadio*/
input .Radio{float:left;width:13px;height:13px;cursor:pointer;overflow:hidden;margin:4px 5px 0 0;background-position:-15px -270px;}
.WellForm .WellRadioH{background-position:-15px -284px;}
.WellForm .WellRadio input{margin-top:13px;display:none;}
/*WellCheckBox*/
.WellForm .WellCheckBox{float:left;	width:12px;height:12px;cursor:pointer;overflow:hidden;margin:4px 5px 0 0;background-position:0 -270px;}
.WellForm .WellCheckBoxH{background-position:0 -283px;}
.WellForm .WellCheckBox input{margin-top:12px;display:none;}
/*WellButton*/
.WellForm .ButtonL,.WellForm .ButtonR,.WellForm .WellButton{cursor:pointer;float:left;width:5px;height:26px;}
.WellForm .ButtonL{background-position:0 -166px;}.WellForm .ButtonR{background-position:right -166px;margin-right:10px;}
.WellForm .ButtonLH{background-position:0 -192px;}.WellForm .ButtonRH{background-position:right -192px;}
.WellForm .WellButton{border:0;width:auto;font-size:12px;color:#fff!important;height:26px;padding:0 10px 3px;*padding-bottom:0;padding-bottom:0\9;font-family:arial;background-repeat:repeat-x;background-position:0 -218px;}
.WellForm .WellButtonH{background-position:0 -244px;}
/* ----表单控件CSS结束---- ↑ */

form{margin:20px 0 0 0px;width:100%;}
form .item{float:left;width:49%;margin-bottom:10px; margin-right:10px;}
form label{float:left;height:24px;text-align:right; margin-right:5px;}
@media (max-width:1200px) {

form .item{ width:100%; margin-right:0;}
form label{text-align:left;}
input,button,select{font:100% Arial,''; vertical-align:middle; line-height:30px; height:30px; width:100%; border:1px solid #ccc;}
textarea{font:100% Arial,''; vertical-align:middle; line-height:24px;width:100%;border:1px solid #ccc; }
}
.footer__menu li .icon_box{ height:25px; margin-bottom:15px;}
.footer__menu li.li1 .icon_box{ background:url(../images/t1.png) center no-repeat;}

.footer__menu li.li1:hover .icon_box{background:url(../images/t01.png) center no-repeat;}

.footer__menu li.li2 .icon_box{ background:url(../images/t2.png) center no-repeat;}

.footer__menu li.li2:hover .icon_box{background:url(../images/t02.png) center no-repeat;}

.footer__menu li.li3 .icon_box{ background:url(../images/t3.png) center no-repeat;}

.footer__menu li.li3:hover .icon_box{background:url(../images/t03.png) center no-repeat;}

.footer__menu li.li4 .icon_box{ background:url(../images/t4.png) center no-repeat;}

.footer__menu li.li4:hover .icon_box{background:url(../images/t04.png) center no-repeat;}

.footer__menu li.li5 .icon_box{ background:url(../images/t5.png) center no-repeat;}

.footer__menu li.li5:hover .icon_box{background:url(../images/t05.png) center no-repeat;}



table{font-size: 12px;
	margin-top:10px;
	color: #434343;
	border-bottom:1px solid #999;
	border-right:1px solid #999;
	width:100%;}
	
thead tr th {
    line-height: 36px;
    text-align: left;
    background: #f1f1f1;
    padding: 0 10px;
    font-size: 15px;
    text-align: center;
    color: #333;
	}
tbody{ width:100%;}	
table tr  {
    line-height: 36px;
    text-align: left;
    background: #f1f1f1;
    padding: 0 10px;
    font-size: 15px;
    text-align: center;
    color: #333;
	}	
tbody tr th {
    line-height: 36px;
    padding: 0 20px;
    border-top: 1px solid #fff;
    font-size: 12px;
    color: #333;
    background: #eee;
	}

tr {
	background-color: #f8f8f8;
	line-height: 36px;
	
}
td {
	text-align: left;
	border: 1px solid #999;
	line-height:24px;
	border-bottom:none;
	border-right:none;
	font-size: 14px;
}
table p{ line-height:38px;}
@media (max-width:1372px) {
td { font-size:13px;}
}
@media (max-width:1282px) {
td { font-size:12px;}
}
.ask2{ display:none;}
@media (max-width:1030px) {
.ask2{ display:block;}
.ask{ display:none;}
.section.about .fullimage {display:none;}
}


.yy{z-index: 100;width: 64px;}
.yy .box{position: relative;}
.yy p{text-align: center; background: url(../images/jt.png) no-repeat right center; color:#0e0e0f;}
.yy p i{margin-left: 10px;}
.yy ul{position: absolute;left: 0px;top: 40px;background: #FFF;width: 84px;visibility: hidden;opacity: 0;transition: all 0.3s; z-index:999999999;}
.yy:hover ul{visibility: visible;opacity: 1;}
.yy li{line-height: 30px; margin:0;}
.yy a{ width:84px;display: block; text-align:center;}
.yy a:hover{text-decoration: none;display: block;background: #098460;width: 84px;color: #FFF;}


/*浮动qq*/
.float_qq{ position:fixed; top:300px; right:0; width:50px; height:203px; z-index:6666;}
.float_qq li{ width:auto; height:50px; z-index:20;}
.float_qq li.float_qq1,.float_qq li.float_qq4{ position:absolute; left:0; width:62px;}
.float_qq li.float_qq1{ top:0;}
.float_qq li.float_qq2{ position:absolute; top:51px; left:0; width:126px;}
.float_qq li.float_qq3{ position:absolute; top:102px; left:0; width:172px;}

.float_qq li.float_qq4{ top:153px;}
.float_qq4{ position:absolute; top:153px; left:0;}
.float_qq li a{ display:block; font-family:"Microsoft Yahei"; color:#FFF; font-size:14px; height:50px; line-height:50px; overflow:hidden; background-color:#000; opacity:0.8; border-radius:6px;}
.float_qq li a img{ display:block; float:left; vertical-align:middle; width:24px; height:24px; margin:12px 12px 14px 14px;}
.float_qq li a:hover{ background-color:#c70c1f; opacity:1;}
.float_qq li:nth-child(1) a:hover{ background-color:#00AFF0; opacity:1;}
.float_qq li:nth-child(2) a:hover{ background-color:#00D30C; opacity:1;}
.float_qq li:nth-child(3) a:hover{ background-color:#0CB10D; opacity:1;}
.float_qq li a .wx{ display:none;}
.float_qq li a .wx img{width:180px; height:180px;position:absolute; bottom:-65px;left:-190px;}
.float_qq li a:hover .wx{display:block;}
.float_qq li .wx img{width:100%; display:block;}

#qLpercentage{ width:105px; height:104px; line-height:104px; text-align:center;}
@media (max-width:1000px) {
.float_qq li a .wx{
	display:none;
	}
	}

/********************证书滚动样式**************************************/

.marqueeleft{
	/*height:90px;*/
	width:1120px;
	overflow:hidden;
	margin:0px auto;
	margin-top:20px;
	}
.marqueeleft ul{
	float:left;
	}
.marqueeleft li{
	float:left;
	margin:0 12px;
	display:inline;
	width:250px;
	overflow:hidden;
	}
.marqueeleft li img{
	width:250px;
	}
.marqueeleft li .pic{
	display:block;
	overflow:hidden;
	padding:2px;
	border:1px solid #ddd;
	}
.marqueeleft .txt{
	text-align:center;
	height:30px;
	line-height:30px;
	}


.ryzz{ width:100%; background:#fff; padding:30px 0px;}

@media screen and (max-width: 720px){
	
.marqueeleft li{width:120px;}	
.marqueeleft li img{
	width:120px;
	}	
	
}