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


*{ margin:0; padding:0;}
.width{ width:1200px; margin:0 auto;}
.clear{ clear:both;}
a{ text-decoration:none; -moz-transition:.5s ease; -o-transition:.5s ease; -webkit-transition:.5s ease; transition:.5s ease;}
img{ max-width:100%; border:0;}
.img{ width:100%; height:100%; filter:alpha(Opacity=0); -moz-opacity:0; opacity:0;}
li{ list-style-type:none;}
body{ font-family:Arial; background:#000;}

.top{ height:100px;}
.logo{ float:left; margin-top:29px;}
.logo img{ height:42px;}
.search{ float:right; border:1px solid #999; border-left:none; border-right:none; padding-left:5px; padding-right:5px; margin-top:39px;}
.search1{ float:left; border:none; outline:none; height:20px; line-height:20px; background:none; color:#999; width:140px; padding-right:5px; font-family:Arial;}
.search2{ float:left; border:none; outline:none; width:20px; height:20px; background:url(../img/search.png) center no-repeat; cursor:pointer; -moz-transition:.5s ease; -o-transition:.5s ease; -webkit-transition:.5s ease; transition:.5s ease;}
.search2:hover{ background-image:url(../img/search_hover.png);}
.lang{ float:right; line-height:98px; font-size:15px; margin-right:35px;}
.lang a{ color:#999;}
.lang a:hover{ color:#fff;}
.nav{ float:right; font-size:15px; margin-right:20px;}
.nav li{ list-style-type:none; float:left; line-height:100px;}
.nav a{ color:#999; padding:0 18px;}
.nav a:hover{ color:#fff;}
.cur{ color:#fff !important;}

.banner{ position:relative; width:100%; height:550px; overflow:hidden; zoom:1; -moz-user-select:-moz-none; cursor:default;}
.banner li{ list-style-type:none;}
.banner .slides li{ width:100%; height:100%;}
.flex-direction-nav a{ width:50px; height:50px; display:block; line-height:99em; overflow:hidden; margin:-25px 0 0; background:url(../img/ad_ctr.png) no-repeat; position:absolute; top:50%; z-index:10; cursor:pointer; opacity:0; filter:alpha(opacity=0); -webkit-transition:all .3s ease; border-radius:25px;}
.flex-direction-nav .flex-next{ background-position:0 -50px; right:0;}
.flex-direction-nav .flex-prev{ left:0;}
.banner:hover .flex-next {opacity: 0.8; filter: alpha(opacity=25);}
.banner:hover .flex-prev {opacity: 0.8; filter: alpha(opacity=25);}
.banner:hover .flex-next:hover,.banner:hover .flex-prev:hover {opacity: 1; filter: alpha(opacity=50);}
.flex-control-nav { width:100%; position: absolute; bottom: 18px; text-align: center;}
.flex-control-nav li {margin: 0 2px; display:inline-block; zoom: 1; *display: inline;}
.flex-control-paging li a { display:inline-block; height:10px; overflow: hidden; text-indent: -99em; width:10px; cursor: pointer; border-radius:5px; background:#999;}
.flex-control-paging li a.flex-active,.flex-control-paging li.active a { background:#fff;}
.banner .slides a img {width: 100%; display: block; cursor:default;}

.product{ margin-top:30px; padding-bottom:20px;}
.proc1{ float:left; width:220px; padding-top:30px;}
.proc_t{ font-size:30px; color:#fff; line-height:32px; font-weight:bold; border-bottom:2px solid #666; padding-left:4px; padding-bottom:5px; cursor:default;}
.nav2{ width:100%; text-align:right; font-size:14px; margin-top:18px;}
.nav2 li{ list-style-type:none; line-height:30px;}
.nav2 a{ color:#999;}
.nav2 a:hover{ color:#fff;}

.proc2{ float:right; width:270px; height:388px; background:url(../img/pro_bg3.jpg);}
.proc3{ float:right; width:550px; height:388px; background:url(../img/pro_bg2.jpg);}
.proc4{ float:right; width:390px; height:388px; background:url(../img/pro_bg1.jpg);}
.proc5{ float:left; width:350px; height:350px; background:url(../img/pro_bg4.jpg);}
.proc6{ float:left; width:300px; height:350px; background:url(../img/pro_bg5.jpg);}
.proc7{ float:right; width:550px; height:350px; background:url(../img/pro_bg6.jpg);}

.proc_pic{ width:100%; height:100%;}
.proc_t1{ position:absolute; font-size:16px; color:#fff; border-bottom:1px solid #666; line-height:24px; margin-top:28px;}
.proc_t2{ margin-left:145px;}
.proc_t3{ margin-left:20px;}
.proc_t4{ margin-left:20px;}
.proc_t5{ margin-left:20px;}
.proc_t6{ margin-left:20px;}
.proc_t7{ margin-left:20px;}

.about{ padding-top:10px; padding-bottom:10px;}
.about_t{ font-size:30px; color:#fff; line-height:32px; font-weight:bold; padding-left:4px; border-bottom:1px solid #ababab; padding-bottom:10px; margin-bottom:25px; cursor:default;}
.about1{ float:left; width:680px; margin-left:4px;}
.about_t1{ font-size:24px; color:#fff; font-weight:bold; line-height:2em;}
.about_desc{ font-size:14px !important; line-height:30px !important; color:#999 !important; max-height:210px; overflow:hidden;}
.about_desc img{ display:none;}
.about_desc a{ color:#fff;}
.about_desc a:hover{ text-decoration:underline;}
.about_more{ width:175px; height:30px; display:block; border:1px solid #fff; background:url(../img/more.png) center no-repeat; margin-top:10px;}
.about_more:hover{ background:url(../img/more2.png) center no-repeat #fff;}
.about2{ float:right; width:486px; height:300px;}

.products{ padding-top:30px; padding-bottom:10px;}
.products_t{ float:left; font-size:30px; color:#fff; line-height:32px; font-weight:bold; padding-left:4px; padding-bottom:5px; border-bottom:2px solid #666; cursor:default;}
.products_t span{ color:#fff;}
.line{ width:54px; height:2px; background:#444; margin-top:7px; margin-bottom:13px;}
.pro1_bg{ width:1240px; margin-bottom:-20px;}
.pro1{ width:270px; height:270px; display:block; color:#999; float:left; margin-right:40px; margin-bottom:61px;}
.pro1:hover{ color:#fff;}
.pro1:hover p{ border-bottom-color:#fff;}
.pro1_pic{ width:270px; height:270px;}
.pro1 p{ font-size:14px; line-height:40px; height:40px; overflow:hidden; padding-left:4px; padding-right:4px; border-bottom:1px solid #666;}

.contact{ padding-top:40px; padding-bottom:40px;}
.contact1{ float:left; width:500px; font-size:14px; margin-left:4px;}
.contact11{ margin-top:40px;}
.contact1_t{ font-size:16px; color:#fff; font-weight:bold; line-height:24px; margin-bottom:5px;}
.contact1_t1{ color:#fff; line-height:24px; margin-top:5px;}
.contact_desc{ line-height:24px; color:#999;}
.contact_desc a{ color:#999;}
.contact_desc a:hover{ color:#fff;}
.link1{ position:relative; float:left; width:24px; height:24px; background:url(../img/wechat.png) center no-repeat; margin-left:10px; margin-top:2px;}
.link1:hover{ background-image:url(../img/wechat2.png);}
.link1:hover .code{ filter:alpha(Opacity=100); -moz-opacity:1; opacity:1; visibility:visible;}
.code{ position:absolute; width:100px; height:100px; left:-10px; top:-105px; filter:alpha(Opacity=0); -moz-opacity:0; opacity:0; visibility:hidden; -moz-transition:.5s ease; -o-transition:.5s ease; -webkit-transition:.5s ease; transition:.5s ease;}
.link2{ float:left; width:24px; height:24px; background:url(../img/qq.png) center no-repeat; margin-left:15px; margin-top:2px;}
.link2:hover{ background-image:url(../img/qq2.png);}

.contact2{ float:right; color:#999; font-size:14px; margin-top:30px;}
.t1{ float:left; width:291px; height:30px; line-height:30px; border-bottom:1px solid #999; padding-left:2px; padding-right:2px;}
.t2{ float:left; margin-left:20px;}
.t3{ float:left; margin-left:20px;}
.t11{ float:left; cursor:default;}
.t12{ float:left; width:240px; height:30px; line-height:30px; border:none; outline:none; margin-left:5px; color:#999; background:none; font-family:Arial;}
.t3 .t12{ width:110px;}
.contact2 textarea{ width:606px; padding-left:2px; padding-right:2px; height:150px; border:none; border-bottom:1px solid #999; outline:none; font-family:Arial; color:#999; line-height:30px; margin-top:20px; background:none; resize:none;}
.contact2 img{ float:left; height:29px; margin-top:15px; margin-left:10px;}
.check{ float:left; width:150px; height:28px; line-height:28px; font-size:14px; color:999; border:none; border-bottom:1px solid #999; padding:0 2px; color:#999; background:none; outline:none; margin-top:15px; font-family:Arial;}
.btn{ float:right; width:100px; height:28px; line-height:28px; font-size:14px; color:#999; border:1px solid #ddd; background:#fff; outline:none; cursor:pointer; margin-top:15px; font-family:Arial; -moz-transition:.5s ease; -o-transition:.5s ease; -webkit-transition:.5s ease; transition:.5s ease;}
.btn:hover{ background:none; border-color:#fff; color:#fff;}

.foot_bg{ height:50px; background:#1d1d1d; line-height:50px; color:#999; font-size:14px; text-align:center;}
.foot_bg a{ color:#999;}
.foot_bg a:hover{ color:#fff;}

.line2{ border-top:1px solid #666; height:0;}
.content{ padding-bottom:40px;}
.nav3{ font-size:14px; color:#999; line-height:50px; padding-top:8px; margin-left:5px;}
.nav3 a{ color:#999;}
.nav3 a:hover{ color:#fff;}

.nav4 a{ float:left; display:block; height:30px; line-height:30px; color:#999; border:1px solid #999; font-size:14px; padding-left:20px; padding-right:20px; margin-right:8px;}
.nav4 a:hover{ color:#fff; border-color:#fff;}
.cur2{ color:#fff !important; border-color:#fff !important;}
.products_t2{ padding-left:0; margin-top:20px;}
.line3{ margin-bottom:20px;}
.desc{ font-size:14px; color:#999; line-height:2em;}
.desc img{ max-width:1200px;}
.desc a{ color:#999;}
.desc a:hover{ color:#fff;}
.desc p{ padding:0.5em 0;}
.desc table{ border-collapse:collapse; border:1px solid #999; width:100%;}
.desc table td{ border:1px solid #999; padding:5px; text-align:center;}
.desc1 p{ padding:0;}

.about_pic{ text-align:justify; line-height:0; font-size:0; margin-top:20px;}
.about_pic:after{
     display:inline-block;
     overflow:hidden;
     width:100%;
     height:0;
     content:'';
     vertical-align:top;
}
.about_pic1{ display:inline-block; vertical-align:top; width:390px; height:260px;}

.page{ margin-top:40px;}
.page,.page p,.page span,.page a{ padding:4px; font-size:14px; color:#666; margin-left:2px; margin-right:2px;}
.page a{ color:#999;}
.page a:hover{ outline:1px solid #ccc; color:#fff;}

.pro_right{ float:right; width:560px; position:relative; min-height:467px;}
.pro_t{ font-size:18px; color:#fff; line-height:50px; height:50px; overflow:hidden; border-bottom:1px solid #ccc; padding-left:2px; padding-right:2px;}
.pro_desc{ font-size:14px; color:#999; line-height:30px; padding-left:2px; padding-right:2px; margin-top:15px; overflow:auto;}
.pro_desc img{ display:none;}
.pro_desc a{ color:#999;}
.pro_desc a:hover{ color:#fff;}
.pro_desc table{ border-collapse:collapse; border:1px solid #ddd; width:100%;}
.pro_desc table td{ border:1px solid #ddd; padding:5px; text-align:center;}
.pro_t2{ font-size:16px; margin-top:25px;}
.pro_link{ position:absolute; bottom:0;}
.links{ float:left; line-height:28px; font-size:14px; color:#fff; margin-left:2px; margin-top:50px;}
.link3{ margin-left:20px; margin-top:50px; cursor:pointer;}
.link3 .code{ left:-40px;}
.link4{ margin-top:50px;}
.pro_tel{ font-size:14px; color:#999; line-height:30px; margin-left:2px;}
.pro_tel a{ color:#fff;}
.pro_tel span{ color:#fff;}
.line4{ height:20px; border-bottom:1px solid #ccc;}

.pro_t3{ font-size:18px; color:#fff; padding-left:2px; padding-right:2px; line-height:40px; margin-top:10px;}
.pro_t4{ font-size:14px; color:#999; padding-left:2px; padding-right:2px;}
.table_pro{ font-size:14px; margin-top:20px; margin-left:-8px; color:#999;}
.table_pro img{ max-height:32px;}
.table_pro .td1{ text-align:right; padding-right:10px;}
.table_pro .td2{ color:#b3b3b3;}
.table_pro .td2 span{ color:red;}
.input1{ font-family:Arial; color:#666; width:225px; height:30px; padding-left:5px; padding-right:5px; line-height:30px; border:1px solid #ccc; outline:none;}
.input2{ font-family:Arial; color:#666; width:590px;}
.input3{ font-family:Arial; color:#666; width:590px; height:100px; padding-left:5px; padding-right:5px; line-height:30px; border:1px solid #ccc; outline:none;}
.input_btn{ width:160px; height:28px; display:block; line-height:28px; text-align:center; border:1px solid #fff; color:#999; background:#fff; outline:none; font-size:14px; cursor:pointer; -moz-transition:.5s ease; -o-transition:.5s ease; -webkit-transition:.5s ease; transition:.5s ease;}
.input_btn:hover{ background:none;}

.news1_bg{ width:1258px;}
.news1{ width:570px; float:left; margin-right:59px; margin-bottom:25px;}
.news1_pic{ width:570px; height:150px; margin-bottom:10px;}
.news1_t{ font-size:16px; line-height:35px; height:35px; overflow:hidden;}
.news1_t a{ color:#fff;}
.news1_t a:hover{ color:#fff;}
.news1_desc{ font-size:14px; color:#999; line-height:20px; height:60px; overflow:hidden;}
.news1_time{ float:left; line-height:32px; color:#666; font-size:14px; margin-top:15px;}
.news1 .about_more{ float:right; margin-top:15px;}

.news_t1{ font-size:20px; color:#fff; text-align:center;}
.news_t2{ font-size:14px; color:#999; text-align:center; line-height:50px; border-bottom:1px solid #ccc; margin-bottom:15px;}

.contact_pic{ height:200px; background:url(../img/contact.jpg);}




.ser_t{ font-size:18px; color:#fff; margin-bottom:15px;}
.ser1_bg{ width:1252px; margin-bottom:30px;}
.ser1{ background:#f3f3f3; width:260px; float:left; margin-right:53px; height:345px;}
.ser1_t{ font-size:16px; color:#333; line-height:40px; padding-left:8px; padding-right:8px;}
.ser1_desc{ font-size:14px; color:#666; line-height:20px; padding-left:8px; padding-right:8px; height:120px; overflow:hidden;}
.ser_left{ float:left; width:600px; margin-top:15px;}
.ser_right{ float:right; width:486px; height:300px; background:url(../img/about.jpg);}

.hon1_bg{ width:1252px;}
.hon1{ width:258px; height:343px; display:block; border:1px solid #ccc; color:#999; float:left; margin-right:53px; margin-bottom:45px;}
.hon1:hover{ border-color:#fff; color:#fff;}
.hon1_pic{ width:258px; height:343px;}
.hon1 p{ text-align:center; line-height:35px; font-size:14px; height:35px; overflow:hidden;}



@media (max-width:1199px){
	body{ width:1200px !important; margin:0 auto;}
}