﻿@charset "utf-8";

/*浮动样式*/
.fl{ float:left;}
.fr{ float:right;}
.clear{ clear:both;}
.clearfix:after{ content:'.'; clear:both; display:block; height:0; visibility:hidden; line-height:0px;}
.clearfix{ zoom:1}


/*内容区*/
.proL{ width:250px; position:relative;}
.proL .ttl,.lift_zuo h1{ width:100%; height:62px; background:#0d9dd1 url(../img/cp_bt.jpg) center 10px no-repeat; font-size:20px; font-weight:bold; color:#fff; text-align:center; line-height:62px; position:relative;border-radius: 4px 4px 0 0;}

.proL .kuan_div{background:#0d9dd1 url(../img/cp_bt1.jpg) center 10px no-repeat;}

.proL .ttl .zsj{ width:29px; height:29px; background:url(../img/cpzsj.jpg) no-repeat; position:absolute; left:-29px; top:0;}
.proL .ysj{ width:19px; height:19px; background:url(../img/cpysj.jpg) no-repeat; position:absolute; right:-19px; bottom:0;}
.proL .yjk{ width:240px; border:5px solid #0d9dd1; border-top:none;padding-bottom: 20px;}
.proL ul .yj{ width:200px;  margin-left:10px; border-bottom:1px dashed #ddd; padding:0 10px 5px 10px}
.proL ul li .yja{ width:180px; font-size:14px; color:#555; background:url(../img/cp_jt3.jpg) right no-repeat; display:block; height:35px; line-height:45px; overflow:hidden}
.proL ul li .yja:hover,.proL ul li.cur .yja{ color:#0d9dd1; background:url(../img/cp_jt4.jpg) right no-repeat; text-decoration:none;}
.proL ul li ul li{ width:160px; height:25px; line-height:25px;margin-bottom:2px;border-bottom:1px solid #f1f1f1; overflow:hidden}
.proL ul li ul li a{ font-size:12px; color:#999; display:block; padding-left:14px;}
.proL ul li .dj{ position:absolute; z-index:999; width:80px; height:35px; display:block; margin-left:110px; margin-top:-30px; overflow:hidden; line-height:100px;cursor:pointer;}


.product .proR{ width:840px;}
.proR .tlt2{ border-bottom:1px solid #f1f1f1;height:42px; /*background:#0d9dd1;*/ line-height:42px; font-size:20px; font-weight:bold; color:#555; text-indent:10px;}
.proR .tlt2 span{ font-size:14px; margin-left:10px; font-family:arial; color:#999;font-weight:normal;}
.proR .tlt2 a{ font-size:14px;font-weight:normal; color:#999; float:right; margin-right:10px;}

.proR .cp{border-top:none;     padding: 0 20px 0;}
.proR .cp h3{ height:30px; line-height:30px; font-size:18px; color:#009240; font-weight:normal; text-align:center;}
.proR ul{ width:825px; overflow:hidden;}
.proR ul li{ width:250px; height:210px; position:relative; margin-right:25px; float:left; margin-bottom:35px;}
/*.proR ul .c_pro_box{-webkit-transition: all .25s;-moz-transition: all .25s;-ms-transition: all .25s;-o-transition: all .25s;transition: all .25s;}*/
/*.proR ul .c_pro_box:hover{margin-top:-5px;}*/
.proR ul li .proimg_bk{ width:250px; height:168px; border:1px solid #f1f1f1; position:relative;display:table-cell;text-align:center;vertical-align:middle;}
.proR ul li .proimg_bk .proimg{width:250px;line-height:168px;*line-height:200px;height:168px;*height:200px;text-align:center;position:static;+position:absolute;top:50%}
.proR ul li .proimg_bk img {vertical-align:middle;position:static;+position:relative;top:-50%;left:-50%; max-width:245px; max-height:153px}
.proR ul li p{ height:40px; background:#0d9dd1; text-align:center; line-height:40px; font-size:14px; color:#fff;-webkit-transition: all .25s;-moz-transition: all .25s;-ms-transition: all .25s;-o-transition: all .25s;transition: all .25s;}
.proR ul li p a{color:#fff; text-decoration:none;}
.proR ul li:hover .proimg_bk{ border:1px solid #009240;}
.proR ul li:hover p{ background:#009240;}
.proR ul li .hei{ width:248px; height:168px; background:#000; position:absolute; left:1px; top:1px;filter:alpha(opacity=70); -moz-opacity:0.7; -khtml-opacity: 0.7; opacity: 0.7; display:none;}
.proR ul li .Detail{ position:absolute; left:64px; top:69px; width:120px; height:30px; display:block; background:#009240; font-size:14px; text-align:center; line-height:30px; color:#fff;  display:none;}
.proR ul li:hover .Detail{ display:block;}
.proR ul li:hover .hei{ display:block;}



.hot{ margin-top:50px;}
.bot{ width:100%;background:#1c1c1c;margin-top:10px;padding-bottom:20px;overflow:hidden;}
.friend{ width:1100px;margin:0 auto;font-size:14px; color:#555;line-height:26px;padding-top:10px;}
.friend a{ color:#555; margin-right:20px;}
.bot .bot_nav{ text-align:center; line-height: 40px;padding-top: 30px;}
.bot .bot_nav a{ font-size:14px; color:#595959; margin-right:20px;}
.bot .bot_nav a:hover{text-decoration:none;color:#757474;}
.bot .bot_nav span{ margin-right:20px; color:#595959;}
.bot2 .logo{ width:103px; height:100px; margin-top:32px; margin-left:110px;}
.bot2 .tact{margin-top:26px;}
.bot2 .tact p{ line-height:24px; color:#595959;}
.bot2 .tact p a{ color:#696767;}
.bot2 .tact p a:hover{text-decoration:none;color:#757474;}
.bot2 .ewm{ width:140px; height:140px; margin-top:22px; margin-right:20px; float:right}



/*==========内页样式开始========*/
#contant{ width:1100px; margin:0 auto;}
.list_box { margin-top:30px; overflow:hidden;}
.list_box .box_bt{ width: 100%; height:39px; font-size:12px; border-bottom:1px solid #e1e1e1;padding-bottom: 5px;}
.lift_zuo{ width:250px; float:left;}
.n_pro_list .list .hover {background: #ff5400 url(../img/list_li.png) no-repeat 50px -22px !important; display:block; color:#fff;}

.list { width:230px; float:left;}
.list p {line-height:39px;height:39px;text-align: center; background-color:#0d9dd1; color:#fff; font-weight:bold; font-size:16px;}
.list p span { font-size:12px; font-weight:normal; color:#fff;}
.list ul { width:230px; height:auto; overflow:hidden;}
.list ul li {line-height:34px; background:#e6e6e6; margin-top:1px;}
.list ul li a {display: block; font-size: 14px; color: #666; text-decoration: none; text-align:center;}
.list ul li a:hover {background:#009240; text-decoration: none; color: #fff;}
.list ul li .xl{ display:none;}
.list ul li:hover .xl{ display:block;}
.list ul li:hover .xl a{ text-align:center; font-size:12px; font-weight:normal; display:block; background:#fff;}
.list ul li:hover .xl a:hover{ background:#eee;}


.list_pro { width:230px; float:left;}
.list_pro p {line-height:70px;height:70px;text-align: center; background-color:#0d9dd1; color:#fff; font-weight:bold; font-size:24px;}
.list_pro p span { font-size:12px; font-weight:normal; color:#fff;}
.list_pro ul { width:230px; height:auto; overflow:hidden;}
.list_pro ul li { margin-top:1px;}
.proL ul li .a1 {display: block; height:44px; line-height:44px; background:#e6e6e6; font-size: 14px; color: #555; text-decoration: none; text-align:center;margin-top:5px;}
.proL ul li .a1:hover {background:#009240; text-decoration: none; color: #fff;}
.list_pro ul li .xl{ display:none;}
.list_pro ul li:hover .xl{ display:block;}
.list_pro ul li:hover .xl a{ text-align:center; font-size:12px; font-weight:normal; display:block; background:#fff;}
.list_pro ul li:hover .xl a:hover{ background:#eee;}
.list_pro ul li ul li{ height:30px; line-height:30px; text-align:center}

.list_new { width:230px; float:left; margin-top:20px;}
.list_new p {line-height:39px;height:39px;text-align: center; background-color:#0d9dd1; color:#fff; font-size:16px; font-weight:bold;}
.list_new p span { font-size:12px; font-weight:normal; margin-top:5px; color:#fff;}
.list_new ul { width:228px; overflow:hidden;  border: 1px solid #ccc; line-height:40px; padding-bottom:10px; border-top:none;}
.list_new ul li { width:201px; height:30px; line-height:30px; text-align:left; overflow:hidden; margin:10px auto;border-bottom:1px dashed #dedede;}

.list1 { width:100%; float:left; margin-top:20px;}
.list1>p{font-size:16px;font-weight:bold;}
.list1 p {line-height:39px;height:39px;text-align: center; background-color:#0d9dd1; color:#fff; font-size:14px;}
.list1 p a{color:#fff !important;text-decoration:none;}
.list1>p{font-size:16px;font-weight:bold;}
.list1 p span { font-size:12px; font-weight:normal; margin-top:5px; color:#fff;}
.list1 ul { width:248px; overflow:hidden;  border: 1px solid #ccc; line-height:40px; padding-bottom:10px; border-top:none;}
.list1 ul li { width:201px; height:174px; margin:10px auto;overflow:hidden;}

.list1 ul li .proimg_bk{ width:199px; height:133px; border: 1px solid #f1f1f1; position:relative;display:table-cell;text-align:center;vertical-align:middle;}
.list1 ul li .proimg_bk .proimg{width:199px;line-height:133px;*line-height:183px;height:133px;*height:183px;font-size:133px;text-align:center;position:static;+position:absolute;top:50%}
.list1 ul li .proimg_bk img {vertical-align:middle;position:static;+position:relative;top:-50%;left:-50%; max-width:196px; max-height:128px}

.list1 ul li a {display: block; font-size: 14px; color: #666; text-decoration: none;text-align: center;}
.list1 ul li a span:hover { text-decoration: none; color: #0d9dd1;}
.left_box{width:220px;float:left;}
.list_left {float: left;width: 220px;margin-right: 30px;}
.list_right {float: right; width: 830px;}

/*==========商家信息========*/
.list_right .box_sj{ width:415px; height:200px; border:1px solid #ccc; margin-top:20px; margin-right:14px;}
.list_right .box_sj .box_z{ width:138px; height:194px;}
.list_right .box_sj .box_z img{ border:1px solid #f0f0f0; margin:10px 0 0 10px;}
.list_right .box_sj .box_z .box_q{ height:22px; line-height:22px; width:60px; background-color:#0d9dd1; color:#fff; text-align:center; margin:10px 0 0 42px;}
.list_right .box_sj .box_z .box_q a{ color:#fff; font-size:14px; display:block;}
.list_right .box_sj .box_y{ width:250px; margin-right:10px;}
.list_right .box_sj .box_y h2{ width:250px; height:40px; border-bottom:1px solid #ccc; font-size:12px; line-height:55px; font-weight:normal;}

.list_right .box_sj .box_y p{ font-size:12px; line-height:24px;}
.list_right .box_sj .box_y p.box_h{ height:45px; overflow:hidden;}
.top_title {line-height:39px;height:39px;text-align: center; background-color:#0d9dd1;}
.top_title h2 {font-family: "微软雅黑";font-size: 16px; color: #fff;}
.top_title h2 span{ font-size:12px; font-weight:normal;}
.left_con {line-height: 20px;}
.left_con{ border: 1px solid #ccc;}
.left_con ul li {line-height: 34px;border-bottom: 1px dotted #ccc;}
.left_con ul li a {display: block; font-size: 14px; color: #666; text-decoration: none;text-align: center;}
.left_con ul li a:hover {background:#ccc; text-decoration: none; color: #fff;}

.pro_pic {overflow: hidden; width:864px;}
.pro_pic ul{ margin-left:20px;}
.pro_pic ul li a{ display:block; text-decoration:none;}
.pro_pic ul li{ width:248px; float:left; margin-right:30px; margin-top:30px;}

.pro_pic ul li .proimg_bk{ width:248px; height:155px; border:1px solid #ccc; position:relative;display:table-cell;text-align:center;vertical-align:middle;}
.pro_pic ul li .proimg_bk .proimg{width:248px;/*line-height:155px;*line-height:215px;height:155px;*height:215px;*/ font-size:155px;text-align:center;position:static;+position:absolute;top:50%}
.pro_pic ul li .proimg_bk img {vertical-align:middle;position:static;+position:relative;top:-50%;left:-50%; max-width:243px; max-height:150px}

.pro_pic ul li p{ width:250px; height:35px; height:35px; line-height:35px; text-align:center; font-size:14px; background:#0d9dd1; color:#fff;}
.pro_pic ul li:hover .proimg_bk{ border:1px solid #009240; border-bottom:none;}
.pro_pic ul li:hover p{ background:#009240; color:#fff; text-decoration:none;}


.pro_pic ul li dt{ width:232px; height:154px;}
.pro_pic ul li dd{ margin-top:10px; font-size:14px; color:#333;}


.moxing {overflow:hidden;width:220px;}
.lianxi_title h2 {color: #fff;padding-left: 20px;font-family: "微软雅黑";font-size: 15px;}
.lianxi_title{line-height: 39px;background-color: #00AA3A;height: 39px;}
.list_lbot{margin:15px 0 35px 0;}
.list_contact{border: 1px solid #ccc;padding:10px;}
.list_contact p{line-height:24px;color:#818181;padding-left:15px;padding-right:15px;}
.pro_details_tongji {text-align: center;width: 100%;border-bottom: 1px dashed #ccc;padding-bottom: 15px;margin-bottom: 15px; font-size:12px;color:#999;}
.pro_photo{ padding-top:10px;}

.pro_photo table td{ text-align:left}


.pro_photo h3 {text-align: center;line-height: 50px;font-size: 20px;font-weight: bold;}
.pro_photo p{color:#333;}
.n_con{ color:#666; font-size:12px; line-height:24px;}
.n_con p {line-height: 24px;color: #333;text-indent: 2em;margin-bottom: 5px;padding-left:15px;padding-right:15px; color:#666; font-size:14px;}
.goto{ color:#666; font-size:14px; line-height:24px;}
.goto p {line-height: 24px;color: #666;padding-right: 15px;padding-left: 15px;}
.goto a{ color:#666;}
.goto ul li{ padding:20px; border-bottom:1px solid #ccc;}
.goto ul li a{ font-size:14px;}
.goto ul li a.a1{ color:#0d9dd1; font-weight:bold; line-height:24px;}
.goto ul li dt a{ color:#0d9dd1; font-weight:bold; line-height:24px;}
.goto ul li dd a{ line-height:24px; margin-right:30px;}

.info_news li span {float: right;color:#999;}
.info_news li {line-height: 40px;padding-right: 10px;background:url(../img/new_li.png) left center no-repeat; padding-left: 5px;margin-left: 10px;border-bottom: 1px dashed #CCC;}

.info_news li a {color: #666; font-size:14px;background: url(../img/li_bg.png) no-repeat left center;padding-left: 10px;}
.info_news li a:hover {color: #0d9dd1;}
.liuyan {border: 1px dashed #9f9f9f;margin-top: 20px;padding-bottom: 20px;padding-top: 20px;}
.page {margin-top: 20px;text-align: center;line-height: 30px;height: 30px;margin-bottom: 30px; font-size:12px;}
.page a {color: #666;}
.page a:hover {color: #0d9dd1;}

.box_right {float: right;width: 850px;}
.box_right .box_bt{ width: 850px; height:39px; font-size:12px; border-bottom:1px solid #e1e1e1;}
.box_right_title{ color: #444; line-height: 38px; font-size:20px; font-weight:bold;}
.box_right_con { font-size:14px; padding:20px 0 0 10px;}
.box_right_con p{ line-height:26px; color:#555; font-size:14px}
.box_right_con img{ margin:10px auto}


.bt_text_y{font-size:12px;line-height:31px; float:right;height:30px; margin-top:-36px;max-width:700px;background:url(../img/home.png) left center no-repeat;padding-left:20px;}
.bt_text_y span{ float:right; color:#666;}
.bt_text_y span a { color:#666;}
.bt_text_y span a:hover { color:#0d9dd1;}


.font_red {background: #009240; !important; display:block; color:#fff !important;}



.box_right_con3{padding: 20px 20px 0 0;}
.box_right_con a, .box_right_con3 a { color:#0d9dd1; text-decoration:underline;}

/*article*/
.nei_product_text1 {text-align: center;font-weight: bolder;font-size: 14px;color:#666;}
.nei_product_text2 {text-align:center;border-bottom:1px dashed #dfdfdf;line-height:30px;padding:10px 10px 0; font-size:13px;}
.nei_product_text3 {padding-top:20px 10px;}
.product_page {
	text-align:center;}
.product_page a{ text-decoration: none; color: #666;}
.product_page a:hover{ text-decoration: underline;}
.nei_article_text3 {padding:20px;line-height:26px;text-indent:2em;}
/*==========内页样式结束========*/



/*产品详情页放大功能start*/
#container { width:1100px; margin:35px auto 10px; height:auto; clear:both; }
.siderightCon { line-height:24px; margin:20px 0 0 0px; text-align:left;}
.nypro{ width:400px; height:340px; float:left;}
#preview{ float:none; margin:0px auto; width:400px;}

.list-h { width:365px !important;}
.list-h li{ float:left;}
#spec-n5{width:400px; height:56px; padding-top:15px;  }
#spec-left{ background:url(../img/left.gif) no-repeat; width:10px; height:45px; float:left; cursor:pointer; margin-top:10px; margin-right:6px;}
#spec-right{background:url(../img/right.gif) no-repeat; width:10px; height:45px; float:left;cursor:pointer; margin-top:10px; margin-left:6px;}
#spec-list ul li{ float:left; margin-right:0px; display:inline; width:91px; height:91px; overflow:hidden}
#spec-list ul li .proimg_bk{ width:86px; height:66px; border:1px solid #ccc; padding:2px; position:relative;display:table-cell;text-align:center;vertical-align:middle;}
#spec-list ul li .proimg_bk .proimg{width:86px;line-height:66px;*line-height:116px;height:66px;*height:116px;font-size:66px;text-align:center;position:static;+position:absolute;top:50%}
#spec-list ul li .proimg_bk img {vertical-align:middle;position:static;+position:relative;top:-50%;left:-50%; max-width:81px; max-height:61px; border:none !important}


/*jqzoom*/
.jqzoom{width:398px; height:299px; position:relative; border:1px solid #CCC; overflow:hidden; display:table-cell;text-align:center;vertical-align:middle;}
.jqzoom .proimg{width:398px;line-height:299px;*line-height:350px;height:299px;*height:350px;font-size:299px;text-align:center;position:static;+position:absolute;top:50%}
.jqzoom .proimg img {vertical-align:middle;position:static;+position:relative;top:-50%;left:-50%; max-width:393px; max-height:294px}

.zoomdiv{z-index:100;position:absolute;top:1px;left:0px;width:350px;height:350px;background:url(i/loading.gif) #fff no-repeat center center;border:1px solid #e4e4e4;display:none;text-align:center;overflow: hidden;} 
.bigimg{width:800px;height:600px;}
.jqZoomPup{z-index:10;visibility:hidden;position:absolute;top:0px;left:0px;width:60px !important;height:60px !important;border:1px solid #aaa;background:#FEDE4F 50% top no-repeat;opacity:0.5;-moz-opacity:0.5;-khtml-opacity:0.5;filter:alpha(Opacity=50);cursor:move;}
#spec-list{ position:relative; width:365px; height:91px;  float:left; overflow:hidden; margin-left:2px; display:inline;}
#spec-list div{ margin-top:0;margin-left:0px; *margin-left:0;}

.product_bigimg_text {
	width:420px;
	float:left;
	text-indent:0em;
	height:auto;
	overflow:hidden;
	padding-top:10px;
	line-height:24px;
	margin-left:30px;
}
.product_bigimg_text div{line-height:24px;}
.product_bigimg_text h2 {margin-bottom:0;border-bottom: 1px dashed #d7d7d7;color: #333;font-size: 18px;margin-bottom: 20px;padding: 0 0 10px; color:#3d6dad;font-weight:bold;}
.prod-right-title {
    line-height: 26px;
    margin-bottom: 30px;
	}
.prod-right-tel {
    height: 46px;
    margin-bottom: 20px;
    margin-top: 20px;
    overflow: hidden;
    padding-left: 5px;
}
.line { height:1px; border-bottom:1px dashed #d7d7d7; clear:both; margin-bottom:20px;}
.line1{ height:15px;}
/*产品详情页放大功能end*/

.box_right {float: right;width: 850px;}
.box_right_con3{padding: 20px 20px 0 0;}
.box_right_con a, .box_right_con3 a { color:#cc0000; text-decoration:underline;}
/*article*/
.nei_product_text1 {text-align: center;font-weight: bolder;font-size: 14px;color:#666;}
.nei_product_text2 {text-align:center;border-bottom:1px dashed #dfdfdf;line-height:30px;padding:10px 10px 0; font-size:13px;}
.nei_product_text3 {padding-top:20px 10px;}
.product_page {
	text-align:center;}
.product_page a{ text-decoration: none; color: #666;}
.product_page a:hover{ text-decoration: underline;}



/*---------在线咨询-------*/
.txtbox{border:1px solid #ccc;height:30px;line-height:30px;width:250px; padding-left:5px;font-family: "Microsoft YaHei"; color:#999; font-size:12px;}
.txtbox:hover{border:1px solid #999;height:30px;line-height:30px;width:250px;color:#333;}
.txtbox:focus{border:1px solid #666;height:30px;line-height:30px;width:250px;color:#333;}

.txtbox01{border:1px solid #ccc;height:30px;line-height:30px;width:80px; padding-left:5px;font-family: "Microsoft YaHei";color:#999;}
.txtbox01:hover{border:1px solid #999;height:30px;line-height:30px;width:80px;color:#333;}
.txtbox01:focus{border:1px solid #666;height:30px;line-height:30px;width:80px;color:#333;}
.bfont{ font-size:12px; color:#333333;}

.order_nr_box{ width:600px; font-size:12px; height:100px;border:1px solid #ccc;overflow:auto;background:none;padding-left:5px;font-family: "Microsoft YaHei";color:#333;background:#fff;}
.order_nr_box:hover{border:1px solid #999;color:#333; background:#fff;}
.order_nr_box:focus{border:1px solid #666;color:#333;}

#loginbox{width:100%;margin:10px;}
#loginbox tr td{ padding-bottom:10px;}
#loginbox tr td p{ padding-left:20px;}

#btnlogin {width:150px;height:40px; margin:20px 0 0 90px;}
#btnlogin .tj_input{ width:150px; height:38px; background:#ff7300;text-align:center; color:#fff; font-size:16px; border:none; margin:0px;cursor: pointer;font-family: "Microsoft YaHei"; }
#btnlogin .tj_input:hover{background:#ff5400;}

.n_con img{ max-width:840px}
.text1{height: 80px;overflow: hidden;padding: 10px;background:url(../img/bgPro2.jpg) 0 14px no-repeat;text-indent:16px;line-height:24px;}
.pro_con{padding-bottom:20px;}
.pro_con,.pro_con p{font-size:12px;color:#555;line-height:24px;}
.pro_con img{display:block;max-width:100%;height:auto !important;}

.sgt_btn { width:400px; height:50px; overflow:hidden; margin:10px auto 0; padding:0;}
.sgt_btn .sgt_bl, .sgt_btn .sgt_br { display:block; width:184px; height:50px; overflow:hidden; line-height:50px; color:#fff; font-size:16px; text-align:center; border:none; outline:none; margin:0; padding:0;}
.sgt_btn .sgt_bl { background-color:#24bb6c; float:left;}
.sgt_btn .sgt_br { background-color:#ffa800; float:right;}

/*----箭头产品滚动----*/
#skins_pro{ width:1100px; margin:0 auto; overflow:hidden; clear:both;padding-top:15px;}
#skins_pro .leftLoop{overflow:hidden;display:block;} 
#skins_pro .leftLoop .hd{ overflow:hidden; height:40px; margin-top: -194px; position: absolute;width: 1100px;} 
#skins_pro .leftLoop .hd .next{ display:block;width:40px;height:40px;float:right;overflow:hidden;cursor:pointer; background:url(../img/jt_right.jpg) right center no-repeat}
#skins_pro .leftLoop .hd .next:hover{background:url(../img/jt_right1.jpg) right center no-repeat;}
#skins_pro .leftLoop .hd .prev{ display:block;width:40px; height:40px;float:left;overflow:hidden;cursor:pointer; background:url(../img/jt_left.jpg) left center no-repeat;}
#skins_pro .leftLoop .hd .prev:hover{ background:url(../img/jt_left1.jpg) left center no-repeat;}
#skins_pro .leftLoop .bd{ margin:10px 35px 10px 35px;height: 254px;overflow:hidden;} 
#skins_pro .leftLoop .bd ul{ overflow:hidden; zoom:1;} 
.gggg li{float:left;width:144px;height:254px; margin-left:23px;}
.gggg li .proimg_bk{width:142px;height: 180px;border: 1px solid #ccc;background:#ffffff;}
.gggg li:hover .proimg_bk{border: 1px solid #0d9dd1;}
.gggg li .proimg_bk .proimg{width: 142px;height:180px;display: flex;justify-content: center;align-items: center;display:-webkit-box;-webkit-box-pack:center;-webkit-box-align:center;}
.gggg li .proimg_bk .proimg img{max-width: 130px;max-height: 170px;}
.gggg li p{text-align: center; height:70px;overflow:hidden;line-height: 25px;font-size: 14px; width: 144px; display: block;}
/*---箭头产品滚动结束----*/

#qb_collection_img_mask{display:none !important;}

/*悬浮链接*/
.suspension{position:fixed;z-index:55;right:50px;bottom:85px;width:70px;height:240px;}
.suspension-box{position:relative;float:right;}
.suspension .a{display:block;width:65px;height:50px;padding:10px 0 5px;background-color:#009240;margin-bottom:8px;cursor:pointer;outline:none;text-decoration:none;text-align:center;border-radius:2px;}
.suspension .a.active,
.suspension .a:hover{background:#0d9dd1;}
.suspension .a .i{display:inline-block;width:44px;height:44px;background-image:url(../img/side_icon.png);background-repeat:no-repeat;}
.suspension .a-service .i{display:inline-block;width:20px;height:20px;background-image:url(../img/suspension-bg.png);background-repeat:no-repeat;background-position:0 0;}
.suspension .a span{display:block;width:100%;text-align:center;color:#fff;font-size:14px;padding-top:4px;}
.suspension .a-service-phone .i{display:inline-block;width:20px;height:20px;background-image:url(../img/suspension-bg.png);background-repeat:no-repeat;background-position:-27px 0;}
.suspension .a-qrcode .i{display:inline-block;width:20px;height:20px;background-position: -56px -12px;}
.suspension .a-cart .i{background-position:-88px 0;}
.suspension .a-top .i{background-position:-132px 0;}
.suspension .a-top{background:#D2D3D6;display:none;}
.suspension .a-top:hover{background:#c0c1c3;}
.suspension .d{display:none;width:240px;background:#fff;position:absolute;right:67px;border:1px solid #E0E1E5;border-radius:3px;box-shadow:0px 2px 5px 0px rgba(161, 163, 175, 0.11);}
.suspension .d .arrow{position:absolute;width:8px;height:12px;background:url(../img/side_bg_arrow.png) no-repeat;right:-8px;top:31px;}
.qrcode-img img{width:150px;margin:0 auto;}
.suspension .d-service{top:0;}
.suspension .d-service-phone{top:72px;}
.suspension .d-qrcode{top:138px;}
.suspension .d .inner-box{padding:8px 22px;}
.suspension .d-service-item{padding:4px 0;}
.suspension .d-service .d-service-item{border-bottom:none;}
.suspension .d-service-item .circle{width:44px;height:44px;border-radius:50%;overflow:hidden;background:#F1F1F3;display:block;float:left;}
.suspension .d-service-item .i-qq{width:44px;height:44px;background:url(../img/side_con_icon03.png) no-repeat center 15px;display:block;transition:all .2s;border-radius:50%;overflow:hidden;}
.suspension .d-service-item:hover .i-qq{background-position:center 3px;}
.suspension .d-service-item .i-tel{width:44px;height:44px;background:url(../img/side_con_icon02.png) no-repeat center center;display:block;}
.suspension .d-service-item p{float:left;width:112px;line-height:22px;font-size:15px;margin-left:12px;}
.suspension .d-service .d-service-item p{float:left;width:112px;line-height:44px;font-size:15px;margin-left:12px;}
.suspension .d-service-item .text{float:left;width:112px;line-height:22px;font-size:15px;margin-left:12px;}
.suspension .d-service-item .text .number{font-family:Arial,"Microsoft Yahei","HanHei SC",PingHei,"PingFang SC","Helvetica Neue",Helvetica,Arial,"Hiragino Sans GB","Heiti SC","WenQuanYi Micro Hei",sans-serif;}
.suspension .d-service-intro{padding-top:10px;}
.suspension .d-service-intro p{float:left;line-height:27px;font-size:12px;width:50%;white-space:nowrap;color:#888;}
.suspension .d-service-intro i{background:url(../img/side_con_icon01.png) no-repeat center center;height:27px;width:14px;margin-right:5px;vertical-align:top;display:inline-block;}
.suspension .d-qrcode{text-align:center;width:160px;}
.suspension .d-qrcode .inner-box{padding:10px 0;}
.suspension .d-qrcode p{font-size:14px;color:#999;padding-top:5px;}

.idx_about{background:url(../img/idx_about_bg.jpg) no-repeat top center;padding-top:60px;margin:30px 0 30px;}
.idx_about .idx_about_in{width:1100px;margin:0 auto;background:#fff;}
.idx_about_top{overflow:hidden;padding:50px;}
.idx_about_top .idx_about_img{float:left;}
.idx_about_top .idx_about_img a{display:block;}
.idx_about_top .idx_about_img a img{width:432px;height:245px;}
.idx_about_line{float:left;width:100px;height:240px;background:url(../img/idx_about_line.jpg) no-repeat center center;}
.idx_about_wz{float:left;width:464px;}
.idx_about_wz .tlt{font-size:30px;color:#555;font-weight: bold;}
.idx_about_wz .tlt span{font-size:30px;color:#0d9dd1;padding-left:10px;}
.idx_about_wz .about_line{display:block;width:30px;height:3px;background:#333;margin:20px 0;}
.idx_about_con{font-size:14px;line-height:28px;color:#777;height:115px;overflow:hidden;text-indent:28px;}
.idx_about_more{display:block;width:166px;height:46px;border:1px solid #0d9dd1;color:#0d9dd1;font-size:16px;line-height:46px;text-align:center;margin-top:30px;border-radius:60px;-webkit-transition: all .25s;-moz-transition: all .25s;-ms-transition: all .25s;-o-transition: all .25s;transition: all .25s;text-decoration:none;}
.idx_about_more:hover{background:#0d9dd1;color:#fff;text-decoration:none;}
.idx_about_bottom{overflow:hidden;padding:0 50px;}
.idx_about_bottom li{float:left;height:58px;width:210px;text-align:left; margin:0 20px;position:relative;overflow:hidden;}
.idx_about_bottom li em{display:block;width:55px;height:55px;background:url(../img/ys_icon1.png) no-repeat center center;border:1px solid #dedede;border-radius:50%;position:absolute;left:0;top:0;overflow:hidden;}
.idx_about_bottom li.ys2 em{background:url(../img/ys_icon2.png) no-repeat center center;}
.idx_about_bottom li.ys3 em{background:url(../img/ys_icon3.png) no-repeat center center;}
.idx_about_bottom li.ys4 em{background:url(../img/ys_icon4.png) no-repeat center center;}
.idx_about_bottom li:hover em{border:1px solid #dedede;border-radius:50%;left: -60px;-webkit-filter: drop-shadow(60px 0 #0d9dd1);filter: drop-shadow(60px 0 #0d9dd1);overflow:hidden;}
.idx_about_bottom li p{font-size:28px;color:#0d9dd1;display:block;text-indent:68px;}
.idx_about_bottom li span{font-size:16px;color:#555;display:block;padding-top:10px;text-indent:74px;}

.conab {line-height: 24px;color: #616161;padding-bottom: 120px;}
.cintacttit {font-size: 45px;color: #757575;background: url(../img/contactbg.jpg) no-repeat top center;width: 410px;height: 53px;margin: 0 auto;font-weight: bold;font-family: Microsoft YaHei;padding-top: 47px;text-align: center;margin-bottom: 40px;}
.condiv {width: 548px;margin: 0 auto;margin-bottom: 35px;}
.cdiv {line-height: 30px;}

.ye{background: #f1f1f1;line-height:32px;color:#555;margin-top:20px;padding: 5px 20px;}
.ye a{color:#999;}
.ye a:hover{color:#0d9dd1;}

.proR{padding-top:20px;}
.down_con ul{overflow:hidden;margin:30px auto 0;border-left:1px solid #f1f1f1;border-bottom:1px solid #f1f1f1;}
.down_con ul li{height:36px;overflow:hidden;}
.down_con ul li div{float:left;}
.down_con ul li.two{background:#f1f1f1;}
.down_con ul li p{float:left;font-size:14px;color:#555;height:34px;line-height:34px;width:140px;margin:0;padding:0;text-indent:28px;border:1px solid #f1f1f1;border-bottom:0;border-left:0;}
.down_con ul li span{display:block;float:left;font-size:14px;color:#999;height:34px;line-height:34px;width:282px;margin:0;padding:0;text-indent:30px;border:1px solid #f1f1f1;border-left:0;border-bottom:0;}
.down_con .down_btn a{display:block;width:70px;height:24px;line-height:24px;background:#009240;color:#fff;font-size:12px;text-align:center;text-decoration:none;border-radius:2px;margin-top:5px;margin-left:15px;text-indent:0;}
.down_con p.tlt{padding:0;padding-top:10px;font-weight:bold;border-bottom:1px solid #dedede;padding-bottom:10px;text-indent:15px;    background: #f1f1f1;margin-top:20px;}
.down_con .jieshao{padding:20px 15px 0;}

.pro_con_tlt{margin-bottom:20px;border-bottom:1px solid #dedede;}
.pro_con_tlt span{display:block;width:120px;height:40px;line-height:40px;background:#0d9dd1;color:#fff;font-size:16px;font-weight:bold;text-align:center;}

