@charset "utf-8";
/* CSS Document */

body, button, input, select, textarea a{ font-size:14px; line-height:24px; font-family: "微软雅黑",Arial, Helvetica, sans-serif; }
body, div, dl, dt, dd, ul, ol, li,h1, h2, h3, h4, h5, h6, pre, code,form, fieldset, legend, input, iframe, button, textarea, p, blockquote, th, td, img{ margin: 0;  padding: 0;}
html{color:#333333;margin:0px auto;padding:0px;OVERFLOW-X: hidden; }
fieldset, img, iframe, button{ border:0; text-decoration:none;}
/**:focus { outline: 0;}*/
ol, ul { list-style: none;}
table {  }
caption, { text-align: left;}
header, footer, article, section, nav{display: block;}
a {outline: none; /* for Forefox */ cursor:pointer; text-decoration: none; }
a { /* for Ie*/ }
input{ outline:none; }
em{ font-style:normal;}
input,select,img{ vertical-align:middle;}
textarea{ outline: none; resize:none;}
h1,h2,h3,h4,h5,h6,.fs14 { font-weight:normal;} 
a img{border: none;}
i{ font-style:normal;}
a{ color: #666; }
a:hover{color: #3286e6;}
.fl{float:left}
.fr{float:right}
.clear{ clear:both;}
.clearfix:after{content:".";display:block;height:0;clear:both;visibility:hidden;line-height:0;}
.clearfix{zoom:1;}
.g-w{width:100%; min-width:1200px; margin:0 auto; height:auto;}
.g-box{ width:1200px; height:auto; margin:0 auto;}



/*导航*/
#header {width: 1200px;height: auto;margin:0 auto;position:relative;font-size: 14px;z-index: 999; }
#header #logo { position:absolute; left:0; top:30px; width: auto;height: 40px;display: block;}
#header .language {position:absolute;right:0; top:35px;margin-bottom: 30px;font-size: 14px;color: #aaa;}
#header .language a{color: #aaa;}
#header .language span {margin-left: 10px;}
#header .language a:hover,#header .language a.on {color: #c8000b;}
#header ul#nav { position:absolute; right:160px; top:25px; }
#header ul li.navitem {float: left;position: relative; padding:0; width: auto;height: 50px; line-height:50px; transition: all 0.6s cubic-bezier(0.215, 0.61, 0.355, 1) 0s; }
#header ul li.navitem a { font-size:16px; color:#333; padding: 12px 15px; border-radius: 3px; }
#header ul li.navitem a.active, #header ul li.navitem:hover a { color:#c8000b; }
#header.mini { background-color: rgba(255, 255, 255, 1); padding-top:0px; box-shadow: 0px 2px 4px rgba(0, 0, 0, 0.05); }
#header.mini ul li.navitem a.active:after, #header.mini ul li.navitem:hover a:after { margin-top: -5px; }
#header ul li.navitem ul.subnav { width:152px; background:#fff; border:0; text-align:center; box-shadow: 0 6px 10px rgba(0, 0, 0, .1);transition: all 0.3s ease-out 0s;position: absolute;top:60px;left: -42px;opacity: 0;visibility: hidden;-webkit-transform: translate3d(0px, 10px, 0px); }
#header ul li.navitem ul.subnav li { border-bottom:1px solid rgba(0, 0, 0, .08); }
#header ul li.navitem ul.subnav li a { text-align:center; font-size:13px; color: #666; width:100%; padding:14px 0; background:none; }
#header ul li.navitem ul.subnav li a {padding: 14px 30px;width: 150px;height: 20px;line-height: 20px;display: block;text-align:center;  width:100%; padding:14px 0;}
#header ul li.navitem ul.subnav li a i { display:none; }
#header ul li.navitem ul.subnav li a:hover { background:#fff; color:#000; text-indent:inherit; }
#header ul li.navitem ul.subnav li a:hover::after, #header ul li.navitem ul.subnav li a:after {display:none;}
#header ul li.navitem ul.subnav li a:hover { background-color:#f5f5f5; }
#header ul li.navitem:hover ul.subnav {opacity: 1;visibility: visible;transform: translate3d(0px, 0px, 0px);-moz-transform: translate3d(0px, 0px, 0px);-webkit-transform: translate3d(0px, 0px, 0px);}

/*banner*/
.focusBox { position: relative; width:100%; height:960px; overflow: hidden; }
.focusBox .pic{ position:relative; z-index:0;height:100% !important; width:100% !important;  }
.focusBox .pic li{  height:100% !important; width:100% !important; }
.focusBox .prev,.focusBox .next{ position:absolute; z-index:1; display:block; width:30px; height:50px; top:50%; margin-top:-100px; left:20px;  background:url(../images/icons.png) 0 0 no-repeat; cursor:pointer;  filter:alpha(opacity=60);opacity:0.6;  }
.focusBox .next{ left:auto; right:30px; background-position:-51px 0; }
.focusBox .prev:hover,
.focusBox .next:hover{ filter:alpha(opacity=100);opacity:1; }
.focusBox .hd { position: absolute; left:45%; bottom:50px; text-align: center; font-size:0; z-index:1; }
.focusBox .hd li{display: inline-block;width: 50px;height: 5px;border-radius: 0;background: rgba(255,255,255,0.30);margin: 0 10px !important;opacity: 1;cursor: pointer;}
.focusBox .hd .on{ background: #fff;}


/*首页关于我们*/

.index-about{ width:100%; height:605px; background:#f5f5f6; padding:50px 0;}
.index-about .about-box{ width:480px; height:295px; background:url(../images/about.jpg) no-repeat; position: relative; margin-bottom:15px;}
.index-about .box a { width: 100%;height: 100%;display: block;position: relative;}
.index-about .about-l .box h2{ font-size:28px; color:#fff; line-height:80px; width:430px; position:absolute; bottom:0; z-index:100; padding:0px 25px; }
.index-about .about-l .box h2 i{ width:34px; height:80px; background:url(../images/show-arrowR.png) no-repeat center center; background-size:34px 13px; display:block; float:right; }
.history-box{width:480px; height:295px; background:url(../images/history.jpg) no-repeat;}
.index-about .about-l .box{ position: relative; overflow:hidden;}
.index-about .about-l .box::before{ position:absolute; top:0; left:0; width:100%; height:100%; background:-webkit-linear-gradient(top, rgba(72,76,97,0) 0%, rgba(72,76,97,0.8) 75%); background:linear-gradient(to bottom, rgba(72,76,97,0) 0%, rgba(72,76,97,0.8) 75%); content: ''; opacity: 0; -webkit-transform: translate3d(0,50%,0); transform: translate3d(0,50%,0); -webkit-transition: opacity 0.35s, -webkit-transform 0.35s; transition:opacity 0.35s, transform 0.35s; }
.index-about .about-l .box:hover::before{ opacity:1; -webkit-transform:translate3d(0,0,0); transform:translate3d(0,0,0); }
.index-about .about-r .box{position: relative; overflow:hidden;width: 705px;height: 605px; background:url(../images/pinpai.jpg) no-repeat; position: relative; }
.index-about .about-r .box-con{position: absolute; top:125px; left:200px; width:450px;}
.index-about .about-r .box h2 {font-size: 32px;color: #fff;line-height:40px;margin-bottom: 20px;}
.index-about .about-r .box p {font-size: 14px;color: #fff;line-height:26px;}
.index-about .about-r .box::before{ position:absolute; top:0; left:0; width:100%; height:100%; background:-webkit-linear-gradient(top, rgba(72,76,97,0) 0%, rgba(72,76,97,0.8) 75%); background:linear-gradient(to bottom, rgba(72,76,97,0) 0%, rgba(72,76,97,0.8) 75%); content: ''; opacity: 0; -webkit-transform: translate3d(0,50%,0); transform: translate3d(0,50%,0); -webkit-transition: opacity 0.35s, -webkit-transform 0.35s; transition:opacity 0.35s, transform 0.35s; }
.index-about .about-r .box:hover::before{ opacity:1; -webkit-transform:translate3d(0,0,0); transform:translate3d(0,0,0); }


/*首页产品*/
.index-bt h2{ font-size:30px; line-height:50px; text-align:center;}
.index-bt p{ font-size:14px; line-height:30px; text-align:center; color:#666;}


.index-product{ width:100%; height:680px; margin-top:40px;}
.index-product-con{ margin-top:40px;}
.index-product ul { width: 100%; height: 100%; }
.index-product ul li { overflow: hidden; position: relative; height: 100%; width:33.33%; float: left; }
.product-detail { width: 100%; height: 100%; background: url(../images/pro-bg.png) repeat top left; background: rgba(0,0,0,0.7); position: relative; top: 0; opacity: 1; transition: top 0s, opacity 0.3s linear 0s; }
.product-title { width: 100%; text-align: center; top: 40%; position: absolute; transition: 0.3s ease-out 0s; }
.product-title p:first-child { font-size: 36px; margin-bottom: 4%; height:40px;  color: #fff; }
.product-title p { font-size: 20px; color: #fff; text-transform: uppercase; height:40px; }
.index-product { height: 100%; width: 100%; }
.product-title div { font-family: "宋体", SimSun; font-size: 16px; display: inline-block; width: 37.5%; line-height: 36px; border: 1px solid #ccc; border-radius: 18px; color: #fff; margin-top: 15%; transition: margin-top 0.5s ease-out 0s, display 0s ease-out 0s; }
.index-product ul li:nth-child(2n+1):hover .product-detail { top: 100%; opacity: 0; transition: 0.5s linear 0s; }
.index-product ul li:nth-child(2n+1):hover .product-title { opacity: 0; transition: 0.5s linear 0s; }
.index-product ul li:nth-child(2n+2):hover .product-detail { top: -100%; opacity: 0; transition: top 0.5s ease-out 0s, opacity 0.3s ease-out 0.3s; }
.index-product ul li:nth-child(2n+2):hover .product-title { opacity: 0; transition: 0.5s ease-out 0s; }
.index-product ul li:hover a { transition: 0.5s linear 0.3s; transform: scale(1.05); }
.index-product ul li a { transition: 0.5s linear 0s; display: block; height: 100%; width: 100%; }


/*首页新闻*/
.index-news{ width:100%; height:600px; background:#f5f5f6; padding-top:50px;}
.index-news-con{margin-top:40px;}
.index-news-con ul li{ width:370px; height:400px; background:#fff; float:left; margin:0 15px;box-shadow:0px 0px 8px  #ddd;}
.index-news-con ul li .n-pic{width:370px; height:220px;}
.index-news-con ul li .n-text{ padding:30px;}
.index-news-con ul li .n-text h3{ font-size:18px; line-height:40px; font-weight:bold; color:#333;}
.index-news-con ul li .n-text p{ font-size:14px; color:#666;}


/*首页联系*/
.index-contact{position: relative;height: 500px; overflow: hidden; background:#fff;}
.index-contact-l,.index-contact-r{ width:50%; height:500px;}
.index-contact-l .index-contact-l-con{ width:100%; height:100%; background:url(../images/11.jpg) no-repeat;}
.index-contact-l-txt{ padding:100px 50px 50px 50px;}
.index-contact-l-txt h2{font-size: 26px;color: #fff;margin-bottom: 30px;}
/*.index-contact-l-txt .row { margin-right: -15px; margin-left: -15px;}*/
.col-md-6 {width:46%; float:left; position: relative;min-height: 1px;padding-right: 10px;}
.margin-b-30 {margin-bottom: 30px !important;}
.form-control {height: 40px;font-size: 13px;font-weight: 300; font-style: italic;color: #fff; background: transparent;border: none; border-bottom: 1px solid rgba(255, 255, 255, 0.5);
border-radius: 0;padding: 0;}
.form-control {width:100%;height: 40px;font-size: 14px;font-weight: 300;border-color: #ebeef6;box-shadow: none;}
.margin-b-40 {margin-bottom: 40px !important;}
.center-block {display: block;text-align: center;margin: 0 auto;}
.btn-base-md {font-size: 16px; color:#fff;font-weight: 300;padding: 12px 25px; border:1px #fff solid;cursor: pointer;border-radius: 3px !important; text-align: center; background:none;}

.index-contact-r-con{ width:100%; height:100%; background:url(../images/12.jpg) no-repeat;}
.index-contact-r-txt{ padding:100px 50px 50px 50px;}
.index-contact-r-txt h2{font-size: 26px; color: #333;margin-bottom: 30px;}
.index-contact-r-txt p{font-size: 15px; color: #666;margin-bottom: 30px;}
.index-contact-r-txt ul{}
.index-contact-r-txt ul li{ margin:20px 0;}
.index-contact-r-txt ul li img {max-width: 25px;vertical-align: middle;display: inline-block;margin-right: 15px;}
.index-contact-r-txt ul li span{ font-size:15px;}


/*底部*/

.footer{ width:100%; height:175px; background:#34343c;}
.footer .footer-l{ width:850px; padding-top:45px;}
.footer .footer-l ul li{ float:left;}
.footer .footer-l ul li a {color: #fff;display: block;font-size: 15px;line-height: 60px;}
.footer .footer-l p{font-size: 14px; color:#fff;}
.footer .footer-l p span{color:#fff; margin:0 10px;}
.footer .footer-l p span a{color:#fff;}

.foot_link {width:300px;height:34px;margin-top:35px;position: relative;z-index: 100;}
.foot_link span {float: left;width: 100%;height:34px;background: url(../images/foot_link.png) no-repeat;text-align: center;font-size: 14px;line-height:34px;color: #34343c;cursor: pointer;}
.foot_ll{display:none;width:300px; padding:20px 0; position:absolute; left:-1px; bottom:24px; background:#fff; border:1px solid #34343c; border-bottom:0; z-index:150;}
.foot_ll li{float:left; width:100%; height:30px; text-align:center; cursor:pointer;}
.foot_ll li a{font-size:13px; line-height:30px; color:#34343c; display:block;}
.foot_ll li a:hover{text-decoration:underline;}
.foot_link1 span{background-image:url(../images/foot_link.png)}
.foot_link1 .foot_ll{display:block;}
.foot_xc{}
.foot_xc h2{ font-size:30px; line-height:50px; color:#4b4b56;}
.foot_xc p{font-size:14px; color:#4b4b56;}



/*内页banner*/
.xbanner {width: 1920px;margin-left: -960px;position: relative;left: 50%; height:400px;}

/*内页分类*/
.xnav{ width:100%; height:70px; background:#f5f5f5;}
.xnav ul li{ float:left; height:68px; line-height:68px; margin-right:30px;}
.xnav ul li a{ font-size: 15px;color: #666;display: block; padding:0 15px; height:68px; line-height: 68px; text-align:center;}
.xnav ul li a.on{ color:#c7000b; border-bottom:2px #c7000b solid;}
.xnav ul li a:hover{ color:#c7000b;}

/*内页标题*/
.p-T { position: relative; padding-bottom: 20px; border-bottom: 1px solid #ddd; margin-top:60px; }
.PosList_a1 { text-transform: capitalize; position: absolute; font-size: 14px; color: #999; line-height: normal; background: url(../images/home.png) no-repeat left center; padding-left: 25px; background-size: 17px 13px; right: 0; bottom: 20px; }
.PosList_a1 b { color: #999; }
.ResTitle_a3 { text-transform: uppercase; padding: 10px 0 0 30px; position: relative; z-index: 1; }
.ResTitle_a3:before, .ResTitle_a3:after { content: ''; width: 15px; height: 15px; position: absolute; z-index: -1; }
.ResTitle_a3:before { background: #fba40d; top: 0; left: 0; }
.ResTitle_a3:after { background: #c7000b; top: 7px; left: 7px; }
.ResTitle_a3 span { color: #c7000b; font-size: 30px; line-height: normal; }




/* about*/
.page_body{ margin-top:10px; margin-bottom:60px;}
.abf{ padding:50px 0 30px 0;}
.abf_l{ float:left; width:480px; height:230px; padding:60px; background: #F5F5F5;}
.abf_l h2{ font-size:24px; color:#333; line-height:28px; padding-bottom:30px; text-align:center;}
.abf_l p{ font-size:16px; color:#666666; line-height:30px;}
.abf_r{ float:right; width:50%; overflow:hidden;}
.abf_r img{ display:block;width:100%;}
.abs p{ line-height:30px; font-size:16px; color:#666666; text-indent:2em; margin-top:20px;}
.abz{ padding-top:50px;}
.abz_l{float:left; width:50%; overflow:hidden;}
.abz_l img{ display:block;width:100%;}
.abz_r{ float:right; width:480px; height:360px; padding:30px 60px; background: #F5F5F5;}
.abz_r h2{ font-size:24px; color:#333; line-height:28px; padding-bottom:30px; font-weight:bold;}
.abz_r p{ font-size:16px; color:#666666; line-height:30px; margin-bottom:10px;}
.abz_r p span{ padding-left:70px;}
.abt { padding-top:30px;}
.abt img{ display:block; width:100%; }

.sanjiao-L:after { content: ''; display: inline-block; border-style: solid; border-color: transparent transparent transparent #000; border-width: 4px 0 4px 5px; margin-left: 5px; width: 0; height: 0; }

.rid-36 { padding:50px 0;}
.rid-36 dl { padding: 30px 0; border-bottom: 1px dashed #ddd; }
.rid-36 dd { margin-right: 50px; line-height: normal; display: inline-block; font-size: 24px; color: #1e64bc; vertical-align: middle; }
.rid-36 dt { width:83%; vertical-align: middle; font-size: 16px; display: inline-block; }
.rid-36 dd:after { border-color: transparent transparent transparent #1e64bc; border-width: 5px 0 5px 6px; margin-left: 15px; vertical-align: middle; }


.PhotoList_i1 { margin-top:50px;}
.PhotoList_i1 li{ width:31%;margin-bottom:40px; float:left; background: #F5F5F5; border-bottom:3px solid #ddd; transition:all 0.8s ease 0s; }

.PhotoList_i1 li:hover{ border-color:#c7000b;}
.PhotoList_i1 li:hover span{ color:#c7000b;}
.PhotoList_i1 li a:hover img{transform: scale(1.3);transition: all 1s ease 0s;-webkit-transform: scale(1.3);-webkit-transform: all 1s ease 0s;}
.PhotoList_i1 li a h4{position: absolute;z-index:10;display:block;transition: 0.6s;color:#fff; top:0%; left:0; width:90%; padding:0 5%; text-align:center; line-height:40px; font-size:22px; opacity:0; font-family:"微软雅黑";overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
.PhotoList_i1 li a:hover h4{ opacity:1; top:30%;transition: 0.6s; display:none;}
.PhotoList_i1 li a::after{content: ""; position: absolute; bottom: 0; left: 0; width: 100%; height: 0%; background:rgba(0,0,0,.5) url(/images/ico3.png) no-repeat center 70%; background-size:10%;z-index: 1;transition: 0.6s; display:none}
.PhotoList_i1 li a:hover::after{width: 100%; height: 100%;z-index: 1;transition: 0.6s;}
.PhotoList_i1 li:nth-of-type(3n-1){ margin:0 3.5%;}
.PhotoList_i1 li span{ font-size:16px; color:#333;line-height:60px; text-align:center; height:60px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; display:block;}
.PhotoList_i1 li a{position:relative;display:block;overflow:hidden;text-align: center;overflow: hidden; background:#f1f1f1; height:250px;}
.PhotoList_i1 li a img{transform: scale(1);transition: all 1s ease 0s;-webkit-transform: scale(1);-webkit-transform: all 1s ease 0s; /*height:100%;*/vertical-align: middle; display: block; height:100%; margin:0 auto;}

/* 新闻中心*/
.NewsList_g1{ width:100%; float:left; padding-top:50px; }
.NewsList_g1 ul{ float:left; padding:0 0 30px; }
.NewsList_g1 ul li{ width:100%;height:280px; float:left; padding:0; border:1px solid #eee;  transition:all 0.5s ease 0s; margin-bottom:20px;}
.NewsList_g1 ul li h3{ display:block; float:right; padding-top:30px; line-height:1; padding-bottom:20px; transition:all 0.5s ease 0s; width:675px; padding-left:60px; padding-right:60px;}
.NewsList_g1 ul li h3 a{ display:block; float:right;  color:#333; font-size:24px; line-height:40px; transition:all 0.5s ease 0s;  text-overflow:ellipsis; overflow:hidden; white-space:nowrap; width:100%;   text-align: left;}
.NewsList_g1 ul li p{ display:block; width:675px; float:right; padding:0 60px; font-size:14px; color:#666; line-height:26px; display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 3;
overflow: hidden; text-align:left;}
.NewsList_g1 ul li p:nth-last-of-type(1){  display:block;}
.NewsList_g1 ul li p.ntime{ color:#999; font-size:12px; line-height:1; padding-top:10px; padding-bottom:30px;}
.nwimg{ display:block; float:left; width:400px; height:280px;}
.nwimg img{ display:block; width:400px; height:280px;}
.wmore{ display:block; width:180px; height:50px; float:left;  border-radius:25px; font-size:14px; text-align:center; color:#333; border:1px solid #DDDDDD;  line-height:50px;transition:all 0.5s ease 0s;}
.NewsList_g1 ul li:hover{background: #f5f5f5;}
.NewsList_g1 ul li:hover h3 a{ color:#c7000b;  }
.NewsList_g1 ul li:hover a.wmore{ color:#FFF; background:#c7000b;border:none; }


.newsdisplay {width:100%;text-indent:2em;padding-top: 50px;}
.newsdisplay h3 { width:100%; text-align:center; font-size:24px; color:#333; line-height:36px;}
.newsdisplay h4{ width:100%; text-align:center;  font-family:"宋体"; font-size:12px; color:#bbb; margin-bottom:15px; padding:8px 0 15px; border-bottom:1px dashed #bdbdbd;}
.newsdisplay p{ font-size:14px; color:#666; line-height:33px; }

.clear { display: block !important; clear: both; height: 0px; line-height: 0px; font-size:0;}

.next{ width:100%; float:left; margin-top:45px; border-top:1px #ddd dashed; padding-top:20px;}
.next .next-left{ width:calc(100% - 80px);float:left; text-align:left;}
.next .next-left span { width:100%; display:block;float:left; line-height:28px; color:#666; font-size:14px; font-weight:300; text-indent:0 !important;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}
.next .next-left span a{ text-decoration:none; color:#666;} 
.next .next-left span a:hover{ color:#1e64bc;}
.next span { float:right; font-size:14px; font-weight:300; margin-right:40px;}
.next span a{ color:#666; padding:15px 0 0 0;}
.next span a:hover{color:#1e64bc;}


/* 页数*/
.page_main{text-align:center; margin:0 auto;}
.pagess {clear: both;margin: 20px;overflow: hidden;margin-left: 0px;text-align: center;font-size:12px}
.pagess ul li { display:inline-block;border: 1px solid #ccc;padding: 2px 9px;margin: 0 3px;line-height: 20px;background: #fff;color:#999}
.pagess ul li:hover{ background:#ccc; color:#fff;border: 1px solid #ccc}
.pagess ul li:hover a{color:#fff;}
.pagess ul li.thisclass {display: inline-block;border: 1px solid #ccc;padding: 2px 9px;margin: 0 3px;background: #ccc;color: #fff;}
.pagess ul li.thisclass a {color: #fff;}
.pagess ul li a{ display:block;color:#999}
.pagess ul li a:hover {color: #fff;}


/* 销售网络*/
.str img{ display:block; width:100%; padding:50px 0 30px;}


/* 产品中心*/
.product-box {overflow: hidden; padding-top:50px; }
.prodcut-left {width: 260px; }
.navBox { overflow: auto; white-space: nowrap; width:260px; }
.navBox li:first-child { margin-top: 0; }
.navBox li { overflow: hidden; margin-top: 10px; cursor: pointer; width: 100%; line-height: 60px; transition: 0.3s linear 0s; }
.navBox li a { padding: 0 30px; display: block; background: #eee; white-space: nowrap; color: #666; font-weight: bold; font-size: 15px; vertical-align: sub; }
.navBox li a.on, .navBox li a:hover { background: #fba51a; color:#fff; }

.product-right {width:900px; }
.product-right li{ width:280px;margin-bottom:40px; float:left; background: #F5F5F5; border-bottom:3px solid #ddd; transition:all 0.8s ease 0s; }
.product-right li:hover{ border-color:#c7000b;}
.product-right li:hover span{ color:#c7000b;}
.product-right li a:hover img{transform: scale(1.3);transition: all 1s ease 0s;-webkit-transform: scale(1.3);-webkit-transform: all 1s ease 0s;}
.product-right li a h4{position: absolute;z-index:10;display:block;transition: 0.6s;color:#fff; top:0%; left:0; width:90%; padding:0 5%; text-align:center; line-height:40px; font-size:22px; opacity:0; font-family:"微软雅黑";overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
.product-right li a:hover h4{ opacity:1; top:30%;transition: 0.6s; display:none;}
.product-right li a::after{content: ""; position: absolute; bottom: 0; left: 0; width: 100%; height: 0%; background:rgba(0,0,0,.5) url(/images/ico3.png) no-repeat center 70%; background-size:10%;z-index: 1;transition: 0.6s; display:none}
.product-right li a:hover::after{width: 100%; height: 100%;z-index: 1;transition: 0.6s;}
.product-right li:nth-of-type(3n-1){ margin:0 30px;}
.product-right li span{ font-size:15px; color:#333;line-height:60px; text-align:center; height:60px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; display:block;}
.product-right li a{position:relative;display:block;overflow:hidden;text-align: center;overflow: hidden; background:#f1f1f1; height:220px;}
.product-right li a img{transform: scale(1);transition: all 1s ease 0s;-webkit-transform: scale(1);-webkit-transform: all 1s ease 0s; /*height:100%;*/vertical-align: middle; display: block; height:100%; margin:0 auto;}

.page_product{margin-top:10px; margin-bottom:60px;}

/*contect3*/
.contect3 { margin-top: 5.2%; }
.contect3-right { float: right; }
.contect3-left { width:445px; position: absolute; top: 0; left: 0; height: 100%; overflow: hidden; }
.contect3-right { overflow: hidden; width:700px; }
.pro-title span:first-child { font-size: 40px; margin-bottom: 3%; color: #fba51a; font-weight: bold; }
.pro-title span { font-size: 18px; text-transform: uppercase; display: block; color: #666; font-size: 0.94vw; }
span.line { display: inline-block; margin: 7.6% 0 11.4%; width: 19.1%; border-bottom: 1px solid #ddd; border-top: 1px solid #ddd; }
.contect3-left div { margin-top:20px;}
.contect3-top { position: relative; }
.p-detail.pro-detail { margin: 0 0 15.3%; }
.contect3-left a { line-height: 50px; width: 160px; position: relative; border: 1px solid #fba51a; border-radius: 4px; font-size: 14px; line-height: 2.6vw; color: #fba51a; width: 8.3vw; display: inline-block; text-align: center; min-width: 110px; }
.contect3-left a:hover { background: #fba51a;color: #fff; }
.contect3-bottom { overflow: hidden; width: 100%;background:#f5f5f5;margin-top: -5px; position: relative; padding: 2.1% 0 ; }
.pro-dis li{ width:31%;float:left; background: #F5F5F5;transition:all 0.8s ease 0s; }
.pro-dis li:hover{ border-color:#c7000b;}
.pro-dis li:hover span{ color:#c7000b;}
.pro-dis li a:hover img{transform: scale(1.3);transition: all 1s ease 0s;-webkit-transform: scale(1.3);-webkit-transform: all 1s ease 0s;}
.pro-dis li a h4{position: absolute;z-index:10;display:block;transition: 0.6s;color:#fff; top:0%; left:0; width:90%; padding:0 5%; text-align:center; line-height:40px; font-size:22px; opacity:0; font-family:"微软雅黑";overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
.pro-dis li a:hover h4{ opacity:1; top:30%;transition: 0.6s; display:none;}
.pro-dis li a::after{content: ""; position: absolute; bottom: 0; left: 0; width: 100%; height: 0%; background:rgba(0,0,0,.5) url(/images/ico3.png) no-repeat center 70%; background-size:10%;z-index: 1;transition: 0.6s; display:none}
.pro-dis li a:hover::after{width: 100%; height: 100%;z-index: 1;transition: 0.6s;}
.pro-dis li:nth-of-type(3n-1){ margin:0 3.5%;}
.pro-dis li span{ font-size:16px; color:#333;line-height:60px; text-align:center; height:60px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; display:block;}
.pro-dis li a{position:relative;display:block;overflow:hidden;text-align: center;overflow: hidden; background:#f1f1f1; height:280px;}
.pro-dis li a img{transform: scale(1);transition: all 1s ease 0s;-webkit-transform: scale(1);-webkit-transform: all 1s ease 0s; /*height:100%;*/vertical-align: middle; display: block; height:100%; margin:0 auto;}

/*contect4*/
.contect4 .contect3-right { float: left; }
.contect4 .contect3-left { text-align: right; left: auto; right: 0; }
.contect4 .contect3-left:before { left: auto; right: 10.25%; }
.contect4 .contect3-bottom:after { left: auto; right: 0; }
.contect4 .por-menu { float: right; margin-left: 0; text-align: right; margin-right: 4.2%; width: auto; }











/*联系方式*/
.lianluo{ padding-top:50px; padding-bottom:50px;}
.lianluo ul li{ float:left ; width:calc( 25% - 2px); text-align:center; border:1px solid #ddd; padding-top:40px; padding-bottom:40px; height:178px;}
.lianluo ul li .l_pic{ height:130px;}
.lianluo ul li:nth-of-type(1) .l_pic{background: url(../images/addr.png) no-repeat center; }
.lianluo ul li:nth-of-type(2) .l_pic{background: url(../images/tell.png) no-repeat center;}
.lianluo ul li:nth-of-type(3) .l_pic{background: url(../images/fax.png) no-repeat center;}
.lianluo ul li:nth-of-type(4) .l_pic{background: url(../images/mail.png) no-repeat center;}
.lianluo ul li+li{ border-left:none;}
.lianluo ul li span{ display:block; font-size:16px; line-height:1; padding-bottom:20px; color:#999;}
.lianluo ul li i{ display:block; font-size:16px; line-height:1;}
.lianluo ul li:hover{ background: #c7000b; transition: all 1s ease 0s;}
.lianluo ul li:hover span{ color:#FFFFFF; transition: all 0.5s ease 0s;}
.lianluo ul li:hover i{ color:#FFFFFF; transition: all 0.5s ease 0s;}
.lianluo ul li:nth-of-type(1):hover .l_pic{background: url(../images/addr_on.png) no-repeat center; }
.lianluo ul li:nth-of-type(2):hover .l_pic{background: url(../images/tel_on.png) no-repeat center;}
.lianluo ul li:nth-of-type(3):hover .l_pic{background: url(../images/fax_on.png) no-repeat center;}
.lianluo ul li:nth-of-type(4):hover .l_pic{background: url(../images/mail_on.png) no-repeat center;}

.Gbook_b1{ width:1200px; margin:0 auto; padding:30px 0 40px 0; border-bottom: solid #e8e8e8 1px;}
.Gbook_b1 .name{width:31%;float:left; margin-bottom:20px;}
.Gbook_b1 .phone{width:31%; margin-left:3%;float:left; margin-bottom:20px;}
.Gbook_b1 .email{width:31%; margin-left:3%;float:left; margin-bottom:20px;}
.Gbook_b1 .company{width:100%;float:left; margin-bottom:20px;}
.Gbook_b1 .content{width:100%;float:left; margin-bottom:20px;}
.Gbook_b1 .vcode{width:32%;float:left; }
.Gbook_b1 .vcode .InputV1{ width:280px;}
.Gbook_b1 .btn{ text-align:center;}

.InputV1{height:38px; width:98%;line-height:38px;padding:0 10px;border:1px solid #ddd;background-color:#fafafa; font-family:"微软雅黑";}
.InputV1:focus{border:1px solid #c7000b;background-color:#fff;}
.ButtonV1{height:40px;line-height:40px;padding:0 20px;background-color:#c7000b;color:#fff; font-size:18px; cursor:pointer; font-family:"微软雅黑";border: none;outline: none;}
.TextareaV1{line-height:150%;width:1180px;padding:10px;border:1px solid #ddd;background-color:#fafafa; resize:none; font-family:"微软雅黑";}
.TextareaV1:focus{border:1px solid #c7000b;background-color:#fff;}