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

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

*{ margin:0; padding:0;}
.width{ width:1200px; margin:0 auto; overflow:hidden;}
.clear{ clear:both; height:0;}
a{ text-decoration:none;}
img{ border:0;}
.imgs{ position:absolute; left:0; top:0; width:100%; height:100%; filter:alpha(Opacity=0); -moz-opacity:0; opacity:0;}
body{ font-family:"微软雅黑";}

.top{ height:100px;}
.logo{ float:left; height:80px; line-height:80px; display:block; background:url(../img/logo.png) left center no-repeat; margin-top:10px; font-size:20px; font-weight:bold; color:#333; padding-left:90px;}
.search{ float:right; border:1px solid #8e8e8e; 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; color:#8e8e8e; width:140px; padding-right:5px; font-family:"微软雅黑";}
.search2{ float:left; border:none; outline:none; width:20px; height:20px; background:url(../img/search.png) center no-repeat; cursor:pointer;}
.search2:hover{ background-image:url(../img/search_hover.png);}
.lang{ float:right; line-height:98px; font-size:15px; font-family:Arial; margin-right:15px;}
.lang a{ color:#333;}
.lang a:hover{ color:#e91022;}
.nav{ float:right; font-size:15px; margin-right:25px;}
.nav li{ list-style-type:none; float:left; line-height:100px;}
.nav .li a{ border-left:1px solid #333;}
.nav a{ color:#333; padding-left:10px; padding-right:10px;}
.nav a:hover{ color:#e91022;}
.cur{ color:#e91022 !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:#fff;}
.flex-control-paging li a.flex-active,.flex-control-paging li.active a { background:#e91022;}
.banner .slides a img {width: 100%; display: block; cursor:default;}

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

.proc2{ float:right; width:270px; height:388px; background:url(../img/pro_bg3.jpg);}
.proc3{ float:right; width:280px; 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:#e91022; border-bottom:1px solid #666; line-height:24px; margin-top:28px; cursor:default;}
.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:240px;}

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

.products{ padding-top:30px; padding-bottom:10px;}
.products_t{ float:left; font-size:30px; color:#333; line-height:32px; font-weight:bold; padding-left:4px; padding-bottom:5px; border-bottom:2px solid #333; cursor:default;}
.products_t span{ color:#e91022;}
.line{ width:54px; height:2px; background:#333; margin-top:7px; margin-bottom:13px;}
.pro1_bg{ width:1240px;}
.pro1{ width:270px; height:360px; display:block; color:#666; float:left; margin-right:40px; margin-bottom:41px;}
.pro1:hover{ color:#e91022;}
.pro1:hover p{ border-bottom-color:#e91022;}
.pro1_pic{ width:270px; height:360px;}
.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;}
.contact1_t{ font-size:16px; color:#333; font-weight:bold; line-height:24px;}
.contact1_t1{ color:#e91022; line-height:24px; margin-top:5px;}
.contact_desc{ line-height:20px; color:#666;}
.contact_desc a{ color:#666;}
.contact_desc a:hover{ color:#e91022;}
.link1{ 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);}
.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);}
.code{ position:absolute; width:120px; height:120px; background:url(../img/code.jpg) center no-repeat; background-size:contain; display:none; border:1px solid #ddd; margin-top:-125px;}
.code2{ margin-top:0; margin-left:58px; margin-top:-80px;}

.contact2{ float:right; color:#666; font-size:14px; margin-top:30px;}
.t1{ float:left; width:186px; height:30px; line-height:30px; border-bottom:1px solid #ddd; 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:135px; height:30px; line-height:30px; border:none; outline:none; margin-left:5px; color:#666;}
.t2 .t12{}
.t3 .t12{ width:110px;}
.contact2 textarea{ width:606px; padding-left:2px; padding-right:2px; height:120px; border:none; border-bottom:1px solid #ddd; outline:none; font-family:"微软雅黑"; color:#666; line-height:20px; margin-top:20px;}
.btn{ width:100px; height:28px; line-height:28px; font-size:14px; color:#666; border:1px solid #ddd; background:#fff; outline:none; cursor:pointer; margin-top:15px; font-family:"微软雅黑";}
.btn:hover{ background:#e91022; border-color:#e91022; color:#fff;}

.foot_bg{ height:60px; background:#353535; line-height:60px; color:#ddd; font-size:14px;}
.foot_bg a{ color:#ddd;}
.foot_bg a:hover{ color:#fff;}

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

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

.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{ border:1px solid #fff;}
.page a:hover{ border:1px solid #ccc;}
.page-num-current{ color:red !important;}

.pro_right{ float:right; width:560px;}
.pro_t{ font-size:18px; color:#e91022; line-height:50px; height:50px; overflow:hidden; border-bottom:1px solid #ccc; padding-left:2px; padding-right:2px;}
.pro_desc{ font-size:14px; color:#666; line-height:30px; padding-left:2px; padding-right:2px; margin-top:15px; height:180px; overflow:auto;}
.pro_desc img{ display:none;}
.pro_desc a{ color:#e91022;}
.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{ margin-top:25px;}
.links{ float:left; line-height:28px; font-size:14px; color:#e91022; margin-left:2px; margin-top:50px;}
.link3{ margin-left:20px; margin-top:50px;}
.link4{ margin-top:50px;}
.pro_tel{ font-size:14px; color:#666; line-height:30px; margin-left:2px;}
.pro_tel a{ color:#e91022;}
.pro_tel span{ color:#e91022;}
.line4{ height:20px; border-bottom:1px solid #ccc;}

.pro_t3{ font-size:18px; color:#e91022; padding-left:2px; padding-right:2px; line-height:40px; margin-top:10px;}
.pro_t4{ font-size:14px; color:#666; padding-left:2px; padding-right:2px;}
.table_pro{ font-size:14px; margin-top:20px; margin-left:-8px; color:#666;}
.table_pro .td1{ text-align:right; padding-right:10px;}
.table_pro .td2{ color:#b3b3b3;}
.table_pro .td2 span{ color:red;}
.input1{ font-family:"微软雅黑"; color:#666; width:225px; height:30px; padding-left:5px; padding-right:5px; line-height:30px; border:1px solid #ccc; outline:none;}
.input2{ font-family:"微软雅黑"; color:#666; width:590px;}
.input3{ font-family:"微软雅黑"; color:#666; width:590px; height:100px; padding-left:5px; padding-right:5px; line-height:30px; border:1px solid #ccc; outline:none;}
.input_btn{ font-family:"微软雅黑"; width:160px; height:30px; display:block; line-height:30px; text-align:center; color:#fff; background:#e91022; border:none; outline:none; font-size:14px; cursor:pointer;}

.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:#333;}
.news1_t a:hover{ color:#e91022;}
.news1_desc{ font-size:14px; color:#666; 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:#333; text-align:center;}
.news_t2{ font-size:14px; color:#333; text-align:center; line-height:50px; border-bottom:1px solid #ccc; margin-bottom:15px;}

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




.com_left{ float:left; width:650px;}
.com_left img{ margin-top:10px;}
.com_right{ float:right; width:500px;}

.ser_t{ font-size:18px; color:#e91022; margin-bottom:15px;}
.ser1_bg{ width:1252px; margin-bottom:30px;}
.ser1{ background:#f3f3f3; width:260px; float:left; margin-right:53px; height:321px;}
.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:#333; float:left; margin-right:53px; margin-bottom:45px;}
.hon1:hover{ border-color:#e91022; color:#e91022;}
.hon1_pic{ width:258px; height:343px;}
.hon1 p{ text-align:center; line-height:35px; font-size:14px; height:35px; overflow:hidden;}