/* css document */
html {	min-height: 100%;_height:100%;}
body{margin:0;padding:0;font:13px 黑体,arial, helvetica, sans-serif;color:#4d4d4d; background: center top; 	min-height: 100%;_height:100%; overflow-x:hidden;}
input{outline:none; cursor:pointer;}
dl,dd,dt,ul,li,form,p{margin:0;padding:0; list-style:none; }
.listnone{ list-style:none;}
img{border:0; vertical-align:bottom;}
.tevialign{ vertical-align:middle;}
a:link {color: #373737;text-decoration: none;} /* 未访问的链接 */
a:visited {color: #373737;text-decoration: none;} /* 已访问的链接 */
a:hover {color:#007bc2;text-decoration: none;} /* 鼠标在链接上 */ 
a:active {color: #373737;text-decoration: none;} /* 点击激活链接 */
.clearall{clear:both;height:1px;overflow:hidden;}
.f-left{float:left;}
.f-right{float:right;}
table{ width:100% !important;}
img{ vertical-align:bottom;}
input[type="button"], input[type="submit"], input[type="reset"] {-webkit-appearance: none;}
textarea { -webkit-appearance: none;}


/*-------------------------------------------index----------------------------------------------------------*/
.allwidth{ max-width:1100px; margin:0 auto;}
.allwidth01{ max-width:1100px; margin:0 auto;}

.in_logos{ width:25%; float:left;}
.in_logos img{ width:100%;}
.in_navs{ width:72%; float:right; padding:38px 0 0 0;}
.in_navs01{ display:none; width:58%; float:right; padding:45px 0 0 0;}

.in_banner{ height:auto;}

.bans { width:100%; overflow:hidden; position:relative; }
	.bans .warp { width:20000px; }
	.bans .warp a { float:left; display:block; }
	.bans .warp a img{ width:100%; float:left; }
	.bans ul { list-style:none; margin:0; padding:0; width:100%; position:absolute; bottom:20px; text-align:center; }
	.bans ul li { display:inline-block; width:14px; height:14px; background:#636969; border-radius:7px; margin:0 5px; }
	.bans ul li.click { background:#ffffff; }
	.bans span { position:absolute; width:35px; height:50px; background:#666; display:block; top:50%; margin-top:-25px; display:none; }
	.bans span.tl { left:0; }
	.bans span.tr { right:0; }


.in_bannerkk{ display:block; height:621px;}
.in_banner01{ display:none;}

.in_titles{ padding:65px 0 30px 0; text-align:center; background: center 85px no-repeat;}
.in_titles>strong{ color:#000; font-size:34px;}
.in_titles>span{ font-size:14px; color:#666666;}

.in_brand{ padding:0 0 45px 0;}
.in_brand a{ display:block; float:left; width:22%; margin:0 1.5%;}
.in_brand a .in_brandimg{ text-align:center; }
.in_brand a .in_brandimg img{ width:90%;-webkit-transition:0.4s linear;  transition:0.4s ease-in;}
.in_brand a:hover .in_brandimg img{
    /*-webkit-transform:rotate(360deg);
    transform:rotate(360deg);*/    
}
.in_brand a .in_brandimg span { position:absolute; left:0; top:0; width:100%; height:100%; display:block; background:#fff; opacity:0.5; filter:alpha(opacity=50);-webkit-transition:0.4s linear;  transition:0.4s ease-in; }
.in_brand a:hover .in_brandimg span{
      opacity:0; filter:alpha(opacity=0);
}


.in_brand a strong{ display:block; padding:15px 0; text-align:center; font-size:20px;}

.in_conbg01{ background:#343537;}
.in_ys{ padding:0 0 40px 0;}
a.in_yslist{ display:block; float:left; background:#fff  right bottom no-repeat; width:49.8%; margin-right:0.2%; margin-bottom:5px;
-webkit-transition: all 1s ease 0s;
	-moz-transition: all 1s ease 0s;
	-ms-transition: all 1s ease 0s;
	-o-transition: all 1s ease 0s;
	transition: all 1s ease 0s;}
a.in_yslist:hover{margin-top:-15px; margin-bottom:20px;}

a.in_yslist01{ display:block; float:left; background:#007bc2  left bottom no-repeat; width:49.8%; margin-left:0.2%; margin-bottom:5px; color:#fff;-webkit-transition: all 1s ease 0s;
	-moz-transition: all 1s ease 0s;
	-ms-transition: all 1s ease 0s;
	-o-transition: all 1s ease 0s;
	transition: all 1s ease 0s;}
a.in_yslist01:hover{  margin-top:-15px; margin-bottom:20px;}

a.in_yslist02{ display:block; float:left; background:#007bc2  right top no-repeat; width:49.8%; margin-right:0.2%; margin-bottom:5px;color:#fff;-webkit-transition: all 1s ease 0s;
	-moz-transition: all 1s ease 0s;
	-ms-transition: all 1s ease 0s;
	-o-transition: all 1s ease 0s;
	transition: all 1s ease 0s;}
a.in_yslist02:hover{margin-top:20px; margin-bottom:-20px;}

a.in_yslist03{ display:block; float:left; background:#fff  left top no-repeat; width:49.8%; margin-left:0.2%; margin-bottom:5px;-webkit-transition: all 1s ease 0s;
	-moz-transition: all 1s ease 0s;
	-ms-transition: all 1s ease 0s;
	-o-transition: all 1s ease 0s;
	transition: all 1s ease 0s;}
a.in_yslist03:hover{ margin-top:20px; margin-bottom:-20px;}

.in_yslist_l{ float:left; width:16%; text-align:right; padding:50px 0 50px 0;}
.in_yslist_l img{ width:90%;}
.in_yslist_r{ float:right; width:72%; padding:40px 8% 0 0;}
.in_yslist_r strong{ display:block; font-size:20px; padding-bottom:10px; }
.in_moreskuan{ width:91px; height:46px;}
a.in_mores{ display:block; position:relative; width:91px; height:46px; margin:0 auto;}
a.in_mores strong{ display:block; position:absolute; left:0px; bottom:0; width:91px; height:46px; background: center bottom no-repeat; opacity:1;
-webkit-transition: all 1s ease 0s;
	-moz-transition: all 1s ease 0s;
	-ms-transition: all 1s ease 0s;
	-o-transition: all 1s ease 0s;
	transition: all 1s ease 0s;}
a.in_mores:hover strong{  opacity:0;left:-100px;}
a.in_mores span{ display:block; position:absolute; right:-100px; bottom:0; width:91px; height:46px; background: center bottom no-repeat; opacity:0;
-webkit-transition: all 1s ease 0s;
	-moz-transition: all 1s ease 0s;
	-ms-transition: all 1s ease 0s;
	-o-transition: all 1s ease 0s;
	transition: all 1s ease 0s;}
a.in_mores:hover span{ opacity:1;right:0;}

.in_abouts{ padding:0 0 40px 0;}
.in_abouts_l{ width:41%; float:left;}
.in_abouts_l img{ width:100%;}
.in_abouts_r{ width:55%; float:right;}

.in_conbg02{ background:#f7fcfe;}
.in_pros{ padding:0 0 40px 0; overflow:hidden;}
a.in_pros_list{ display:block; float:left; width:24%; margin:0 0.5% 5px 0.5%;}
a.in_pros_list .in_prosimg{ overflow:hidden;}
a.in_pros_list .in_prosimg img{ width:100%;display: block; margin:0 auto;transition:all 0.3s; z-index:100; }
a.in_pros_list:hover .in_prosimg img{-webkit-transform: scale(1.1,1.1); 
    -o-transform: scale(1.1,1.1);
    transition: all 1s;
    -webkit-transition: all 1s;}
a.in_pros_list .in_prosimg{ border:1px solid #eeeeed;}
a.in_pros_list span{ display:block; padding:15px 0 0 0; text-align:center; font-size:16px; height:50px; overflow:hidden;}


a.in_pros_list01{ display:block; float:left; width:95%; margin:0 0.5% 5px 0.5%;}
a.in_pros_list01 .in_prosimg{ overflow:hidden;}
a.in_pros_list01 .in_prosimg img{ width:100%;display: block; margin:0 auto;transition:all 0.3s; z-index:100; }
a.in_pros_list01:hover .in_prosimg img{-webkit-transform: scale(1.1,1.1); 
    -o-transform: scale(1.1,1.1);
    transition: all 1s;
    -webkit-transition: all 1s;}
a.in_pros_list01 .in_prosimg{ border:1px solid #eeeeed;}
a.in_pros_list01 span{ display:block; padding:15px 0 0 0; text-align:center; font-size:16px; height:50px; overflow:hidden;}

.in_contact{ overflow:hidden;}
.in_con_l{ width:67%; float:left; height:310px; overflow:hidden;}
.in_con_r{ width:23%; float:right; background: #007bc2 left center no-repeat; padding:20px 5%; height:270px; overflow:hidden; color:#fff;}
.in_con_r strong{ display:block; font-size:24px; padding:15px 0; font-weight:normal; background: left bottom no-repeat;}
.in_con_r span{ display:block; padding:20px 0; font-size:14px; line-height:24px;}

.in_footbg{ background:#252527; color:#9c9c9c; font-size:12px; font-family:宋体 arial, helvetica, sans-serif;}
.in_foots{ padding:50px 0 40px 0;  background: center bottom no-repeat;}
.in_foots_l{ width:83%; float:left; text-align:center}
.in_foots_l dt{ padding:0 0 20px 0;}
.in_foots_l dt strong{ display: inline-block; padding-bottom:5px; font-size:16px; color:#fff; background: left bottom no-repeat; }
.in_foots_l dd{ overflow:hidden;}
.in_foots_l dd a { display:inline-block; margin:10px; color:#9c9c9c}
.in_foots_m{ width:41%; float:left; padding:0 7%;}
.in_foots_m dt{ padding:0 0 20px 0;}
.in_foots_m dt strong{ display: inline-block; padding-bottom:5px; font-size:16px; color:#fff; background: left bottom no-repeat; }
.in_foots_m dd{ overflow:hidden; line-height:24px;}

.in_foots_r{ width:17%; float:left;}
.in_foots_r dt{ padding:0 0 20px 0;}
.in_foots_r dt strong{ display: inline-block; padding-bottom:5px; font-size:16px; color:#fff; background: left bottom no-repeat; }
.in_foots_r dd{ overflow:hidden;}
.in_tels{ font-size:24px; color:#ffffff;}
.in_ewm{ padding:10px 0 0 10px; overflow:hidden;}
.in_ewm img { margin:5px}
.in_ewm_l{float:left; width:30px; margin:5px}
.qrcode{ position:absolute; display:none}
.in_ewm_r{ float:left; width:30px;margin:5px 20px}

.in_foot_copy{ padding:25px 0 25px 0; text-align:center;}


.sub_banner{ display:block; height:270px;}
.sub_banner01{ display:none; height:auto;}

.in_titles01{ padding:45px 0 30px 0; text-align:center; background: center 55px no-repeat;}
.in_titles01>strong{ color:#000; font-size:34px; font-weight:normal;}

.sub_nav{ background:#f7f7f7; margin-bottom:35px;}
.sub_nav>a{ display:block; float:left; padding:20px 1%; font-size:14px;background:  center 73px no-repeat; margin-right:0.1%;
-webkit-transition: all 1s ease 0s;
	-moz-transition: all 1s ease 0s;
	-ms-transition: all 1s ease 0s;
	-o-transition: all 1s ease 0s;
	transition: all 1s ease 0s;}
.sub_nav>a:hover{ background:  #007bc2 center 43px no-repeat; color:#fff; padding:20px 1.5%;}
a.sub_nav_c,a.sub_nav_c:hover{ display:block; float:left; padding:20px 1.5%; font-size:14px;background:  #007bc2 center 43px no-repeat; color:#fff; margin-right:0.1% padding:20px 3.5%;}

.pros_seclist{ padding:20px 0 40px 0;}
.pros_seclist a{ color:#777777; 
-webkit-transition: all 1s ease 0s;
	-moz-transition: all 1s ease 0s;
	-ms-transition: all 1s ease 0s;
	-o-transition: all 1s ease 0s;
	transition: all 1s ease 0s;}
.pros_seclist a:hover{ color:#007bc2; }

.sub_cons{ padding:0 0 60px 0; font-family:宋体;}

.pros_imgs{ margin-bottom:35px;}
.pros_imgs_l{ width:45%; float:left; border:1px solid #efefef;}
.pros_imgs_l img{ width:100%;}
.pros_imgs_r{ width:50%; float:right;max-height:498px; overflow:hidden}
.pros_imgs_r strong{ font-size:24px; display:block; padding:15px 0 10px 0; color:#007bc2; font-family:黑体;}
.pros_xh{ font-size:16px; display:block; padding-bottom:20px;font-family:黑体;}
.pros_imgs_r span{ line-height:24px; font-size:14px;font-family:黑体; color:#777777;}
.pros_title{ border-left:5px solid #ce001c; padding:2px 0 2px 5px; font-size:18px; font-family:黑体;}
.pros_texts{ font-size:14px; line-height:26px; padding:20px 1%;}

a.newslist{ display:block; border:1px solid #dedede; margin-bottom:20px;
-webkit-transition: all 1s ease 0s;
	-moz-transition: all 1s ease 0s;
	-ms-transition: all 1s ease 0s;
	-o-transition: all 1s ease 0s;
	transition: all 1s ease 0s;}
a.newslist:hover{ color:#007bc2; border:1px solid #007bc2;}
a.newslist .newslist_l{ width:86%; float:left; padding:20px 2%;}
a.newslist .newslist_l strong{ display:block; font-size:14px; padding:10px 0 15px;}
a.newslist .newslist_l span{ display:block; font-size:12px; padding:0 0 15px;}
a.newslist .newslist_l .newslist_a{ display:block; width:90px; border-radius:50px; border:1px solid #c6c6c6; color:#c6c6c6; padding:5px 0; text-align:center;
-webkit-transition: all 1s ease 0s;
	-moz-transition: all 1s ease 0s;
	-ms-transition: all 1s ease 0s;
	-o-transition: all 1s ease 0s;
	transition: all 1s ease 0s;}
a.newslist:hover .newslist_l .newslist_a{ display:block; width:90px; border-radius:50px; border:1px solid #007bc2; color:#ffffff; background:#007bc2; padding:5px 0; text-align:center;}
a.newslist .newslist_r{ width:10%; float:right; background:#f2f2f2; min-height:150px; font-family:arial, helvetica, sans-serif;
-webkit-transition: all 1s ease 0s;
	-moz-transition: all 1s ease 0s;
	-ms-transition: all 1s ease 0s;
	-o-transition: all 1s ease 0s;
	transition: all 1s ease 0s;}
a.newslist .newslist_r strong{ display:block; font-size:50px; text-align:center; padding:25px 0 5px 0;
-webkit-transition: all 1s ease 0s;
	-moz-transition: all 1s ease 0s;
	-ms-transition: all 1s ease 0s;
	-o-transition: all 1s ease 0s;
	transition: all 1s ease 0s;}
a.newslist .newslist_r span{ display:block; font-size:14px; text-align:center; padding:0px 0 0px 0;
-webkit-transition: all 1s ease 0s;
	-moz-transition: all 1s ease 0s;
	-ms-transition: all 1s ease 0s;
	-o-transition: all 1s ease 0s;
	transition: all 1s ease 0s;}
a.newslist:hover .newslist_r{ width:10%; float:right; background:#007bc2; min-height:150px; font-family:arial, helvetica, sans-serif;}
a.newslist:hover .newslist_r strong{ display:block; color:#fff; font-size:50px; text-align:center; padding:25px 0 5px 0;}
a.newslist:hover .newslist_r span{ display:block; color:#fff; font-size:14px; text-align:center; padding:0px 0 0px 0;}

.about_text{ line-height:26px;}

.in_mnav{ display:none; background:; width:101%; position:absolute; top:90px; padding:25px 0 50px 0; left:-1%; z-index:100000;}
.in_mnav a{ display:block; margin:0 auto 8px auto; background:#ffffff; border-radius:5px; text-align:center; font-size:15px; padding:5px 0; width:90%;-webkit-transition: all 1s ease 0s;
	-moz-transition: all 1s ease 0s;
	-ms-transition: all 1s ease 0s;
	-o-transition: all 1s ease 0s;
	transition: all 1s ease 0s;}
.in_mnav a:hover{ background:#0187e5; color:#fff;}
.in_buttom{ display:none; width:40px; height:36px; background-color:#ffffff; background-image: none;   border: 1px solid #ffffff; border-radius: 4px; padding:0; float:right; margin:28px 10px 0 0;} 
.in_buttom span{ display:none; width:36px; margin:4px auto; height:4px; border-radius:5px; background-color:#999999; }

.tablist { width:100%; position:relative; }
.tablist span { position:absolute;  height:80px; width:30px; line-height:80px; top:50%; margin-top:-50px; background:#f3f3f3; text-align:center; color:#888888; font-size:20px; cursor:pointer; }        
.tablist span.tl { left:0px; }
.tablist span.tr { right:0px; }
.tablist .box { margin:0px; width:auto; overflow:hidden; }
.tablist .box .warp { width:500000px; }
.tablist .box .warp a { float:left; overflow:hidden; }
.tablist .box .warp a img { width:96%; margin:2%; border:1px solid #eeeeed; display: block; margin:0 auto;transition:all 0.3s; z-index:100; }
.tablist .box .warp a:hover img{-webkit-transform: scale(1.1,1.1); 
    -o-transform: scale(1.1,1.1);
    transition: all 1s;
    -webkit-transition: all 1s;}
.tablist .box .warp a p { font-size:14px; font-family:宋体; font-weight:normal; display:block; padding:20px 0 0 0; text-align:center; }


.in_navs_li{ float:left; position:relative;width:120px;margin-left:0.6%; margin-top:8px}
.in_navs_li .innav_a{ display:block; width:100%;font-size:16px; padding:5px 0;text-align:center; border-radius:35px;
-webkit-transition: all 1s ease 0s;
	-moz-transition: all 1s ease 0s;
	-ms-transition: all 1s ease 0s;
	-o-transition: all 1s ease 0s;
	transition: all 1s ease 0s;}
.in_navs_li:hover .innav_a{ background:#007bc2; border-radius:0 50px 0 50px; color:#fff;}
.in_navs_li .in_navs_se{ position:absolute; width:100%; top:50px; opacity:0; visibility:hidden; padding:0 0 0 0;height:0;
-webkit-transition: all 1s ease 0s;
	-moz-transition: all 1s ease 0s;
	-ms-transition: all 1s ease 0s;
	-o-transition: all 1s ease 0s;
	transition: all 1s ease 0s;}
.in_navs_li:hover .in_navs_se{top:35px; visibility:visible; opacity:1; z-index:1000;}
.in_navs_li .in_navs_se .in_navs_jt{ height:6px; background: center bottom no-repeat;}
.in_navs_li .in_navs_se .in_navs_selist{background:#ffffff; color:#333; padding:10px 5px; border-radius:8px;display:block}
.in_navs_li .in_navs_se .in_navs_selist a{ display:block; padding:5px 10px; color:#333; text-align:center; font-size:13px;}
.in_navs_li .in_navs_se .in_navs_selist a:hover{ color:#007bc2 ;}

.in_navs_li .in_navs_sep{ position:absolute; top:50px; opacity:0; visibility:hidden; padding:0 0 0 0; width:2200px;left:-900px;
-webkit-transition: all 1s ease 0s;
	-moz-transition: all 1s ease 0s;
	-ms-transition: all 1s ease 0s;
	-o-transition: all 1s ease 0s;
	transition: all 1s ease 0s;background: #ffffff;}
	.plist .title{ font-weight:bold; font-size:13px;}
.in_navs_li:hover .in_navs_sep{top:35px; visibility:visible; opacity:1; z-index:1000;}
.in_navs_li .in_navs_sep .in_navs_jt{ height:6px; background: center bottom no-repeat; }
.in_navs_li .in_navs_sep .in_navs_selist{background:#ffffff; color:#333; padding:10px 5px; border-radius:8px;display:block;margin:0 auto;width: 1000px;}

.in_navs_li .in_navs_sep .in_navs_selist .plist {float:right; display:block;background:#ffffff;color:#333;}
.in_navs_li .in_navs_sep .in_navs_selist ul li{ display:block;background:#ffffff;}
.in_navs_li .in_navs_sep .in_navs_selist a {display: block;padding: 5px 10px;color: #333;text-align: left;font-size: 13px;}

.in_navs_li .in_navs_sep .in_navs_selist a:hover{ color:#007bc2 ;}
.clear{ clear:both} 
div:after{
content:".";
height:0;
visibility:hidden;
display:block;
clear:both;
} 
.plist{
	display:inline-grid;
}


.plist a{
    width: 140px;

}
a.newslist01{ display:block; border:1px solid #dedede; margin-bottom:10px;
-webkit-transition: all 1s ease 0s;
	-moz-transition: all 1s ease 0s;
	-ms-transition: all 1s ease 0s;
	-o-transition: all 1s ease 0s;
	transition: all 1s ease 0s;}
a.newslist01:hover{ color:#007bc2; border:1px solid #007bc2;}
a.newslist01 .newslist_l{ width:76%; float:left; padding:8px 2%;}
a.newslist01 .newslist_l strong{ display:block; font-size:14px; padding:10px 0 15px;}
a.newslist01 .newslist_l span{ display:block; font-size:12px; padding:0 0 15px;}
a.newslist01 .newslist_l .newslist_a{ display:block; width:90px; border-radius:50px; border:1px solid #c6c6c6; color:#c6c6c6; padding:5px 0; text-align:center;
-webkit-transition: all 1s ease 0s;
	-moz-transition: all 1s ease 0s;
	-ms-transition: all 1s ease 0s;
	-o-transition: all 1s ease 0s;
	transition: all 1s ease 0s;}
a.newslist01:hover .newslist_l .newslist_a{ display:block; width:90px; border-radius:50px; border:1px solid #007bc2; color:#ffffff; background:#007bc2; padding:5px 0; text-align:center;}
a.newslist01 .newslist_r{ width:20%; float:right; background:#f2f2f2; min-height:135px; font-family:arial, helvetica, sans-serif;
-webkit-transition: all 1s ease 0s;
	-moz-transition: all 1s ease 0s;
	-ms-transition: all 1s ease 0s;
	-o-transition: all 1s ease 0s;
	transition: all 1s ease 0s;}
a.newslist01 .newslist_r strong{ display:block; font-size:50px; text-align:center; padding:25px 0 5px 0;
-webkit-transition: all 1s ease 0s;
	-moz-transition: all 1s ease 0s;
	-ms-transition: all 1s ease 0s;
	-o-transition: all 1s ease 0s;
	transition: all 1s ease 0s;}
a.newslist01 .newslist_r span{ display:block; font-size:14px; text-align:center; padding:0px 0 0px 0;
-webkit-transition: all 1s ease 0s;
	-moz-transition: all 1s ease 0s;
	-ms-transition: all 1s ease 0s;
	-o-transition: all 1s ease 0s;
	transition: all 1s ease 0s;}
a.newslist01:hover .newslist_r{ width:20%; float:right; background:#007bc2; min-height:135px; font-family:arial, helvetica, sans-serif;}
a.newslist01:hover .newslist_r strong{ display:block; color:#fff; font-size:50px; text-align:center; padding:25px 0 5px 0;}
a.newslist01:hover .newslist_r span{ display:block; color:#fff; font-size:14px; text-align:center; padding:0px 0 0px 0;}

.pros_order{ padding-bottom:20px; overflow:hidden;}
.pros_order_l{ width:47%; float:left; padding:5px 1%;border:1px solid #dddddd; }
.pros_order_r{ width:47%; float:right; padding:5px 1%;border:1px solid #dddddd;}
	
@media (max-width: 900px) {	
.allwidth{ max-width:98%; padding:0 1%; margin:0 auto;}
.allwidth01{ max-width:100%; margin:0 auto;}

.in_logos{ width:50%; float:left; height:77px; overflow:hidden; padding:8px 0 0 0;}
.in_logos img{ width:100%;}
.in_navs{ display:none; width:57%; float:right; padding:45px 0 0 0;}
.in_navs01{ display:block; width:43%; float:right; padding:5px 0 0 0;}
.in_navs a{ display:block; float:left; width:16%; margin-left:0.6%; padding:5px 0; font-size:16px; text-align:center;
-webkit-transition: all 1s ease 0s;
	-moz-transition: all 1s ease 0s;
	-ms-transition: all 1s ease 0s;
	-o-transition: all 1s ease 0s;
	transition: all 1s ease 0s;}
.in_navs a:hover{ background:#007bc2; border-radius:0 50px 0 50px; color:#fff;}

.in_banner{ height:auto;}

.bans { width:100%; overflow:hidden; position:relative; }
	.bans .warp { width:20000px; }
	.bans .warp a { float:left; display:block; }
	.bans .warp a img{ width:100%; float:left; }
	.bans ul { list-style:none; margin:0; padding:0; width:100%; position:absolute; bottom:10px; text-align:center; }
	.bans ul li { display:inline-block; width:14px; height:14px; background:#636969; border-radius:7px; margin:0 5px; }
	.bans ul li.click { background:#ffffff; }
	.bans span { position:absolute; width:35px; height:50px; background:#666; display:block; top:50%; margin-top:-25px; display:none; }
	.bans span.tl { left:0; }
	.bans span.tr { right:0; }


.in_bannerkk{ display:none; height:621px;}
.in_banner01{ display:block;}

.in_titles{ padding:35px 0 30px 0; text-align:center; background: center 85px no-repeat;}
.in_titles>strong{ color:#000; font-size:28px;}
.in_titles>span{ font-size:14px; color:#666666;}

.in_brand{ padding:0 0 45px 0;}
.in_brand a{ display:block; float:left; width:47%; margin:0 1.5%;}
.in_brand a .in_brandimg{ text-align:center;}
.in_brand a .in_brandimg img{ width:90%;-webkit-transition:0.4s linear;transition:0.4s ease-in;}
.in_brand a:hover .in_brandimg img{-webkit-transform:rotate(360deg);transform:rotate(360deg);}
.in_brand a strong{ display:block; padding:15px 0; text-align:center; font-size:20px;}

.in_conbg01{ background:#343537;}
.in_ys{ padding:0 0 40px 0;}
a.in_yslist{ display:block; float:left; background:#fff none right bottom no-repeat; width:99.8%; margin-right:0.2%; margin-bottom:5px;
-webkit-transition: all 1s ease 0s;
	-moz-transition: all 1s ease 0s;
	-ms-transition: all 1s ease 0s;
	-o-transition: all 1s ease 0s;
	transition: all 1s ease 0s;}
a.in_yslist:hover{margin-top:-15px; margin-bottom:20px;}

a.in_yslist01{ display:block; float:left; background:#007bc2 none left bottom no-repeat; width:99.8%; margin-left:0.2%; margin-bottom:5px; color:#fff;-webkit-transition: all 1s ease 0s;
	-moz-transition: all 1s ease 0s;
	-ms-transition: all 1s ease 0s;
	-o-transition: all 1s ease 0s;
	transition: all 1s ease 0s;}
a.in_yslist01:hover{  margin-top:-15px; margin-bottom:20px;}

a.in_yslist02{ display:block; float:left; background:#007bc2 none right top no-repeat; width:99.8%; margin-right:0.2%; margin-bottom:5px;color:#fff;-webkit-transition: all 1s ease 0s;
	-moz-transition: all 1s ease 0s;
	-ms-transition: all 1s ease 0s;
	-o-transition: all 1s ease 0s;
	transition: all 1s ease 0s;}
a.in_yslist02:hover{margin-top:20px; margin-bottom:-20px;}

a.in_yslist03{ display:block; float:left; background:#fff none left top no-repeat; width:99.8%; margin-left:0.2%; margin-bottom:5px;-webkit-transition: all 1s ease 0s;
	-moz-transition: all 1s ease 0s;
	-ms-transition: all 1s ease 0s;
	-o-transition: all 1s ease 0s;
	transition: all 1s ease 0s;}
a.in_yslist03:hover{ margin-top:20px; margin-bottom:-20px;}

.in_yslist_l{ float:left; width:16%; text-align:right; padding:50px 0 50px 0;}
.in_yslist_l img{ width:90%;}
.in_yslist_r{ float:right; width:72%; padding:15px 8% 0 0;}
.in_yslist_r strong{ display:block; font-size:20px; padding-bottom:10px; }
.in_moreskuan{ width:91px; height:46px;}
a.in_mores{ display:block; position:relative; width:91px; height:46px; margin:0 auto;}
a.in_mores strong{ display:block; position:absolute; left:0px; bottom:0; width:91px; height:46px; background: center bottom no-repeat; opacity:1;
-webkit-transition: all 1s ease 0s;
	-moz-transition: all 1s ease 0s;
	-ms-transition: all 1s ease 0s;
	-o-transition: all 1s ease 0s;
	transition: all 1s ease 0s;}
a.in_mores:hover strong{  opacity:0;left:-100px;}
a.in_mores span{ display:block; position:absolute; right:-100px; bottom:0; width:91px; height:46px; background: center bottom no-repeat; opacity:0;
-webkit-transition: all 1s ease 0s;
	-moz-transition: all 1s ease 0s;
	-ms-transition: all 1s ease 0s;
	-o-transition: all 1s ease 0s;
	transition: all 1s ease 0s;}
a.in_mores:hover span{ opacity:1;right:0;}

.in_abouts{ padding:0 0 40px 0;}
.in_abouts_l{ width:100%; float:left; margin-bottom:15px;}
.in_abouts_l img{ width:100%;}
.in_abouts_r{ width:100%; float:right;}

.in_conbg02{ background:#f7fcfe;}
.in_pros{ padding:0 0 40px 0; overflow:hidden;}
a.in_pros_list{ display:block; float:left; width:49%; margin:0 0.5% 5px 0.5%;}
a.in_pros_list .in_prosimg{ overflow:hidden;}
a.in_pros_list .in_prosimg img{ width:100%;display: block; margin:0 auto;transition:all 0.3s; z-index:100; }
a.in_pros_list:hover .in_prosimg img{-webkit-transform: scale(1.1,1.1); 
    -o-transform: scale(1.1,1.1);
    transition: all 1s;
    -webkit-transition: all 1s;}
a.in_pros_list .in_prosimg{ border:1px solid #eeeeed;}
a.in_pros_list span{ display:block; padding:15px 0 0 0; text-align:center; font-size:16px; height:50px; overflow:hidden;}


a.in_pros_list01{ display:block; float:left; width:95%; margin:0 0.5% 5px 0.5%;}
a.in_pros_list01 .in_prosimg{ overflow:hidden;}
a.in_pros_list01 .in_prosimg img{ width:100%;display: block; margin:0 auto;transition:all 0.3s; z-index:100; }
a.in_pros_list01:hover .in_prosimg img{-webkit-transform: scale(1.1,1.1); 
    -o-transform: scale(1.1,1.1);
    transition: all 1s;
    -webkit-transition: all 1s;}
a.in_pros_list01 .in_prosimg{ border:1px solid #eeeeed;}
a.in_pros_list01 span{ display:block; padding:15px 0 0 0; text-align:center; font-size:16px; height:50px; overflow:hidden;}

.in_contact{ overflow:hidden;}
.in_con_l{ width:100%; float:left; height:310px; overflow:hidden;}
.in_con_r{ width:96%; float:right; background:none #007bc2 left center no-repeat; padding:20px 2% 10px 2%; height:auto; overflow:hidden; color:#fff;}
.in_con_r strong{ display:block; font-size:24px; padding:15px 0; font-weight:normal; background: left bottom no-repeat;}
.in_con_r span{ display:block; padding:20px 0; font-size:14px; line-height:24px;}

.in_footbg{ background:#252527; color:#9c9c9c; font-size:12px; font-family:宋体 arial, helvetica, sans-serif;}
.in_foots{ display:none; padding:50px 0 40px 0;  background: center bottom no-repeat;}
.in_foots_l{ width:28%; float:left;}
.in_foots_l dt{ padding:0 0 20px 0;}
.in_foots_l dt strong{ display: inline-block; padding-bottom:5px; font-size:16px; color:#fff; background: left bottom no-repeat; }
.in_foots_l dd{ overflow:hidden;}

.in_foots_m{ width:41%; float:left; padding:0 7%;}
.in_foots_m dt{ padding:0 0 20px 0;}
.in_foots_m dt strong{ display: inline-block; padding-bottom:5px; font-size:16px; color:#fff; background: left bottom no-repeat; }
.in_foots_m dd{ overflow:hidden; line-height:24px;}

.in_foots_r{ width:17%; float:left;}
.in_foots_r dt{ padding:0 0 20px 0;}
.in_foots_r dt strong{ display: inline-block; padding-bottom:5px; font-size:16px; color:#fff; background: left bottom no-repeat; }
.in_foots_r dd{ overflow:hidden;}
.in_tels{ font-size:24px; color:#ffffff;}
.in_ewm{ padding:10px 0 0 0; overflow:hidden;}
.in_ewm_l{ width:55%; float:left;}
.in_ewm_l img{ width:90%;}
.in_ewm_r{ width:43%; float:left; padding:25px 0 0 0;}

.in_foot_copy{ padding:25px 0 25px 0; text-align:center;}

.sub_banner{ display:none; height:270px;}
.sub_banner01{ display:block; }
.sub_banner01 img{width:100% !important; height:auto !important;}

.in_titles01{ padding:25px 0 25px 0; text-align:center; background: center 35px no-repeat;}
.in_titles01>strong{ color:#000; font-size:28px; font-weight:normal;}

.sub_nav{ background:none; margin-bottom:25px;}
.sub_nav>a{ display:block; float:left; padding:10px 0; text-align:center; width:33%;font-size:15px;background:none #f7f7f7 center 73px no-repeat; margin-right:0.3%; margin-bottom:2px;
-webkit-transition: all 1s ease 0s;
	-moz-transition: all 1s ease 0s;
	-ms-transition: all 1s ease 0s;
	-o-transition: all 1s ease 0s;
	transition: all 1s ease 0s;}
.sub_nav>a:hover{ background:  #007bc2 center 33px no-repeat; color:#fff; padding:10px 0;}
a.sub_nav_c,a.sub_nav_c:hover{ display:block; float:left; padding:20px 0; text-align:center;  font-size:15px;background: none #007bc2 center 33px no-repeat; color:#fff; margin-right:0.3%;padding:10px 0;margin-bottom:2px;}

.pros_seclist{ padding:15px 0 30px 0; line-height:24px;}

.pros_seclist a{ color:#777777; 
-webkit-transition: all 1s ease 0s;
	-moz-transition: all 1s ease 0s;
	-ms-transition: all 1s ease 0s;
	-o-transition: all 1s ease 0s;
	transition: all 1s ease 0s;}
.pros_seclist a:hover{ color:#007bc2; }

.sub_cons{ padding:0 0 60px 0; font-family:宋体;}

.pros_imgs{ margin-bottom:20px;}
.pros_imgs_l{ width:100%; float:none; border:1px solid #efefef; margin-bottom:15px;}
.pros_imgs_l img{ width:100%;}
.pros_imgs_r{ width:100%; float:none;}
.pros_imgs_r strong{ font-size:24px; display:block; padding:15px 0 10px 0; color:#007bc2; font-family:黑体;}
.pros_xh{ font-size:22px; display:block; padding-bottom:20px;font-family:黑体;}
.pros_imgs_r span{ line-height:24px; font-size:14px;font-family:黑体; color:#777777;}
.pros_title{ border-left:5px solid #ce001c; padding:2px 0 2px 5px; font-size:18px; font-family:黑体;}
.pros_texts{ font-size:14px; line-height:26px; padding:20px 1%;}

a.newslist{ display:block; border:1px solid #dedede; margin-bottom:10px;
-webkit-transition: all 1s ease 0s;
	-moz-transition: all 1s ease 0s;
	-ms-transition: all 1s ease 0s;
	-o-transition: all 1s ease 0s;
	transition: all 1s ease 0s;}
a.newslist:hover{ color:#007bc2; border:1px solid #007bc2;}
a.newslist .newslist_l{ width:76%; float:left; padding:10px 2%; height:110px; overflow:hidden;}
a.newslist .newslist_l strong{ display:block; font-size:16px; padding:5px 0 5px;}
a.newslist .newslist_l span{ display:block; font-size:12px; padding:0 0 10px;}
a.newslist .newslist_l .newslist_a{ display:none; width:90px; border-radius:50px; border:1px solid #c6c6c6; color:#c6c6c6; padding:5px 0; text-align:center;
-webkit-transition: all 1s ease 0s;
	-moz-transition: all 1s ease 0s;
	-ms-transition: all 1s ease 0s;
	-o-transition: all 1s ease 0s;
	transition: all 1s ease 0s;}
a.newslist:hover .newslist_l .newslist_a{ display:none; width:90px; border-radius:50px; border:1px solid #007bc2; color:#ffffff; background:#007bc2; padding:5px 0; text-align:center;}
a.newslist .newslist_r{ width:20%; float:right; background:#f2f2f2; min-height:130px; font-family:arial, helvetica, sans-serif;
-webkit-transition: all 1s ease 0s;
	-moz-transition: all 1s ease 0s;
	-ms-transition: all 1s ease 0s;
	-o-transition: all 1s ease 0s;
	transition: all 1s ease 0s;}
a.newslist .newslist_r strong{ display:block; font-size:28px; text-align:center; padding:22px 0 5px 0;
-webkit-transition: all 1s ease 0s;
	-moz-transition: all 1s ease 0s;
	-ms-transition: all 1s ease 0s;
	-o-transition: all 1s ease 0s;
	transition: all 1s ease 0s;}
a.newslist .newslist_r span{ display:block; font-size:13px; text-align:center; padding:0px 0 0px 0;
-webkit-transition: all 1s ease 0s;
	-moz-transition: all 1s ease 0s;
	-ms-transition: all 1s ease 0s;
	-o-transition: all 1s ease 0s;
	transition: all 1s ease 0s;}
a.newslist:hover .newslist_r{ width:20%; float:right; background:#007bc2; min-height:130px; font-family:arial, helvetica, sans-serif;}
a.newslist:hover .newslist_r strong{ display:block; color:#fff; font-size:28px; text-align:center; padding:22px 0 5px 0;}
a.newslist:hover .newslist_r span{ display:block; color:#fff; font-size:13px; text-align:center; padding:0px 0 0px 0;}

.about_text{ line-height:26px;}
.about_text img{ width:100% !important; height:auto !important;} 

.in_mnav{ display:none; background:#007bc2; width:101%; position:absolute; top:85px; padding:25px 0 50px 0; left:-1%; z-index:100000;}
.in_mnav a{ display:block; margin:0 auto 8px auto; background:#ffffff; border-radius:0px; text-align:center; font-size:15px; padding:5px 0; width:90%;-webkit-transition: all 1s ease 0s;
	-moz-transition: all 1s ease 0s;
	-ms-transition: all 1s ease 0s;
	-o-transition: all 1s ease 0s;
	transition: all 1s ease 0s;}
.in_mnav a:hover{ background:#0187e5; color:#fff;}
.in_buttom{ display:block; width:40px; height:36px; background-color:#ffffff; background-image: none;   border: 1px solid #ffffff; border-radius: 4px; padding:0; float:right; margin:20px 10px 0 0;} 
.in_buttom span{ display:block; width:36px; margin:4px auto; height:4px; border-radius:5px; background-color:#999999; }




a.newslist01{ display:block; border:1px solid #dedede; margin-bottom:10px;
-webkit-transition: all 1s ease 0s;
	-moz-transition: all 1s ease 0s;
	-ms-transition: all 1s ease 0s;
	-o-transition: all 1s ease 0s;
	transition: all 1s ease 0s;}
a.newslist01:hover{ color:#007bc2; border:1px solid #007bc2;}
a.newslist01 .newslist_l{ width:76%; float:left; padding:8px 2%;}
a.newslist01 .newslist_l strong{ display:block; font-size:14px; padding:10px 0 15px;}
a.newslist01 .newslist_l span{ display:block; font-size:12px; padding:0 0 15px;}
a.newslist01 .newslist_l .newslist_a{ display:block; width:90px; border-radius:50px; border:1px solid #c6c6c6; color:#c6c6c6; padding:5px 0; text-align:center;
-webkit-transition: all 1s ease 0s;
	-moz-transition: all 1s ease 0s;
	-ms-transition: all 1s ease 0s;
	-o-transition: all 1s ease 0s;
	transition: all 1s ease 0s;}
a.newslist01:hover .newslist_l .newslist_a{ display:block; width:90px; border-radius:50px; border:1px solid #007bc2; color:#ffffff; background:#007bc2; padding:5px 0; text-align:center;}
a.newslist01 .newslist_r{ width:20%; float:right; background:#f2f2f2; min-height:135px; font-family:arial, helvetica, sans-serif;
-webkit-transition: all 1s ease 0s;
	-moz-transition: all 1s ease 0s;
	-ms-transition: all 1s ease 0s;
	-o-transition: all 1s ease 0s;
	transition: all 1s ease 0s;}
a.newslist01 .newslist_r strong{ display:block; font-size:50px; text-align:center; padding:25px 0 5px 0;
-webkit-transition: all 1s ease 0s;
	-moz-transition: all 1s ease 0s;
	-ms-transition: all 1s ease 0s;
	-o-transition: all 1s ease 0s;
	transition: all 1s ease 0s;}
a.newslist01 .newslist_r span{ display:block; font-size:14px; text-align:center; padding:0px 0 0px 0;
-webkit-transition: all 1s ease 0s;
	-moz-transition: all 1s ease 0s;
	-ms-transition: all 1s ease 0s;
	-o-transition: all 1s ease 0s;
	transition: all 1s ease 0s;}
a.newslist01:hover .newslist_r{ width:20%; float:right; background:#007bc2; min-height:135px; font-family:arial, helvetica, sans-serif;}
a.newslist01:hover .newslist_r strong{ display:block; color:#fff; font-size:50px; text-align:center; padding:25px 0 5px 0;}
a.newslist01:hover .newslist_r span{ display:block; color:#fff; font-size:14px; text-align:center; padding:0px 0 0px 0;}


.pros_order{ padding-bottom:10px; overflow:hidden;}
.pros_order_l{ width:97%; float:left; padding:5px 1%;border:1px solid #dddddd; margin-bottom:10px; }
.pros_order_r{ width:97%; float:left; padding:5px 1%;border:1px solid #dddddd;}
}
.so-box {
    float: right;
    position: relative;
    width: 200px;
    height: 30px;
    border: 1px solid #bfbfbf;
    margin-top: 5px;
	margin-bottom:12px;
}
.so-box .so-txt {
    display: block;
    width: 95%;
    height: 100%;
    border: none;
    outline: none;
    padding: 0 0px 0 10px;
    font-size: 12px;
    color: #5e5b5b;
}
.so-box .so-btn {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    width: 32px;
    border: none;
    outline: none;
    font-size: 0;
    background:  center center no-repeat;
}
.in_navs01 .so-box {
    float: left;
    position: relative;
    width: 90%;
    height: 30px;
    border: 1px solid #bfbfbf;
    margin-top: 5px;
	margin-bottom:12px;
	margin-left:18px;
	background-color:#fff;
}
.in_navs01 .so-box .so-btn {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    width: 32px;
    border: none;
    outline: none;
    font-size: 0;
    background:  center center no-repeat;
}