@charset "utf-8";

body{ font-family:"微软雅黑"; background-color:#fff;  overflow-x:hidden;}
a{ color:#666; text-decoration:none; outline: medium none;}
a:link,a:visited{text-decoration: none;}
a:hover{text-decoration:none;color:#a10c10;}
img,li{ vertical-align:top; border:0px}
.clear{clear:both; height:auto; line-height:0px;}
*{margin:0px;padding:0px;}
ul{ list-style-type:none;}
ul,li,h5,dt,dd,img{margin:0px;padding:0px;}
html,body,b,div,dl,dt,dd,ul,li,h1,h2,h3,h4,h5,h6,img,pre,form,p,input,td {margin:0px auto;padding:0;}
body,td,th{ font-family:"微软雅黑";font-size:12px;}
input{font-family:"微软雅黑"; border:0;}
.pull-img img{ max-width:100%;}


#top{ background:#231815; text-align:right; padding:5px 0;}
#top strong{ color:#fff; font-weight:inherit; font-weight:normal; letter-spacing: .4px;}
#top i{ width:24px; height:24px; border-radius:25px; line-height:24px; background:#bdbab9; text-align:center; margin-left:10px;}
#top i:nth-child(2){ font-size:16px;}
#top i:nth-child(3){ font-size:14px;}

#header{}


.fis_show{ width: 100%; float: left; height: auto; background: #fff; position: fixed; left: 0px; top:0px; right: 0px; z-index: 999;}


#logo{}
#logo img{ max-width:100%; height:auto;}

.top{ float:right; height:auto; margin-top:10px;}

.navbartel{ width:100%; float: left; height: auto; color: #666;font-size:28px;font-family: "Arial";font-weight: bold; letter-spacing: 1px; margin-top: 15px;}
.navbartel i{ font-size:28px; padding-right: 10px; padding-left: 20px;}
.navbartel strong{ font-weight:700;}
@media screen and (min-width:1px ) and (max-width:990px) {
    .navbartel { display: none;}
}
/*导航*/
#navbar{ position:inherit;}
.jdmenu{ display:block; margin-top:0px;}
#jsddm{ width:100%; float:left; height:auto; font-size:14px;}
#jsddm li{ float:left; z-index:99; text-transform:capitalize;line-height:40px; padding-top:15px; }
#jsddm li a.menuli{  float:left; display:block; padding:0px 22px 71px 22px; *padding:0px 21px 71px 21px !important; height:40px; line-height:40px;}
#jsddm li a.menuli:hover{ color:#005bac;}
#jsddm li a.menuli.hover{ color:#005bac;}

/*下拉*/
.othercatelist{ position:absolute; width:100%; height:auto; background:url(../images/xiala.jpg) no-repeat left top #fff; z-index:100; left:0px; top:164px; border-top:1px solid #eaeaea; display:none; padding-bottom:30px;}
.othercatelist_left{ width:320px; float:left; height:auto; margin-left:30px; padding-top:60px;}
.othercatelist_left h3{ font-size:36px; letter-spacing: .9px; margin-bottom:15px; color:#666; font-weight:inherit; font-weight:normal;}
.othercatelist_left p{ font-size:18px; line-height:1.67; letter-spacing: .9px; color:#666;}

.othercatelist_right{ width:650px; float:right; height:auto;}

.fis_show .othercatelist{ top: 134px!important; background:url(../images/xiala.jpg) no-repeat left top #fff;}

.summary{ width:100%; float:left; height:auto; padding-top:60px;}
.summary dl{ width:100%; float:left; height:auto;}
.summary dl dd{ width:216px; float:left; height:auto; font-size:16px; line-height:1.2; margin-bottom:10.5px;}
.summary dl dd a{ display:block;}

.produce{ width:100%; float:left; height:auto; padding-top:20px;}
.produce dl{ width:100%; float:left; height:auto}
.produce dt{ color:#999; margin-bottom:26px; font-size:24px; }
.produce dd{ width:100%; float:left; height:auto; font-size:16px; line-height: 1.2; letter-spacing: 1px; margin-bottom:10.5px;}
@media screen and (min-width:990px ) and (max-width:1160px) {
    #jsddm li a.menuli { padding:0px 15px;}
}
@media screen and (min-width:1px ) and (max-width:990px)
{
	.jdmenu{ display:none;}
}


#bframe{position:relative}
#bframe img{max-width:100%}
#bframe,.slick_ban{width:100%;margin-right:0;margin-left:0}
#bframe .slick-arrow{position:absolute;top:50%;margin-top:-20px;width:41px;height:41px;z-index:1}
#bframe .slick-prev{left:50%;margin-left:-730px;background:url(../images/arrow_l.png) no-repeat center center;height:41px;line-height:999px;overflow:hidden}
#bframe .slick-next{right:50%;margin-right:-730px;background:url(../images/arrow_r.png) no-repeat center center;height:41px;line-height:999px;overflow:hidden}
#bframe .slick-dots{position:absolute;bottom:38px;text-align:center;width:100%}
#bframe .slick-dots li{display:inline-block;background-color:#767478;width:10px;height:10px;border-radius:50%;margin-left:10px;margin-right:10px;vertical-align:middle;line-height:999px;overflow:hidden}
#bframe .slick-dots li.slick-active{width:20px;height:20px;border:5px solid #767478;background-color:#005dac;line-height:999px;overflow:hidden}
#bframe .slick-slide{padding:0}
#bframe .slick-slide img{width:100%}



#searchfor{ background:#f8f6f2; padding:30px 0;}

.ssou{ width:70%;}
.key{ width:85%; float:left; height:40px; line-height:40px; padding-left:10px; background:#fff; border:2px solid #ccc; border-right:0; outline:none; outline:medium; }
.sub{ width:15%; float:left; height:42px; line-height:42px; background:#00AD5E; border:2px solid #ccc; border-left:0; outline:none; outline:medium;}
.sub i{ color:#fff; font-size:20px;}

#output{ padding:30px 0;}
#output h3{ font-size:30px; text-align:center; color:#00AD5E; margin-bottom:30px; font-weight:normal; font-weight:inherit; position:relative;}
#output h3:after{content: '';width: 30px;height: 3px;background-color: #999;position: absolute;left: 50%;margin-left: -15px;bottom: -18px;}
#output h3:before{content: '';width: 196px;height: 1px;background-color: #707277;position: absolute;left: 53%;margin-left: -130px;bottom: -17px;}

#output .ipto{ width:100%; float:left; height:auto; padding-bottom:20px; text-align:center;}
#output .ipti{ width:100%; float:left; height:auto;}
#output .ipti img{ width:100%;}
#output .iptz{ width:100%; float:left; height:60px; line-height:24px; overflow:hidden; font-size:16px;}
#output .iptz a{ display:block;}



#thing{ padding:30px 0; background:url(../images/1_01.jpg) no-repeat top center / cover;}
#thing h3{ font-size:30px; text-align:center; color:#00AD5E; margin-bottom:70px; font-weight:normal; font-weight:inherit; position:relative;}
#thing h3:after{content: '';width: 30px;height: 3px;background-color: #999;position: absolute;left: 50%;margin-left: -15px;bottom: -18px;}
#thing h3:before{content: '';width: 196px;height: 1px;background-color: #707277;position: absolute;left: 53%;margin-left: -130px;bottom: -17px;}

#thing .ipto{ width:100%; float:left; height:auto; padding-bottom:20px;}
#thing .ipti{ width:100%; float:left; height:auto;}
#thing .ipti img{ width:100%;}
#thing .iptz{ width:100%; float:left; height:40px; line-height:40px; overflow:hidden; font-size:16px; border-left:3px solid #005bac; padding-left:10px;}
#thing .iptz a{ display:block; color: #fff;}
#thing .ipto:hover .iptz{ background:#005bac; text-align:center; padding:0;}
#thing .ipto:hover .iptz a{ color:#fff;}
@media screen and (min-width:1px ) and (max-width:768px)
{
#thing .iptz a{ color: #333;}
}

#thing_left{ width:100%; float:left; height:auto; text-align:right;}
#thing_left li{line-height: 1.5; margin-bottom: 20px;}
#thing_left li span{ display:block; color: #059A08;font-size: 16px;letter-spacing: .8px;cursor: pointer; background: #fff; padding: 5px 10px; text-align: center}
@media screen and (min-width:1px ) and (max-width:768px)
{
	#thing{background:none;}
	#thing_left{ text-align:center;}
    #thing_left li {width:50%; float:left;}
	#thing_left li span{ color:#666; border-bottom:1px solid #fff;}
	#thing_left li span:hover{ border-bottom:1px solid #005bac; color: #005bac;}
	#thing_left li span.active{ border-bottom:1px solid #005bac; color: #005bac;}
}

#thing_right{ width:100%; float:left; height:auto; position:relative;}
#thing_right:before{content: '';position: absolute;top: -260px;left:-60px;width: 1px;height:730px;;background-color:#e3d8d4;opacity: 0.24;}
#thing_right:after{content: '';position: absolute;top: 44px;left: -61px;width: 3px;height: 30px;background-color: #005bac;}

#thing_right_p{}
#thing_right_p h4{color: #fff;font-size: 24px;font-weight: bold;letter-spacing: 1.2px;}
#thing_right_p h6{color: #fff;font-size: 14px;line-height:1.8;margin-top: 17px;letter-spacing: .6px;}
#thing_right_p h5{color: #005bac;font-size: 16px;font-weight: bold;letter-spacing: 1px;margin-bottom: 2px; margin-top:17px;}
#thing_right_p p{color: #fff;font-size: 14px;padding-top: 6px;letter-spacing: 1px;}
#thing_right_p a.more{margin-top: 50px;color: #fff;font-size: 14px;display: inline-block; background:url(../images/arrow_sb.png) no-repeat right center; padding-right:20px;}
#thing_right_p a.more:hover{ background:url(../images/arrow_m.png) no-repeat right center; color:#005bac}
@media screen and (min-width:1px ) and (max-width:768px)
{
	#thing_right_p h4{ color:#666;}
	#thing_right_p h6{ color:#666;}
	#thing_right_p p{ color:#666;}
	#thing_right_p a.more{ color:#005bac; margin-top:20px; margin-bottom:20px;}
}


#solutiou{ padding:30px 0;}
#solutiou h3{ font-size:30px; text-align:center; color:#00AD5E; margin-bottom:70px; font-weight:normal; font-weight:inherit; position:relative;}
#solutiou h3:after{content: '';width: 30px;height: 3px;background-color: #999;position: absolute;left: 50%;margin-left: -15px;bottom: -18px;}
#solutiou h3:before{content: '';width: 196px;height: 1px;background-color: #707277;position: absolute;left: 53%;margin-left: -130px;bottom: -17px;}

#solutiou .ipto{ width:100%; float:left; height:auto; padding-bottom:20px;}
#solutiou .ipti{ width:100%; float:left; height:auto;}
#solutiou .ipti img{ width:100%;}
#solutiou .iptz{ width:100%; float:left; height:40px; line-height:40px; overflow:hidden; font-size:16px; border-left:3px solid #005bac; padding-left:10px;}
#solutiou .iptz a{ display:block;}
#solutiou .ipto:hover .iptz{ background:#005bac; text-align:center; padding:0;}
#solutiou .ipto:hover .iptz a{ color:#fff;}




#scene{ padding:30px 0;}
#scene h3{ font-size:30px; text-align:center; color:#00AD5E; margin-bottom:70px; font-weight:normal; font-weight:inherit; position:relative;}
#scene h3:after{content: '';width: 30px;height: 3px;background-color: #999;position: absolute;left: 50%;margin-left: -15px;bottom: -18px;}
#scene h3:before{content: '';width: 196px;height: 1px;background-color: #707277;position: absolute;left: 53%;margin-left: -130px;bottom: -17px;}

#in_video{}
#in_video .ipto{ width:100%; float:left; height:auto; position:relative; cursor:pointer;}
#in_video .ipti{ width:100%; float:left; height:auto;}
#in_video .ipti img{ width:100%;}
#in_video .iptohover{ width:100%; height:100%; float:left; position:absolute; top:0px; left:0px; background:#000; filter:alpha(opacity:30); opacity:0.3;  -moz-opacity:0.3;-khtml-opacity: 0.3}
#in_video .iptz{ width:100%; float:left; height:40px; line-height:40px; overflow:hidden; font-size:24px; text-align:center; color:#fff; position:absolute; z-index:10; left:0%; top:30%;}
#in_video .ipta{ width:100%; height:68px; background:url(../images/bofang.png) no-repeat center center; position:absolute; z-index:10; left:0%; top:44%;}
#in_video .ipto:hover .ipta{ background:url(../images/bofang2.png) no-repeat center center;}

#in_news{}
#in_news .ipto{ width:100%; float:left; height:auto; position:relative; cursor:pointer;}
#in_news .ipti{ width:100%; float:left; height:auto;}
#in_news .ipti img{ width:100%;}
#in_news .iptz{ width:100%; float:left; height:auto; font-size:16px; margin-top:20px; border-bottom:1px dotted #ccc; padding-bottom:20px; background:url(../images/arrow_h.svg) no-repeat right top;}
#in_news .iptz a{ width:90%; float:left; height:auto; overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
#in_news .iptz:hover{ background:url(../images/arrow_b.svg) no-repeat; background-position:95% top;}



@media screen and (min-width:1px ) and (max-width:768px)
{
	#in_video .iptz{ top:25%;}
	#in_video .ipta{ top:45%; background-size:50px 50px;}
}


#customer{ padding:30px 0; background:#525252;}
#customer h3{ font-size:30px; text-align:center; color:#dcdcdc; margin-bottom:70px; font-weight:normal; font-weight:inherit; position:relative;}
#customer h3:after{content: '';width: 30px;height: 3px;background-color: #999;position: absolute;left: 50%;margin-left: -15px;bottom: -18px;}
#customer h3:before{content: '';width: 196px;height: 1px;background-color: #707277;position: absolute;left: 53%;margin-left: -130px;bottom: -17px;}

#customer .ipto{ width:100%; float:left; height:auto; position:relative; cursor:pointer; margin-bottom:20px;}
#customer .ipti{ width:100%; float:left; height:auto; text-align:center;}
#customer .ipti img{ max-width:87px;}
#customer .iptihover{ width:100%; float:left; height:auto; transition: all 0.5s;position: absolute;top:0;right: 0;bottom:0;left:0;transform: rotateY(-180deg);overflow: hidden;opacity:0; text-align:center;}
#customer .iptihover img{ max-width:87px;}
#customer .iptz{ width:100%; float:left; height:auto; font-size:16px; text-align:center; margin-top:10px;}

#customer .ipto:hover .ipti{transform:rotateY(-180deg);opacity:0;}
#customer .ipto:hover .iptihover{transform:rotateY(0deg);opacity:1;z-index:1;}
#customer .ipto:hover .iptz{ color:#fff;}



#footer{ background:#f1ede7; padding:30px 0;}}

#footlogo{ }
#footlogo>a>img{ width:auto; height:44px; margin-bottom:20px;}
#footlogo img{ max-width:100%; margin-bottom:20px;}

#f1{}
#f1 h4{color: #666;font-size: 18px;line-height: 30px;margin-bottom: 28px;}
#f1 li{padding-top: 5px;padding-bottom: 5px; color: #666;font-size: 14px;}
#f1 li a{color: #666;font-size: 14px;}
#f1 li a:hover{ color:#005bac;}

#foot_tel{color: #666;font-size:28px;font-family: "Arial";font-weight: bold;letter-spacing: 1px; margin-top:15px;}
#foot_tel i{ font-size:28px;}
#foot_tel strong{ font-weight:700;}

#foot_weibao{ margin-top:15px;}
#foot_weibao  i{ width:24px; height:24px; border-radius:25px; line-height:24px; background:#bdbab9; text-align:center; margin-left:10px; font-size:16px;}


#copy{ background:#f1ede7; padding:15px 0; color:#978776; border-top:1px solid #978776; margin-top:20px;}
#copy a{ color:#978776;}





/*top产品*/

#produce{ padding-top:30px; padding-bottom:30px;}
#produce h3{color: #333333;font-size: 30px;font-weight: bold;padding-left: 68px;margin-top: 11px; border-bottom: 1px solid #e5e5e5; padding-bottom:30px;}

#pro_left_nav{  border-right: 1px solid #e5e5e5;}
#pro_left_nav li{ width:100%; float:left; height:auto; border-bottom: 1px solid #e5e5e5;}
#pro_left_nav li a{ display:block; background:url(../images/jia.png) no-repeat 95% center; padding:20px 0 20px 56px; font-size:20px; cursor:pointer;}
#pro_left_nav li a:hover{ background:url(../images/jia_j.png) no-repeat 95% center; color:#005bac;}
#pro_left_nav li a.hover{ background:url(../images/jia_j.png) no-repeat 95% center; color:#005bac;}
#pro_left_nav li ul{ border-top:1px solid #e5e5e5;}
#pro_left_nav li li{ border:0;}
#pro_left_nav li.active a{ background:url(../images/jia_j.png) no-repeat 95% center; color:#005bac; cursor:pointer;}
#pro_left_nav li li a{ padding:10px 0 10px 56px; font-size:18px; background:none; cursor:pointer;}
#pro_left_nav li li a:hover{ background:none; color:#005bac;}
#pro_left_nav li li a.hover{ background:none; color:#005bac;}


#pro_left_nav li.active li ul li{}
#pro_left_nav li.active li a{ padding:10px 0 10px 56px;font-size:18px;color:#666666;}
#pro_left_nav li.active li ul li a{ padding:10px 0 10px 80px;font-size:16px;color:#999999;}



#produce .ipto{ width:100%; float:left; height:auto; border:1px solid #e5e5e5; margin-bottom:20px;}
#produce .ipti{ width:100%; float:left; height:auto; }
#produce .ipti img{ width:100%; height:auto;}
#produce .iptz{ width:100%; float:left; height:48px; line-height:24px; text-align:center; margin-top:20px; margin-bottom:20px; font-size:16px; overflow:hidden;}
#produce .ipto:hover{border:1px solid #005bac;}

@media screen and (min-width:1px ) and (max-width:768px)
{
	.iptz{ margin-top:10px; margin-bottom:10px; height:auto;}
}

#productdetail{ background:#fff; padding-top:35px; padding-bottom:30px;}
@media screen and (min-width:1px ) and (max-width:768px)
{
	#productdetail{ padding-top:20px;}	
}
#pnei_1{ padding-right: 122px;}
#pnei_1 .h31{color: #333;font-size: 24px;margin-top: 20px;}

.txtstrRemark{ width:100%; float:left; height:auto; max-height:672px; overflow:hidden;}
@media screen and (min-width:1px ) and (max-width:768px)
{
	#pnei_1{ padding-right:15px;}
	#pnei_1 .h31{ margin-top:15px;}
}

.lian_a{display: inline-block;width:100%; height:62px;line-height:62px; color:#fff;font-size:16px; position:relative;text-align: center; margin:10px auto;}
.lian_a img{ margin-top:15px; margin-left:5px;}
.lian_a span{ color:#fff;}
.lian_a:hover span{ color:#f5f5f5;}
.lian_a1{background-color: #1d5ca9;}
.lian_a2{background-color: #26ba98;}
.lian_a3{background-color: #74b7e1;}

/* flexslider */
.flexslider{position:relative;height:auto;overflow:hidden;background:url(../images/loading.gif) 50% no-repeat; z-index:8}
.slides{position:relative;z-index:1;}
.slides li{ width:100%; float:left; height:auto;}
.slides li img{ width:100%; float:left; height:auto;}
.flex-control-nav{position:absolute;bottom:30px;z-index:2;width:100%;text-align:center;}
.flex-control-nav li{display:inline-block;width:14px;height:14px;margin:0 5px;*display:inline;zoom:1;}

.flex-control-nav a{display:inline-block;width:14px;height:14px;line-height:40px;overflow:hidden;background:url(../images/dot.png) right 0 no-repeat;cursor:pointer;}
.flex-control-nav .flex-active{background-position:0 0;}
 
.flex-direction-nav{position:absolute;z-index:3;width:100%;top:45%;}
.flex-direction-nav li a{display:block;width:50px;height:50px;overflow:hidden;cursor:pointer;position:absolute;}
.flex-direction-nav li a.flex-prev{left:15%;background:url(../images/prev.png) center center no-repeat;}
.flex-direction-nav li a.flex-next{right:15%;background:url(../images/next.png) center center no-repeat;}

/*end产品*/

/*top常见问题*/
.servicecont{ width:100%; float:left; height:auto; margin-bottom:20px; border:1px solid #ccc;  background:#fff; overflow: hidden}
.servicecont h3{ width:100%; float:left; font-size:20px; cursor:pointer; padding:20px; position: relative;}
.servicecont h3:before{ content: "+"; position: absolute; right: 20px; font-size: 30px; top: calc(50% - 16.5px); color: #00BA65}
.serviceP{ width:100%; float:left; background:#fff; height: 0px; -webkit-transition:all 0.7s;-moz-transition:all 0.7s;-o-transition:all 0.7s;transition:all 0.7s;}
.servicecont.active>.serviceP{ height: auto; padding:0 20px 20px 20px;}
.servicecont.active>h3{ color: #00BA65}
.servicecont.active>h3:before{ content: "-"; font-size: 40px; top: calc(50% - 22px)}

/*end常见问题*/

/*top最佳实践*/
.practice{ width:100%; float:left; height:auto; margin-bottom:15px;}
.practicei{ width:100%; float:left; height:auto;}
.practicei img{ width:100%; }
.practicez{  width:100%; float:left; height:40px; line-height:40px; overflow:hidden; font-size:16px; border-left:3px solid #005bac; padding-left:10px;}
.practicez a{ display:block;}
.practice:hover .practicez{ background:#005bac; text-align:center; padding:0;}
.practice:hover .practicez a{ color:#fff;}


/*end最佳实践*/

#bar img{ width:100%; height:auto;}

#ntframe{ background:#f5f5f5;}

#main{padding-bottom:50px;}
@media screen and (min-width:1px) and (max-width:768px){#ntframe{padding:0px;}
#main{margin:0px;}
}
#left_nav{padding-bottom:20px;box-shadow:0px 10px 15px #f1f1f1; background:#fff; padding-top:20px;}
.lbt{display:block;padding:5px 0px;background:#f0af00;border-radius:15px 15px 0px 0px; margin-bottom:5px; padding-left:10px;}
.lbt h3{font-size:23px;color:#fff;font-weight:bold;font-family:Arial,Tahoma,Helvetica,sans-serif;}
.lbt h3 span{margin-left:10px;margin-right:10px;}
.lmb img{max-width:100%;}
.lmb ul{display:block;}
.lmb ul li{ width:100px; float:left; margin-bottom:5px; text-align:center; margin-right:5px;}
.lmb ul li a{display:block;padding:3% 0% 3% 5%;font-size:16px;text-transform:capitalize;}
.lmb ul li a.hover{color: #005bac;}
.lmb ul li a:hover{color: #005bac;}
.lmb ul li ul li{display:block;}
.lmb ul li ul li a{display:block;padding:2% 0% 2% 5%;font-size:12px;font-family:Arial,Helvetica,sans-serif;color:#666;display:block;background:#fff;}
.lmb ul li ul li a.hover{color:#fff;background:#cc0000;}
.lmb ul li ul li a:hover{color:#fff;background:#cc0000;}
.lmb ul li ul li ul li{display:block;}
.lmb ul li ul li ul li a{display:block;padding:2% 0% 2% 22%;font-size:12px;font-family:Arial,Helvetica,sans-serif;text-transform:capitalize;color:#666;display:block;background:#fff;}
.lmb ul li ul li ul li a.hover{color:#fff;background:#cc0000 url(../images/1_03_1.png) no-repeat 15% center;}
.lmb ul li ul li ul li a:hover{color:#fff;background:#cc0000 url(../images/1_03_1.png) no-repeat 15% center;}
@media screen and (min-width:1px) and (max-width:768px){#left_nav{margin-top:0px;}
.lbt{padding:0px;border-radius:5px;margin-top:5px;}
.lbt h3{font-size:18px;line-height:40px; padding-left:5%;}
.lbt h3 span{margin-left:20px;}
#lnr{position:relative;z-index:999;}
#lnr ul{width:100%;margin:0px;position:relative;z-index:9999;background:#fff;}

}
#left_cases{position:relative;margin-top:10px;overflow:hidden;}
#left_cases img{width:100%;height:auto;}
#left_cases p{display:none;position:absolute;top:0%;left:0px;width:100%;height:100%;background:url(../images/bg_6.png);padding:20% 10%;color:#fff;font-weight:bold;font-size:16px;}
#left_cases:hover p{display:block;animation:myfirst 2s;-moz-animation:myfirst 2s;-webkit-animation:myfirst 2s;-o-animation:myfirst 2s;}
@keyframes myfirst{0%{top:100%;}
100%{top:0%;}
}
@-moz-keyframes myfirst{0%{top:100%;}
100%{top:0%;}
}
@-webkit-keyframes myfirst{0%{top:100%;}
100%{top:0%;}
}
@-o-keyframes myfirst{0%{top:100%;}
100%{top:0%;}
}
#left_cases_tit{border-bottom:solid 1px #cccccc;}
#left_cases_tit h3{color:#288685;font-family:Arial,Helvetica,sans-serif;}
#left_news_tit{border-bottom:solid 1px #cccccc; margin:20px auto;}
#left_news_tit h3{color:#578f2e;font-family:Arial,Helvetica,sans-serif;}
#left_nav .media-list{margin-top:15px;}
#left_nav .media-list a{text-decoration:none;}
#left_nav .media-list h4{color:#666;font-size:14px;margin-top:10px;}
#left_nav .media-list .media{border:solid 1px #f1f1f1;}
#left_nav .media-list .media:hover{border:solid 1px #cccccc;box-shadow:0px 0px 10px #eaeaea;}
#left_nav .media-list .media:hover h4{color:#578f2e;}
#left_nav .media-list .media a.media-left{position:relative;}
#left_nav .media-list .media a.media-left img{padding-right:10px;max-width:120px;}
#left_nav .media-list .media a.media-left span{position:absolute;right:0px;top:30%;color:#288685;font-size:30px;background:#fff;padding:5px;border-radius:50%;}
#location{}
#location h2{font-size:25px;color:#578f2e;}
#location p{font-size:14px;line-height:50px;color:#333;}
#location p a{color:#333;}
#location p span{font-size:14px;}
#location em{display:block;height:1px;background:#cccccc;}

#content{margin-top:15px;overflow:hidden;}
#content img{max-width:100%; height:auto;}
#content_remark{margin-bottom:10px;}
@media screen and (min-width:1px) and (max-width:768px){#content h2{font-size:16px;font-weight:bold;}
}
#main_cate .thumbnail{overflow:hidden;text-align:center;}
#main_cate .thumbnail img{height:263px;width:auto;}
#main_cate .thumbnail h3{font-size:18px;text-align:center;margin-top:10px;}
#main_cate .thumbnail p{color:#666;font-size:14px;margin:5px;line-height:20px;height:60px;text-overflow:-o-ellipsis-lastline;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;}
#main_cate .thumbnail:hover{box-shadow:0px 0px 10px #288685;}
@media screen and (min-width:1px) and (max-width:768px){#main_cate .thumbnail h3{font-size:14px;line-height:18px;height:36px;overflow:hidden;font-weight:bold;}
#main_cate .thumbnail img{height:80px;width:auto;}
}
#main_pro .thumbnail{ height:327.75px;overflow:hidden;text-align:center;}
#main_pro .thumbnail img{ width:100%; height:auto;}
#main_pro .thumbnail h3{font-size:14px;text-align:center;margin-top:10px;line-height:18px;height:36px;font-weight:bold;}
#main_pro .thumbnail p{color:#666;font-size:12px;margin:5px;line-height:20px;height:60px;text-overflow:-o-ellipsis-lastline;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;}
#main_pro .thumbnail:hover{box-shadow:0px 0px 10px #288685;}
@media screen and (min-width:1px) and (max-width:768px){#main_pro .thumbnail h3{font-size:12px;}
#main_pro .thumbnail{ height:auto;}
#main_pro .thumbnail img{height:80px;width:auto;}
}
.proBigImg{ margin-top:25px;}
.proBigImg #carousel-bounding-box #myCarousel{margin:0px;border:solid 1px #eaeaea;}
.proBigImg .carousel-control.left{background-image:none;background:none;font-size:60px;padding-top:30%;}
.proBigImg .carousel-control.right{background-image:none;background:none;font-size:60px;padding-top:30%;}
.proBigImg .carousel-control.left:hover{color:#000;}
.proBigImg .carousel-control.right:hover{color:#000;}
.proBigImg .item{width:100%;height:500px;}
.proBigImg .item img{width:100%;height:auto;}
#slider-thumbs ul{margin-top:15px;}
#slider-thumbs ul li{height:auto;}
#slider-thumbs ul li img{width:100%;border:solid 1px #eaeaea;cursor:pointer;}
@media screen and (min-width:1px) and (max-width:768px){.proBigImg .carousel-control.left{padding-top:20%;}
.proBigImg .carousel-control.right{padding-top:20%;}
.proBigImg .item{width:100%;height:auto;}
.proBigImg .item img{width:100%;height:auto;}
}
@media screen and (min-width:768px) and (max-width:1024px){.proBigImg .carousel-control.left{padding-top:20%;}
.proBigImg .carousel-control.right{padding-top:20%;}
.proBigImg .item{width:100%;height:auto;}
.proBigImg .item img{width:100%;height:auto;}
}
.xgeffect{ width:100%; float:left; height:auto;}
.detailtop{ float:left; width:100%; height:40px; margin-top:15px; border-bottom:2px solid #23527c;}
.detailtop strong{ float:left; padding:0 16px; line-height:40px; background:#23527c; color:#fff; font-size:18px;}
.detalist{ float:left; width:100%; padding-top:12px;}

.pro_left h3{border-bottom:solid 1px #eaeaea;line-height:45px;}
.pro_left p{font-size:14px;line-height:25px;}
.pro_left_show h3{border-bottom:solid 1px #eaeaea;line-height:45px;}
.pro_capcp .thumbnail{ width:100%; float:left; height:auto;}
.pro_capcp .cate_hot_img{ width:30%; float:left; height:auto;overflow:hidden;text-align:center;}
.pro_capcp .cate_hot_img img{width:100%;height:auto;}
@media screen and (min-width:1px) and (max-width:768px){.pro_capcp .cate_hot_img{height:auto;overflow:hidden;text-align:center;}
.pro_capcp .cate_hot_img img{width:100%;height:auto;}
}
.pro_capcp .hot_info a{text-decoration:none;}
.pro_capcp .hot_info h4{ width:68%; float:right;font-size:14px;text-align:left;margin-top:10px;color:#333;}
.pro_capcp .hot_info p{text-align:left;font-size:13px;line-height:20px;margin-bottom:5px;color:#666;height:60px;overflow:hidden; display:none;}
.pro_capcp .thumbnail:hover{box-shadow:0px 0px 10px #288685;}
ul.share-buttons{list-style:none;padding:15px 0;float:left;width:100%;}
ul.share-buttons li{display:inline;padding-right:10px;}
ul.share-buttons .sr-only{position:absolute;overflow:hidden;clip:rect(1px 1px 1px 1px);clip:rect(1px,1px,1px,1px);padding:0;width:1px;height:1px;border:0}
ul.share-buttons img{width:2pc}
#pro_detail{margin-top:25px;}
#myTab li a{ padding:10px 15px;}
@media screen and (min-width:1px) and (max-width:768px){#pro_detail #myTab li a h4{font-size:12px;}
#pro_detail #detail strong{font-size:16px;font-weight:bold;}
}
#pro_detail #detail table{ width:100%;}
#detail,#inquiry,#contact,#RelatedProduct{margin-top:15px;}
#inquiry p{font-size:15px;color:#288685;}
#pro_feed_show{margin-top:15px;}
#pro_feed_show h3{ padding-top:15px; padding-bottom:15px;}
#pro_feed_show label{font-size:14px;}
.taglist{font-size:14px;}
.taglist a:hover{text-decoration:underline;color:#6fb514;}
.taglist_show strong{display:block;font-size:18px;color:#333;border-bottom:dashed 1px #76b91f;line-height:35px;}
.taglist_show strong b{font-size:18px;color:#76b91f;}
.taglist_show .row{margin-top:15px;text-align:center;}
.taglist_show .row h4{font-size:12px;line-height:25px;height:25px;overflow:hidden;}
.taglist_show .row .ptp_img img{width:100%;}

#newslist span{color:#999;}
#newslist a{text-decoration:none;}
#newslist h4{color:#666;font-size:16px;margin-top:10px;font-weight:bold;font-family:Arial,Helvetica,sans-serif;}
#newslist p{font-size:14px;font-family:Arial,Helvetica,sans-serif;text-overflow:-o-ellipsis-lastline;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;}
#newslist .media{ background:#fff; padding:20px;}
#newslist .media:hover{border:solid 1px #cccccc;box-shadow:0px 0px 10px #eaeaea;}
#newslist .media:hover h4{color:#005bac;}
@media screen and (min-width:1px) and (max-width:768px){#newslist img{max-width:120px;}
}
#news_tit{padding-bottom:15px;border-bottom:solid 1px #eaeaea;}
#news_tit h1{font-size:23px;}
#news_tit p{margin-top:10px;}
#news_detail,#RelatedNews{margin-top:15px;}
#news_detail iframe{width:100%;height:500px;}
@media screen and (min-width:1px) and (max-width:768px){#news_detail iframe{width:100%;max-height:200px;}
}
#RelatedNews .panel-heading{background:#005bac;color:#fff;}
#RelatedNews h3.panel-title{font-family:allerbold,Arial,Helvetica,sans-serif;}
#RelatedNews ul li a{font-size:14px;color:#969696;}
#RelatedNews ul li a:hover{color:#005bac;margin-left:10px;}
#contact_show{font-size:14px;color:#333;line-height:30px;}
#contact_show h3{margin:10px auto;color:#6fb514;}
#contact_show span.icon{color:#6fb514;margin-right:5px;font-size:16px;}
.cpcp{}
.cpcp .cptp{height:250px;overflow:hidden;}
.cpcp img{width:auto;height:100%;}
@media screen and (min-width:1px) and (max-width:768px){.cpcp .cptp{height:300px;}
}
.cpcp .caption h5{margin:0px;font-size:14px;color:#666;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;}
.vpcp .vptp{height:auto;overflow:hidden;}
.vpcp .vptp img{width:100%;}
.vpcp .vpwz{position:relative;padding-top:10px;}
.play_bt{width:40px;height:40px;font-size:35px;position:absolute;left:45%;top:-20px;background:#fff;padding:2px 5px;border-radius:50%;display:block;background-position:center 0;background-repeat:no-repeat;z-index:99;}
#produce .vpcp .vpwz h3{font-size:14px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis; font-weight:inherit; font-weight:normal; padding-left:0px; padding-bottom:20px; border-bottom:0;}
@media screen and (min-width:1px) and (max-width:768px){.vpcp .vptp{height:90px;}
.play_bt{left:30%;}
.vpcp .vpwz h3{font-size:12px;}
}
.set_btn .btn{background:#005bac;border:solid 1px #6fb514;}
.set_btn .btn:hover{background:#f6ab2b;border:solid 1px #f6ab2b;color:#fff;}
#mapContent{padding-bottom:50px;}
#mapContent a{color:#666;}
#mapContent h2{font-size:16px;font-weight:bold;line-height:35px;}
.cate1 li a.a1{font-size:14px;font-weight:bold;line-height:20px;}
.cate1{margin-left:25px;}
.cate2 li a.a2{font-size:12px;line-height:25px;}
#mapContent ul li a.a3{margin-left:25px;text-indent:0em;font-size:14px;line-height:30px;}
#mapContent a:hover{color:#288685;}
ul.downloadList{margin-top:0px;}
ul.downloadList a{text-decoration:none;}
ul.downloadList h4{color:#666;font-size:16px;margin-top:10px;font-weight:bold;font-family:Arial,Helvetica,sans-serif;}
ul.downloadList p{font-size:14px;font-family:Arial,Helvetica,sans-serif;text-overflow:-o-ellipsis-lastline;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;}
ul.downloadList .media{border:solid 1px #f1f1f1;}
ul.downloadList .media:hover{border:solid 1px #cccccc;box-shadow:0px 0px 10px #eaeaea;}
ul.downloadList .media:hover h4{color:#288685;}
ul.downloadList .media a.media-left{position:relative;}
ul.downloadList .media a.media-left img{padding-right:10px;}
ul.downloadList .media a.media-left span{position:absolute;right:0px;top:35%;color:#288685;font-size:30px;background:#fff;padding:5px;border-radius:50%;}
ul.downloadList .btn{margin-right:10px;}
@media screen and (min-width:1px) and (max-width:768px){ul.downloadList .media a.media-left img{width:130px;height:auto;}
ul.downloadList h4{font-size:12px;}
ul.downloadList .media a.media-left span{top:15%;}
ul.downloadList .btn{padding:2px 5px;margin-bottom:5px;margin-right:0px;font-size:12px;}
}
.contact_tit h3{margin-top:55px;font-family:Arial,Helvetica,sans-serif; padding-bottom:15px;}
.contact_tit p{color:#999;font-family:Arial,Helvetica,sans-serif;}
.contact_list .thumbnail{margin:35px;padding-bottom:30px;border-radius:5px;border:solid 1px #cccccc;}
.contact_list .thumbnail i{display:block;font-size:100px;color:#6fb514;margin-top:20px;}
.contact_list .thumbnail strong{display:block;color:#000;font-size:25px;margin-top:15px;margin-bottom:15px;font-family:Arial,Helvetica,sans-serif;}
.contact_list .thumbnail p{display:block;font-size:14px;line-height:25px;font-family:Arial,Helvetica,sans-serif;height:100px;}
.contact_list .thumbnail p b{color:#333;font-size:14px;font-family:Arial,Helvetica,sans-serif;}
.contact_list .thumbnail .btn{border:solid 1px #6fb514;color:#6fb514;font-family:Arial,Helvetica,sans-serif;}
.contact_list .thumbnail .btn:hover{background:#f6ab2b;border:solid 1px #f6ab2b;color:#fff;}
@media screen and (min-width:1px) and (max-width:768px){.contact_list .thumbnail{margin:10px 0px 0px 0px;}
.contact_list .thumbnail i{font-size:80px;}
}
.capcp .cate_img{width:100%;height:180px;overflow:hidden;}
.capcp .cate_img img{width:auto;height:100%;}
.capcp .caption h3{font-size:16px;}
#contact_img img{max-width:100%;height:auto;margin-top:20px;}
#frame404{background:#6fb514;border-top:solid 1px #fff;}
#frame404 p{font-size:14px;color:#fff;line-height:2em;}
#frame404 img{max-width:100%;height:auto;}

#contact_tit span{ font-size:14px; line-height:30px;}

/*联系方式*/
#contact_show{margin-bottom:80px;}
#contact_show .tit{margin-bottom:50px;text-align:center;}
#contact_show .tit h2{font-size:30px;line-height:42px;font-weight:bold;margin-bottom:5px;}
#contact_show p{font-size:14px;line-height:24px;color:#666;}
#contact_show .item{text-align:center;padding:50px 0;margin:0 30px;border:1px solid #ccc;border-radius:5px;}
#contact_show .item .img{background-color:#005bac;color:#fff;width:88px;height:88px;line-height:88px;border-radius:50%;margin-bottom:25px;}
#contact_show .item .img i{font-size:40px; margin-top:20px;}
#contact_show .txt h4{font-size:18px;line-height:24px;margin-bottom:5px;}
#contact_show .txt p{width:80%;height:96px;overflow:hidden; text-align: left}
@media screen and (min-width:1px ) and (max-width:767px)
{
    #contact_show{margin-bottom:30px;}
    #contact_show .tit{margin-bottom:25px;}
    #contact_show .tit h2{font-size:24px;line-height:36px;}
    #contact_show .item{margin-bottom:25px;}
}


@-webkit-keyframes flip {
  0% {
    -webkit-transform: perspective(400px) translateZ(0) rotateY(0) scale(1);
    transform: perspective(400px) translateZ(0) rotateY(0) scale(1);
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out;
  }

  40% {
    -webkit-transform: perspective(400px) translateZ(150px) rotateY(170deg) scale(1);
    transform: perspective(400px) translateZ(150px) rotateY(170deg) scale(1);
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out;
  }

  50% {
    -webkit-transform: perspective(400px) translateZ(150px) rotateY(190deg) scale(1);
    transform: perspective(400px) translateZ(150px) rotateY(190deg) scale(1);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
  }

  80% {
    -webkit-transform: perspective(400px) translateZ(0) rotateY(360deg) scale(.95);
    transform: perspective(400px) translateZ(0) rotateY(360deg) scale(.95);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
  }

  100% {
    -webkit-transform: perspective(400px) translateZ(0) rotateY(360deg) scale(1);
    transform: perspective(400px) translateZ(0) rotateY(360deg) scale(1);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
  }
}

@keyframes flip {
  0% {
    -webkit-transform: perspective(400px) translateZ(0) rotateY(0) scale(1);
    -ms-transform: perspective(400px) translateZ(0) rotateY(0) scale(1);
    transform: perspective(400px) translateZ(0) rotateY(0) scale(1);
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out;
  }

  40% {
    -webkit-transform: perspective(400px) translateZ(150px) rotateY(170deg) scale(1);
    -ms-transform: perspective(400px) translateZ(150px) rotateY(170deg) scale(1);
    transform: perspective(400px) translateZ(150px) rotateY(170deg) scale(1);
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out;
  }

  50% {
    -webkit-transform: perspective(400px) translateZ(150px) rotateY(190deg) scale(1);
    -ms-transform: perspective(400px) translateZ(150px) rotateY(190deg) scale(1);
    transform: perspective(400px) translateZ(150px) rotateY(190deg) scale(1);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
  }

  80% {
    -webkit-transform: perspective(400px) translateZ(0) rotateY(360deg) scale(.95);
    -ms-transform: perspective(400px) translateZ(0) rotateY(360deg) scale(.95);
    transform: perspective(400px) translateZ(0) rotateY(360deg) scale(.95);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
  }

  100% {
    -webkit-transform: perspective(400px) translateZ(0) rotateY(360deg) scale(1);
    -ms-transform: perspective(400px) translateZ(0) rotateY(360deg) scale(1);
    transform: perspective(400px) translateZ(0) rotateY(360deg) scale(1);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
  }
}

.flip {
  -webkit-backface-visibility: visible;
  -ms-backface-visibility: visible;
  backface-visibility: visible;
  -webkit-animation-name: flip;
  animation-name: flip;
}


@-webkit-keyframes bounce {
  0%, 20%, 50%, 80%, 100% {
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }

  40% {
    -webkit-transform: translateY(-30px);
    transform: translateY(-30px);
  }

  60% {
    -webkit-transform: translateY(-15px);
    transform: translateY(-15px);
  }
}

@keyframes bounce {
  0%, 20%, 50%, 80%, 100% {
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0);
  }

  40% {
    -webkit-transform: translateY(-30px);
    -ms-transform: translateY(-30px);
    transform: translateY(-30px);
  }

  60% {
    -webkit-transform: translateY(-15px);
    -ms-transform: translateY(-15px);
    transform: translateY(-15px);
  }
}

.bounce {
  -webkit-animation-name: bounce;
  animation-name: bounce;
}

#bar{}
#bar img{ width: 100%;}

.join{ overflow: hidden; padding: 30px 0; margin: 5px; box-shadow: 0 0 10px #f5f5f5; background: #fff;}
.join .input{ margin-bottom: 10px;}
.join .input>label{ display: block; font-size: 16px; letter-spacing: 4px; line-height: 3em;}
.join .input>input[type=text]{ width: 100%; line-height: 30px; text-indent: 10px; outline: none; border: 1px solid #ccc;}
.join .input>ul{}
.join .input>ul>li{ display: inline-block; line-height: 20px; margin-right: 15px; font-size: 14px; border: 1px solid #ccc; padding: 5px; margin-bottom: 5px;}
.join .input>ul>li>input[type=radio]{ display: inline-block; margin-right: 10px;}
.join .input>ul>li>input[type=checkbox]{ display: inline-block; margin-right: 10px;}
.join .input>ul>li>input[type=text]{ display: inline-block; padding: 0 5px; width: 60px; outline: none; border-bottom: 1px solid #ccc;}
.join .input>textarea{ width: 100%; line-height: 30px; text-indent: 10px; outline: none; height: 60px;}
.join .input>button{ padding: 10px 50px; outline: none;}

@media screen and (min-width:1px) and (max-width:768px){
.join .input>ul>li{ width: 100%; margin-right: 0px;}
}




.purchase{ overflow: hidden}
.purchase>h3{ font-size: 26px; line-height: 1.3; letter-spacing: 1px; color: rgb(109, 110, 113); margin-bottom: 10px;}
.purchase>p{ font-size: 14px; margin-bottom: 30px;}
.purchase .input{ overflow: hidden; width: 100%; float: left; margin-bottom: 15px; padding-right: 15px;}
.purchase .input>label{ display: block; margin-bottom: 10px; font-size: 16px;}
.purchase .input>input{ width: 100%; padding: 10px; border: 1px solid #777771;outline: none;}
.purchase .input>input:focus{ border-color: #c4161c;}
.purchase .input>select{ width: 100%; padding: 10px;outline: none;}
.purchase .input>select:focus{ border-color: #c4161c;}
.purchase .input>textarea{  width: 100%; padding: 10px;outline: none; height: 90px;}
.purchase .input>textarea:focus{ border-color: #c4161c;}
.purchase .input>button{ padding: 10px 30px; background: #c4161c; color: #fff; border: 0; border-radius: 5px;}


@media screen and (min-width:769px) {
.purchase .input.one{ width: 50%;}
}
.purchase .input:nth-child(2n+1){ clear: both;}

.purchase .txt{ width: 100%; float: left; margin-bottom: 15px; font-size: 16px; color: #000; line-height: 30px; letter-spacing: 1px;}