﻿


/*产品列表*/
.main{ width:100%; overflow:hidden;}
.boxone{ padding:80px 0 10px;}
.boxone .boxone_cen{ width:1200px; margin:0 auto; overflow:hidden;}
.boxone .boxone_cen>h5{text-align:center; font-size:26px; font-weight:bold; margin-bottom:10px;}
.boxone .boxone_cen>p{ text-align:center; margin-bottom:30px;}
.boxone .boxone_cen ul{ overflow:hidden;}
.boxone .boxone_cen ul li{ float:left; width:396px; height:396px; margin-bottom:20px;}
.boxone .boxone_cen ul li a{ display:block; width:95%; height:100%; position:relative; border:1px solid #f2f2f2; margin:0 auto;}
.boxone .boxone_cen ul li a span{display:block; width:100%; height:100%; overflow:hidden;}
.boxone .boxone_cen ul li a span img{ display:block; width:100%; height:100%;}
.boxone .boxone_cen ul li a .bbtn{ padding:20px; height:auto; overflow:hidden; position:absolute; left:0; bottom:0;/* background-color:rgba(0,204,255,0.5); border-radius: 0 49px 0 0;*/}
.boxone .boxone_cen ul li a .bbtn em,
.boxone .boxone_cen ul li a .bbtn h5{ display:block;text-transform: uppercase;}
.boxone .boxone_cen ul li a:hover span img,
.boxone .boxone_cen ul li a:focus span img,
.boxone .boxone_cen ul li a:visited span img{transform: scale(1.1);transition-duration: 0.3s;}
.boxone .boxone_cen ul li a:hover .bbtn{ opacity:0.2; background:none;}

/*产品分类*/
.boxtwo{ padding:30px 0; background-color:#0CF;}
.boxtwo .boxtwo_cen{ width:1200px; margin:0 auto;}
.boxtwo .boxtwo_cen>h5{text-align:center; font-size:26px; font-weight:bold; margin-bottom:10px; color:#fff;}
.boxtwo .boxtwo_cen>p{ text-align:center; margin-bottom:10px; color:#fff;text-transform: uppercase;}
.boxtwo .boxtwo_cen ul{margin:30px 0;}
.boxtwo .boxtwo_cen ul li{ float:left; width:300px; margin-bottom:20px;}
.boxtwo .boxtwo_cen ul li a{ display:block; width:95%; height:100%; position:relative; background-color:#f2f2f2; border:1px solid #f2f2f2; margin:0 auto;}
.boxtwo .boxtwo_cen ul li a span{display:block; width:270px; height:270px; margin:0 auto; overflow:hidden;}
.boxtwo .boxtwo_cen ul li a span img{ display:block; width:100%; height:100%;}
.boxtwo .boxtwo_cen ul li a:hover span img,
.boxtwo .boxtwo_cen ul li a:focus span img,
.boxtwo .boxtwo_cen ul li a:visited span img{transform: scale(1.1);/*transition-duration: 0.3s;*/transition: 0.3s all ease;}
.boxtwo .boxtwo_cen ul li a .bbtn{ width:100%; padding:30px 0; height:auto; overflow:hidden; text-align:center; color:#1388d5; }
.boxtwo .boxtwo_cen ul li a .bbtn h5{font-size:18px;}
.boxtwo .boxtwo_cen ul li a .bbtn em{ font-size:12px; display:block; height:23px; line-height:23px;}

/*左右滚动手柄*/
#scroll{ width:1200px; position:relative;}
#scroll .shoub{ background:url(../images/slider-arrow.png) no-repeat; width:32px; height:35px; opacity:0.6; cursor:pointer;}
#scroll .shoub:hover{ opacity:1;}
#scroll .shoub.scroll_left{ position:absolute; top:40%; left:-50px; background-position:-110px 0%}
#scroll .shoub.scroll_right{position:absolute; top:40%; right:-50px; background-position:0px 0%}


/*公司介绍*/
.boxthree{ padding:50px 0; background-color:#fff;}
.boxthree .boxthree_cen{ width:1200px; margin:0 auto; overflow:hidden;}
.boxthree .boxthree_cen .boxthree_left{ width:50%; float:left;}
.boxthree .boxthree_cen .boxthree_left .about_img,
.boxthree .boxthree_cen .boxthree_left img{ display:block; width:100%;}
.boxthree .boxthree_cen .boxthree_right{ width:40%; float:left; margin-left:5%; margin-top:5%;}
.boxthree .boxthree_cen .boxthree_right h5{ font-size:20px; position:relative;}
.boxthree .boxthree_cen .boxthree_right h5 b{ display:block; width:100px; height:2px; background-color:#0CF; position:relative; top:10px;}
.boxthree .boxthree_cen .boxthree_right p{ margin-top:50px; font-size:14px; line-height:22px;}

/*选择我们的理由*/
.boxfour{ padding:30px 0; background-color:#ededed;}
.boxfour .boxfour_cen{ width:1200px; margin:0 auto; overflow:hidden;}
.boxfour .boxfour_cen>h5{text-align:center; font-size:26px; font-weight:bold; margin-bottom:10px; color:#0e2e5f;}
.boxfour .boxfour_cen>p{ text-align:center; margin-bottom:10px; color:#0e2e5f;text-transform: uppercase;}
.boxfour .boxfour_cen .boxfour_zagou{ width:100%; height:550px;}
.boxfour .boxfour_cen .boxfour_zagou_wap{ display:none;}
.quan{ width:100%; height:528px; background:url(../images/quan.png) no-repeat center center; margin:30px auto 0; position:relative;}
.quan .quan_cen{ position:absolute; left:50%; top:50%; width:340px; height:340px; margin-left:-175px; margin-top:-170px; background-color:rgba(255,255,255,0.3); border-radius:50%;}
.quan .quan_cen_cen{ margin-left:5%; margin-top:5%; width:90%; height:90%; background-color:#fff; border-radius:50%; text-align:center; overflow:hidden;}
.quan .quan_cen_cen img{ width:100%; margin-top:0;}

.quan .quan_cen .quan_position{ position:absolute; width:110%; }
.quan .quan_cen .quan_one{right:110%; bottom:60%; text-align:right;}
.quan .quan_cen .quan_two{left:110%; bottom:60%;}
.quan .quan_cen .quan_three{right:110%; top:60%; text-align:right;}
.quan .quan_cen .quan_four{left:110%; top:60%;}
.quan .quan_cen .quan_position h5{ font-size:20px; color: #1388d5;}
.quan .quan_cen .quan_position p{ margin-top:10px;}

/*进口配件系列*/
.boxfive{ padding:30px 0;}
.boxfive .boxfive_cen{ width:1200px; margin:0 auto; overflow:hidden;}
.boxfive .boxfive_cen .boxfive_list{ border:1px solid #eee; padding:20px; margin-bottom:20px; overflow:hidden;}
.boxfive .boxfive_cen .boxfive_list .l_img{ width:65%; float:left; border:1px solid #f2f2f2;}
.boxfive .boxfive_cen .boxfive_list .l_img img{ max-width:95%; max-height:320px;}
.boxfive .boxfive_cen .boxfive_list .l_ul{ width:30%; float:left; padding-left:3%;}

.boxfive .boxfive_cen .boxfive_list .l_ul li{ position:relative;}
.boxfive .boxfive_cen .boxfive_list .l_ul .l_title{ font-weight:bold; font-size:20px;}
.boxfive .boxfive_cen .boxfive_list .l_ul .l_title,
.boxfive .boxfive_cen .boxfive_list .l_ul .l_title a{padding: 30px 0;height: auto;overflow: hidden; color: #1388d5;}

.boxfive .boxfive_cen .boxfive_list .l_ul .l_title b { display: block; width: 100px; height: 2px; background-color: #0CF; position: relative; top: 10px;}
.boxfive .boxfive_cen .boxfive_list .l_ul .l_small{margin-top:10px;font-size: 14px;line-height: 22px;}

/*选择我们的理由*/
.boxsix{ padding:30px 0; background-color:#ededed;}
.boxsix .boxsix_cen{ width:1200px; margin:0 auto; overflow:hidden;}
.boxsix .boxsix_cen>h5{text-align:center; font-size:26px; font-weight:bold; margin-bottom:10px; color:#1388d5;}
.boxsix .boxsix_cen>p{ text-align:center; margin-bottom:10px; color:#1388d5;text-transform: uppercase;}
.boxsix .boxsix_cen .boxsix_list{ width:100%; min-height:350px; margin-top:50px; overflow:hidden;}
.boxsix .boxsix_cen .boxsix_list .boxsix_dl{ float:left; width:33%; text-align:center;}
.boxsix .boxsix_cen .boxsix_list .boxsix_dl dt{ width:50%; margin:0 auto;}
.boxsix .boxsix_cen .boxsix_list .boxsix_dl dt img{ width:100%; height:100%;}
.boxsix .boxsix_cen .boxsix_list .boxsix_dl .dd_txt{ width:50%; margin:20px auto 15px;}
.boxsix .boxsix_cen .boxsix_list .boxsix_dl .dd_dec{ width:60%; margin:0 auto; font-size:14px;}

/*新闻动态*/
.boxseven{ padding:50px 0 30px;}
.boxseven .boxseven_cen{ width:1200px; margin:0 auto; overflow:hidden;}
.boxseven .boxseven_cen>h5{text-align:center; font-size:26px; font-weight:bold; margin-bottom:10px; color:#1388d5;}
.boxseven .boxseven_cen>p{ text-align:center; margin-bottom:10px; color:#1388d5;text-transform: uppercase;}
.boxseven .boxseven_cen .boxseven_list{ width:100%; min-height:200px; margin-top:50px;}
.boxseven .boxseven_cen .boxseven_list dl{ width:31%; margin-right:3%; float:left;}
.boxseven .boxseven_cen .boxseven_list dl.dl_end{ margin-right:0;}
.boxseven .boxseven_cen .boxseven_list dl dt{ width:100%; height:27px; border-bottom:1px solid #eee; padding-bottom:5px; position:relative;}
.boxseven .boxseven_cen .boxseven_list dl dt b{ display:block; font-size:12px; padding:1px 15px; border:1px solid #eee; border-radius:10px; position:absolute; right:0; top:0;}
.boxseven .boxseven_cen .boxseven_list dl dd{ margin-top:10px; font-size:14px; line-height:22px; position:relative; font-size:14px;}
.boxseven .boxseven_cen .boxseven_list dl dd span{ position:absolute; right:0; top:0; font-size:12px;}
.boxseven .boxseven_cen .boxseven_list dl dd a:hover{ text-decoration:underline;color: #1388d5;}
















