@charset "utf-8";
/* CSS Document */
*, ::after, ::before{-webkit-box-sizing:border-box;box-sizing:border-box;}
div,form,img,ul,ol,li,dl,dt,dd,p,tr,td,input,body,strong,span,pre{margin:0; padding:0; border:0;}
h1,h2,h3,h4,h5,h6,p{ margin:0; padding:0; font-weight:normal;}
body{font-size:14px; font-family: Arial,"Microsoft YaHei","黑体","宋体",sans-serif;margin:0px;padding:0px;color:#333;}
img{border:0px;}
input,textarea{outline: none}
input:-webkit-autofill, textarea:-webkit-autofill, select:-webkit-autofill{background-color: rgb(255, 255, 255); background-image: none;}
ul,li{ list-style:none;}
em,i{ font-style:normal;}
a{ text-decoration:none; color:#333;outline:none;}
a:hover{ background-repeat:no-repeat; color: #28a3dc}
table{border-collapse: collapse;}
.wh{width: 100%}
.fl{float: left;}
.fr{float: right;}
.container {
	width: 1200px;
	margin: auto;
}
/*top*/
.top_bg{width: 100%;box-shadow: 0 1px 2px rgba(0,0,0,.06); min-width: 1200px;}
.top_main{width: 1200px;margin: 0 auto;padding: 0 10px;text-align: center;height: 130px;}
.logo{float: left;margin-top: 38px;margin-left: 20px;}
.logo img{display: block;}
.search{height:44px;line-height:44px;margin-top: 45px;margin-left:110px;float: left; border:1px solid #d3d3d3;border-radius:30px;width:378px;overflow:hidden;}
.search .sear_text{float:left;width:328px;height:44px;line-height:44px;padding-left:15px; outline: none}
.search .sear_btn{float:right;width:35px;height:44px;cursor:pointer;background:url('../images/sBtn.png') no-repeat center;transition:all 0.3s;opacity:.5;}
.search .sear_btn:hover{opacity:.8;}
.search:hover{box-shadow:0 0 5px #ccc;}
.topr{float: right;margin-top: 20px;}
.login{text-align: right;float: right;line-height: 27px;}
.login a{padding-left: 20px;display: inline-block;background: url(../images/user.png) left center no-repeat;}
.user{height: 27px; text-align: right;float: right;line-height: 27px;}
.user a{text-decoration: underline;}
/*tel*/
.top_tel{line-height: 32px;font-size: 28px;color: #5c5c66;padding-left: 30px;background: url(../images/tel.png) no-repeat left;margin-top: 40px; clear: both;background-size: 24px; font-family: impact}
.lang{float: right;margin-right: 15px; line-height: 27px;}
.lang a{padding-left: 22px;margin-left: 15px;}
.lang a.cn{background: url(../images/cn.png) left center no-repeat;}
.lang a.en{background: url(../images/en.png) left center no-repeat;}
.clear_none{clear: both;}
/*nav*/
.nav_bg{display: inline-block;background: #28a3dc;line-height: 50px;position: relative;width: 100%;display: block; height: 50px;}
.minNav{width: 1200px; margin:0 auto;}
.minNav .nav_ul_a{}
.minNav .nav_ul_a .nav_li_a{float:left;}
.minNav .nav_ul_a .nav_li_a > a{padding:0 40px; font-size:18px;display: block;text-align: center;color: #fff;}
.minNav .nav_ul_a .nav_li_a:hover > a{background: #fff; color: #28a3dc}
.minNav .nav_ul_a .nav_li{float:left; z-index:999;height:90px;line-height:90px;position: relative;}
.minNav .nav_ul_a .nav_li > a{padding:0 24px; font-size:18px;display: block;text-align: center;color: #666;}
.minNav .nav_ul_a .nav_li:hover > a{background: url(../images/nav_hr.png) no-repeat center 62px;}
.dangqian{background: url(../images/nav_hr.png) no-repeat center 62px;}
 @media screen and (max-width: 1400px) {
.minNav .nav_ul_a .nav_li_a > a,.minNav .nav_ul_a .nav_li > a{font-size:16px;padding:0 20px;
  }
}
/*二级下拉*/
.minNav .Navdrop{position:absolute; left:0; top:50px;width: 100%; z-index:9999; display:none;}
.minNav .Navdrop .nav_er{ font-size: 14px;  overflow:hidden;width: 1200px;margin: 0 auto;padding: 20px 0;text-align: left;background: #fff;}
.minNav .Navdrop .nav_er dl{float: left;margin-right:100px;}
.minNav .Navdrop .nav_er dl:first-child {padding-left: 20px;}
.minNav .Navdrop .nav_er dl:nth-child(6n) {margin-right: 0;}
.minNav .Navdrop .nav_er dl dt a{font-size: 16px;display: block;line-height: 40px;height: 40px; overflow: hidden;}
.minNav .Navdrop .nav_er dl dd a{display: block;font-size: 14px;line-height: 26px;color: #333;height: 26px;overflow: hidden;
	transition: 0.3s;}
.minNav .Navdrop .nav_er dl dd{display: none;}
.minNav .Navdrop .nav_er dl dd a:hover{transform: translate3d(8px,0,0);font-weight: bold;}
.minNav .Navdrop_b{position:absolute; left:-30px; top:90px;width: 180px; z-index:9999; display:none;  background:#f8f8f8;border-bottom: 1px solid #e5e5e5;
	border-left: 1px solid #e5e5e5;border-right: 1px solid #e5e5e5;}
.minNav .Navdrop_b .nav_a{text-align: center;padding: 10px 0;}
.minNav .Navdrop_b .nav_a a{display: block;line-height:30px;height: 30px;overflow: hidden; font-size: 14px;padding: 0 10px;}
.minNav .Navdrop_b .nav_a a:hover{color: #28a3dc; }

.prodrop{width: 1200px; margin:0 auto; overflow: hidden; padding-bottom: 20px;padding-top: 20px;background: #fff;}
.prodrop .list{width: 239px; border-right: 1px solid #ddd; float: left; min-height: 320px;}
.prodrop .list:first-child{}
.prodrop .list:last-child{border-right: none}
.prodrop .list .img{width: 100%}
.prodrop .list .img img{display: block;margin: 0 auto;max-width: 100%;height: 110px;}
.prodrop .list .img span{font-size: 20px;padding-left: 15px;}
.prodrop .list .item{width: 100%; line-height: 38px;}
.prodrop .list .item a{font-size: 16px;padding-left: 15px;}

/*banner*/
.bnzd_bg{position: relative;min-width: 1200px;}
.flexslider{position:relative;overflow:hidden;}
.slides{position:relative;z-index:1;}
.slides img{max-width: 100%;height: auto; display: block;}
/*.slides li{height: 550px;}*/
.flex-control-nav{position:absolute;bottom:40px;z-index:1;width:100%;text-align:center;}
.flex-control-nav li{display:inline-block;width:10x;height:10px;margin:0 5px;}
.flex-control-nav a{display:inline-block;width:10px;height:10px;line-height:40px;overflow:hidden;border:1px solid rgba(255,255,255,.4); cursor:pointer;border-radius: 2px;}
.flex-control-nav .flex-active{background: #fff;}
.flex-direction-nav{position:absolute;z-index:3;width:100%;top:48%;}
.flex-direction-nav li a{display:block;width:50px;height:50px;overflow:hidden;cursor:pointer;position:absolute;}
.flex-direction-nav li a.flex-prev{left:4%;background:url(../images/prev.png) center  no-repeat;}
.flex-direction-nav li a.flex-next{right:4%;background:url(../images/next.png)  center no-repeat;}
/*banner-end*/
/*main*/
/*产品*/
.sy_main{min-width: 1200px;}
.sycp_bg{background: #f5f5f5;}
.sy_cp{padding: 40px 0 0;}
.sy_ti{text-align: center;}
.sy_ti h3{font-size: 26px;color: #333;}
.sy_ti h2{font-size: 18px;line-height: 30px;color: #333;}
.zs_list{padding-top: 30px;}
.zs_list .slideTxtBox{}
.zs_list .hd{text-align: center;}
.zs_list .hd ul{background: url(../images/cp_hr.jpg) repeat-x center 10px;text-align: center;display: inline-block;  }
.zs_list .hd ul li{ font-size: 18px;color: #666;display: inline-block; line-height: 24px;padding: 0 10px 10px 10px;background: #f5f5f5;margin: 0 20px;cursor: pointer;}
.zs_list .hd ul li.on{ color: #28a3dc;background: url(../images/li_on.jpg) no-repeat 10px bottom #f5f5f5;}
.zs_list .bd{width: 1200px; margin: 0 auto}
.zs_list .bd ul li{width: 32%;float: left;margin-right: 2%; margin-bottom: 2%;height: 465px;}
.zs_list .bd ul li:nth-child(3n){margin-right: 0}
.zs_list .bd ul li a{display: block;position: relative;text-align: center;transition: 0.5s; -webkit-transition: 0.5s; -moz-transition: 0.5s; -o-transition: 0.5s;}
.zs_list .bd ul li a:hover{margin-top: -10px;}
.zs_list .bd ul li a img{display: block;width: 100%;}
.zs_list .bd ul li a h3{font-size: 22px;line-height: 36px;height: 36px;overflow: hidden;margin-top: 10px;}
.zs_list .bd ul li a p{display: block;font-size: 16px; color: #666}

.news{ padding:50px 0 85px 0; width: 1200px; margin: 0 auto; clear: both;}
.newscenter *{ box-sizing:border-box;}
.newstab{ text-align:center; margin:40px 0 40px 0;}
.newscon .news_div{overflow: hidden;}
.newscon .news_div_item{ float:left; width:590px; height:208px; border:1px solid #efefef; position:relative;}
.newscon .news_div_item .news_div_item_pic{ float:left; width:205px; height:206px; border-right:1px solid #efefef; position:relative; overflow:hidden; padding:7px;}
.newscon .news_div_item:hover .news_div_item_pic img{ transform:scale(1.2);}
.newscon .news_div_item:hover .news_div_item_a{ color:#28a3dc;}
.newscon .news_div_item .news_div_item_pic img{ width:100%; height:100%; transition:all .9s ease;}
.newscon .news_div_item .news_div_item_content{ float:right; width:357px; padding:28px 20px 0px 0px; }
.newscon .news_div_item .news_div_item_a{ font-size:18px; color:#222222; padding-bottom:20px; display:block;position:relative;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}
.newscon .news_div_item_date{ position:absolute; font-size:0; right:280px; top:60px;}
.newscon .news_div_item_date>div{ display:inline-block; font-size:14px; color:#666666;}
.newscon .news_div_item .news_div_item_body{ font-size:14px; font-weight:lighter; color:#666666; line-height:28px;margin-top:15px;}
.newscon .news_div_item:nth-child(1),.newscon .news_div_item:nth-child(2){ margin-bottom:20px;}
.newscon .news_div_item:nth-child(1),.newscon .news_div_item:nth-child(3){ margin-right:20px;}

/*客服*/
.suspend {width:40px;position:fixed;top:200px;right:0;z-index:9999;}
.suspend dl {width:140px;margin-left:40px;background: #fff;border:1px solid #eee;}
.suspend dl dt {width:30px;position:absolute;top:0;left:0;cursor:pointer;background: url(../images/liuyan.png) no-repeat center 110px #28a3dc;
	text-align: center;font-size: 16px;color: #fff;padding: 20px 5px 40px 5px;}
.kfqq {border-bottom: 1px solid #eee;}
.kfqq a{display: block;padding-left:45px;background: url(../images/qq2.png) no-repeat 15px;height: 50px;line-height: 50px;font-size: 12px;}
.kfqq a:hover{background: url(../images/qq.png) no-repeat 15px #f5f5f5; }
.kf_tel{text-align: center;padding: 20px 0;}
.kf_tel h2{line-height: 40px;font-size: 16px;color: #333;}
.kf_tel h3{line-height: 20px;font-size: 14px;color: #999;}
/*解决*/
.jie_bg{background: url(../images/jj_bg.png) no-repeat top;}
.jie_main{width: 1200px;margin: 0 auto;padding-bottom:40px;}
.jie_list{padding-top: 40px;}
.jie_list .slideTxtBox{}
.jie_list .hd{text-align: center;}
.jie_list .hd ul{}
.jie_list .hd ul li{ font-size: 16px;color: #999;display: inline-block; line-height: 40px;padding: 0 30px;margin: 0 10px;cursor: pointer;border-radius: 50px;}
.jie_list .hd ul li.on{ color: #fff;background: #28a3dc;}
.jie_list .bd{padding-top: 40px;}
.jie_list .bd ul li{width:300px;float: left;}
.jie_list .bd ul li a{display: block;position: relative; text-align: center;overflow: hidden;}
.jie_list .jia_p{position: absolute;top: 0;left: 0;width: 100%;height: 100%;background: rgba(0,129,224,.5); z-index: 5;margin-top: -350px;
	transition: 0.4s; -webkit-transition: 0.4s; -moz-transition: 0.4s; -o-transition: 0.4s;}
.jie_list .jia_zi{padding: 30px;}
.jie_list .bd ul li a img{display: block;width: 100%;height: 350px;}
.jie_list .bd ul li a:hover .jia_p{margin-top: 0;}
.jie_list .bd ul li a i{display: block;width: 1px;height: 30px;background: #fff;margin: 10px auto;}
.jie_list .bd ul li a h3{font-size: 18px;line-height: 30px;height: 30px;overflow: hidden;color: #fff;margin-top: 50px;}
.jie_list .bd ul li a span{display: block;color: #ddd;font-size: 12px;line-height: 20px;height: 40px;overflow: hidden;}
.jie_list .bd ul li a b{display: block;width: 100px;height: 32px;background: #fff; color: #28a3dc;margin: 30px auto 0 auto;text-align: center;line-height: 32px;
	font-weight: normal;text-transform: uppercase;}
.jie_list .bd ul li a b:hover{opacity: .7;}
/*证书*/
.zheng_bg{background: url(../images/zs_bg.jpg) no-repeat top #f5f5f5;}
.zheng_main{width: 1200px;margin: 0 auto;padding: 40px 0;}
.syzs_list .picScroll-left{padding-top: 50px;position: relative;}
@media (max-width: 1366px) {
	.syzs_list .hd .prev{left: 10px!important;}
	.syzs_list .hd .next{right: 10px!important;}
}
.syzs_list .hd a{display:block;  width:40px; height:40px;}
.syzs_list .hd .prev{  float:left;position: absolute;bottom: 45%;left:-60px;cursor:pointer; background:url(../images/td_zy1.png) no-repeat center;z-index: 1;}
.syzs_list .hd .next{  float:right;position: absolute;bottom: 45%;right: -60px;cursor:pointer; background:url(../images/td_zy2.png) no-repeat center;z-index: 1;}
.syzs_list .hd .prev:hover{background:url(../images/td_zy_jg1.png) no-repeat center;}
.syzs_list .hd .next:hover{background:url(../images/td_zy_jg2.png) no-repeat center;}
.syzs_list .bd{overflow: hidden;}
.syzs_list .bd ul{overflow: hidden;}
.syzs_list .bd ul li{width:270px;float:left;margin: 10px 40px 50px 0;}
.syzs_list .bd ul li a{display: block;-webkit-transition: all ease-in-out 0.3s;transition: all ease-in-out 0.3s;background: #fff;overflow: hidden;
	padding:40px;text-align: center;}
.syzs_list .bd a:hover{box-shadow: 0 30px 40px -30px rgba(0,0,0,.1);}
.syzs_list .bd a img{display: block;width: 100%;height: 264px;}
/*地图*/
.map_bg{background: #f5f5f5;}
.map_main{width: 1200px;margin: 0 auto;padding: 40px 0;}
.map_list{margin-top: 40px; }
.map_list .slideTxtBox .hd{float: right;width: 500px;}
.map_list .slideTxtBox .hd ul{}
.map_list .slideTxtBox .hd ul li{  cursor:pointer;height: 110px; border-bottom: 1px solid #e5e5e5;padding: 30px 60px 20px 60px;background: #fff;
	transition: 0.2s;-webkit-transition: 0.2s; -moz-transition: 0.2s; -o-transition: 0.2s;}
.map_list .slideTxtBox .hd ul li h2{font-size: 18px;color: #333;line-height: 40px;height: 40px;overflow: hidden;}
.map_list .slideTxtBox .hd ul li p{font-size: 14px;color: #666;line-height: 24px;height: 48px;overflow: hidden;}
.map_list .slideTxtBox .hd ul li.on{ background: #28a3dc;box-shadow: -20px 0 40px rgba(0,0,0,.15);position: relative;z-index: 4;}
.map_list .slideTxtBox .hd ul li.on h2{color: #fff;}
.map_list .slideTxtBox .hd ul li.on p{color: #fff;}
.map_list .slideTxtBox .bd{float: left;width: 700px;}
.map_list .bd li .map_img{display: block;width: 100%;}
/*底部*/
.footer_bg{background: #002;min-width: 1200px;}
.footer_bg .footer_main{width: 1200px;margin: 0 auto;padding:60px 0;overflow: hidden;}
.footer_bg .db_logo{float: left;display: block;margin: 20px 160px 0 0;}
.footer_bg .db_logo img{display: block;}
/*db_c*/
.footer_bg .db_c{float: left;overflow: hidden;}
.footer_bg .db_c dl{float: left;margin-right: 32px;min-width: 60px;}
.footer_bg .db_c dl.text-center{text-align: center;}
.footer_bg .db_c dl:last-child{margin-right: 0;}
.footer_bg .db_c dl a:hover{color: #28a3dc;}
.footer_bg .db_c dl dt{font-size: 14px;line-height: 20px;height: 20px;overflow: hidden; margin-bottom: 10px;color: #eee;text-transform: uppercase;padding-bottom: 10px;
	margin-bottom: 10px;}
.footer_bg .db_c dl dd{overflow: hidden;}
.footer_bg .db_lx{font-size: 14px;color: #9b9ea0;line-height: 30px;}
.footer_bg .db_lx img{display: inline-block;vertical-align: middle;margin: 0 8px 2px 0;}
.footer_bg .db_lx li{overflow: hidden;}
.footer_bg .db_lx li p{width: 180px;float: right;}
.footer_bg .db_c dl dd a{font-size: 14px;color: #9b9ea0;line-height: 30px;display: block;}
.footer_bg .banquan{font-size: 14px;color: #9b9ea0;line-height: 80px;height: 80px;text-align: center;background: #002;border-top: 1px solid #004;}
.footer_bg .banquan a{display: inline-block;font-size: 14px;color: #9b9ea0;}
.footer_bg .banquan a:hover{color: #28a3dc}
.footer_bg .ewm{float: right;text-align: center;}
.footer_bg .ewm img{display: block;width: 120px;border:1px solid #666; padding: 4px;}
.footer_bg .ewm p{font-size: 12px;line-height: 30px;color: #9b9ea0;float: left; margin-right: 5px;}
.footer_bg .ewm p:last-child{margin-right: 0}
/*内页*/
.ny_top{min-width: 1200px;}
.ny_bg{background: #f5f5f5;min-width: 1200px;}
.ny_main{width: 1200px;margin:0 auto;padding: 20px 0;}
.nyxq_main{width: 1000px;margin: 0 auto;}
/*ny_content*/
.ny_xq{box-shadow: 0 0 50px #e5e5e5;padding: 50px;margin-top: 10px;}
.ny_xq .xq_nyti{font-size: 30px;margin-bottom: 20px;color: #333;}
.ny_xq .nyxw_date{line-height: 50px;border-bottom:1px solid #ddd;margin-bottom: 30px;color: #888;font-size: 14px;}
.ny_xq .xqzi_main{line-height: 34px;color: #333;margin:30px 0;font-size: 15px;}
.ny_xq .xqzi_main video{width: 100%;height: 600px;background: #000;}
.ny_xq .xqzi_main div{line-height: 34px;color: #333;font-size: 15px;background: none!important;}
.ny_xq .xqzi_main p{line-height: 34px;color: #333;font-size: 15px;background: none!important;}
.ny_xq .xqzi_main span{line-height: 34px;color: #333;font-size: 15px;background: none!important;}
.ny_xq .xqzi_main img{max-width: 100%;height: auto!important;}
.ny_xq .xqzi_main table{width: 100%;}
.ny_xq .xqzi_main table td{border:1px solid #ddd!important;}
.ny_xq .nylxwm_main{margin:30px 0;overflow: hidden;}
.ny_xq .nylxwm_main .nylxwm_div{float: right;width: 600px; line-height: 34px;color: #333;font-size: 15px;background: none!important;}
.ny_xq .nylxwm_main .nylxwm_div p{line-height: 34px;color: #333;font-size: 15px;background: none!important;}
.ny_xq .nylxwm_main .nylxwm_div span{line-height: 34px;color: #333;font-size: 15px;background: none!important;}
.ny_xq .nylxwm_main .nylx_logo{display: block;float: left;height: 80px;}
.weizhi{padding-left: 20px;background: url(../images/weizhi.png) no-repeat left;line-height: 30px;color: #999;}
.weizhi a{display: inline-block;color: #666;}
.weizhi a:hover{color: #28a3dc;}
/*page*/
.page{ overflow:hidden;margin-top: 30px; text-align: center;}
.page a{padding: 0 12px; font-size:12px;line-height:32px;margin:2px; display:inline-block;border:1px solid #e5e5e5; color:#999;
	text-align: center; transition: 0.5s;border-radius: 50px;}
.page a:hover,.page span{background:#28a3dc;color:#fff;border:1px solid #28a3dc;border-radius: 50px;}
.page span{line-height:32px; height:32px; padding:0 12px; text-align:center; margin:2px; display:inline-block;}
.page a.next-btn{ width:75px;}
/*fanpian*/
.fanpian{line-height: 30px;padding: 30px 0;color: #333;border-top: 1px solid #eee;margin-top: 50px;}
.fanpian a{display: inline-block;color: #333;}
.fanpian a:hover{color: #28a3dc;}
.last{margin-right: 0!important;}
/*关于*/
.gy_bg{}
.gy_main{padding: 50px;background: #fff;box-shadow: 0 5px 10px rgba(0,0,0,.1);}
.gy_main h2{font-size: 30px;}
.gy_main h2 span{color: #0072c7;}
.gy_main .nygy_p{line-height: 28px;font-size: 14px;}
.gy_main h4{text-transform: uppercase;color: #bbb;line-height: 50px;}
/*ny_banner*/
.ny_banner{position: relative;min-width: 1200px;}
.ny_banner img{max-width: 100%;display: block;}
.nybn_bg{position: absolute;top: 0;left: 0;width: 100%;height: 100%;text-align: center;background: rgba(0,0,0,.5);}
.nybn_bg h2{font-size: 40px;margin-top: 100px;color: #fff;}
.nybn_bg h4{font-size: 14px;color: #bbb;text-transform: uppercase;line-height: 40px;}
.lx_banner{position: relative;height: 240px;text-align: center;}
.lx_banner h3{color: #fff;font-size: 24px;font-weight: 100;position: relative;top: 44%;z-index: 5; letter-spacing: 3px;}
.ny_title_b{font-size: 24px;color: #333;margin-bottom: 20px;}
/*联系*/
.nylx_zy{overflow: hidden;margin: 80px 0;}
.lx_zuo{overflow: hidden;padding-bottom: 50px;margin-bottom: 100px;border-bottom: 1px solid #eee;}
.lx_li{margin-bottom: 30px;overflow: hidden;float: left;width: 400px;}
.lx_li img{display: block;float: left;width: 20px;margin-top: 10px;}
.lx_li .lx_zi{float: right;width: 370px;}
.lx_li .lx_zi h2{font-size: 16px;color: #333;line-height: 30px;height: 30px;overflow: hidden;}
.lx_li .lx_zi h4{font-size: 14px;color: #888;line-height: 26px;height: 26px;overflow: hidden;}
.lx_you{}
.nylx_bd{}
.nylx_bd h1{font-size: 30px;margin-bottom: 40px;text-align: center;}
.nylx_bd form input{display: block;}
.nylx_bd form .lx_text{height:50px;line-height:50px;padding:0 20px;border:1px solid #eee; display: block;margin: 0 50px 20px 0;background: #f9f9f9;float: left;
	outline: none;width: 533px;}
.nylx_bd form .lx_text:nth-child(2n) {margin-right: 0;}
.nylx_bd form .lx_nr{border:1px solid #eee;display: block;padding:10px 20px;outline: none;resize:none;background: #f9f9f9;
	width: 1158px;margin-bottom: 20px;font-family: "Microsoft YaHei";}
.nylx_bd .tijiao{width: 300px;height: 50px;line-height: 50px;margin: 0 auto; background: #28a3dc; text-align: center;color: #fff;cursor: pointer;border-radius: 3px;}
/*nycp_you*/
.nycp_you{float: right;width: 370px;background: #f2f9fd;}
.y_main{padding: 30px;}
.y_fenlei{margin-bottom: 50px;}
.y_fenlei .y_ti{font-size: 20px;color: #333;line-height: 30px;height: 30px;overflow: hidden;margin-bottom:20px;}
.y_fenlei .y_list a{display: block;line-height: 46px;height: 46px;font-size: 14px; border-bottom: 1px dashed #e5e5e5;color: #666;background: url(../images/y_d.png) no-repeat 300px;}
.y_fenlei .y_list a:hover{color: #28a3dc;}
.y_rm ul li{margin-bottom: 20px;}
.y_rm ul li a{display: block;overflow: hidden;}
.y_rm ul li a:hover .rm_zi h2{color: #28a3dc;}
.y_rm ul li a img{display: block;width: 100px;float: left;}
.y_rm ul li a .rm_zi{float: right;width: 180px;}
.y_rm ul li a .rm_zi h2{font-size: 16px;color: #666;line-height: 40px;height: 40px;overflow: hidden;}
.y_rm ul li a .rm_zi p{font-size: 12px;color: #999;line-height: 20px;height: 20px;overflow: hidden;}
/*产品详情*/
.cpxq_bg{margin-top: 20px;}
.xq_top_bg{background: url(../images/pro_bg.jpg) top center no-repeat;padding: 50px 0;}
.xq_top{overflow: hidden;width: 1200px; margin: 0 auto}
.cpxq_left{float: left;width: 450px;}
.tabbox{position: relative;min-height: 607px;width: 450px;}
.clearfix:after{ visibility:hidden; display:block; font-size:0; content:" "; clear:both; height:0;}
*html .clearfix{ zoom:1;}
.preview{height: 600px;}
.smallImg{position:relative;  margin-top:10px; overflow:hidden;float:left;}
#imageMenu { overflow:hidden;  float:left;}
#imageMenu ul{overflow: hidden;}
#imageMenu li {overflow:hidden;margin: 0 5px 5px 0; border:1px dashed #eee;float:left; text-align:center;}
#imageMenu li img{width:80px;height: 80px; cursor:pointer;display: block;}
#imageMenu li:hover{opacity: .7;border:1px dashed #28a3dc;}
.bigImg{position:relative; float:left; width:100%; overflow:hidden;}
.bigImg #midimg{width:100%; display: block;height: 450px;}
.bigImg #winSelector{width:160px; height:160px;}
#winSelector{position:absolute; cursor:crosshair; filter:alpha(opacity=15); -moz-opacity:0.15; opacity:0.15; background-color:#000; border:1px solid #fff;}
#bigView{position:absolute;border: 1px dashed #ddd; overflow: hidden; z-index:999;}
#bigView img{position:absolute;width: 1200px;}
/*右*/
.cpxq_you{float: right;width: 650px;padding-top: 110px;}
.cpxq_you h1{font-size: 42px;overflow: hidden;font-weight:bold;}
.cpxq_zhai{font-size: 16px;line-height: 30px;color: #666;padding: 20px 0; font-weight: 100;}
.cpxq_a{text-align: center;}
.cpxq_a a{display: block;width: 160px; line-height: 50px;height: 50px;background: #eee;color: #333;border-radius:5px;font-size: 14px;
	transition: 0.5s; -webkit-transition: 0.5s; -moz-transition: 0.5s; -o-transition: 0.5s;}
.cpxq_a a:hover{background: #28a3dc;color: #fff;}
/**/
.xq_miaosu .xqms_ti{font-size: 24px;line-height: 60px;height: 60px; border-bottom: 1px solid #eee;}
.xq_miaosu .cpxq_main{line-height: 30px;color: #333;padding:30px 0;font-size: 16px;}
.xq_miaosu .cpxq_main img{display: block;max-width: 100%;margin: 0 auto;}
.xq_miaosu .cpxq_main table{width: 100%!important;}
.xq_miaosu .cpxq_main table td{border:1px solid #e5e5e5!important;}
.xq_list_a{margin-bottom: 20px;overflow: hidden;text-align: center;}
.xq_list_a a{display: block;float: left;margin-right: 10px;padding-right: 40px;background: #28a3dc; border-radius: 2px;}
.xq_list_a a.sms{background: url(../images/down.png) no-repeat right #28a3dc;}
.xq_list_a a.tz{background: url(../images/down.png) no-repeat right #28a3dc;}
.xq_list_a a.tel{background: url(../images/xunjia.png) no-repeat right #28a3dc;}
.xq_list_a a:hover {background-color: #ac2119}
.xq_list_a a h4{font-size: 14px;color: #fff;line-height: 40px;padding-left: 20px}
/*新闻*/
.news_ul{}
.news_ul li{border-bottom: 1px dotted #ddd;margin-bottom: 20px;}
.news_ul li a{display: block;border-radius: 4px;background: #fff;transition: 0.5s; -webkit-transition: 0.5s; -moz-transition: 0.5s; -o-transition: 0.5s;}
.news_ul li a:hover h2{color: #28a3dc;}
.news_ul li a:hover {position: relative;z-index: 3;box-shadow: 0 0 30px rgba(0,0,0,.1);}
.news_ul li b:hover { box-shadow: 0px 20px 40px -16px #ccc;background: #28a3dc;border:1px solid #28a3dc;color: #fff;}
.news_ul li a img{float: left;width: 300px; display: block;height: 220px;}
.news_center{float: right;width:800px;margin: 10px 40px 0 0;}
.news_center h2{font-size:22px;line-height: 40px;height: 40px;overflow: hidden;margin-top: 10px;}
.news_center p{color: #666;line-height: 26px;height:78px;overflow: hidden;font-size: 14px;margin: 5px 0;color: #888;}
.news_center span{font-size: 14px;color: #999;line-height:20px;height: 20px; display: block;}
.news_center b{display: block;width: 90px;line-height: 30px;height: 30px;border:1px solid #eee;text-align: center;font-weight: normal;font-size: 14px;
	color: #aaa;}
/*erji_bg*/
.erji_main{padding:20px 0;}
.erji_main ul{position: relative;}
.erji_main ul li{margin-right: 2px;height: 50px;line-height: 50px;float: left;}
.erji_main ul li a{display: block;}
.erji_main ul li > a{padding:0 30px;background: #fff;font-size: 14px;}
.erji_main ul li:hover > a,.erji_main ul li.ny_dangqian > a{background: #28a3dc;color: #fff;}
.ny_dangqian{background: #28a3dc!important;color: #fff;}
.ny_Navdrop{position: absolute;top: 40px; z-index: 999;height: 100%;display: none;}
.ny_Navdrop p{overflow: hidden;padding-top: 15px;}
.ny_Navdrop a{color: #888;height: 50px; line-height: 50px;float: left;padding: 0 20px;background: #fff;display: block;}
.ny_Navdrop a:hover{color: #28a3dc;}
/*产品*/
.nycp_list{margin-top: 20px;}
.nycp_list ul li{float: left;width: 380px;margin: 0 30px 30px 0;}
.nycp_list ul li:nth-child(3n) {margin-right: 0;}
.nycp_list ul li a{display: block;transition: 0.5s; -webkit-transition: 0.5s; -moz-transition: 0.5s; -o-transition: 0.5s;text-align: center;}
.nycp_list ul li a:hover h2{color: #28a3dc}
.nycp_list ul li a img{display: block;width: 100%;}
.nycp_list ul li a h2{font-size: 22px;line-height: 36px;height: 36px;overflow: hidden;margin-top: 20px;}
.nycp_list ul li a h5{font-size: 16px;line-height: 26px;height: 26px;overflow: hidden;color: #666;}
/*产品*/
.nyxz_list{padding: 50px 0;}
.nyxz_list ul li{margin-bottom: 20px;}
.nyxz_list ul li a{display: block;padding:20px 50px;transition: 0.5s; -webkit-transition: 0.5s; -moz-transition: 0.5s; -o-transition: 0.5s;
	border:1px solid #e5e5e5;	}
.nyxz_list ul li a:hover{box-shadow: 10px 10px 0 #e9e9e9;background: #fff;border:1px solid #fff;}
.nyxz_list ul li a:hover h2{color: #28a3dc}
.nyxz_list ul li a h2{font-size: 16px;line-height: 30px;height: 30px;overflow: hidden;}
/*产品*/
.nyjie_list{margin-top: 40px;}
.nyjie_list ul li{float: left;width: 232px;margin: 0 10px 30px 0;}
.nyjie_list ul li:nth-child(5n) {margin-right: 0;}
.nyjie_list ul li a{display: block;}
.nyjie_list ul li a:hover h2{color: #28a3dc;}
.nyjie_list ul li a img{display: block;width: 100%;height: 270px;}
.nyjie_list ul li a h2{font-size: 16px;line-height: 40px;height: 40px;overflow: hidden;margin: 10px 10px 0 10px;}
.nyjie_list ul li a h5{font-size: 12px;line-height: 24px;height: 24px;overflow: hidden;color: #888;margin: 0 10px;}
/*钻石*/
.nyzs_list{margin-top: 40px;}
.nyzs_list ul li{float: left;width: 190px;margin: 0 12px 30px 0;}
.nyzs_list ul li:nth-child(6n) {margin-right: 0;}
.nyzs_list ul li a{display: block;}
.nyzs_list ul li a:hover h2{color: #28a3dc;}
.nyzs_list ul li a img{display: block;width: 100%;height: 264px;}
.nyzs_list ul li a h2{font-size: 16px;line-height: 40px;height: 40px;overflow: hidden;margin: 10px 10px 0 10px;}
.nyzs_list ul li a h5{font-size: 12px;line-height: 24px;height: 24px;overflow: hidden;color: #888;margin: 0 10px;}

#c-makedBox{opacity:0;position:fixed;top:0;left:0;opacity:0;z-index:-10;width:100%;height:100%;background:rgba(0,0,0,.3)}
#c-makedBox.c-fidexShow{opacity:1;z-index:999}
#c-makedBox .c-mainBox{position:fixed;top:50%;left:50%;width:400px;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);background:#f5f5f5}
#c-makedBox .c-mainBox .c-titleBox{padding:0 40px;background:#222}
#c-makedBox .c-mainBox .c-titleBox .c-title{font-weight:700;font-size:26px;color:#fff;line-height:70px; margin: 0}
#c-makedBox .c-mainBox .c-close{position:absolute;top:0;right:0;z-index:5;width:100px;height:70px;background:url(../images/close.png) no-repeat center center;background-size:30px auto;cursor:pointer}
#c-makedBox .swiper-container{padding-right:45px}
#c-makedBox .swiper-container .swiper-slide{height:auto}
#c-makedBox .swiper-scrollbar-drag{background:#f20000}
#c-makedBox .c-form2{position:absolute;top:100px;left:0;z-index:-10}
#c-makedBox .c-form1,#c-makedBox .c-form2{padding:50px 40px;background:#f5f5f5}
#c-makedBox .c-form1 .mcode{display: none}
#c-makedBox .c-topBox .c-text{padding:20px 0 15px;font-size:18px;line-height:28px;color:#000}
#c-makedBox .c-topBox .c-text:first-child{padding-top:0}
#c-makedBox .c-topBox .c-text span{color:#f20000}
#c-makedBox .c-topBox input{height:54px;width:100%;padding:0 10px;border-radius:6px;background:#fff;color:#000; margin-bottom: 20px;border:1px solid #ccc;outline: none}
#c-makedBox .c-topBox select{height:54px;border:1px solid #ccc;margin-bottom: 20px; width:100%;padding:0 45px 0 10px;border-radius:6px;background:#fff;color:#000;background:#fff url(../images/arrow4.png) no-repeat right 15px center;background-size:15px auto;
-webkit-appearance:none;
-moz-appearance:none;
appearance:none; /*去掉下拉箭头*/}
#c-makedBox .c-topBox textarea{height:82px;width:100%;padding:14px 20px;border-radius:27px;background:#fff;color:#000;line-height:26px;border:0}
#c-makedBox .c-bottomBox{padding-top:50px}
#c-makedBox .c-bottomBox img{width:100%}
#c-makedBox .c-bottomBox .c-title{margin-bottom:30px;border-bottom:1px solid #333;padding-bottom:20px;font-weight:700;font-size:24px;line-height:1em}
#c-makedBox .c-bottomBox .c-list li{position:relative;padding-bottom:25px}
#c-makedBox .c-bottomBox .c-list li::before{height:100%;content:"";position:absolute;top:0;left:15px;z-index:1;border-left:1px solid #ddd}
#c-makedBox .c-bottomBox .c-list li:last-child:before{border:0}
#c-makedBox .c-bottomBox .c-list li:last-child{padding:0}
#c-makedBox .c-bottomBox .c-list .c-num{position:relative;z-index:2;float:left;width:30px;height:30px;font-size:18px;line-height:28px;text-align:center;color:#fff;border:1px solid #f20000;background:#f20000;border-radius:50%}
#c-makedBox .c-bottomBox .c-list li:nth-child(even) .c-num{background:#f5f5f5;color:#f20000}
#c-makedBox .c-bottomBox .c-list .c-textBox{float:right;width:-webkit-calc(100% - 45px);width:calc(100% - 45px)}
#c-makedBox .c-bottomBox .c-list .c-textBox .c-text1{font-weight:700;font-size:18px;line-height:30px;color:#000}
#c-makedBox .c-bottomBox .c-list .c-textBox .c-text2{font-size:16px;line-height:26px;color:#666}
#c-makedBox .c-btn{margin-top:20px;position:relative;margin-right:10px;height:44px;line-height:44px;color:#fff;border-radius:27px;overflow:hidden;background:#d81e06; width: 140px;display: inline-block;}
#c-makedBox .c-btnBox{background:#fff;font-weight:700}
#c-makedBox .c-btnBox .c-btn1{float:left;width:30%;text-align:center;color:#333}
#c-makedBox .c-btnBox .c-btn2{float:right;width:70%;text-align:right;background:#f20000;padding-right:80px;color:#fff;border-radius:27px}
#c-makedBox .c-btn .c-arrow{position:absolute;z-index:1;top:0;right:70%;width:30%;background:#f20000;border-radius:27px;text-align:center;transition:.5s}
#c-makedBox .c-btn .c-arrow img{height:12px;vertical-align:middle;transition:.5s}
#c-makedBox .c-btn .c-text{position:relative;z-index:2;text-align:center;width:100%;font-weight:700; letter-spacing: 3px}
#c-makedBox .c-btn:hover .c-arrow{right:0;width:100%}
#c-makedBox .c-btn:hover .c-arrow img{opacity:0}
#c-makedBox .c-topBox .mcode input{width: calc(60% - 6px); display: inline-block;}
#c-makedBox .c-topBox .mcode .getcode{width: 40%; display: inline-block;background: #1d445b; color: #fff;border-radius: none; height: 54px;border: none; border-radius: 6px;font-size: 14px;}
@media screen and (max-width:1599px){#c-makedBox .c-mainBox .c-titleBox{padding:0 30px}
#c-makedBox .c-mainBox .c-titleBox .c-title{font-size:20px;line-height:60px}
#c-makedBox .c-mainBox .c-close{width:80px;height:60px;background-size:20px auto}
#c-makedBox .c-form1,#c-makedBox .c-form2{padding:30px}
#c-makedBox .swiper-container{padding-right:30px}
#c-makedBox .c-topBox .c-text{padding:15px 0 10px;font-size:14px;line-height:24px}
#c-makedBox .c-topBox input, #c-makedBox .c-topBox select,#c-makedBox .c-topBox .mcode .getcode{height:40px;border-radius:6px;font-size:14px; }
#c-makedBox .c-topBox textarea{padding:12px 20px;border-radius:20px;line-height:24px;border:0;font-size:14px}
#c-makedBox .c-bottomBox{padding-top:30px}
#c-makedBox .c-bottomBox .c-title{font-size:20px}
#c-makedBox .c-bottomBox .c-list .c-textBox .c-text1{font-size:16px}
#c-makedBox .c-bottomBox .c-list .c-textBox .c-text2{font-size:14px;line-height:24px}
#c-makedBox .c-btn,#c-makedBox .c-btnBox{margin-top:30px;margin-right:30px}
#c-makedBox .c-btn,#c-makedBox .c-btnBox{height:50px;line-height:50px}
#c-makedBox .c-form2{top:60px}
#c-makedBox .c-bottomBox img{margin-top:15px}
}
@media screen and (max-width:1279px){#c-makedBox .c-mainBox{width:400px}
}
@media screen and (max-width:1023px){#c-makedBox .c-btn .c-arrow{right:0;width:100%}
#c-makedBox .c-btn .c-arrow img{opacity:0}
#c-makedBox .c-btn .c-text{text-align:center}
#c-makedBox .c-btnBox .c-btn1,#c-makedBox .c-btnBox .c-btn2{width:50%;padding:0;text-align:center}
}
@media screen and (max-width:767px){#c-makedBox .c-form1,#c-makedBox .c-form2{padding:20px}
#c-makedBox .c-mainBox .c-titleBox{padding:0 20px}
#c-makedBox .c-mainBox .c-close{width:60px}
#c-makedBox .c-mainBox{width:300px}
#c-makedBox .swiper-container{padding-right:20px}
#c-makedBox .c-btn,#c-makedBox .c-btnBox{margin-top:20px;margin-right:20px}
#c-makedBox .c-btn,#c-makedBox .c-btnBox{height:40px;line-height:40px}
}

.xqzi_main .formconb{width:350px; float: left;}
.xqzi_main .regtext{width:350px; float: left; margin-left: 100px;}
.xqzi_main .formconb form{margin-top: 20px;}
.xqzi_main .formcon.fuform-fixed-top{position:fixed;z-index:99;top:180px;width:350px}
.xqzi_main .formcon.fuform-fixed-top .inbox{height:34px}
.xqzi_main .formcon.fuform-fixed-top .inboxte{height:60px}
.xqzi_main .formcon{width:100%}
.xqzi_main .regtext .disw24{color:#28a3dc;margin:0 0 10px;font-size:20px;}
.xqzi_main .formcon .disw16{}
.xqzi_main .formcon .inbox{position:relative;border:1px solid #dcdcdc;width:100%;padding:5px 10px;height:44px;border-radius:6px;margin-bottom:15px;transition:all .3s ease}
.xqzi_main .formcon .inboxte{border:1px solid #dcdcdc;width:100%;padding:5px 10px;height:100px;border-radius:6px;margin-bottom:15px;transition:all .3s ease}
.xqzi_main .formcon .inbox input{border:0;background:0;width:100%;height:100%;line-height:44px; outline: none}
.xqzi_main .formcon .tips{text-align: center;line-height: 40px;font-size: 14px; cursor: pointer;}
.xqzi_main .formcon .mcode{border:1px solid #dcdcdc; border-radius: 6px; margin-bottom: 15px;padding: 5px 10px;}
.xqzi_main .formcon .mcode .disw14{border: 0; outline: none; background:none;}
.xqzi_main .formcon .mcode .getcode{float: right; font-size: 14px; background: #333; color: #fff;padding: 0 10px; line-height: 34px;}
.xqzi_main .formcon .inbox select{border:0;width:100%;height:22px;background:0}
.xqzi_main .formcon .inboxte textarea{border:0;background:0;width:100%;height:100%;line-height:30px;resize:none;transition:all .3s ease}
.xqzi_main .formcon .tjiaob{background:#28a3dc;color:#fff;width:100%;height:44px;border:0;border-radius:6px;transition:all .3s ease; cursor: pointer;}
.xqzi_main .formcon .tjiaob:hover{background:rgba(196,38,29,.8)}


.gbook{width: 100%;min-width: 1200px;}
.gbook .gbox{width: 1200px; margin: 0 auto; min-height: 390px; background: url(../images/inquiry_bg.jpg) right bottom no-repeat;}
.gbook .gbox h4{font-size: 20px;margin-bottom: 20px;margin-top: 30px;}
.gbook .gbox input{line-height: 38px; border: 1px solid #ccc; width: 400px; border-radius: 6px;margin-bottom: 10px;padding-left: 10px;}
.gbook .gbox textarea{border: 1px solid #ccc; border-radius: 6px; width: 400px;font-family: "Microsoft YaHei","黑体","宋体",sans-serif; font-size: 14px; padding-left: 10px;}
.gbook .gbox .btn_blue{background: #28a3dc; color: #fff; border:none; width: 130px;margin-top: 15px; cursor: pointer;padding: 0}

#Tz_wrap{width:450px;margin:0 auto;height:550px;}
#Tz_wrap img{display: block;}
#Tz_magnify{width:450px;height:450px;position:relative;margin-bottom:15px;}
#Tz_magnify .simg{ width:450px;height:450px;position:relative;}
#Tz_magnify .simg img[src="../images/sprite-magnify.png"]{position:absolute;bottom:0;right:0;}
#Tz_magnify .simg .mov{width:150px;height:149px;background:url("../images/move.png");position:absolute;left:0px;top:0;cursor:move;display:none;}
#Tz_magnify .bigimg {width:450px;height:450px;position:absolute;left:500px;bottom:0;overflow:hidden;display:none;z-index: 999}
#Tz_magnify .bigimg img{position:absolute;left:0px;top:0;}
.series {width:450px;height:85px;position:relative;}
.series .show {width:450px;height:85px;position:relative;overflow:hidden;}
.series .show ul.cont{width:450px;}
.series .show ul.cont li{float:left;margin:0px 7px 0 0;cursor:pointer;border:2px solid transparent;}
.series .show ul.cont li:first-child{margin-left: 0}
.series .show ul.cont li:last-child{margin-right: 0}
.series .show ul.cont li.hover{border:2px solid red;}
.series span{width:20px;height:70px;position:absolute;background-image:url("../images/hd_sprite_v1.0.png");cursor:pointer;}
.series span.left{left:0;top:0;background-position:-142px -18px;}
.series span.right{right:0;top:0;background-position:-172px -18px;}
.series span.left:hover{background-position:-138px -130px;}
.series span.right:hover{background-position:-175px -130px;}
#topcontrol{background:#28a3dc; height:30px; width:30px; border-radius:4px;}

.effect-one{position:relative;box-sizing:border-box;cursor:pointer;-webkit-transition:all .7s ease-in-out;-moz-transition:all .7s ease-in-out;-o-transition:all .7s ease-in-out;-ms-transition:all .7s ease-in-out;transition:all .4s ease-in-out;overflow:hidden}
.effect-one .effect-one-img{position:relative;display:block;width:100%;padding:0;margin:0;opacity:1;-webkit-transition:all .7s ease-in-out;-moz-transition:all .7s ease-in-out;-o-transition:all .7s ease-in-out;-ms-transition:all .7s ease-in-out;transition:all .7s ease-in-out;overflow:hidden}
.effect-oneBox:hover .effect-one-img,.effect-one:hover .effect-one-img{opacity:.9;-webkit-transform:scale(1.1);-moz-transform:scale(1.1);-o-transform:scale(1.1);-ms-transform:scale(1.1);transform:scale(1.1)}

.HomePartner .effect-one{height: 100px;}
.HomePartner .effect-one .effect-one-img{height: 100%}

.HomeAbout{  overflow:hidden;background: #28a3dc;}
.HomeAbout .left{ position:relative;width:600px; }
.HomeAbout .left img{ position: absolute; right:0;top:0;}
.HomeAbout .right{width:600px;padding:70px 50px;}
.HomeAbout .right h3{color:#fff;font-size:24px;}
.HomeAbout .right hr{border:none; margin:30px 0;width:100px;height:1px; background: #fff;}
.HomeAbout .right .wx{color:#fff;font-size:15px; line-height: 26px}
.HomeAbout .right a{ display: block;width:100px; height:30px;margin:30px 0 0 0; border:1px #fff solid; background: url(../images/line02.png) no-repeat center;}

.HomePartner{ padding:70px 0;background: #f1f1f1;}
.HomePartner .picScroll-left{ position: relative;}
.HomePartner .picScroll-left .prev,.HomePartner .picScroll-left .next{ position: absolute; left:-50px;top:37%; border:1px #ddd solid;width:35px; line-height: 35px;color:#ddd;font-size:30px;text-align: center; cursor: pointer;/*! margim-top: -35px; */}
.HomePartner .picScroll-left .next{left:auto;right:-50px;}
.HomePartner .picScroll-left .prev:hover,.HomePartner .picScroll-left .next:hover{color:#fff;background: #28a3dc}
.HomePartner .long{ margin-top:40px; overflow: hidden}
.HomePartner .list{}
.HomePartner .list li{ float:left;width:240px;}
.HomePartner .list li a{ position: relative; display: block; margin:0 10px;}
.HomePartner .list li h4{  opacity: 0; position: absolute; left:0; bottom: 0;color:#fff;font-size:20px; text-align: center;padding:30px 0px 0px 0px;width: 100%;height:100%;z-index: 9;transform:translateX(0px);}
.HomePartner .list li a:before{ opacity: 0;position: absolute;z-index: 2;content: "";left:0;top:0;width:100%;height:100%; background: rgba(0,0,0,0.5);transition: all .4s ease-in-out;}
/*.HomePartner .list li:hover h4{ opacity: 1;transform:translateY(20px);}
.HomePartner .list li:hover a:before{ opacity: 1}*/

.titleAx{color:#333333;font-size:35px;margin: 15px 0;}
.titleAx font{color:#28a3dc;font-size:30px;font-weight:bold;text-transform: uppercase;}
.titleAx .more{ float:right; color:#28a3dc;border:1px #28a3dc solid; padding:2px 10px;font-size: 12px;}
.titleAx .more:hover{ color:#fff; background: #28a3dc;}

.HomeProduct{float:left;width:100%; padding:40px 0 40px 0; background: #f1f1f1;position: relative;z-index: 2;}
.HomeProduct .tone{margin:20px 0;/*! overflow: hidden; */float: left;width: 100%;}
.HomeProduct .tone li{ position: relative;z-index: 9999;float:left; color:#666666;font-size:14px;padding:5px 20px;border-radius: 20px;cursor: pointer;transition: all .2s ease-in-out;}
.HomeProduct .tone li.hit{background: #ccc;color: #fff;}
.HomeProduct .tone li:before{content: ""; position: absolute;left:0;top:0;width:0%;height:100%;z-index: -1;background:#28a3dc;transition: all .4s ease-in-out;border-radius: 20px;}
.HomeProduct .tone li.hit:before{width:100%; }
.HomeProduct .tone li span{ display: none;position: absolute; left:0;top:100%;z-index: 999;background: #f5f5f5;/*! border: 1px #ddd solid; */box-shadow: 0 0 10px #aaa;white-space: nowrap;}
.HomeProduct .tone li:hover span{ display: block}
.HomeProduct .tone li span a{ display: block; color:#666;font-size:12px;padding: 10px 10px;border-bottom: 1px #ddd dashed;text-align: center;} 
.HomeProduct .tone li span a:hover{color:#28a3dc; }
.HomeProduct .tone .more{ float:right; color:#28a3dc;border:1px #28a3dc solid; padding:2px 10px;font-size: 12px;}
.HomeProduct .tone .more:hover{ color:#fff; background: #28a3dc;}
.HomeProduct .down{margin:5px 0 20px 0;float: left;width: 100%;position: relative;z-index: -1;}
.list-product{}
.list-product li{float:left;width:380px; margin:0 10px 20px 10px; text-align: center; background: #fff;box-shadow: 0 0 10px #eee;}
.list-product li h4{font-size:22px;margin-top: 10px;padding:0 15px;line-height:40px;}
.list-product li span{color:#888;font-size:16px;margin: 5px 0 5px 0;display: block;}
.list-product li em{ position: relative;color:#fff;font-size:14px; display: block; margin: auto; width:30px;line-height: 30px; text-align: center; background: #28a3dc;}
.list-product li em:before{ opacity: 0;position: absolute;left:20px;top:10px; content: ""; width:44px;height:11px; background: url(../images/line02.png) no-repeat center;}
.list-product li:hover h4{color:#28a3dc}
.list-product li:hover{ box-shadow: 0 0 10px #aaa}
.list-product li:hover em{width:80px;font-size:0px;}
.list-product li:hover em:before{ opacity: 1}