@charset "utf-8";
/***************************宽屏样式(start)***************************/
.w_1200 .wrap{width:1200px;}
.w_1200 #header .rheader .search .formdiv{width: 1200px;}
.w_1200 #header .rheader .search .formdiv .text{width: 1010px;}
.w_1200 #newsletter_box{ margin-right:85px;}
.w_1200 #footer .it{ width:200px;}
.w_1200 #contact_us{ width:302px;}
.w_1200 #contact_us span{ margin:9px 10px 0 0; font-size:14px;}
.w_1200 #contact_us font{ margin:8px 0 0 0;}
.w_1200 .rightside{width:930px;}
.w_1200 .prolist .item{width:222px; margin-right:14px; margin-top:20px;}
.w_1200 .prolist .item .img{height:220px;}
.w_1200 #lib_inquire_list > ul > li .info{width:670px;}
.w_1200 #pdetail .detail{width:410px;}
.widthcenter {
    width: 1200px;
    margin: 0 auto;
}
/***************************宽屏样式(end)***************************/
*{font-family:'Microsoft Sans Serif';}
body{background:#fff;}
.over{overflow:hidden;}
/*动画时间*/
.trans{-webkit-transition:all 300ms ease 0s; -moz-transition:all 300ms ease 0s; -ms-transition:all 300ms ease 0s; -o-transition:all 300ms ease 0s; transition:all 300ms ease 0s;}
.trans3{ transition: all 0.3s;-moz-transition: all 0.3s;-webkit-transition: all 0.3s;-o-transition: all 0.3s;}
.trans5{ transition: all 0.5s;-moz-transition: all 0.5s;-webkit-transition: all 0.5s;-o-transition: all 0.5s;}
.trans7{ transition: all 0.7s;-moz-transition: all 0.7s;-webkit-transition: all 0.7s;-o-transition: all 0.7s;}
.form_button{background: #5bb94c;width: 150px;height: 30px;line-height: 30px;font-size: 16px;}
html, div{outline:0;}
cite, em, strong, i{font-style:normal;}
#lib_inquire_list>ul>li .info{width:506px;}
#lib_down_list li a{background: #5bb94c;}
/*turn page*/
#turn_page{margin-top: 60px;}
#turn_page .page_item_current{background: #5bb94c;}
/*
#turn_page{text-align:center; height:35px; line-height:35px; clear:both;margin-top: 60px;}
#turn_page *{font-family: 'Ebrima';}
#turn_page span{display:inline-block; *display:inline; *zoom:1; font-size:16px; height:32px; line-height:32px; overflow:hidden; background:#fff; vertical-align:top; margin:0 0px; border-radius:0px; -ms-border-radius:0px; -moz-border-radius:0px; -webkit-border-radius:0px;border:none;}
#turn_page span.tit{font-size: 16px;border:none;margin: 0 16px 0 12px;}
#turn_page .per_page{display: inline-block;height: 32px;border:1px solid #e5e5e5;padding: 0 5px;font-size: 16px;}
#turn_page span em{width:7px; height:12px; display:inline-block; vertical-align:middle; margin-top:-2px;}
#turn_page font, #turn_page a{display: inline-block;width: auto;padding: 0 5px;margin: 6px 2px 0;height: 24px;line-height: 24px; text-align:center; text-decoration:none;}
#turn_page .page_item_current{height: 22px;line-height: 22px;background: none;border:1px solid #e5e5e5;color:#ff6a00; cursor:default;}
#turn_page .page_button, #turn_page .page_noclick{width:auto; padding:0 12px;display: none;}
#turn_page .page_noclick{cursor:no-drop;}
#turn_page .icon_page_prev{background:url(../../../image/ico/normal.png) no-repeat -391px -24px; margin-right:6px;}
#turn_page .icon_page_next{background:url(../../../image/ico/normal.png) no-repeat -408px -24px; margin-left:6px;}
*/

.wrap{width:980px; margin:0 auto; zoom:1;}
.wrap:after,.wrap:before{display:table; content:'';}
.wrap:after{clear:both;}

#top{line-height:34px; height:34px; background:#1e283a;}
#top .h_nav{display:block; height:28px;  padding:0 6px; margin-top:4px;}
#top .h_nav li{float:right; height:28px; line-height:25px; padding:0 12px; color:#d3d3d3;}
#top .h_nav li a{color:#d3d3d3;}
#top .h_nav li.line{padding:0;}
#top .h_nav li.member{background:url(../image/ico.png) 0 0 no-repeat; padding-left:26px;}
#top .h_nav li.inquiry{background:url(../image/ico.png) 0 -26px no-repeat; padding-left:24px;}
#top .h_nav li.lang{background:url(../image/ico.png) 50px -52px no-repeat; padding-right:20px;}
#top .h_nav li.lang:hover{position:relative; z-index:1000;}
#top .h_nav li.lang .language_silder{position:absolute; right:-6px; top:22px; display:none; background:#ffffff; z-index:10; padding:0px 23px 0px 12px; border-radius:0px 0px 5px 5px;}
#top .h_nav li.lang .language_silder a{color:#333;}
#top .h_nav li.lang:hover .language_silder{display:block;}
#top .h_nav li.lang:hover dl{}

.head_share{height: 40px;border-bottom:1px solid #cecece;font-size: 14px;}
.head_share .share{height: 40px;line-height: 40px;text-align: right;}
.head_share .share .slist{display: inline-block;width: 30px;height: 30px;vertical-align: middle;background: url(../image/h_share.png) no-repeat 13px center;}
.head_share .share .slist2{background-position: -25px center;}
.head_share .share .slist3{background-position: -68px center;}
.head_share .share .slist4{background-position: -110px center;}
.head_share .share .slist5{background-position: -151px center;}
.head_share .left {
	font-size: 16px;
    float: left;
	height:40px;
	line-height: 40px;
}
.head_share .share p {
    display: inline-block;
    vertical-align: top;
    margin-left: 40px;

}
.pull-right {
    float: right;
    margin-left: 40px;
	height:40px;
    color: #000;
    font: 15px/36px "microsoft yahei";

}

.pull-right .btn-group,
.btn-group-vertical {
  position: relative;
  vertical-align: middle;
}
.pull-right .btn-group > .btn,
.btn-group-vertical > .btn {
  position: relative;
  float: left;
  padding: 0;
  height: 40px;
}
.pull-right .btn-group .btn i{
	display: inline-block;
	vertical-align: middle;
	width: 32px;
    height: 30px;
	background: url(../image/language.png) no-repeat center;
	margin-right: 5px;
}

.pull-right .btn-group .btn:hover i{
	background: url(../image/language2.png) no-repeat center;
}
.pull-right .btn-group > .btn:hover, .btn-group > .btn:focus, .btn-group > .btn:active, .btn-group > .btn.active,
.btn-group-vertical > .btn:hover,
.btn-group-vertical > .btn:focus,
.btn-group-vertical > .btn:active,
.btn-group-vertical > .btn.active {
  z-index: 2;
}

.btn-group .btn + .btn,
.btn-group .btn + .btn-group,
.btn-group .btn-group + .btn,
.btn-group .btn-group + .btn-group {
  margin-left: -1px;
}

.btn-link, .btn-link:active, .btn-link.active, .btn-link[disabled], fieldset[disabled] .btn-link {
  background-color: transparent;
  -webkit-box-shadow: none;
  box-shadow: none;
}
.btn-link, .btn-link:hover, .btn-link:focus, .btn-link:active {
  border-color: transparent;
}
.btn-link:hover, .btn-link:focus {
  color: #ae1b32;
  text-decoration: none;
  background-color: transparent;
}
.btn-link[disabled]:hover, .btn-link[disabled]:focus, fieldset[disabled] .btn-link:hover, fieldset[disabled] .btn-link:focus {
  color: #777777;
  text-decoration: none;
}
.dropdown-menu {
  position: absolute;
  top: 38px;
  left: 22px;
  z-index: 1000;
  display: none;
  float: left;
  min-width: 102px;
  margin: 2px 0 0;
  list-style: none;
  font-size: 13px;
  text-align: left;
  background-color: #fff;
  border: 1px solid #ccc;
  border: 1px solid #ddd;
  border-radius: 0;
  -webkit-box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175);
  box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175);
  background-clip: padding-box;
}
.dropdown-menu > li > a {
  display: block;
  padding: 5px 20px;
  clear: both;
  font-weight: normal;
  line-height: 1.42857;
  color: #333333;
  white-space: nowrap;
}

.dropdown-menu > li > a:hover, .dropdown-menu > li > a:focus {
  text-decoration: none;
  color: #262626;
  background-color: #f5f5f5;
}

.dropdown-menu > .active > a, .dropdown-menu > .active > a:hover, .dropdown-menu > .active > a:focus {
  color: #fff;
  text-decoration: none;
  outline: 0;
  background-color: #e03550;
}

.dropdown-menu > .disabled > a, .dropdown-menu > .disabled > a:hover, .dropdown-menu > .disabled > a:focus {
  color: #777777;
}
.dropdown-menu > .disabled > a:hover, .dropdown-menu > .disabled > a:focus {
  text-decoration: none;
  background-color: transparent;
  background-image: none;
  filter: progid:DXImageTransform.Microsoft.gradient(enabled = false);
  cursor: not-allowed;
}
.dropdown-menu button, .dropdown-menu a {
  color: #333;
  text-align: center;
  padding: 6px 13px;
  line-height: 24px;
  cursor: pointer;
  width: 100%;
}
.head_share .share .mail i {
  display: inline-block;
  vertical-align: middle;
  width: 32px;
  height: 22px;
  background: url(../image/icon_1.png) no-repeat center;
  margin-right: 5px;
}
.head_share .share .phone i {
  display: inline-block;
  vertical-align: middle;
  width: 32px;
  height: 22px;
  background: url(../image/icon_2.png) no-repeat center;
  margin-right: 5px;
}

#header{position:relative; z-index:100;border-bottom: 1px solid #cecece;}
#header .logo{height:105px; max-width:20%;}
#header .logo img{width:220px;}
#header .rheader{max-width: 75%;padding-right: 55px;}
#header .rheader .nav{width: 100%;}
#header .rheader .nav .item{margin: 0 15px;position:relative; z-index:100;}
#header .rheader .nav .item .a0{display:block; text-decoration:none; height:105px; line-height:105px; padding:0 6px;font-size:18px;text-align:center;color: #333;}
#header .rheader .nav .item.hasub{padding-right: 9px;background:url(../image/navsub.png) no-repeat right center;}
#header .rheader .nav .item:before{position:absolute; left: 0;bottom: 0; right: 0;margin:auto;width: 0;content:''; z-index:1; border-bottom:2px solid #5bb94c;}
#header .rheader .nav .active:before{position:absolute; left: 0;bottom: 0; right: 0;margin:auto;width: 100%;content:''; z-index:1; border-bottom:2px solid #5bb94c;}
#header .rheader .nav .item:hover:before{width: 100%;}
#header .rheader .nav .item .sub{width:220px; display:none; background:#e4012e; background:white; position:absolute; top:105px; z-index:100; left:-20px;border:1px solid #eeeeee;}
#header .rheader .nav .item .sub .si{position: relative;text-indent: 20px;}
#header .rheader .nav .item .sub .si a{color:#666666; display:block; height: 35px;border:1px solid transparent; line-height:35px; text-decoration:none; font-size:14px;}
#header .rheader .nav .item .sub .si a:hover{color: #78bd3b;}
#header .rheader .nav .item .sub .sec_sub{display: none;position: absolute;top: 0px;left: 220px;width: 220px;background: #f7f7f7;border:1px solid #dddddd;}
#header .rheader .nav .item .sub .hsec_sub>a{background: url(../image/sec_bg.png) no-repeat 190px center;}
#header .rheader .nav .item .sub .hsec_sub:hover>a{position: relative;z-index: 1;margin-left: 10px;text-indent: 10px;margin-right: -1px;border-color: #dddddd;border-right-color: #f7f7f7;background: #f7f7f7 url(../image/sec_bg.png) no-repeat 190px center;}
#header .rheader .nav .item .sub .hsec_sub:hover .sec_sub{display: block;}
#header .rheader .nav .item .sub .si .sec_item{border:none;}
#header .rheader .nav .item .sub .si .sec_item:hover{color: #78bd3b;text-indent: 28px;}
#header .rheader .nav .item:hover{z-index:101;}
#header .rheader .nav .item:hover .sub{display:block;}
#header .rheader .search{position:relative; z-index:1100;margin-right: -55px;}
#header .rheader .search .ico{width:50px; height: 50px; margin-top: 28px;background:url(../image/search.png) no-repeat center; cursor:pointer;}
#header .rheader .search .formdivbg{position: fixed;top: 0;left: 0;width: 100%;height: 100%;z-index: 10;}
#header .rheader .search .formdiv{position:absolute; top:0px; right:0px; background:#fff; width:980px; height: 73px; display:none;padding-top: 32px;}
#header .rheader .search .formdiv .form{margin-top: 32px;}
#header .rheader .search .formdiv .text{width: 790px;height: 41px;margin-left: 23px;line-height: 48px;text-indent: 12px;outline: none;border:1px solid #e8e8e8;border-radius: 2px;}
#header .rheader .search .formdiv .close{float: right;width: 36px;height: 43px;margin-left: 15px;background: url(../image/search_close.png) no-repeat center center;}
#header .rheader .search .formdiv .sub_btn{float: right;width:101px; height:43px;border:none; background: url(../image/float_search.png) no-repeat center center; color:#d3d3d3;cursor: pointer;color: white;font-size: 14px;}
/************ header end *****************/
.page_banner{width:100%; position:relative; overflow:hidden; z-index:1;}
.page_banner .box{width:1920px; position:relative; left:50%; top:0; margin-left:-960px; z-index:1; text-align:center;}
.leftside{width:238px;border:1px solid #e5e5e5;}
.rightside{width:710px;}
.lefttitle{padding: 0 17px;line-height:45px; color:#333; font-size:18px;border-bottom: none;}
.leftmenu .item{background:#f9f9f9;}
.leftmenu .item.hasub .n1{position: relative;}
.leftmenu .item.hasub .n1:before{content: '';position: absolute;right: 0;top: 0px;width: 33px;height: 33px;cursor: pointer;background: url(../image/default.png) no-repeat center center;}
.leftmenu .hasub.cur .n1:before{background: url(../image/cur.png) no-repeat center center;}
.leftmenu .item .ia{height:33px; line-height:33px; display:block; overflow:hidden; text-decoration:none; padding:0 17px; font-size:14px; border-top:1px solid #e5e5e5;color: #333;}
.leftmenu .item.hasub .ia{padding: 0 33px 0 17px;}
.leftmenu .item .ia:hover, .leftmenu .item.cur .ia{color:#78bd3b;}
.leftmenu .item .subcate{background:#fff; display:none;}
.leftmenu .item .subcate .sia{display:block; height: 35px;overflow: hidden;line-height:35px; padding: 0 15px 0 29px;font-size:14px; color:#666; text-decoration:none;}
.leftmenu .item .subcate .sia3{padding: 0 15px 0 42px;}
.leftmenu .item .subcate .sia:hover, .leftmenu .item .subcate .sia.cur{color:#78bd3b;}
.leftmenu .item .subcate .sia3:hover ,.leftmenu .item .subcate .sia3.cur{color: #78bd3b;}
.leftmenu .item.cur .subcate{display:block;border-top:1px solid #e5e5e5;}
.rtitle{height: 38px;border-bottom:2px solid #e5e5e5;}
.rtitle .tname{ color:#333333; font-size:16px;font-size: 26px;font-family: 'Roboto';font-weight: bold;}
#position{color:#666666; line-height:47px;font-size: 14px;}
#position a{color:#666666;font-size: 14px;}
.desc_text{line-height:180%; min-height:300px; padding:10px 0;}
.prolist .item{width:170px; margin-right:10px;margin-top: 15px;}
.prolist .item .img{height:170px; overflow: hidden;text-align:center;border:1px solid #eeeeee;}
.prolist .item.nomar{margin-right:0;}
.prolist .item .info{width:90%; margin:0 auto;}
.prolist .item .name{height: 30px;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;line-height:30px; margin-top: 13px;color: #000;font-size: 16px;font-family: 'Roboto';}
.prolist .item .name a{font-size:16px; text-decoration:none;font-family: 'Roboto';text-transform: uppercase;}
.prolist .item .brief{line-height:20px; color:#999;margin-bottom: 10px; font-size:14px; height:40px; overflow:hidden;font-family: 'Roboto';}
.prolist .item .price{line-height:18px; font-size:14px; margin-bottom:10px; color:#78bd3b;}
.prolist .item:hover .img{border-color: #5bb94c;}
.prolist .item:hover .name a{color:#78bd3b;}
.prolist .item:hover img{transform: scale(1.05);-moz-transform: scale(1.05);-webkit-transform: scale(1.05);}

.info_list_0{margin-top:29px;}
/*************** 产品详细 *******************/
#pdetail{margin-top:20px;}
#pdetail .detail{width:250px}
#pdetail .info{width:100%;}
#pdetail .name{font-size:18px; line-height:150%;}
#pdetail .brief{color:#999; font-size:14px; line-height:20px; border-bottom:1px dashed #ccc;}
#pdetail #attribute{margin-top:15px;}
#add_to_inquiry{background:#1e283a;}
#pdetail .description{margin-top:10px;}
#pdetail .description .hd{background:#f7f7f7; overflow:hidden;}
#pdetail .description .hd span{height:40px; text-align:center; line-height:40px; padding:0 9px; font-size:18px; color:#333; float:left; cursor:pointer;}
#pdetail .description .hd span.cur{color:#e4012e;}
#pdetail .description .bd .desc_txt{padding:18px 0; min-height:200px; line-height:180%;}
#lib_review_form .form_button,.pro_right .down_list li a{background: #5bb94c;}
/**************************放大镜效果(start)**************************/
#pdetail .gallery{width:450px; position:relative;}
#pdetail .gallery *{_behavior:none;}
#pdetail .gallery .bigimg{width:450px; max-height:450px; overflow:hidden; border:1px solid #f0f0f0;}
#pdetail .gallery .bigimg a{width:450px; display:block; text-align:center; vertical-align:middle;}
#pdetail .gallery .bigimg a img{vertical-align:middle; max-width:100%; max-height:100%;}
#pdetail .gallery .MagicZoom{display:block; margin:0 auto;}
#pdetail .gallery .MagicZoom img{border:0 !important; padding:0 !important; margin:0 !important;}
#pdetail .gallery .MagicZoomBigImageCont{border:1px solid #999;}
#pdetail .gallery .MagicZoomHeader{font-size:8pt !important; line-height:normal !important; color:#fff; background:#666; text-align:center !important;}
#pdetail .gallery .MagicZoomPup{border:1px solid #ccc; background:#fff; cursor:move;}
#pdetail .gallery .MagicZoomLoading{border:1px solid #ddd; background:#fff url(../../../image/global/loading.gif) no-repeat 2px 50%; padding:4px 4px 4px 24px !important; margin:0; text-decoration:none; text-align:left; font-size:8pt; font-family:sans-serif; color:#444;}
#pdetail .gallery #zoom-big{position:absolute; top:0; left:450px;}
#pdetail .gallery #zoom-big img{ max-width:none; max-height:none;}
#pdetail .gallery #small_img{position:relative; overflow:hidden; margin:10px auto;}
#pdetail .gallery #small_img .bd span{float:left; margin-left:6px; border:1px solid #666; display:block; width:83px; height:83px; overflow:hidden; text-align:center;}
#pdetail .gallery #small_img .bd span:first-child{margin-left:0px;}
#pdetail .gallery #small_img .bd span.on{border:1px solid #d8b1aa;}
#pdetail .gallery #small_img .bd span a{vertical-align:middle; text-align:center;}
/**************************放大镜效果(end)**************************/
/************ footer *****************/
.foot_share{height: 68px;line-height: 68px;margin-top: 95px;border-top: 1px solid #cecece;border-bottom: 1px solid #cecece;}
.foot_share .s_list{display: inline-block;width: 25px;height: 68px;margin-right: 13px;vertical-align: middle;background: url(../image/foot_share.png) no-repeat left center;}
.foot_share .s_list2{background-position: -44px center;}
.foot_share .s_list3{background-position: -87px center;}
.foot_share .s_list4{background-position: -130px center;}
.foot_share .s_list5{background: url(../image/s_y.png) no-repeat center center;}
.foot_share .s_list6{background: url(../image/s_g.png) no-repeat center center;}
.foot_share .s_list7{background: url(../image/s_l.png) no-repeat center center;}
#footer{padding: 15px 0 0px;}
#footer .foot_article{text-align: justify;}
#footer .foot_article .art_list{display: inline-block;vertical-align: top;}
#footer .foot_article .br{display: inline-block;width: 100%;height: 0;}
#footer .foot_article .art_list .art_cate{line-height: 45px;font-size: 18px;color: #333;}
#footer .foot_article .art_list li{font-size: 16px;line-height: 30px;color: #666;}
#footer .copyright{margin-top: 20px;padding: 25px 0 20px;background: #595656;font-size: 16px;}
#footer .copyright .wrap{position: relative;}
#footer .copyright a{display: inline-block;margin-right: 25px;color: white;}
#footer .copyright .foot_logo{position: absolute;right: 0;max-width: 160px;height: 100%;}
#footer .copyright .foot_logo .logo{height: 100%;}
#footer .copyright .foot_logo a{display: block;height: 100%;}
#footer .copyright .link{height: 30px;line-height: 30px;margin-bottom: 15px;}
#footer .copyright .copy_con{height: 30px;line-height: 30px;color: white;}

/**首页轮播**/
.banner {
	width: 100%;
	height: 540px;
	overflow: hidden;
}
.banner .swiper-container {
	margin-top: -30px;
	width: 100%;
	height: 600px;
}
.banner .swiper-button-prev,.banner .swiper-button-next{
	width: 15%;
	height: 100%;
	top:0;
	background:none;
	}
.banner .swiper-button-prev{
	left:0;}	
.banner .swiper-button-next{
	right:0;}	
.banner .swiper-button-prev span,.banner .swiper-button-next span{
	display:block;
	width: 72px;
	height: 72px;
	position: absolute;
	top: 50%;
	margin-top:-32px;
	border-radius: 100%;
	background: rgba(180,180,180,0.95) no-repeat center 0px;
	opacity: 0;
	-webkit-transition: opacity 0.8s ease;
	transition: opacity 0.5s ease;
}
.banner .swiper-button-prev span{
	background: rgba(180,180,180,0.25) no-repeat center 8px;
	background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23ffffff'%2F%3E%3C%2Fsvg%3E");
	background-size: 56px 56px;
	left:auto;
	left: 20px;
}
.banner .swiper-button-next span{
	background: rgba(180,180,180,0.25) no-repeat center 8px;
	background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23ffffff'%2F%3E%3C%2Fsvg%3E");
	background-size: 56px 56px;
	left:auto;
	right:20px;
}
.banner .swiper-button-prev:hover span,.banner .swiper-button-next:hover span{
	opacity: 0.8;
}

.swiper-container-horizontal > .swiper-pagination-bullets, .swiper-pagination-custom, .swiper-pagination-fraction{
	bottom: 50px;
}

.swiper-pagination-bullet {
    width: 10px;
    height: 10px;
}

.swiper-pagination-bullet-active {
    opacity: 1;
    background: #ff6600;

}