@charset "utf-8";
/* CSS Document */
.index_box1 {width: 1260px; height:635px; padding-top:5px;
margin: 0 auto 0 auto; background-color:#FFF;}
.ul,.ul li,form, dl,dt,dd, div,.ol,menu{ padding: 0px; margin: 0px;}
.ul,.ul li,.ol li{ list-style:none;}
.h1,.h2,.h3,.h4,.h5,.h6,.p{ padding:0px; margin:0px; font-weight:normal;} 
.npm{ padding:0px; margin:0px;}
select,input,textarea{font-family:微软雅黑; border-radius:0; -webkit-border-radius:0; color:#555555; font-size:14px;}
input:focus { outline: none;}
input,button,select,textarea{font-family:微软雅黑;outline:none;/*-webkit-appearance:none;*//*强制去除表单自带的样式*/ }
textarea{resize:none;/*-webkit-appearance:none;*//*强制去除textarea自带的样式*/ }
textarea,input,select { margin:0; padding:0;}
input[type="button"], input[type="submit"], input[type="reset"] {-webkit-appearance: none;}
article,aside,footer,header,hgroup,nav,section,figure,figcaption{ display: block;} /*html5设置*/
figure,figcaption{ margin:0px; padding:0px;}
audio,canvas,progress,video { display: inline-block; vertical-align: baseline;}
img{ border:none; border:0; vertical-align:top; max-width:100%;}
a{ color:#555555; text-decoration:none; noline:-webkit-tap-highlight-color:rgba(0,0,0,0);}
a:focus {outline:none; -moz-outline:none;}
a:hover{ text-decoration:none; color:#03a931}
.clear{ clear:both; height:0; overflow:hidden;}
.clearfix:after { content:"."; display:block; height:0; visibility:hidden; clear:both;font-size: 0px; }
.clearfix { zoom:1; }  
.h1,.h2,.h3,.h4,.h5,.h6{ padding:0; margin:0; font-weight:normal;}
table,table td{ border-collapse:collapse;}
.nowrap,
.news-list ul li .txt h5,
.video-list ul li h5,
.product-list ul li .h5,
.footer .subnav dl dd span,
.index .item6 ul li h5,
.product-hot .list ul li a h5,
.link-list ul li h5{white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}

.animate,
.header .nav,
.case-list ul li dl,
.index .item6 ul li .txt,
.index .item5 ul li .pic .img,
.product-hot ul li a h5,
.index .item2 .txt a span,
.product-hot .list ul li h5,
.product_details .filter img{-moz-transition:all 0.5s ease; -ms-transition:all 0.5s ease; -webkit-transition:all 0.5s ease;transition:all 0.5s ease;}

.fl{ float:left;}
.fr{ float:right;}

.table{ display: table; table-layout:fixed; width: 100%; height: 100%;}
.table-cell {display: table-cell; vertical-align: middle; width: 100%; height: 100%;}


.auto{margin:0 auto; max-width:1220px; position:relative; background-color:#FFF; padding-left:20px; padding-right:20px; padding-bottom:20px; }
.auto-1560{margin:0 auto; max-width:1560px; position:relative; width:1260px;}

.header{ position:fixed; width:100%; z-index:1008; background-color:#333333}

.h_header{ height:70px; }
.h_header.on{ /*display:none;*/} 
.header .auto{ max-width:inherit; margin:0 2%}
.header .logo img{ height:70px;}
.header .other{ position:absolute; right:0; top:20px;}
.header .other b,
.header .other a{ color:#fff; display:inline-block;}
.header .other b{ font-size:20px; background:url(../images/tel_icon.png) no-repeat left; padding:0px 26px; margin-right:30px;}
.header .other a{ padding:0px 16px; border:solid 1px #494949;}
.header .other a i{ padding-left:12px; font-style:normal; font-family:宋体}
.header .nav { position:absolute; bottom:0; right:310px;}
.header .nav ul li{ position:relative; float:left; padding:0px 33px; background:url(../images/nav_icon.png) no-repeat left;}
.header .nav ul li#nav1{ padding-left:0; background:none;}
.header .nav ul li a{ color:#fff;}
.header .nav ul li b{  font-weight:normal; display:block;}
.header .nav ul li b a{ display:block; line-height:70px; font-size:15px; border-bottom:solid 2px transparent}
.header .nav ul li.on b a{ border-color:#00a2e9;}
.header .nav li dl{ text-align:center; color:#fff; line-height:30px; left:0; width:100%; position:absolute; display:none; background-color:rgba(51, 51, 51, 0.65);}
.header .nav li dl span{ display:block; border-top:solid 1px rgba(80, 80, 80, 0.2); white-space:nowrap;}
.header .nav li dl a{ display:block; color:#fff; padding:1.5% 8%;}
.header .nav li dl a:hover{ color:#fff; background-color:rgba(0, 162, 233, 0.62);}

/*.header .nav li{-webkit-perspective: 500px;}*/

.header .nav li dl{	transform: rotate3d(1,0,0,-90deg);
	-webkit-transform: rotate3d(1,0,0,-90deg);
	-moz-transform: rotate3d(1,0,0,-90deg);
	-ms-transform: rotate3d(1,0,0,-90deg);
	-o-transform: rotate3d(1,0,0,-90deg);
	-webkit-transform-origin:0 0 0;
	-moz-transform-origin:0 0 0;
	transform-origin:0 0 0;
	-khtml-opacity: 0;
	-moz-opacity: 0;
	opacity: 0;
	transition: transform 0.5s, opacity 0.3s;
	-webkit-transition: -webkit-transform 0.5s, opacity 0.3s;
	-moz-transition: -moz-transform 0.5s, opacity 0.3s;
	display:block;
}
.header .nav li:hover>dl{
	-moz-opacity: 1;
	-khtml-opacity: 1;
	opacity: 1;
	transform: rotate3d(0,0,0,0);
	-webkit-transform: rotate3d(0,0,0,0);
	-moz-transform: rotate3d(0,0,0,0);
	-ms-transform: rotate3d(0,0,0,0);
	-o-transform: rotate3d(0,0,0,0);
}
.icon_menu{ display:none;}
@media( max-width:640px){
.header .other b{ display: none; }
#dowebok{ padding-top:70px; }
.index .item1{ padding-top:0; }
.RollMouse{ bottom:-16px; }
}



.footer{ background-color:#3a3a3a; }
.footer ,
.footer a{ color:#767272;}
.footer .copyright{ padding:12px 0; background-color:#313131;}
.footer .copyright .fr a{ margin-right:10px;}
.footer .copyright .fr img{vertical-align: middle;}
.footer .copyright span{ white-space:nowrap;}
.footer .partner{ padding:3% 0; border-bottom:solid 1px #757575;}
.footer .partner h4{ font-size:18px; color:#fff; line-height:60px;}
.footer .partner .bx-wrapper{ position:relative;}
.footer .partner .bx-controls-direction{ position:absolute; right:0; top:-40px;}
.footer .partner .bx-controls-direction a{ display:inline-block; overflow:hidden; width:33px; text-indent:-999px; background-image:url(../images/partner-icon.png); background-repeat:no-repeat;}
.footer .partner .bx-controls-direction a:hover{ opacity:0.5}
.footer .partner .bx-controls-direction a.bx-prev{ background-position:left center;}
.footer .partner .bx-controls-direction a.bx-next{ margin-left:20px; background-position:right center;}
.footer .other{padding:1% 25% 1% 0;}
.footer .other span{ display:inline-block; white-space:nowrap; padding-right:40px;}
.footer .links{ padding:1% 0; border-top:solid 1px #757575; margin-top:48px;}
.footer .links span{ display:inline-block; white-space:nowrap; padding-right:40px;}
.footer .links span:nth-child(1){ padding-right:0;}
@media( max-width:640px){
.footer .links span{ padding-right:20px;}
.index .footer .bx-controls{ top:-30px;  bottom: auto;}
}

.footer .subnav{ padding:2% 0; color:#fff;}
.footer .subnav dl{ float:left; width:12.5%;}
.footer .subnav dl a{ color:#fff;}
.footer .subnav dl a:hover{ opacity:0.8}
.footer .subnav dl dt{ padding:20px 0; font-size:15px;}
.footer .subnav dl dd span{ display:block;}
.footer .subnav dl.tel{ width:25%; padding-left:5%;}
.footer .subnav dl.tel dt{ padding-bottom:0px;}
.footer .subnav dl.tel b{ padding:5px 0; line-height:40px; display:block; color:#fff; font-size:30px;}
.footer .subnav dl.tel figure img{ max-width:123px;}
.footer .bdsharebuttonbox{ float:right; width:25%; padding-left:5%;}
.footer .bdsharebuttonbox a{ display:inline-block; width:31px; height:31px; border-radius: 50%; background-color:#555; background-position: center; margin: 0 5px; }
.footer .bdsharebuttonbox .qq-wap{display:none;}
.FloatNav{ position:fixed; top:30%; right:10%; display:none;}

#goToTop{ position:fixed; right:2%; bottom:4%;}
#goToTop a{ border-radius:100px; background-color:#90c42f; color:#fff; font-size:16px; width:40px; line-height:40px; text-align:center; display:block;}


.ind-banner{ padding-bottom:19px;}
.ind-banner .wap{ display:none;}
.ind-banner .bx-wrapper{ position:relative;}
.ind-banner .bx-pager{ text-align:center; position:absolute; width:100%; text-align:center; bottom:8%; z-index:88}
.ind-banner .bx-pager .bx-pager-item{ display:inline-block; padding:0 5px;}
.ind-banner .bx-pager .bx-pager-item a{ display:inline-block; cursor:pointer; overflow:hidden; width:18px; height:18px; line-height:0; font-size:0px; background:url(../images/ind-banner-icon.png) no-repeat right;}
.ind-banner .bx-pager .bx-pager-item a.active{ background-position:left;}


.ind-photo ul li img{ width:110%;max-width:110%;
   -moz-transition: all 1s cubic-bezier(.19,1,.22,1);
    -o-transition: all 1s cubic-bezier(.19,1,.22,1);
    -webkit-transition: all 1s cubic-bezier(.19,1,.22,1);
    transition: all 1s cubic-bezier(.19,1,.22,1);
}
.ind-photo ul li:hover img{ margin-left:-20px;}

.banner{ display:block; }
.banner-wap{ display:none;}


.article .title{ font-size:16px; text-align:center; color:#333333; padding:2% 0;}
.article .other{ color:#9a9a9a;}
.single{ text-justify:inter-ideograph; text-align:justify; word-wrap:break-word; clear:both; line-height:30px; color:#555555; padding-bottom:1%;}

.bdshare-button-style0-32 a,
.bdshare-button-style0-32 .bds_more{ float:none!important; display:inline-block; margin:0 3px!important; background-color:#575757; border-radius:100px;}
.bdshare-button-style0-32 .bds_tsina{ background-position:left center!important;}
.bdshare-button-style0-32 .bds_weixin{ background-position:center!important;}
.bdshare-button-style0-32 .bds_sqq{ background-position:center!important;}
.bdshare-button-style0-32 .bds_more{ background-position:-112px center!important;}

.back_prev_next{ padding:1% 0;  border-top:dotted 1px #dcdada; }
.back_prev_next span{ display:block; padding-top:10px;}
.back_prev_next .back{ position: inherit; line-height:34px; display:inline-block; padding:0px 20px; color:#fff;  background-color:#009fe8; border-radius:16px 0px 16px 0;}
.back_prev_next i{ font-style:normal;}


/*pages*/
.Pages{ padding:5% 0; text-align:center; line-height:32px; clear:both; }
.Pages span{ padding:0px 3px; display:inline-block;}
.Pages a{  padding:0px 15px; color:#ffffff; display:inline-block;  border:solid 1px #edecec;}
.Pages em a{border:solid 1px #edecec;}
.Pages em a:hover,
.Pages em a.a_cur{color:#fff; background-color:#f0270f; border-color:#f0270f;}
.Pages em a:hover, .Pages .current {
    color: #fff;
    background-color: #f0270f;
    border-color: #f0270f;padding: 0px 15px;border:solid 1px #edecec;
}
.Pages em{ display:inline-block; font-style:normal; padding:0px 4px;}
.Pages .p_cur,
.Pages .p_count,
.Pages .p_total,
.Pages .p_jump{ display:none;}
.Pages .a_prev,
.Pages .a_next{ text-indent:-999px; width:28px; background-image:url(../images/page-icon.png); background-repeat:no-repeat;}
.Pages .a_prev{ background-position: center top;}
.Pages .a_next{ background-position:center bottom ;}

.link-list ul li{ float:left; width:20%; padding:1%;}
.link-list ul li div{ position:relative; padding-bottom:40%;}
.link-list ul li div a{width:100%; height:100%; position:absolute; display:block; padding:2%; border:solid 1px #ededed;}
.link-list ul li div img{ width:100%; height:100%;}
.link-list ul li h5{ font-size:14px; padding:10px 0; text-align:center;}



ul li h5{ font-size:14px;}
ul li i{ font-style:normal;}

.menu{ line-height:41px; padding:5% 0; text-align:center; line-height:30px;}
.menu ul li{ display:inline-block; padding:0px 20px;}
.menu ul li img{ width:30px; vertical-align:middle; margin-right:10px;}
.menu ul li a{ color:#000000; font-size:16px; display:inline-block; border-bottom:solid 2px #fff}
.menu ul li a:hover{ color:#00a2e9;}
.menu ul li.on a{ border-bottom-color:#3f3f3f;}

.location{ text-align:right; background-color:#fafafa; border-bottom:solid 1px #efefef; line-height:55px;

width: 1260px; 
margin: 0 auto 0 auto; color:#333;
}
.location span{ color:#090909; margin-right:20px;}

.news-list ul li{ padding:4% 0;}
.news-list ul li.odd{ background-color:#fbfbfb;}
.news-list ul li time{position:absolute; color:#9c9c9c;}
.news-list ul li time span{ display:block; color:#00a2e9; font-size:20px;}
.news-list ul li .pic{ float:left; width:27%;}
.news-list ul li .txt{ float:right; width:70%;}
.news-list ul li .txt p{ margin:10px 0;}
.news-list ul li .txt .more{ color:#00a2e9;}
.news-list ul li .txt .more b{ padding-left:8px; font-family:宋体}
.news-list ul li:hover{ background-color:#f2fbff}
.news-list ul li.odd:hover{ background-color:#e6f7ff}

.video-list ul li{}
.video-list ul li h5{ text-align:center; padding:6% 0;}
.video-list ul li div{ position:relative;}
.video-list ul li div i{ display:block; position:absolute; width:100%; height:100%; background-image:url(../images/video_icon.png); background-repeat:no-repeat; background-position:center center}
.fancybox-wrap{width:70%!important;max-width:700px;}
.fancybox-wrap .fancybox-inner,
.fancybox-wrap .fancybox-inner video{width:100%!important;}

.case-list{ padding-top:3%;}
.case-list ul li{ margin-bottom:4%; margin-top:2%;}
.case-list ul li .pic{ padding-top:70%; background-repeat:no-repeat; background-position:center center; background-size:cover;}

.column-name{ font-size:50px; color:#111111}
.column-name:after{ content:''; display:block; width:42px; height:3px; background-color:#00a2e9; border-radius:2px;}
.editor-culture-txt ul li .txt p.f span{ display:block;}

.editor-solution .family .list .intro .table-cell{ padding:4% 8%;}
.editor-solution .family .list .intro time{ font-size:24px;}
.editor-solution .family .list .intro .h4{ font-size:45px; line-height:50px;}
.editor-solution .family .list .intro .txt{ font-size:20px;  line-height:36px; }
.editor-solution .family .list .intro{ color:#fff;}
.editor-solution .family .list.n1 .intro{ background-color:#605451;}
.editor-solution .family .list.n2 .intro{ background-color:#4b6b90;}
.editor-solution .family .list.n3 .intro{ background-color:#4c6247;}
.editor-solution .family .list.n4 .intro{ background-color:#243344;}
.editor-solution .family .list.n5 .intro{ background-color:#4f2f31;}
.editor-solution .family .list.n6 .intro{ background-color:#303035;}

.editor-solution .family .TuHed2{ display:none;}
.editor-solution .family .TuHed{ display:block; position: relative; }
/* entire container, keeps perspective */
.family .flip-container {
	perspective:1000;
	position:absolute;
	cursor:pointer;
	width:3.4%;
}
.family .flip1{ top:26.6%; left:46%; }
.family .flip2{ top:33.5%; left:53.7%; }
.family .flip3{ top:55%; left:56%; }
.family .flip4{ top:65%; left:51.4%; }
.family .flip5{ top:55%; left:41.7%; }
.family .flip6{ top:44%; left:36.4%; }


/* flip the pane when hovered */
.family .flip-container:hover .flipper, .family .flip-container.hover .flipper {
	transform: rotateY(180deg);
}

/* flip speed goes here */
.family .flipper {
	transition: 0.6s;
	transform-style: preserve-3d;
	position: relative;
}
/* hide back of pane during swap */
.family .front, .back {
	backface-visibility: hidden;

	position: absolute;
	top: 0;
	left: 0;
}
/* front pane, placed above back */
.family .front {
	z-index: 2;
}
/* back, initially hidden pane */
.family .back {
	transform: rotateY(180deg);
}
@media( max-width:640px){
.editor-solution .family .TuHed2{ display:block;}
.editor-solution .family .TuHed{ height: 50px;overflow: hidden;display:none;}


.back_prev_next .back{ max-width:113px; margin:0 auto; display:block; }
}


.product-recommend{ padding:5% 0;}

.product-list ul li{ float:left; padding-top:2%; padding-bottom:2%;}
.product-list ul li .pic{ overflow: hidden; }
.product-list ul li .pic a{ display:block; background-repeat:no-repeat; background-position:center center; padding-top:100%; transition: all 0.6s; background-size: contain;}
.product-list ul li .pic a:hover{ transform: scale(1.2);}
.product-list ul li .h5{ text-align:center;}

.Floor001014{ }
.Floor001014 .title{overflow:hidden; padding:3% 0; background-color:#fafafa; border-top:solid 1px #efefef; border-bottom:solid 1px #efefef; margin-bottom:5%;}
.Floor001014 .list_scroll{position:relative; z-index:1; padding:0px 50px;}
.Floor001014 .list_copy{ display:none;}
.Floor001014 .list_scroll li{ padding-top:27px; font-size:18px; text-align:center; line-height:50px; cursor:pointer; background-image:url(../images/history_icon.png) ; background-repeat: no-repeat; background-position: center 10px;}
.Floor001014 .list_scroll li:after{content:''; width: 12px;height:12px;left:50%; top: 12px; margin-left:-5px; display:block;  border-radius: 100px;position:absolute; background-color:#9a9a9a}
.Floor001014 .list_scroll li.on:after{width: 16px;height:16px; margin-left:-8px; top:9px; background-color: #00a2e9;}
.Floor001014 .list_scroll li b{ font-weight:normal; display:block; line-height:27px;}
.Floor001014 .list_scroll li.on{ font-weight:bold; color:#0e408b; background-image:url(../images/history_icon_on.png)}
.Floor001014 .list_scroll li.on b{ color:#fff; background-color:#00a2e9; border-radius:100px;}
.Floor001014 .list_scroll li.on::before{ display:none; position:absolute; content:''; left:50%; margin-left:-5px; top:35px; width:0; height:0; border:5px solid #00a2e9; border-left-color:transparent;border-right-color:transparent; border-top:0;}
.Floor001014 .list_scroll .bx-viewport{ z-index:2;}
.Floor001014 .list_scroll .bx-controls-direction{ z-index:5; }
.Floor001014 .list_scroll .bx-controls-direction a{ z-index:6; top:0; position:absolute; display:inline-block; width:37px; height:37px; background-image:url(../images/Floor001014-btn.png); background-repeat:no-repeat; overflow:hidden; line-height:100px; float:left;margin-left:7px;}
.Floor001014 .list_scroll .bx-controls-direction a.bx-prev{ left:0; background-position:0 bottom;}
.Floor001014 .list_scroll .bx-controls-direction a.bx-prev.disabled{ background-position:0 0;}
.Floor001014 .list_scroll .bx-controls-direction a.bx-next{ right:0; background-position:right 0; }
/*.Floor001014 .list_scroll .bx-controls-direction a.bx-next.disabled{ background-position:right bottom;}*/
.Floor001014 .bx-pager{ display:none;}
.Floor001014 .list_content .bx-controls{ display:none;}
.Floor001014 .category_list .category{ padding-left:30px; overflow:hidden; position:relative!important;}
.Floor001014 .category_list .category:before{ left:12px; content:''; position:absolute;  margin-left:-1px; width:2px; height:100%; background-color:#e8e8e8;}
.Floor001014 .category_list .list{ padding:1% 0;}
.Floor001014 .category_list .list .item{ position:relative;}
.Floor001014 .category_list .list .item ul{padding:0;  margin: 0 0 0 10%; width: 80%;} 
.Floor001014 .category_list .list .item h5{position: relative; width:22px; height:40px; left:-30px;}
.Floor001014 .category_list .list .item h5:before,
.Floor001014 .category_list .list .item h5:after{  position:absolute; content:''; border-radius:100px;}
.Floor001014 .category_list .list .item h5:before{top:0; left:0; width:22px; height:22px; background-color:rgba(128, 130, 136, 0.22);}
.Floor001014 .category_list .list .item h5:after{top:3px; left:3px; width:16px; height:16px; background-color:#9a9a9a;}
.Floor001014 .category_list .list .item:hover h5:before{ background-color:rgba(0, 162, 233, 0.22)}
.Floor001014 .category_list .list .item:hover h5:after{ background-color:#00a2e9;}

.Floor001014 .category_list .list .item h5 b{ position:absolute; font-size:18px; display:block; border-radius:100px; width:88px; line-height:24px; text-align:center; color:#fff; background-color:#9a9a9a;}
.Floor001014 .category_list .list .item h5 b{ left:38px;}
.Floor001014 .category_list .list .item:hover h5 b{ background-color:#00a2e9;}
.Floor001014 .category_list .list .box{ position:relative; padding:8px; border:solid 1px #eeeeee; box-shadow:0px 5px 5px #f1efef;}
.Floor001014 .category_list .list .box:before{content:''; position:absolute; width:12px; height:21px; background-repeat:no-repeat; background-position:center center;}
.Floor001014 .category_list .list:nth-child(odd) .box:before{ right:-12px; background-image: url(../images/history_jt_r.png)}
.Floor001014 .category_list .list:nth-child(even) .box:before{ left:-12px; background-image: url(../images/history_jt_l.png)}
.Floor001014 .category_list .list:nth-child(even) figure{ float: right; }
.Floor001014 .category_list .list figure{ float:left; width:30%; overflow: hidden;}
.Floor001014 .category_list .list figure img{ width:100%; cursor: pointer; transition: all 0.6s;  }
.Floor001014 .category_list .list figure img:hover{ transform: scale(1.2);}
.Floor001014 .category_list .list .txt{ float:right; width:68%;}

.pro-details{ line-height:0;}
.pro-details .photo{ padding-top:20px;}
.pro-details .bx-wrapper{ position:relative; padding:0 40px; text-align:center;}
.pro-details .bx-wrapper .bx-controls-direction a{ position:absolute; top:50%; text-indent:-999px; overflow:hidden; width:20px; height:36px; background-image:url(../images/pro_details_icon.jpg); background-repeat:no-repeat;}
.pro-details .bx-wrapper .bx-prev{ left:0; background-position:left;}
.pro-details .bx-wrapper .bx-next{ right:0; background-position:right;}
.pro-details .details .h2{ font-size:20px; line-height:40px; padding-top:20px;}
.pro-details .details .h3{ font-size:18px; line-height:40px; color:#0099ff; margin-bottom:5%;}
.pro-details .h4,
.pro-function .h4,
.pro-parameter .h4{ font-size:16px; line-height:30px; color:#333333;}
.pro-details .single{ font-size:16px; color:#646464;line-height:32px;}
.pro-function,
.pro-parameter{ font-size:14px;  border-top:solid 1px #eaeaea;}
.pro-function .single,
.pro-parameter .single{ color:#646464; overflow:hidden;}
.pro-parameter ul{ padding:0; margin:0;}
.pro-parameter ul li{font-style:normal;}

/*.product_details div.filter img{opacity: 0.8; -webkit-filter: grayscale(100%); -moz-filter: grayscale(100%); -ms-filter: grayscale(100%); -o-filter: grayscale(100%); filter: grayscale(100%); filter: gray;}
.product_details div.filter img:hover{opacity: 1; -webkit-filter: grayscale(0%); -moz-filter: grayscale(0%); -ms-filter: grayscale(0%); -o-filter: grayscale(0%); filter: grayscale(0%); filter:normal;}*/
.product_details div{ position:relative;}
.product_details .layergray{ z-index:1000; position:absolute; width:100%; height:100%; background-color:rgba(0, 0, 0, 0.6);-moz-transition:all 1s ease; -ms-transition:all 1s ease; -webkit-transition:all 1s ease;transition:all 1s ease;}
.product_details .layergray:hover{ background-color:transparent;}
.product_details .h5-info{position: relative;}
.product_details .pc-txt{position: absolute; width:100%; height:100%; overflow:hidden; font-size:16px;}
.product_details .pc-txt h2{ font-size:50px; text-align:center; padding-top:7%; position:absolute; width:100%;}
.product_details .pc-txt a{  display:block;  z-index:1002;  color:#555555;}
.product_details .pc-img{}
.product_details .wap-img{display: none;}
.product_details .h5-me-02 .pc-txt .txt_left,
.product_details .h5-me-02 .pc-txt .txt_right{ width:15%; position:absolute; top:45%;-moz-transition:all 0.5s ease; -ms-transition:all 0.5s ease; -webkit-transition:all 0.5s ease;transition:all 0.5s ease;}
.product_details .h5-me-02 .pc-txt .txt_left{ left:-100%;}
.product_details .h5-me-02 .pc-txt .txt_right{ right:-100%;}
.product_details .h5-me-02 .pc-txt a{ position:relative; display:block; margin-bottom:37%;}
.product_details .h5-me-02 .pc-txt a:after{ content:''; position:absolute; top:-10px; width:60px; height:60px; border:solid 1px #666; border-radius:100px; background-repeat:no-repeat; background-position:center center;-moz-transition:all 1s ease; -ms-transition:all 1s ease; -webkit-transition:all 1s ease;transition:all 1s ease;}
.product_details .h5-me-02 .pc-txt a:hover:after{ background-color:#009fe8; border-color:#009fe8}
.product_details .h5-me-02 .pc-txt .txt_left a:after{ right:-80px;}
.product_details .h5-me-02 .pc-txt .txt_right a:after{ left:-80px;}
.product_details .h5-me-02 .pc-txt .txt_left a.a1:after{ background-image:url(../images/editor_Me_02_img1.png)}
.product_details .h5-me-02 .pc-txt .txt_left a.a2:after{ background-image:url(../images/editor_Me_02_img3.png)}
.product_details .h5-me-02 .pc-txt .txt_left a.a3:after{ background-image:url(../images/editor_Me_02_img5.png)}
.product_details .h5-me-02 .pc-txt .txt_right a.a1:after{ background-image:url(../images/editor_Me_02_img2.png)}
.product_details .h5-me-02 .pc-txt .txt_right a.a2:after{ background-image:url(../images/editor_Me_02_img4.png)}
.product_details .h5-me-02 .pc-txt .txt_right a.a3:after{ background-image:url(../images/editor_Me_02_img6.png)}
.product_details .h5-me-02.inview .pc-txt .txt_left{ left:11%;}
.product_details .h5-me-02.inview .pc-txt .txt_right{ right:11%;}

.product_details .h5-me-03 .pc-txt {color:#fff; }
.product_details .h5-me-03 .pc-txt a{position:absolute; color:#fff; width:12%; cursor:pointer;}
.product_details .h5-me-03 .pc-txt a.a1{ right:72.5%; top:40%;}
.product_details .h5-me-03 .pc-txt a.a2{ left:70%; top:37%;}
.product_details .h5-me-03 .pc-txt a.a3{ right:68%; top:59%;}
.product_details .h5-me-03 .pc-txt a.a4{ left:70%; top:62%;}
.product_details .h5-me-03 .pc-txt a.a5{ right:77%; top:80%;}
.product_details .h5-me-03 .pc-txt a i{ opacity:0; position:absolute; top:0; display:block; width:25px; height:25px; border-radius:100px;  border:solid 6px rgba(255, 255, 255, 0.10)}
.product_details .h5-me-03 .pc-txt a i:before{ content:''; display:block; background-color:#00a2e9; width:13px; height:13px; border-radius:100px;}
.product_details .h5-me-03 .pc-txt a.a1 i,
.product_details .h5-me-03 .pc-txt a.a3 i,
.product_details .h5-me-03 .pc-txt a.a5 i{ right:-40px;}
.product_details .h5-me-03 .pc-txt a.a2 i,
.product_details .h5-me-03 .pc-txt a.a4 i{ left:-40px;}
.product_details .h5-me-03 .pc-txt a:hover i{ opacity:1}
.product_details .h5-me-03 .pc-txt .pic{ z-index:1001 ;position:absolute; width:100%; bottom:-500px; text-align:center; -moz-transition:all 1s ease; -ms-transition:all 1s ease; -webkit-transition:all 1s ease;transition:all 1s ease;}
.product_details .h5-me-03 .pc-txt .pic img{ max-width:37%;}
.product_details .h5-me-03.inview .pc-txt .pic{ bottom:0;
 transition-delay: 1s;
-moz-transition-delay: 1s; /* Firefox 4 */
-webkit-transition-delay: 1s; /* Safari 和 Chrome */
-o-transition-delay: 1s; /* Opera */}
.product_details .h5-me-03 .page2-circle{ top:auto; bottom:-60%; width:54%; height:100%; left:25%; margin-left:0;}
.product_details .h5-me-03 .page2-circle .circle{ width:100%; height:100%;}

.product_details .h5_10snj_01 .s-img{ text-align:center; width:100%; position: absolute; bottom:-500%; -moz-transition:all 1s ease; -ms-transition:all 1s ease; -webkit-transition:all 1s ease;transition:all 1s ease;
 transition-delay: 1s;
-moz-transition-delay: 1s; /* Firefox 4 */
-webkit-transition-delay: 1s; /* Safari 和 Chrome */
-o-transition-delay: 1s; /* Opera */
}
.product_details .h5_10snj_01 .s-img img{ width:45.5%;}
.product_details .h5_10snj_01.inview .s-img{ bottom:5%;}

.product_details .h5_10snj_02 .txt,
.product_details .h5_10snj_03 .txt{ position:absolute; top:15%; width:25%;-moz-transition:all 1s ease; -ms-transition:all 1s ease; -webkit-transition:all 1s ease;transition:all 1s ease;}
.product_details .h5_10snj_02 .txt{ left:0}
.product_details .h5_10snj_03 .txt{ right:0; text-align:right;}
.product_details .h5_10snj_02 .txt dt,
.product_details .h5_10snj_03 .txt dt{ padding-bottom:8%;}
.product_details .h5_10snj_02 .txt h3,
.product_details .h5_10snj_03 .txt h3{ font-size:36px; padding-top:1%; padding-bottom:3%;  position:relative; color:#111111; }
.product_details .h5_10snj_02 .txt .icon,
.product_details .h5_10snj_03 .txt .icon{ display: inline-block; width:57px; height:57px; background-image:url(../images/h5_10snj_02_img1.png); background-repeat:no-repeat; background-position:center center; background-size:cover;}
.product_details .h5_10snj_02 .txt h4,
.product_details .h5_10snj_03 .txt h4{ font-size:14px; color:#888}
.product_details .h5_10snj_02 .txt dd a,
.product_details .h5_10snj_03 .txt dd a{ position:relative; display:block; margin-bottom:5%;}
.product_details .h5_10snj_02 .txt dd a{ padding-left:23px;}
.product_details .h5_10snj_03 .txt dd a{ padding-right:23px;}
.product_details .h5_10snj_02 .txt dd a:after,
.product_details .h5_10snj_03 .txt dd a:after{ position:absolute; top:3px; content:''; width:11px; height:11px; border-radius:100px; background-color:#888;}
.product_details .h5_10snj_02 .txt dd a:after{ left:0;}
.product_details .h5_10snj_03 .txt dd a:after{ right:0}
.product_details .h5_10snj_02 .txt dd a:hover:after,
.product_details .h5_10snj_03 .txt dd a:hover:after{ background-color:#00aeff;}

.product_details .h5_10snj_04 .txt h3{ text-align:center; color:#00b1ff; font-size:40px; padding:6% 0;}
.product_details .h5_10snj_04 .txt dd{ position:relative; width:25%; left:0; -moz-transition:all 1s ease; -ms-transition:all 1s ease; -webkit-transition:all 1s ease;transition:all 1s ease;}
.product_details .h5_10snj_04 .txt dd a{ position:relative; display:block; padding-left:23px; padding-bottom:3%}
.product_details .h5_10snj_04 .txt dd a:after{ position:absolute; left:0; top:5px; content:''; width:11px; height:11px; border-radius:100px; background-color:#888;}
.product_details .h5_10snj_04 .txt dd a:hover:after{ background-color:#00aeff;}
.product_details .h5_10snj_04 .txt dd a:before{ position:absolute; left:-42px; top:10px; display:block; content:''; width:42px; height:1px; background-color:#888;}
.product_details .h5_10snj_04 .txt dd a:hover:before{background-color:#00aeff;}

.product_details .h5_10snj_02.inview .txt{ left:53%}
.product_details .h5_10snj_03.inview .txt{right:53%; }
.product_details .h5_10snj_04.inview .txt dd{ left:15%;}

.product_details .h5_10crl_01 .photo{ position:absolute; bottom:-21px; left:-100%; width:29%;-moz-transition:all 1s ease; -ms-transition:all 1s ease; -webkit-transition:all 1s ease;transition:all 1s ease;
 transition-delay: 1s;
-moz-transition-delay: 1s; /* Firefox 4 */
-webkit-transition-delay: 1s; /* Safari 和 Chrome */
-o-transition-delay: 1s; /* Opera */
}
.product_details .h5_10crl_01 .photo img{ width:100%;}
.product_details .h5_10crl_01.inview .photo{ left:20%;}

.product_details .h5_10crl_02 .txt_left,
.product_details .h5_10crl_02 .txt_right{ position:absolute; text-align:center; width:37%; top:39%}
.product_details .h5_10crl_02 .txt_left{ left:9%;}
.product_details .h5_10crl_02 .txt_right{ right:9%;}
.product_details .h5_10crl_02 .txt .pic{ position:relative; margin-bottom:20px;}
.product_details .h5_10crl_02 .txt .pic .icon{ position:absolute;  bottom:30px; opacity:0;-moz-transition:all 1s ease; -ms-transition:all 1s ease; -webkit-transition:all 1s ease;transition:all 1s ease;}
.product_details .h5_10crl_02 .txt_left .txt .pic .icon{ right:-30px;}
.product_details .h5_10crl_02 .txt_right .txt .pic .icon{ left:-30px;}
.product_details .h5_10crl_02 .txt.n1{ margin-bottom:15%}
.product_details .h5_10crl_02 .txt h5{ font-size:18px; padding:10px 0;}
.product_details .h5_10crl_02 .txt p{ font-size:14px; padding:0 20%}
.product_details .h5_10crl_02 .txt img{ width:13.6%;}
.product_details .h5_10crl_02 .txt img.icon{ width:47.8%}
.product_details .h5_10crl_02.inview .txt:hover .pic .icon{ opacity:1}
@media screen and (max-width:1600px){
.product_details .h5_10snj_02 .txt,
.product_details .h5_10snj_03 .txt{ top:30%; font-size:12px; line-height:18px;}

.product_details .h5_10snj_02 .txt dt,
.product_details .h5_10snj_03 .txt dt{ padding-bottom:5%;}

.product_details .h5_10snj_02 .txt dd a,
.product_details .h5_10snj_03 .txt dd a{ margin-bottom:2%;}

.product_details .h5_10snj_02 .txt h3,
.product_details .h5_10snj_03 .txt h3,
.product_details .h5_10snj_04 .txt h3{ font-size:24px;}

.product_details .h5_10snj_02 .txt .icon,
.product_details .h5_10snj_03 .txt .icon{ width:40px; height:40px;}

.product_details .h5_10snj_04 .txt{ font-size:12px}
.product_details .h5_10snj_04.inview .txt dd{ left:10%}

.product_details .h5_10crl_02 .txt.n1{ margin-bottom:6%}
.product_details .h5_10crl_02 .txt h5{ font-size:14px;}
.product_details .h5_10crl_02 .txt p{ font-size:12px;}

}
@media screen and (max-width:1200px){
.product_details .pc-txt h2{ font-size:22px;}
.product_details .pc-txt{ line-height:18px; font-size:12px;}


.product_details .h5-me-02 .pc-txt a{ margin-bottom:20%}
.product_details .h5-me-02 .pc-txt a:after{ width:50px; height:50px; background-size:80%}
.product_details .h5-me-02 .pc-txt .txt_left a:after{ right:-60px;}
.product_details .h5-me-02 .pc-txt .txt_right a:after{ left:-60px;}

.product_details .h5_10snj_02 .txt,
.product_details .h5_10snj_03 .txt{ top:25%; width:45%}
.product_details .h5_10snj_02 .txt dt,
.product_details .h5_10snj_03 .txt dt{ padding-bottom:4%;}
.product_details .h5_10snj_02 .txt h3,
.product_details .h5_10snj_03 .txt h3{ font-size:18px;}
.product_details .h5_10snj_02 .txt dd a,
.product_details .h5_10snj_03 .txt dd a{ margin-bottom:2%}
.product_details .h5_10snj_02 .txt .icon,
.product_details .h5_10snj_03 .txt .icon{ width:30px; height:30px;}

.product_details .h5_10snj_04 .txt h3{ font-size:18px;}
.product_details .h5_10snj_04 .txt dd{ width:47%}
.product_details .h5_10snj_04.inview .txt dd{ left:7%; width:35%}

.product_details .h5_10crl_02 .txt.n1{ margin-bottom:4%}

}
@media(max-width:1000px){
.product_details .h5_10snj_02 .txt,
.product_details .h5_10snj_03 .txt{ top:16%; }
}
@media(max-width:769px){
.product_details .pc-txt,
.product_details .pc-img,
.product_details .layergray{display: none;}
.product_details .wap-img{display: block;}
}
@media(max-width:768px){
.Floor001014 .title em,
.Floor001014 .list_scroll{ float:none; width:auto;}
.Floor001014 .list_scroll{ /*padding-right:0;*/}
.Floor001014 .list_scroll .bx-controls-direction{ margin-top:0; top:-33px;}
}
@media screen and (max-width:1600px){
.auto-1560{margin:auto 2%;
width: 1260px; 
margin: 0 auto 0 auto; background-color:#FFF;

}
.header .nav{right: 240px;}
.header .nav ul li{ padding:0 23px;}
.header .other b{ margin-right: 0px; padding-right:10px;}
}
@media screen and (max-width:1440px){
.header .auto{margin: 0 1%;}

.header .nav ul li{ padding:0 18px;}
}
@media screen and (max-width:1386px){
.header .nav{ position:absolute; top:0;}
.header .nav ul li{ padding:0 15px;}
.header .nav ul li b a{ line-height:70px;}
.header .other b{ font-size:16px;}
}
@media screen and (max-width:1100px){
/*.header .nav{right:240px;}	*/
	}
@media screen and (max-width:640px){
.header .auto{padding-right: 38px;}
.header .other{top: 0;}
.header .other a{line-height: 20px;}


.pro-details .bx-wrapper li img{ max-width:70%; }
}
@media screen and (max-width:1240px){
.auto{ margin:auto 2%;}

.editor-solution .family .list .intro .icon img{ max-width:20%;}
.editor-solution .family .list .intro time{ font-size:20px;}
.editor-solution .family .list .intro .h4{ font-size:30px;}
.editor-solution .family .list .intro .txt{ font-size:16px;}
}

@media screen and (max-width:1000px){
.header .other {/*top: 2px;*/}
.header .other b{display: none;}
.header .other a{padding:0px 8px;}
.header .nav{right:60px;}
.header .nav ul li{padding:0 12px;}
.header .nav ul li b a{font-size:14px;}

.column-name{ font-size:24px;}
.footer .subnav dl.tel,
.footer .bdsharebuttonbox{ float:none; width:100%; clear:both; padding-left:0; text-align:center;}
.footer .subnav dl{ width:16.5%;}
.footer .copyright .fr{ float:none; display:block;}
.footer .other,
.footer .links{ padding:2% 0;}

.menu { text-align:left;}
.menu ul li{ padding:0 5px 0 0;}
.menu ul li a{ font-size:15px;}
.menu ul li img{ width:24px; margin-right:5px;}

.link-list ul li{ width:33.33%;}


.editor-solution .family .list .intro time{ font-size:18px;}
.editor-solution .family .list .intro .h4{ font-size:20px;}
.editor-solution .family .list .intro .txt{ font-size:14px; line-height:24px;}
}
@media screen and (max-width:760px){
.header .other{ right:50px;top:22px}
.header .nav{ right:-100%; z-index:99; position:fixed; top:0; padding-top:13%; background-color:rgba(51, 51, 51, 0.75); width:70%;  height:100%;}
.header .nav ul li{ float:none; background:none;}
.header .nav ul li,
.header .nav ul li#nav1{ padding:1% 0}
.header .nav ul li a{ padding:0 5%; font-size:16px; line-height:40px; display:block; color:#fff;}
.header .nav ul li b a{line-height:40px; }
.header .nav ul li b a,
.header .nav ul li.on b a{ border-bottom:solid 1px rgba(255, 255, 255, 0.3)}
.header .nav ul li a:hover{ background-color: rgba(255, 255, 255, 0.3)}
.header .nav li dl{ text-align:left}
.header .nav li dl a{ font-size:14px;}
.header .nav li:hover dl{ position:relative;}
.header .nav.show{ display:block; right:0; }

.icon_menu{ display:block; z-index:100; width:30px; height:30px; position:absolute; top:28%; right:0;overflow:hidden; text-indent:-999em; cursor:pointer; }
.icon_menu a{ width:80%; height:4px; background-color:#00a2e9; position:absolute; right:10%; top:50%; margin-top:-1.5px; border-radius:2px;}
.icon_menu a::before,
.icon_menu a::after{ position:absolute; content:'';width:120%; height:4px;background-color:#00a2e9;right:0;-moz-transition:all 0.3s ease; -ms-transition:all 0.3s ease; -webkit-transition:all 0.3s ease;transition:all 0.3s ease; right:-10%; border-radius:2px;}
.icon_menu a::before{ top:-10px;}
.icon_menu a::after{ bottom:-10px;}

.On.icon_menu a{ background-color:transparent;}
.On.icon_menu a::before{ transform: rotate(-45deg); top:0}
.On.icon_menu a::after{ transform: rotate(45deg); bottom:0}
}
@media screen and (max-width:640px){


.footer .subnav dl{ display:none;}
.footer .subnav dl.tel{ display:block;}




.banner{ display:none;}
.banner-wap{ display:block;}

.Pages a{ padding:0 4px}


.news-list ul li .txt p{ font-size:12px;}
.news-list ul li .pic{ padding-top:48px;}
.img_l,
.img_r{ padding:2% 0;}

.article .other span{ display:block;}
.article .other span.bdsharebuttonbox{ display:none;}

.video-list ul li img{ width:100%;}
.video-list ul li:nth-child(even){ padding-top:4%;}


.case-list ul li dl h5{ font-size:16px; padding:10px 0;}
.case-list ul li dl span{ display:block;}
.case-list ul li dl dt{ padding-bottom:10px;}

.product-list ul li{ width:48%;}
.product-list ul li:nth-child(odd){ margin-right:2%;}

.editor-culture-txt{ padding:2%;}
.editor-culture-txt ul li{ padding:2% 0; margin-top:5%;}
.column-name{ font-size:16px;}
.editor-solution .family .list .intro .table-cell{ padding:2%;}
.editor-solution .family .list .intro .icon img{ max-width:8%;}

.footer .copyright span{white-space: inherit;}
.index .item2 .txt a.hand i{ left:-15px!important; }

}
@media screen and (min-width:320px){
.index .item2 .txt a.hand i{ left:-35px!important; }
}
@media screen and (min-width:640px){
.aimg{
	transition:All 0.4s ease-in-out;
	-webkit-transition:All 0.4s ease-in-out;
	-moz-transition:All 0.4s ease-in-out;
	-o-transition:All 0.4s ease-in-out;
}

.aimg:hover{
	 transform:scale(1.1);
	-webkit-transform:scale(1.1);
	-moz-transform:scale(1.1);
	-o-transform:scale(1.1);
	-ms-transform:scale(1.1);
}

.news-list ul li .pic{ padding-left:90px;}
.news-list ul li .txt h5{ font-size:18px;}
.news-list ul li .txt p{ height:96px; overflow:hidden;}
.news-list ul li time{ top:40%; left:0;}
.news-list ul li time span{ font-size:43px;}

.img_l{ float:left; width:49%;}
.img_r{ float:right; width:49%;}

.article .title{ font-size:30px; line-height:34px;}
.article .other{ text-align:center;}

.video-list ul li{ float:left; width:31%;}
.video-list ul li:nth-child(3n+2){ margin-left:3.5%; margin-right:3.5%;}
.video-list ul li:nth-child(4),
.video-list ul li:nth-child(5),
.video-list ul li:nth-child(6){ padding-top:2%;}
.video-list ul li h5{ font-size:16px;}
.video-list ul li div{ background-color:#000;}
.video-list ul li div img{ opacity:0.8; width:100%;}
.video-list ul li:hover div img{ opacity:1}



.case-list ul li{ width:30%; float:left; position:relative;}
.case-list ul li dl{ color:#fff; padding-left:6%; padding-right:6%; position:absolute; width:100%; height:54px; bottom:0; overflow:hidden; background-color:rgba(0, 0, 0, 0.4)}
.case-list ul li dl h5{ font-size:14px; line-height:54px;}
.case-list ul li dl h5 span{ font-size:18px; padding-right:10px;}
.case-list ul li dl h5 i{ font-style:normal;}
.case-list ul li:nth-child(3n+2){ margin-left:3.5%; margin-right:3.5%;}
.case-list ul li:hover dl{ height:100%; padding-top:6%; padding-bottom:6%;}
.case-list ul li:hover dl h5{ line-height:30px;}
.case-list ul li:hover dl span{ display:block;}

.product-list ul li{ width:20.5%; margin-right:2%; margin-left:2%;}
.product-list ul li:nth-child(4n+4){ margin-right:0;}
.product-list ul li h5{ font-size:16px;}

.column-name{ line-height:70px; text-align:center;  padding:5% 0;}
.column-name:after{ margin:auto; height:5px;}

.editor-about-txt{ font-size:16px; float:left; width:52%;}
.editor-about-photo{ float:right; width:44%;}

.editor-culture-txt{ padding:1px 0;}
.editor-culture-txt ul li{ float:left; width:33.3%; position:relative;}
.editor-culture-txt ul li .txt{ width:100%; padding:10% 5%; position:absolute; text-align:center;}
.editor-culture-txt ul li .txt h3{ color:#fff;}
.editor-culture-txt ul li .txt p{ color:#fff; opacity:0.5; font-size:22px;}

.editor-culture-txt ul li:nth-child(2){ margin-left:0.05%; margin-right:0.05%;}

.editor-solution .family .list{ position:relative;}
.editor-solution .family .list .intro{ color:#fff; position:absolute; width:30%; height:100%;}
.editor-solution .family .list .intro time{ padding:20px 0; display:block;}
.editor-solution .family .list .intro .h4{ margin:15px 0;}
.editor-solution .family .list .intro .txt{ opacity:0.5;}
.editor-solution .family .list.n2 .photo,
.editor-solution .family .list.n4 .photo,
.editor-solution .family .list.n6 .photo{ padding-left:30%;}
.editor-solution .family .list.n1 .photo,
.editor-solution .family .list.n3 .photo,
.editor-solution .family .list.n5 .photo,
.editor-solution .family .list.n7 .photo{ padding-right:30%;}
.editor-solution .family .list.n1 .intro,
.editor-solution .family .list.n3 .intro,
.editor-solution .family .list.n5 .intro,
.editor-solution .family .list.n7 .intro{ right:0;} 

.Floor001014 .category_list .list .item h5{position:absolute; left:auto; }
.Floor001014 .category_list .list:nth-child(odd){ padding-right:50%;}
.Floor001014 .category_list .list:nth-child(even){ padding-left:50%;}
.Floor001014 .category_list .list:nth-child(odd) .item{ padding-right:38px;}
.Floor001014 .category_list .list:nth-child(even) .item{ padding-left:38px;}
.Floor001014 .category_list .category{ padding:0 3%; }
.Floor001014 .category_list .category:before{ left:50%;}
.Floor001014 .category_list .list:nth-child(odd) .item h5{ right:-10px;}
.Floor001014 .category_list .list:nth-child(even) .item h5{ left:-10px;}
.Floor001014 .category_list .list:nth-child(even) .item h5 b{ left:auto; right:38px;}


.pro-details .photo,
.pro-details .details{ width:45%; display:inline-block; vertical-align:top;}
.pro-details .photo{ margin-right:7%;}
.pro-details .photo{ padding-top:0px;}
.pro-details .details .h2{ font-size:35px; line-height:80px; padding-top:120px; color:#333;}
.pro-details .details .h3{ font-size:30px; line-height:40px; margin-bottom:3%;margin-top: 50px;}
.pro-details .h4,
.pro-function .h4,
.pro-parameter .h4{ font-size:24px; line-height:40px;}
.pro-details .single{ font-size:16px;line-height:32px; padding-bottom:50px;}
.pro-function,
.pro-parameter{ font-size:18px;}
.pro-function .h4,
.pro-parameter .h4{ position:absolute;}
.pro-function>.single,
.pro-parameter>.single{ padding-left:258px;}
.pro-parameter ul li{ float:left; width:50%;}
}




/*下载页面*/
.download_list{ background:#fff; padding:40px 0 40px;}
.download_list .dl_phone{ width:317px; height:556px; margin:0 auto; background:url(../images/phone_bg.png) no-repeat; background-size:100% 100%; padding-top:58px;}
.dl_phone img{ display:block; width:223px; height:390px; margin:0 auto;}
.download_list .dl_text{ padding:0 10px;}
.dl_text .h3{ font-size:22px; line-height:22px; color:#111; margin:15px 0 10px;}
.dl_text .h4{ font-size:24px; line-height:24px; color:#111; font-weight:bold; margin-bottom:25px;}
.download_list .dl_btn{ text-align:center; margin-bottom:40px;}
.dl_btn span{ position: relative; display:block; float:left; width:45%; height:42px; line-height:42px; margin:0 5% 0 0; background:#111; font-size:18px; color:#fff; max-width:200px;}
.dl_btn span i{ display:inline-block; width:28px; height:30px; vertical-align:middle; margin:-2px 8px 0 0;}
.dl_btn span .dl_iphone{ background:url(../images/iphone_i.jpg) no-repeat;}
.dl_btn span .dl_android{ background:url(../images/android_i.jpg) no-repeat;}
.dl_btn span > img{ position: absolute; top:100%; left:18.5%; width:61.5%; display: none;}
.dl_btn span:hover > img{ display:block; }
.dl_ul1 .ul .h5{ font-size:18px; color:#111; font-weight:bold; margin:6px 0 10px;}
.dl_ul1 .ul .p{ font-size:15px; color:#696969; padding-left:10px;}

.dl_ul1 li{ margin-bottom:30px;}
.dl_ul1 li .dl_i1{ float:left;}
.dl_ul1 li .dl_li1{ float:left;}

.download_list2{ background:#fafafa;}
.dl_ul2 .ul .h5{ font-size:20px; color:#111; margin:10px 0 15px;}
.dl_ul2 li{ margin-bottom:30px;}
.dl_ul2 li .dl_i2{ float:left; width:66px; margin-right:20px;}
.dl_ul2 li .dl_li2{ float:left; width:70%;}

.download_list3{ background:#fff;}
.dl_ul3 li{ margin-bottom:5px;}

.download_list4{ background:#fafafa;}
.download_list4 .dl_ul1 li .dl_i1{ width:72px; margin-right:20px;}
.download_list4 .dl_ul1 li .dl_li1{ width:67%;}

@media screen and (min-width:480px){
.download_list .dl_phone{ width:396px; height:695px; padding-top:72px; background-size:100% 100%;}
.dl_phone img{ width:279px; height:487px;}
}
@media screen and (min-width:640px){
.download_list .dl_text{ padding:0 50px;}
.dl_text .h3{ font-size:30px; line-height:30px; margin:30px 0 25px;}
.dl_text .h4{ font-size:36px; line-height:36px; margin-bottom:45px;}
.dl_ul1 li{ float:left; margin-right:40px;}
.dl_ul1 .ul .p{ width:180px;}
.download_list4 .dl_ul1 .ul .p{ width:192px;}
.dl_ul2 .ul .h5{ font-size:24px;}
}
@media screen and (min-width:1024px){
.download_list{padding:140px 0 220px;}
.download_list .dl_phone{ float:left;}
.download_list .dl_text{ float:right; width:590px; padding:0;}
.dl_ul1 li{ margin-right:80px;}
.download_list4 .dl_ul1 li{ margin:35px 20px 0 0;}
.download_list4 .dl_ul1 li:nth-child(2n){ margin-right:0;}
.dl_btn span{ margin-right:66px;}
}
@media screen and (min-width:1200px){
.download_list .dl_phone{ margin-left:62px;}
}
@media screen and ( max-width:640px){
.dl_btn span > img{ position: absolute; top:100%; left:2.5%; width:95%; display: none;}
.dl_btn span:hover > img{ display:block; }
}
/*下载页面 结束*/




/*常见问题*/
.qa{ padding:30px 0;}
.qa .qa_h{ border-bottom:1px solid #ebebeb;}
.qa_h .ul li{ float:left; width:33.33%; height:35px; line-height:35px; text-align:center; position:relative; color:#333;}
.qa_h .ul li::before{ content:''; display:block; width:10px; height:10px; background:#ebebeb; position:absolute; bottom:-5px; right:46%; border-radius:10px;}
.qa_h .ul .qa_active::before{ background:#333;}
.qa .qa_body{ padding:20px 10px;}
.qa_body .ul li{ margin-bottom:60px;}
.qa_body .h3{ font-size:22px; color:#333; margin:10px 0 30px;}
.qa_body .qa_q{ font-size:16px; color:#222; margin-bottom:15px;}
.qa_body .qa_a{ color:#666;}

@media screen and (min-width:640px){
.qa{ padding:60px 0;}
.qa .qa_h{ float:left; width:15%; border-bottom:none; padding-top:160px}
.qa_h .ul li{ float:none; width:100%; margin-bottom:25px;}
.qa_h .ul li::before{ right:-5px; bottom:35%;}

.qa .qa_body{ padding:20px 0; float:left; width:80%; padding-left:5%; border-left:1px solid #ebebeb;}
.qa_body .h3{ font-size:28px; margin:20px 0 60px;}
.qa_body .qa_q{ font-size:18px;}
}
@media screen and (min-width:1024px){
.qa .qa_h{ width:10%;}
.qa .qa_body{ width:85%;}
}
/*常见问题 结束*/




/*服务支持*/
.service{ background:#fff;}
.service .service1{ position:relative; margin:0px 0 50px; padding-top:50px;}
.service1 .service_h{ position:absolute; top:20px; left:0; width: 100%;}
.service_h .p{ font-size:18px; color:#7f8182;text-align: center;}
.service_h .p span{ font-size:25px; color:#0c7ac4;text-align: center;}
.service_h .h3{ font-size:23px; color:#0c7ac4;text-align: center;}

.service .service2{ margin:50px 0;}
.service2 .service_h{ margin-bottom:30px;}
.service2 .ul li{ text-align:center; margin:0 0 30px;}
.service2 .ul li .p{ padding:8px 0; font-size:16px; color:#4d4e4f;}
.service3 .ul li .p{ padding:0; line-height:22px;}
.service2 .ul li img{ display:inline-block; background-color:#0c7ac4; border:solid 2px #0c7ac4; border-radius:50%;}
.service2 .ul li img.hoverImg{ display:none; background-color:#fff; border:solid 2px #0c7ac4; border-radius:50%;}
.service3 .ul li img{ margin-bottom:10px;}
.service2 .ul li:hover img{ display:none;}
.service2 .ul li:hover img.hoverImg{ display:inline-block; background-color:#fff;}
@media screen and (min-width:320px){
.service2 .ul li{ width:25%; float:left; margin:0; padding:0 2%}
}

.footer .bdsharebuttonbox .qq-pc{display:inline-block;}
.footer .bdsharebuttonbox .qq-wap{display: none;}
.contact_qq .pc{display: block;}
.contact_qq .wap{display: none;}

@media screen and (min-width:1024px){
.service2 .ul li{ width:25%; margin:40px 0;}
.service .service1{}
.service1 .service_h{}
.service2 .service_h{}
.service3 .ul{ padding:0 8%;}
.service3 .ul li{ width:33.33%;}


}
@media (max-width:768px) {
.footer .bdsharebuttonbox .qq-pc{display:none;}
.footer .bdsharebuttonbox .qq-wap{display: inline-block;}
.contact_qq .pc{display:none ;}
.contact_qq .wap{display: block;}
}
@media (max-width:640px) {
.service2 .ul li img{ max-width:55px; }
.service2 .ul li .p{ font-size:14px; line-height:20px; }

.service2.service3 .ul li{ width:33.33333%; }

}

/*服务支持 结束*/




/*右侧悬浮框*/
.contact{ background:#fff; position:fixed; top:48%; right:4%; z-index:9999;}
/*.h_contact{display: none;}*/
.contact .contact_list{ width:58px; padding:4px 0; border-bottom:1px solid #efefef; text-align:center; position:relative; border:1px solid #efefef; border-bottom:none; cursor:pointer;}
.contact .contact_list i{ display:inline-block; width:22px; height:22px; vertical-align:middle;}
.contact .contact_list .contact_i1{ background:url(../images/contact_i1.png) no-repeat; background-size:100% 100%;}
.contact .contact_list .contact_i2{ background:url(../images/contact_i2.png) no-repeat; background-size:100% 100%;}
.contact .contact_list .contact_i3{ background:url(../images/contact_i3.png) no-repeat; background-size:100% 100%;}
.contact .contact_list .p{ font-size:12px; color:#666; line-height:22px;}
.contact .contact_list4{ background:#e3e3e3; border-bottom:1px solid #efefef}
.contact .contact_list .contact_tel,.contact .contact_list .contact_qq{ width:160px; height:59px; line-height:58px; text-align:center; color:#fff; font-size:20px; font-weight:bold; background:#00a2e9; position:absolute; right:57px; top:-1px; display:none;}
.pc .contact .contact_list1:hover,.pc .contact .contact_list2:hover,.mobile .contact .ct_active{ border-color:#00a2e9; background:#00a2e9;}
.pc .contact .contact_list1:hover .contact_tel,.pc .contact .contact_list2:hover .contact_qq,.mobile .contact .ct_active .contact_tel,.mobile .contact .ct_active .contact_qq{ display:block;}
.pc .contact .contact_list1:hover .contact_i1,.mobile .contact .ct_active .contact_i1{ background:url(../images/contact_i12.png) no-repeat; background-size:100% 100%;}
.pc .contact .contact_list2:hover .contact_i2,.mobile .contact .ct_active .contact_i2{ background:url(../images/contact_i22.png) no-repeat; background-size:100% 100%;}
.pc .contact .contact_list1:hover .p,.pc .contact .contact_list2:hover .p,.mobile .contact .ct_active .p{ color:#fff;}
.contact_qq a,.contact_qq a:hover{ color:#fff;}

.hover{ width:100%; height:100%; background:rgba(0,0,0,0.6); position:fixed; top:0; left:0; overflow:auto; display:none; z-index:10000}
.hover .hover_m{ width:100%; position:fixed; top:15%;}
.hover .hover_m .hover_box{ background:#fff; margin:0 auto; width:1200px; padding:45px 25px; position:relative;}
.hover_box .h2{ font-size:26px; color:#1a1818; width:125px; background:url(../images/hover_line.png) no-repeat left center; padding-left:15px; margin:0 auto;}
.hover_box .item_box{ border-top:1px solid #cecece; margin:28px auto; padding-top:20px;}
.hover_box .hover_item{ width:23%; float:left; margin:0 1% 1%;}
.hover_box .hover_item.city{ width:48%}
.hover_box .hover_item.city select{ width:47%; margin-right:1%;}
.hover_box .hover_item1{ width:48%; margin-right:0;}
.hover_box .hover_item2{ width:98%;}
.hover_item .p{ background:url(../images/hover_h.png) no-repeat left center; padding-left:20px; height:32px; line-height:32px; font-size:16px; color:#00a2e9;}
.hover_item .p1{ background:none;}
.hover_item .p em{ color:red;}
.hover_item input,.hover_item select{ width:100%; height:32px; line-height:32px; border:1px solid #cecece; border-radius:3px; padding:0 10px;}
.hover_item input{ width:94%; padding:0 3%;}
.hover_item textarea{ width:100%; height:180px; border:1px solid #cecece; padding:10px; border-radius:3px;}
.hover_box .hover_btn{ float:left; width:100%;}
.hover_btn .hover_sub{ border:none; cursor:pointer; display:block; margin:0 auto; width:180px; height:50px; line-height:50px; text-align:center; color:#fff; font-size:20px; border-radius:3px; background:#00a2e9;}
.hover_box .hover_close,.hover_msgbox .hover_close2{ width:22px; height:22px; background:url(../images/hover_close.png) no-repeat; position:absolute; right:20px; top:20px; cursor:pointer;}
.hover_msg{ position:fixed; width:100%; height:100%; top:0; left:0; background:rgba(0,0,0,0.6); display:none;}
.hover_msg .hover_msgm{ position:absolute; top:30%; width:100%;}
.hover_msgm .hover_msgbox{ width:313px; height:158px; padding-top:40px; background:#fff; margin:0 auto; position:relative;}
.hover_msgbox .hover_success{ display:block; margin:0 auto; width:46px; height:46px; background:url(../images/hover_sus.png) no-repeat;}
.hover_msgbox .p{ font-size:18px; color:#2d2d2d; text-align:center; margin-top:15px;}

@media (max-width: 1200px) {
.hover .hover_m .hover_box{ width:90%;}
}
@media (max-width: 840px) {
.hover .hover_m{ top:5%;}
.hover_box .hover_item{ width:48%;}
.hover_box .hover_item2{ width:98%;}
}
@media (max-width: 640px) {
.hover .hover_m{ top:auto;bottom: 55px;}
.contact{ position:relative; right:auto; height:45px; background:#222; z-index: 10;}
.contact .contact_list{ width:45px; height:45px; padding-top:0; float:left; width:25%; border:none;}
.contact .contact_list4{background:#222;border:none;}
.contact .contact_list i{ width:18px; height:18px; background-size:100% 100%;}
.contact .contact_list .contact_tel,.contact .contact_list .contact_qq{ width:100%;height:46px; line-height:45px; font-size:16px; bottom:45px; top:auto; right:0;}
.contact .contact_list .p{ font-size:14px;}
.hover_box .h2{ font-size:20px;}
.contact .contact_list .contact_tel{padding-top: 12px;line-height: 18px;}
.contact .contact_list .contact_tel a{color: #fff;}
.hover_btn .hover_sub{ width:120px; height:35px; line-height:35px; font-size:16px;}

}
@media (max-width: 480px) {
.hover_box .hover_item{ width:98%;}
.hover_item .p1{ display:none;}
.hover_msgm .hover_msgbox{ width:80%;}
}
/*右侧悬浮框 结束*/




/*联系我们*/
.contactus{ padding:30px 0;}
.contactus #map{ width:100%; height:300px; margin-bottom:30px;}
.contactus .BMap_omCtrl{ display:none;}
.BMap_Marker>div img{ max-width:none;}
.contactus .ct_info{ padding:20px 0; position:relative;}
.ct_info .p{ color:#555;}
.ct_info .p_tel{ font-size:30px; color:#00a2e9; font-weight:bold; margin:5px 0 30px;}
.ct_info .p_line{ margin:50px 0 10px;}
.ct_info .p_web{ color:#193fff;}

.ct_info .ct_qr{ padding:20px 0; text-align:center; margin-top:30px;}
.ct_info .ct_qr .qr_img{ padding:10px; border:1px solid #eee; width:153px; margin:0 auto;}
.ct_qr .qr_img img{ width:133px; height:133px;}
.ct_qr .p_blue{ color:#00a2e9; margin-bottom:5px;}
.ct_qr .p_blue .ct_right{ display:inline-block; width:8px; height:13px; background:url(../images/qr_right.png) no-repeat; vertical-align:middle; margin:-2px 0 0 5px;}

@media (min-width: 480px) {
.contactus #map{ height:488px;}
.contactus .BMap_omCtrl{ display:block;}
}
@media (min-width: 1200px) {
.contactus{ padding:30px 0 130px;}
.ct_info .ul{ width:600px;}
.ct_info .ul li{ width:50%; float:left;}
.ct_info .ct_qr{ position:absolute; right:0; top:33px; width:370px; margin:0;}
.ct_qr .qr_p{ float:left; width:200px; text-align:right; padding-top:45px;}
.ct_info .ct_qr .qr_img{ float:right;}
}
/*联系我们 结束*/



.honor{ background:#fafafa; padding:30px 0; border-top:1px solid #efefef; margin-top:3%;}
.honer_list .ul li{ float:left; width:25%; margin-bottom:50px;}
.honer_list .ul .honor_img{ padding-bottom:100%; position:relative;}
.honor_img img{ width:100%; position:absolute; height:100%;}
.honer_list .ul .p{ color:#555; text-align:center; width:60%; margin:0 auto; line-height:22px; height:44px; padding:10px 0;}
@media (max-width: 640px){
.honer_list .ul li{ width:50%;}
}
/*荣誉资质 结束*/



/*招贤纳士*/

.join_item .join_h{ border-bottom:1px solid #efefef; cursor:pointer;}
.join_h .join_name,.join_h .join_num,.join_h .join_address,.join_h .join_time,.join_h .join_icon{ float:left; text-align:center; padding:16px 0; line-height:20px; color:#555;}
.join_h .join_name{ width:30%;}
.join_h .join_num{ width:20%;}
.join_h .join_address{  width:20%;}
.join_h .join_time{ width:25%;}
.join_h .join_icon{ width:5%;}
.join_h .join_icon .join_i{ display:inline-block; width:11px; height:11px; background:url(../images/join_i2.png) no-repeat; vertical-align:middle;}
.join_active .join_icon .join_i{ background:url(../images/join_i1.png) no-repeat;}
.join_item .join_blue{ background:#00a2e9; border:none; cursor:auto;}
.join_item .join_blue>div{ color:#fff;}

.join_item .join_info{ padding:10px 5% 30px; background:#fafafa; border:1px solid #efefef; border-top:none; display:none;}
.join_item .join_info .p{ color:#939393;}
.join_item .join_info .p1{ color:#555; margin-top:25px;}
.join_info .join_tip{ margin-top:30px;}
.join_info .join_tip .p{ color:#555;}
.join_tip .p span{ color:#00a2e9;}

.join .pages{ padding:40px 0;}

@media (min-width:768px){
.join{ min-height:600px;}
}
/*招贤纳士 结束*/


/*index start*/
.ind-font{ padding:1% 0; text-align:center;}
.ind-font a{    display: inline-block;} 
.ind-font .h2{ font-size:36px; line-height:40px;}
.ind-font .h3{ font-size:16px; color:#888888; padding:20px 2%}
.ind-font .h3:after{ content:''; display:block; margin:auto; width:52px; height:4px; margin-top:10px; background-color:#f0270f;}

.RollMouse{ position:absolute; width:100%; bottom:0;}
.RollMouse a{ position:relative; color:#fff; width:80px; text-align:center; padding-bottom:40px; margin:auto; display:block; bottom:0; background:url(../images/mouse_icon.png) no-repeat center bottom; animation: move 1s ease-in 0.5s infinite;
}
@keyframes move {
     0% {top:-40px;}
     50% {top:-20px;}
     100% {top:-40px;}
  }
@-moz-keyframes move {
     0% {top:-40px;}
     50% {top:-20px;}
     100% {top:-40px;}
  }
@-webkit-keyframes move {
     0% {top:-40px;}
     50% {top:-20px;}
     100% {top:-40px;}
  }
@-o-keyframes move {
     0% {top:-40px;}
     50% {top:-20px;}
     100% {top:-40px;}
  }

.index .bx-wrapper,
.product-hot .bx-wrapper{ position:relative;}
.index .bx-controls,
.product-hot .bx-controls{ z-index:8; position:absolute; width:100%; left:0; bottom:40px; text-align:center;}
.index .bx-controls .bx-pager-item,
.product-hot .bx-controls .bx-pager-item{ display:inline-block;}
.index .bx-controls .bx-pager-item a,
.product-hot .bx-controls .bx-pager-item a{ cursor:pointer; margin:0 5px; background-color:#fff; display:inline-block; width:5px; line-height:5px; text-indent:-99px; overflow:hidden; cursor:pointer;border-radius:100px;}
.index .bx-controls .bx-pager-item a.active,
.product-hot .bx-controls .bx-pager-item a.active{ background-color:#00a2e9;}

.index .item1{ position:relative; /*padding-top:70px;*/}
#dowebok{ padding-top:0px; z-index:9; }

.index .item1 .bx-controls{ left:auto; right:1%; width:auto; padding:0px 57px;}
.index .item1 .bx-controls-direction a{ top:0; position:absolute; display:block; overflow:hidden; width:33px; text-indent:-999px; background-image:url(../images/partner-icon.png); background-repeat:no-repeat;}
.index .item1 .bx-controls-direction a:hover{ opacity:0.5}
.index .item1 .bx-controls-direction a.bx-prev{ left:0; background-position:left center;}
.index .item1 .bx-controls-direction a.bx-next{ right:0; background-position:right center;}
.index .item1 .bx-pager { color:#fff;}
.index .item1 .bx-pager b{ color:#00a2e9; font-size:36px;}
.index .item1 li img{max-height:904px; width: 100%;}

.index .item2{ position:relative;}
.index .item2 .txt{ position:absolute; width:100%; height:100%;}
.index .item2 .txt a{ position:absolute; cursor:pointer;}
.index .item2 .txt a img{ width:100%;}
.index .item2 .txt a span{opacity:0}
.index .item2 .txt a:hover span,.index .item2 .txt a.on span{opacity:1}
.index .item2 .txt a.wind{ left:29.5%; top:45%; width:3%;}
.index .item2 .txt a.lamp{ left:47.7%; top:10%; width:4%;}
.index .item2 .txt a.light{ left:58.2%; top:15.8%; width:16%;}
.index .item2 .txt a.wifi{ left:86%; top:60.5%;width:3.5%;}
.index .item2 .txt a.hand{ left:78%; bottom:0; width:6%; font-size:18px; color:#fff;}
.index .item2 .txt a.hand span{opacity:1;}
.index .item2 .txt a.hand i{ position:absolute; left:53%; white-space:nowrap;}
.index .item2 .photo img{ max-height:910px; width:100%; }
.index .item2 .Mobile_ImgBG{ position: absolute; height: 100%; width:100%; }
.index .item2 .MobImgBG{ max-width: 1200px; height:100%; background:url(../images/Mobile_ImgBG.png) no-repeat; position: relative; margin:0 auto; }
.index .item2 .MobImgBG{ background-position:68% 85%!important; }
.index .item2 .MobImgBG a{ cursor:pointer; display:block; width:40px; height:40px; position: absolute; bottom:14%; background-repeat: no-repeat; background-size: contain;transition: 0.6s;}
.index .item2 .MobImgBG a.Hover{ right:41.5%; background-image: url(../images/Mobile_a1.png);}
.index .item2 .MobImgBG a.Hoverlamp{ right:38.1%; background-image: url(../images/Mobile_a2.png);}
.index .item2 .MobImgBG a.Hoverlight{ right:34.6%; background-image: url(../images/Mobile_a3.png);}
.index .item2 .MobImgBG a.Hoverwifi{ right:31%; background-image: url(../images/Mobile_a4.png);}
.index .item2 .MobImgBG a.Hoverhand{ right:27.6%; background-image: url(../images/Mobile_a5.png);cursor: default;}
.index .item2 .MobImgBG a.Hoverlamp:hover{ background-image: url(../images/Mobile_a2_on.png);}
.index .item2 .MobImgBG a.Hoverlight:hover{ background-image: url(../images/Mobile_a3_on.png);}
.index .item2 .MobImgBG .text1{position: absolute; left: 57.5%; top: 58%; color: #fff; background: rgba(0, 0, 0, 0.79); padding: 6px 1%; border-radius: 9px; box-shadow: 0px 0px 6px 0px rgba(0, 0, 0, 0.78); display: none;}
.index .item2 .MobImgBG .text2{position: absolute; left: 57.5%; top: 58%; color: #fff; background: rgba(0, 0, 0, 0.79); padding: 6px 1%; border-radius: 9px; box-shadow: 0px 0px 6px 0px rgba(0, 0, 0, 0.78); display: none;}




@media screen and (max-width:1366px){
.index .item2 .MobImgBG{ background-position:61% 85%; background-size:18%!important; }
.index .item2 .MobImgBG a{ width:30px; height:30px; }
.index .item2 .MobImgBG a.Hover{     right: 39.2%; }
.index .item2 .MobImgBG a.Hoverlamp{right: 36.5%;}
.index .item2 .MobImgBG a.Hoverlight{right: 33.8%;}
.index .item2 .MobImgBG a.Hoverwifi{ right:31%;}
.index .item2 .photo img{ height:auto; }
}
@media screen and (max-width:640px){
.index .item2 .Mobile_ImgBG a,
.index .item2 .txt a.hand{ display:none;}
}
.index .item3 .h2{ padding-top:10px;}
.index .item3 .fl,
.index .item3 .fr{ padding:3% 0; background-color:#fbfbfb; /*background-repeat:no-repeat; background-position:center top; background-size:cover;*/}
/*.index .item3 .fl{ background-image:url(../images/index_case_left.jpg);}
.index .item3 .fr{ background-image:url(../images/index_case_right.jpg);}*/

.product-hot .category h4{ color:#111111; font-size:36px; line-height:32px; padding-bottom:10px;}
.product-hot .category h4:after{ content:''; display:block; margin-top:8px; width:28px; height:3px; background-color:#00a2e9;}
.product-hot .category h4 span{ display:block;}
.product-hot .category h6 span{ margin-top:10px; line-height:16px; font-style:normal; display:inline-block;}
.product-hot .category h6 span a{ font-size:18px; color:#111111;}
.product-hot .category h6 span a:hover{ color:#009fe8;}
.product-hot .category h6 span{ padding-right:18px; margin-right:15px; border-right:solid 1px #111111;}

.product-hot ul li{ overflow:hidden; position:relative;}
.product-hot ul li a{ display:block; width:100%; background-repeat:no-repeat; background-position:center center;}
.product-hot ul li a h5{ text-align:center; width:100%; position:absolute; bottom:0px; color:#fff; background-color:rgba(0, 0, 0, 0.63); line-height:40px;}
.product-hot .photo ul li a{padding-top:120%;background-size:cover;}
.product-hot .list ul li a{ background-size:55%; }
#pro1.product-hot .list ul li.n1 a,
#pro1.product-hot .list ul li.n4 a,
#pro2.product-hot .list ul li.n1 a,
#pro2.product-hot .list ul li.n2 a{ background-color:#fafafa;}
#pro1.product-hot .list ul li.n2 a,
#pro1.product-hot .list ul li.n3 a,
#pro2.product-hot .list ul li.n3 a,
#pro2.product-hot .list ul li.n4 a{ background-color:#000;}

.index .item3 .h3:after{ display:none;}
.index .item3 .fl,
.index .item3 .fr{ width:50%; position: relative; }
.index .item3 .Telsj{ display:none; }
.index .item3 .PcTx{ display:block; position: relative; }
.index .item3 .PcTx .DIcon{ position: absolute; top:6%; width: 100%; text-align: center; }
.index .item3 .PcTx .DIcon img{    width: 13%;}

.index .item3 .PcTx .DIcon1,
.index .item3 .PcTx .DIcon2,
.index .item3 .PcTx .DIcon3,
.index .item3 .PcTx .DIcon4{ position: absolute; bottom:24%; }
.index .item3 .PcTx .DIcon1{ left:19.5%; }
.index .item3 .PcTx .DIcon2{ left:33.2%; }
.index .item3 .PcTx .DIcon3{ left:45.2%; }
.index .item3 .PcTx .DIcon4{ left:80.5%; bottom:30%; }
.index .item3 .PcTx .DIcon img,
.index .item3 .PcTx .DIcon1 img,
.index .item3 .PcTx .DIcon2 img,
.index .item3 .PcTx .DIcon3 img,
.index .item3 .PcTx .DIcon4 img{ cursor: pointer; transition: all 0.6s;  }
.index .item3 .PcTx .DIcon img:hover,
.index .item3 .PcTx .DIcon1 img:hover,
.index .item3 .PcTx .DIcon2 img:hover,
.index .item3 .PcTx .DIcon3 img:hover,
.index .item3 .PcTx .DIcon4 img:hover{ transform: scale(1.8);}
.index .item3 .PcTx .DIcon img{width:9%;}
.index .item3 .PcTx .DIcon1 img,
.index .item3 .PcTx .DIcon2 img,
.index .item3 .PcTx .DIcon3 img{width: 13%;}
.index .item3 .PcTx .DIcon4 img{width: 30%;}

.index .item4 .more{  padding:2% 0; font-size:18px; text-align:center;}
.index .item4 .ind-font{ padding:2% 0; }
.index .item4 .more a{ color:#00a2e9}
.index .item4 .more b{ padding-left:10px; font-family:宋体}

.index .item5 ul li{ cursor:pointer; }
.index .item5 ul li .playicon{ z-index:3; position:absolute; left:50%; top:50%;  }
.index .item5 ul li .playicon,
.index .item5 ul li .playicon span.icon,
.index .item5 ul li .playicon span.icon:before,
.index .item5 ul li .playicon span.icon:after{ border-radius:200px; display:block;}
.index .item5 ul li .playicon span.icon{ position:relative; width:100%; height:100%; border:solid 1px rgba(255, 255, 255, 0.11)}
.index .item5 ul li .playicon span.icon:before{ content:''; position:absolute;  width:80%; height:80%; left:10%; top:10%; background-color:rgba(255, 255, 255, 0.27)}
.index .item5 ul li .playicon span.icon:after{content:''; position:absolute;  width:40%; height:40%; left:30%; top:30%; background-image:url(../images/play_icon.png); background-repeat:no-repeat; background-position:center center; background-color:#00a2e9;}
.index .item5 ul li .playicon span{ display:block; text-align:center;}
.index .item5 ul li .playicon span.font{ text-align:center; color:#fff;}
.index .item5 ul li .playicon span.font i{ color:#00a2e9;}
.index .item5 ul li .playicon span.font i,
.index .item5 ul li .playicon span.font em{ font-style:normal; text-decoration:underline;}

.index .item5 ul li .pic{ width:100%; padding-bottom:50%;}
.index .item5 ul li .pic .img,
.index .item5 ul li .pic video{ left:0; top:0; position:absolute; width:100%; height:100%;}
.index .item5 ul li .pic .img{ z-index:2; background-repeat:no-repeat; background-position:center center; background-size:cover;}
.index .item5 ul li .pic video{ z-index:1; background-color:#000}


.index .item6{ padding-bottom:0%; padding-top:0px; }
.index .item6 .auto-1560{ padding-bottom:4%;}
.index .item6 ul li{ background-color:#fafafa; overflow:hidden;}
.index .item6 ul li .pic a{ display:block; width:100%; padding-top:60%; background-repeat:no-repeat; background-position:center center; background-size:cover;}
.index .item6 ul li .txt p{ color:#888888; margin:10px 0;}
.index .item6 ul li .txt time{ color:#888888}
.index .item6 ul li .txt time span{ padding-bottom:5px; font-size:18px; display:block; color:#03a931;}
.index .item6 ul li .txt .more{ color:#03a931;}
.index .item6 ul li .txt .more b{ font-family:宋体; padding-left:10px;}
@media screen and (max-width:1200px){
.product-hot .category h4{font-size: 24px; line-height: 24px;}
.product-hot .category h6 span{margin-top: 5px;}
.product-hot .category h6 span a{font-size: 16px;}
}
@media screen and (max-width:1000px){
.ind-font .h2{ font-size:22px;}
.ind-font .h3{ padding:10px 2%;}
.ind-font img{ max-width:10%;}

.product-hot .category h4{font-size:1.5em; line-height:18px; padding-bottom:0;}
.product-hot .category h6 span a{ font-size:14px; }
.product-hot .category h6 span{margin-top:0; padding-right:8px; margin-right:5px;}
	

}
@media screen and (max-width:768px){
.product-hot .category h4{font-size: 14px; line-height: 14px;}
.product-hot .category h6 span a{font-size: 12px;}
}
@media screen and (max-width:640px){
.index .item1 ul li .pc{ display:none;}

.product-hot .category h4 span{ display:inline-block; padding-right:10px;}
.product-hot .category h6{ padding-bottom:2%;}
.product-hot .category h6 span:nth-child(3n+3){ margin-right:0; border:none;}
.product-hot .list ul li{ float:left; width:49%; margin-top:2%;}
.product-hot .list ul li:nth-child(2n+1){ margin-right:2%;}
.product-hot .list ul li a{ padding-top:60%;}
.product-recommend .auto-1560{ margin-top:3%; margin-bottom:3%;}

.index .item3 .fl,
.index .item3 .fr{ float: none;width:100%}
.index .item3 .fl .DIcon img{width: 9%;}
.index .item3 .PcTx .DIcon1 img,
.index .item3 .PcTx .DIcon2 img,
.index .item3 .PcTx .DIcon3 img{width:10%;}
.index .item3 .PcTx .DIcon4{ bottom:29%; }
.index .item3 .PcTx .DIcon4 img{width:25%;}

.index .item5 ul li .playicon{margin-left:-50px; margin-top:-50px; width:100px; height:100px; }
.index .item6 ul li { margin:2% 0;}
.index .item6 ul li .txt{ padding:4%;}
.index .item6 ul li .txt p{ font-size:12px;}

/*.index .item3 .Telsj{ display:block; }
.index .item3 .PcTx{ display:none; }*/

video{ max-width:100%; }
.index .item5 ul li .playicon .fancybox{ display: block; position: absolute; width: 100%; height: 100%; top: 0; left: 0;}
}
@media screen and (min-width:640px){
.index .item1 ul li .wap{ display:none;}



.product-hot .category{ z-index:2; padding:1%; position:absolute; left:34.142%; top:51%; width:15.7%;}
.product-hot .category h6 span:nth-child(3n+2){ margin-right:0; border:none;}
.product-hot .photo{ width:33.10%;}
.product-hot ul li a h5{bottom:-100px;}
.product-hot ul li a:hover h5{ bottom:0; }
.product-hot .list{ width:66.60%; height:100%; position:absolute; right:0; top:0;}
.product-hot .list ul li{position:absolute;  width:49.664%; height:49.5%; overflow:hidden;}
.product-hot .list ul li a{ height:100%;}
.product-hot .list ul li.n1,
.product-hot .list ul li.n2{ top:0;}
.product-hot .list ul li.n3,
.product-hot .list ul li.n4{ bottom:0;}
.product-hot .list ul li.n2,
.product-hot .list ul li.n4{ right:0;}
.product-hot .list ul li.n3{ left:24.825%; width:24.825%;}
.product-recommend .auto-1560{ margin-top:0.5%; margin-bottom:0.5%;}
.product-recommend #pro2.product-hot .list{ left:0; right:auto;}
.product-recommend #pro2.product-hot .photo{ margin-left:67%;}
.product-recommend #pro2.product-hot .list ul li.n3{ left:0;}
.product-recommend #pro2.product-hot .category{ left:17%}

.index .item5 ul li .playicon{margin-left:-115px; margin-top:-115px; width:230px; height:230px; z-index: 1000;}
.index .item6 ul li{ position:relative; float:left; width:31%;}
.index .item6 ul li:nth-child(1),
.index .item6 ul li:nth-child(3){ padding-top:18%;}
.index .item6 ul li:nth-child(2){ padding-bottom:18%; margin-left:3.5%; margin-right:3.5%;}
.index .item6 ul li .pic{ overflow:hidden;}
.index .item6 ul li .pic a{ position:absolute;}
.index .item6 ul li:nth-child(1) .pic a,
.index .item6 ul li:nth-child(3) .pic a{ top:0;}
.index .item6 ul li:nth-child(2) .pic a{ bottom:0;}
.index .item6 ul li .txt{ padding:10% 8%;}
.index .item6 ul li .txt h5{ font-size:18px;}
.index .item6 ul li .txt time { padding:20px 0; display:block;}
.index .item6 ul li .txt time span{ font-size:48px;}
.index .item6 ul li .txt p{ height:48px; overflow:hidden; margin-bottom:20px;}
.index .item6 ul li:hover .txt {transform:translate(0,-20px);}
}
/*index end*/


/*.Map000101 联系我们地图*/
.Map000101{ padding:20px 0;}
.Map000101 .map{width:65%; float:left;}
.Map000101 .map #allMap{ height:450px; width:100%;}
.Map000101 .map #allMap img{ max-width:none;}
.Map000101 .info{ float:right; width:35%;max-height:450px; overflow:auto;}
.Map000101 .info li{ line-height:25px;padding:20px; border-bottom:1px #dbdbdb dotted;}
.Map000101 .info li p{ margin:0;}
.Map000101 .info li h1{ margin:0;font-size:14px;}
.Map000101 .info li.on{ background-color:#eee;}
@media screen and (max-width:640px){
.Map000101 .map #allMap{ height:300px; }
.Map000101 .map{width:100%; float:left;}
.Map000101 .info{ width:100%;max-height:300px; overflow:auto;}
.Map000101 .info li{ padding:10px; }
}
/*联系我们地图 结束*/

/*社区解决方案*/
.SmartCon > .title{ color:#000; font-size:35px; text-align: center; line-height:40px; padding:8% 0; }
.SmartCon > .title span{ display: block; color:#1a9bff; font-weight: bold; font-size: 22px; text-transform:uppercase; }
.SmartCon > .smart_lsit{ max-width:1200px; width:100%; margin:0 auto; overflow: hidden; }
.SmartCon > .smart_lsit li{ float: left; width:20%; text-align:center; }
.SmartCon > .smart_lsit li div{ background-position:center!important; }
.SmartCon > .smart_lsit li div img{
	-webkit-transition-property: -webkit-transform;
	-webkit-transition-duration: 1s;
	-moz-transition-property: -moz-transform;
	-moz-transition-duration: 1s;
	-webkit-animation: rotate 3s linear infinite;
	-moz-animation: rotate 3s linear infinite;
	-o-animation: rotate 3s linear infinite;
	animation: rotate 3s linear infinite;}
	@-webkit-keyframes rotate{from{-webkit-transform: rotate(0deg)}
	to{-webkit-transform: rotate(360deg)}
}
@-moz-keyframes rotate{
	from{-moz-transform: rotate(0deg)}
	to{-moz-transform: rotate(359deg)}
}
@-o-keyframes rotate{
	from{-o-transform: rotate(0deg)}
	to{-o-transform: rotate(359deg)}
}
@keyframes rotate{
	from{transform: rotate(0deg)}
	to{transform: rotate(359deg)}
}

.SmartCon > .smart_lsit li span{ display: block; width:100%; line-height:35px; }
.SmartCon > .NeiCon{color:#666666; font-size: 16px; text-align: center; max-width:585px; margin:7% auto; overflow: hidden; }
.SmartCon > .ImgBG01{ position: relative; text-align: center; }
.SmartCon > .ImgBG01 img{ max-width:100%; }
.SmartCon > .ImgBG01 .ImgBGCon{ position: absolute; bottom:10%; left:32%;  max-width:36%; color:#bdbdbd; text-align: center;}
.SmartCon > .ImgBG01 .ImgBGCon h4{ font-size:35px; color:#FFF; font-weight:initial; }
.SmartCon > .ImgBG01 .ImgBGCon.Color{ color:#666666; bottom:20%; }
.SmartCon > .ImgBG01 .ImgBGCon.Color h4{ color:#121415; }
.SmartCon > .ImgBG02 div{ width: 50%; position: relative; }
.SmartCon > .ImgBG02 .ImgBGConL{ float: left;}
.SmartCon > .ImgBG02 .ImgBGConR{ float: right;}
.SmartCon > .ImgBG02 .Dinw{ position: absolute; top: 0; width: 100%; height: 100%; text-align: center;}
.SmartCon > .ImgBG02 .Juz{ display: table; width: 100%; height: 100%;}
.SmartCon > .ImgBG02 .Chuiz{ display: table-cell; vertical-align: middle; color:#cccccc; padding:0 25%; line-height: 25px; font-size: 16px;}
.SmartCon > .ImgBG02 .Chuiz h4{ margin:30px 0; color:#FFF; font-size:35px; font-weight: initial; }
.SmartCon > .ImgBG03{ padding:8% 0; text-align: center; overflow: hidden; width:100%; }
.SmartCon > .ImgBG03 .ImgBGCon{ max-width:650px; margin:0 auto; font-size: 16px; }
.SmartCon > .ImgBG03 .ImgBGCon h4{ font-size: 35px; font-weight:initial; margin:20px 0; padding-top:40px; color:#121415; }
@media screen and (max-width:1130px){
.SmartCon > .title,
.SmartCon > .ImgBG03 .ImgBGCon h4,
.SmartCon > .ImgBG01 .ImgBGCon h4,
.SmartCon > .ImgBG02 .Chuiz h4{ font-size:30px;}
.SmartCon > .ImgBG02 .Chuiz{ padding:0 10%; }
}
@media screen and (max-width:768px){
.SmartCon > .ImgBG01 .ImgBGCon{ bottom:10%; max-width:60%; left:20%; }
.SmartCon > .ImgBG01 .ImgBGCon.Color h4{ margin:10px;}
.SmartCon > .smart_lsit li{ float: left; width:18%; margin:0 1%; text-align:center; }
}
@media screen and (max-width:640px){
.SmartCon > .smart_lsit li{ width:31.333%; }
.SmartCon > .smart_lsit li div{ border-radius: 100px;opacity: 0.9; margin:0 15%;}
.SmartCon > .title,
.SmartCon > .ImgBG03 .ImgBGCon h4,
.SmartCon > .ImgBG01 .ImgBGCon h4,
.SmartCon > .ImgBG02 .Chuiz h4{ margin:10px 0; font-size:25px;}
.SmartCon > .ImgBG01 .ImgBGCon h4{ color:#121415; }
.SmartCon > .title{ line-height:30px; }
.SmartCon > .title span{ font-size: 18px; }
.SmartCon > .NeiCon{ margin:2%; }
.SmartCon > .ImgBG01 .ImgBGCon{ position:initial; max-width:100%; margin-bottom:10px; padding:0 2% }
.SmartCon > .ImgBG02 div{ width:100%; position: relative; }
.SmartCon > .ImgBG02 .Chuiz,
.SmartCon > .ImgBG03 .ImgBGCon{ padding:0 2%; }
.SmartCon > .ImgBG03 .ImgBGCon h4{ padding-top:20px; }
}
/*社区解决方案 结束*/

/*企业文化*/
.About_Contu{ position: relative; }
.About_Contu .About_Dinw{ position: absolute; top: 0; left:5%; width:95%; height: 100%;}
.About_Contu .About_Juz{ display: table; width: 100%; max-width:1000px; height: 100%;}
.About_Contu .About_Chuiz{ display: table-cell; vertical-align: middle; color:#fff; line-height:35px; font-size:19px;}
.About_Contu .About_Chuiz h4{ margin:10px 0 20px; line-height:70px; font-size:50px; font-weight: initial; color:#FFF; text-align: center; }
.About_Contu .About_Chuiz .p{ margin:10px 0; }

.About_ul > .Title{ font-size:60px; color:#111111; text-align: center; display: block; width: 100%; float:left; line-height: 100px; padding:15px 0; }
.About_ul > ul li{ float: left; width:32%; margin-right:2%; }
.About_ul > ul li.end{ margin-right:0; }
.About_ul > ul li .liText{ position: relative; min-height:260px; padding-left:15%; background:#f7f7f7; color:#111111; font-size: 16px;}
.About_ul > ul li .liText span{ display:block; line-height:30px; width:100%; font-size:20px; }
.About_ul > ul li .liJuz{ position: absolute; display: table; width: 100%; max-width:300px; height:100%; min-height:260px;}
.About_ul > ul li .liChuiz{ display: table-cell; vertical-align: middle;}

@media screen and (max-width:1200px){
.About_Contu .About_Chuiz{ font-size:16px; }
.About_Contu .About_Chuiz h4{ font-size:30px; line-height:50px; }
.About_ul > ul li .liText{ padding-left:8%; }
}
@media screen and (max-width:1000px){
.About_Contu{  background-repeat: no-repeat; background-size: cover; background-position: center center;}
.About_Contu img{display: none;}
.About_Contu .About_Dinw{ position:initial; width:100%; padding:0 2%; }

.About_Contu .About_Chuiz{ /*color:#666; */}
.About_Contu .About_Chuiz h4{ /*color:#121415; */margin:5px 0;}
.About_Contu .About_Chuiz .p{ margin:5px 0; }
}

@media screen and (max-width:640px){
.About_Contu .About_Chuiz{ font-size:14px; line-height:25px; }
.About_Contu .About_Chuiz h4{ font-size:20px; line-height:30px; }
.About_ul > ul li{ width: 100%; padding-bottom:30px; }
.About_ul > ul li .liJuz,.About_ul > ul li .liText{ min-height:0; font-size:14px; }
.About_ul > ul li .liText span{ font-size: 18px; }
.About_ul > ul li .liText{ padding:15px 2%; }
.About_ul > ul li .yc{ display:block!important; }
.About_ul > ul li .xs{ display:none!important; }
.About_ul > .Title{    font-size: 20px;     float: none;line-height: 50px;}
.About_ul > ul li .liJuz{     position: inherit;}
}
/*企业文化 结束*/


.JS_list{ overflow: hidden; }
.JS_list li{ width:96%; padding:0 2%; border-bottom:dashed 1px #cccccc; line-height:45px; float: left; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; }
.JS_list li img{ margin-top:5px; margin-left:5px; margin-right:20px;}
.video_list video{max-width:100%; min-width:300px;min-height:400px;}
embed,iframe{ min-width:500px!important; min-height:300px!important; }

.item5{position:relative; overflow:hidden;}
.page2-a{ width:100%; height: 840px;position:absolute; left:0;top:0;z-index:1; /*background:#fc4355;*/     }
.page2-in{ width: 1200px; height: 430px; margin:0 auto; padding-top:410px;  position:relative; overflow:hidden;  color:#fff;/*background-color: red;*/}
.page2-in h3{ font-size: 42px; text-align:center; font-weight:100; position:absolute; top:112px; left:466px; z-index:1;}
.page2-in h2{ font-size: 30px; text-align:center; font-weight:100; position:absolute; top:172px; left:390px;z-index:1;}
.page2-in a{ text-align:center; line-height:22px; font-size: 18px;  color:#fff; font-weight:lighter; letter-spacing:2px; word-spacing:-4px;margin:20px 0 160px 550px;  display:inline-block; position:absolute; top:230px;z-index:1;}
.page2-in a:hover{ border-bottom: 1px solid #fff;}
.page2-in a:after{content:''; width: 20px; height: 20px; background:url(../images/yj.png) no-repeat; display:inline-block; position: absolute; left:88px; top:1px;}
.page2-in img{ width: 1150px; height:auto;}
/*波动*/
.page2-circle{width: 1000px; height: 1000px; position:absolute; left:50%;margin-left:-500px; top:340px; z-index: 999;}
.page2-circle .circle{width: 1000px; height: 1000px; border-radius:50%;     background: rgba(255, 255, 255, 0.11); position:absolute;}
.circle1{ animation:go 4.5s ease-out 0s infinite; opacity:0;}
@keyframes go{
    0%{ transform:scale(0.4); opacity:0.8;}
    100%{transform:scale(1.6);opacity:0;}
}
.circle2{ animation:gogo 4.5s ease-out 1.5s infinite; opacity:0;}
@keyframes gogo{
    0%{ transform:scale(0.4); opacity:0.8;}
    100%{transform:scale(1.6);opacity:0;}
}
.circle3{ animation:gogogo 4.5s ease-out 3s infinite; opacity:0;}
@keyframes gogogo{
    0%{ transform:scale(0.4); opacity:0.8;}
    100%{transform:scale(1.6);opacity:0;}
}


#SwiperTop.on{position: fixed; top: 70px; left: 0;}


@media screen and (max-width:640px){
.BDOVH{overflow: hidden!important;}
.hover .hover_m{width: 96%;height: 96%;left: 2%;top: 2%;right: auto;bottom: auto;background: #fff;overflow: auto;padding:0;}
.hover{z-index: 10000;}
.hover .hover_m .hover_box{width: 100%;}
.hover_box .hover_item.city{width: 100%;}
.header .nav{max-height: 520px;overflow: auto;}

.page2-circle{ display:none; }

}

.bd_weixin_popup .bd_weixin_popup_main{padding: 8px!important;}


/*2017-122-21*/
@media screen and (max-width:1367px){
.index .item3 .fl,.index .item3 .fr{padding:1% 0;}


.ind-font{ padding:4% 0 0; }
.ind-font .h3{ padding:0px 2%; }

.index .item4 .ind-font{ padding:1% 0; }
.index .item4 .more{ padding:0 0 2%; }
.product-hot .photo ul li a{ padding-top:100%;}

.index .item6{ padding-bottom:4%; padding-top:2%; }
.index .item6 .auto-1560{ padding-bottom:4%;}
.index .item6 ul li .txt{ padding:5% 4%; }
.index .item6 ul li .txt p{ margin-bottom:10px; }
.index .item6 ul li .txt time{ padding:0; }
.index .item6 ul li .txt time span{ line-height:36px; padding-bottom:0; }

.index .item7{  padding-top:70px; }
}
@media screen and (max-width:1200px){
.case-list ul li .pic{padding-top: 76%;}
}

@media screen and (max-width:1000px){
.case-list ul li .pic{padding-top: 85%;}
.case-list ul li dl dt{line-height: 20px; font-size: 14px;}
.case-list ul li dl dd{line-height: 20px; font-size: 14px;}
}

@media screen and (max-width:768px){
.case-list{overflow: hidden;}
.case-list ul{margin-right: -2%;}
.case-list ul li{width: 48%; margin-right: 2%;}

.case-list ul li:nth-child(3n+2) {margin-left: 0; margin-right: 2%;}
}

@media screen and (max-width:640px){
.case-list ul li{width: 98%;}
}


.por_info{width: 100%;}
.por_info .pic{width: 100%; background-repeat: no-repeat; background-position: center center; padding-bottom: 44%; background-size: cover;}
.por_info .title{width: 100%; text-align: center; top: 5%; font-size: 50px; color: #111; position: absolute;   left: 0;  z-index: 10;line-height: 55px; }
.por_info .title span{display: block; font-size: 24px; color: #666;    margin-top: 10px;    letter-spacing: 5.5px;}
.por_info  .text{position: absolute; width: 450px; top: 35%; left: 53%; z-index: 10;font-size: 16px;}
.por_info  .text dl{margin: 0;}
.por_info  .text dd{padding-left: 70px; background: url(../images/tip.png) 0 0 no-repeat; margin: 10px 0 0 0;}


.pro_info2{background: #f2eee6;}
.pro_info2 .left{width: 50%; float: left;}
.pro_info2 .right{width: 50%; float: right;}
.pro_info2 .right .text{padding: 18% 5% 0 5%;}
.pro_info2 .right .title{font-size: 55px; color: #333; margin-top: 55px; line-height: 55px;}
.pro_info2 .right .title span{display: block; font-size: 44px; color: #333;font-weight: lighter;line-height: 70px;letter-spacing: 3px;}
.pro_info2 .right dl{margin: 0;font-size: 16px;}
.pro_info2 .right dl dd{margin-top: 5%; padding-left: 15px; position: relative;}
.pro_info2 .right dl dd:after{width: 7px; height: 4px; background: #c0bdb7; position: absolute; top: 10px; left: 0; content: "";}


@media screen and (max-width:1200px){
.por_info  .text{top: 20%;}
.pro_info2 .right dl dd{margin-top: 10px;}
}

@media screen and (max-width:1000px){
.por_info .pic{padding-bottom: 55%;}
	
.pro_info2 .left{width: 100%; }
.pro_info2 .right{width: 100%; }
.pro_info2 .right .text{padding: 5%;}

}
@media screen and (max-width:768px){
.por_info  .text{left: auto; right: 2%;}
.por_info .pic{padding-bottom: 62%;}
	

}
@media screen and (max-width:640px){
.por_info .title{font-size: 18px; line-height: 18px;}
.por_info .title span{font-size: 14px;}
.por_info  .text{width: 96%;}
.por_info .pic{padding-bottom: 120%;}
	
.pro_info2 .right .title{font-size: 18px;}
.pro_info2 .right .title span{font-size: 14px;}
}




.index_title h3 {
    font-size: 26px;
    font-weight: bold;
    display: inline-block;
    letter-spacing: normal;
    border-bottom: 3px solid #03a931;
    padding-bottom: 9px;
    padding-right: 10px;
    color: #333;
}

.index_title h4 {
    font-size: 20px;
    font-weight: bold;
    display: inline-block;
    letter-spacing: normal;
    border-bottom: 3px solid #999;
    padding-bottom: 9px;
  
	margin-left:10px; 
	margin-right:10px;
    color: #999;
}
.index_title .active {
    font-size: 20px;
    font-weight: bold;
    display: inline-block;
    letter-spacing: normal;
    border-bottom: 3px solid #ff0000;
    padding-bottom: 9px;
  
	margin-left:10px; 
	margin-right:10px;
    color: #ff0000;
}
.index_title .active a{
    color: #ff0000;
}

.index_title {
	margin-left:20px; margin-top:20px; padding-top:20px;

}