﻿@charset "utf-8";
/* CSS Document */
body{ font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#332c2b; margin:0px; padding:0px;}
ol,ul,li,p,dl,dt{list-style: none outside none; margin:0px; padding:0px;}
img {border:none;}
a:link, a:visited {color:#000; text-decoration: none;outline:none;}
a:hover, a:active {color:#e40101; text-decoration: none;outline:none;}
.clear{clear:both;}
.kg{ width:1200px; margin:0 auto;}
.fl{ float:left;}
.fr{ float:right;}
.green-black {  display:block; padding-top:25px; clear:both;font-family:"微软雅黑",Arial, Helvetica, sans-serif; text-align:center;}
.green-black a {padding:5px 8px 4px 8px; padding:5px 8px 4px 8px;border:1px solid #dddddd; height:12px; line-height:12px; zoom:1; font-weight:bold; font-size:12px; overflow:auto; margin-left:3px; margin-right:3px; color:#333; background:url(../images/page_bg01.png) #fff bottom repeat-x;font-family:"微软雅黑",Arial, Helvetica, sans-serif; text-decoration:none}
.green-black a:hover {border:1px solid #ccc; height:12px; line-height:12px; zoom:1;overflow:auto;background:url(../images/page_bg02.png) top repeat-x #d80000; margin-left:3px; margin-right:3px; color:#fff;font-size:12px;font-family:"微软雅黑",Arial, Helvetica, sans-serif;}
.green-black span.current {padding:5px 8px 5px 8px; padding:5px 8px 4px 8px;border:1px solid #ccc; color:#fff; height:12px; line-height:12px; zoom:1; overflow:auto;  background:url(../images/page_bg02.png) top repeat-x #d80000; margin-left:3px; margin-right:3px; margin-top:0px; margin-bottom:0px; font-size:12px}
/*基础配置*/

/*首页style开始*/
.top_bg{ background:#fafafa; width:100%; height:29px; border-bottom:1px solid #e8e8e8;}
.top_left{ line-height:29px; height:29px; font-size:12px; color:#595959; overflow:hidden; width:1050px;}
.top_right{ line-height:29px;  height:29px;}
.top_right a{ padding: 10px;}
.logo_nav{ background:#fafafa; width:100%; height:81px; position:relative;}
.nav li{ float:left; background:url(../images/nav_fg.png) no-repeat left center; height:81px;}
.nav li.on{ background:none;}
.nav li a{ height:81px; line-height:81px; font-size:14px; padding:0 30px; font-size:16px; color:#000;display:block;}
.nav li a:hover,.nav li a.cur{ color:#e40101; background:url(../images/nav_ejbz.png) no-repeat center bottom; }
.nav li .nav_ej{ display:none;}
.nav li:hover .nav_ej{ display:block; position:absolute; height:52px; z-index:9999; text-align:center;}
.nav li .nav_ej a{ float:left; display:block; height:52px; line-height:52px; font-size:14px; color:#fff; background:none; padding:0px 10px;}
.nav li .nav_ej a:hover{ background:none; text-decoration:underline;}
.sous_bg{ background:url(../images/nav_ejbg.png) repeat-x; width:100%; height:52px; position: absolute; bottom:-52px; z-index:999;}
.gjc{ padding-left:20px; line-height:52px; color:#fff; font-size:14px;}
.gjc a{ padding:0 10px; color:#fff;}
/*banner*/
.banner{height:650px;  min-width:1200px; position:relative;}
.slides{position:relative;}
.slides li{height:650px;position:relative;}
.flex-control-nav{position:absolute;bottom:-34px;z-index:99;width:100%;text-align:center;}
.flex-control-nav li{display:inline-block;width:31px;height:8px;margin:0 5px;*display:inline;zoom:1;}
.flex-control-nav a{display:inline-block;width:31px;height:8px;overflow:hidden;background:#7a7a7a;cursor:pointer; color:#7a7a7a;border-radius:5px}
.flex-control-nav .flex-active{background:#d10010; color:#d10010;}
.flex-direction-nav{position:absolute;z-index:99;width:100%;top:43%;}
.flex-direction-nav li a{display:block;width:68px;height:68px;overflow:hidden;cursor:pointer;position:absolute;filter:alpha(opacity=80); -moz-opacity:0.8; -khtml-opacity: 0.8; opacity: 0.8;}
.flex-direction-nav li a.flex-prev{left:20px;background:url(../images/baan_l.png) center center no-repeat;}
.flex-direction-nav li a.flex-next{right:20px;background:url(../images/baan_r.png) center center no-repeat;}
.flex-direction-nav li a:hover{filter:alpha(opacity=60); -moz-opacity:0.6; -khtml-opacity: 0.6; opacity: 0.6;}
/*banner*/
.sytel_bg{ background:url(../images/banner_bg.png) repeat-x; width:100%; height:78px; border-top:1px solid #b9b9b9; border-bottom:1px solid #b9b9b9;}
.index_bga{ background:#fff; width:100%; padding-top:55px; height:645px;}
.sycap_wb{ font-size:16px; color:#383838; text-align:center; height:40px; line-height:40px;}
.sycpgd_an{ text-align:center; padding-top:10px; padding-bottom:30px;}
.sycpgd_an a{ display:inline-block; width:23px; height:23px;border-radius:3px; margin:0 3px; font-family:"宋体"; font-size:16px; line-height:23px; color:#fff; cursor:pointer; font-weight:bold;}
.sycpgd_an .prev{ background:#000;}
.sycpgd_an .next{ background:#ff0000;}
.sycpggd_nr li{ float:left; width:300px;}
.sycp_pic{ width:300px; height:300px;}
.sycp_bt{ font-size:18px; color:#383838; font-weight:bold; text-align:center; width:250px;}
.sycp_bt span{ display:block; font-size:14px; font-weight:normal; line-height:30px;}
.sycp_bt p{ width:66px; height:26px; border:1px solid #c7c7c7; margin:8px auto; font-size:14px; line-height:26px; font-weight:normal;border-radius:4px;}
.sycpggd_nr li a:hover .sycp_bt{ color:#e50000;}
.sycpggd_nr li a:hover .sycp_bt p{ background:#e50000; border:1px solid solid #e50000; color:#fff; }
.index_bgb{ background:url(../images/index_bgb.jpg) no-repeat center; width:100%; height:491px; padding-top:110px;}
.syabout_left{ width:565px;}
.syabout_bt{ font-size:32px; font-weight:bold; color:#fff; padding-left:14px;}
.syabout_bt p{ width:53px; height:4px; background:#fff; margin-top:10px;}
.syabout{ padding-top:80px;}
.syabout_pic{ width:301px; height:216px;}
.syabout_title{ padding-left:20px; padding-top:162px; font-size:20px; color:#fff;}
.syabout_title p{font-weight:bold;}
.syabout_wbnr{ font-size:14px; color:#fff; line-height:20px; padding-top:25px;}
.syabout_more{ width:68px; height:28px; padding-top:20px;}
.syabout_more a{ display:block; width:66px; height:26px; border:1px solid #fff; text-align:center; line-height:26px; color:#fff; font-size:12px;border-radius:2px;}
.syabout_more a:hover{ background:#fff; color:#383838;}
.syabout_right{ width:600px; padding-top:97px;}
.syabout_right p{ width:560px; padding:0 20px; height:50px; line-height:50px; color:#fff; font-size:14px; font-weight:bold; position: relative; margin-top:-50px; background:rgba(0,0,0,0.8);}
.syabout_right a:hover p{ background:rgba(211,8,8,0.8);}
.index_bgc{ background:url(../images/index_bgc.jpg) no-repeat center; width:100%; height:562px;}
.syzxdt_nr{ width:450px; padding-left:23px;}
.syaxdt_bta{ font-size:14px; color:#595959; font-weight:bold; width:170px; padding-top:220px;}
.syzxdt_bgb{ width:240px; font-size:14px; line-height:20px; color:#656565; padding-top:120px;}
.index_bgd{ height:445px; background:#eee; width:100%; padding-top:56px; padding-bottom:57px;}
.sycjwt{ width:342px; background:url(../imagesen/sycjwt_01.png) no-repeat left; height:445px; padding-left:258px;}
.sycjwt_nr{ width:327px; background:#fff; border-top:4px solid #bbb; height:441px;}
.sycjwt_title{ height:35px; padding-top:7px; width:293px; margin:0 auto;}
.sycjwt_title p{ line-height:35px; color:#595959; font-size:16px; font-weight:bold; float:left;}
.sycjwt_title a{ float:right; line-height:35px; height:35px; font-size:12px;}
.sycjwt_qh{ padding-top:14px;}
.sycjwt_pic{ margin-left:-22px; width:162px; height:356px;}
.sycjwt_wb{ width:160px; padding-right:18px;}
.sycjwt_wb li{ width:160px; height:163px; background:#f2f2f2; margin-bottom:7px;}
.sycjwt_bt{ font-size:14px; font-weight:bold; border-bottom:1px solid #ddd; height:44px; padding-top:7px; line-height:44px; text-indent:9px;}
.sycjwt_js{ font-size:14px; color:#989898; line-height:24px; padding:9px;}
.sycjwt_an { margin-top:-11px; float:right; margin-right:16px;}
.sycjwt_an li{ display:inline-block; background:#afafaf; width:11px; height:11px;border-radius:6px; overflow:hidden; text-indent:-999px; margin:0 4px 0 4px; cursor:pointer;}
.sycjwt_an li.on{ background:#d30000;}
.synews{ width:540px; background:#fff; border-top:4px solid #e00000; height:441px; padding:0 25px;}
.synews_title{ height:35px; padding-top:7px; width:540px; margin:0 auto;}
.synews_title p{ line-height:35px; color:#595959; font-size:16px; font-weight:bold; float:left;}
.synews_title a{ float:right; line-height:35px; height:35px; font-size:12px;}
.synews_nr{padding-top:14px;}
.synews_one{ height:150px; width:540px; padding-bottom:18px;}
.synews_pic{ width:250px; height:140px;}
.synews_right{ width:270px; font-size:14px; color:#848484; line-height:18px;}
.synews_right p{ font-size:16px; font-weight:bold; color:#595959; padding:8px 0;}
.synews_right span{ display:block; font-size:12px; color:#9a9999; padding-top:10px;}
.synews_right span img{ margin-bottom:-2px; margin-right:5px;}
.synews_one a:hover .synews_right p{ color:#e00000;}
.synews_nr li{ height:52px; border-top:1px dotted #e6e6e6;line-height:52px; font-size:14px;}
.synews_nr li a img{ margin-bottom:-3px; margin-right:8px;}
.synews_nr li span{ float:right; font-size:12px; color:#686868;}
.link_bg{ height:20px; background:#eee; padding-bottom:10px;}
.link_title{ font-size:14px; font-weight:bold; line-height:20px; height:20px;}
.link_nr{ width:1120px; height:20px; line-height:20px; overflow:hidden;}
.link_nr a{ display:block; float:left; margin-right:10px; color:#373737;}
.link_nr a:hover{ text-decoration:underline;}
.foot_bg{ background:url(../images/foot_bg.jpg) no-repeat center top #c40000; width:100%;}
.foot_nav{ height:192px; padding-top:39px; padding-bottom:48px;}
.fnav_left li{ float:left; width:155px; padding-left:20px; border-left:1px solid #7c7978; height:192px;}
.fnav_left li a{ color:#fff; font-size:12px; line-height:24px;}
.fnav_left li a:hover{ text-decoration:underline;}
.fnav_title{ padding-bottom:13px; padding-top:5px;}
.fnav_left li .fnav_title a{ font-size:16px; font-weight:bold;}
.fanv_right{ width:470px; border-left:1px solid #7c7978; height:192px; padding-left:25px; position:relative; color:#fff; font-size:12px; line-height:18px;}
.foot_tx{ padding-top:5px;}
.foot_tx a{ padding-right:10px;}
.foot_ewm{ position:absolute; top:20px; right:14px;}
.foot_ewm p{ text-align:center; padding-top:6px;}
.foot_bq{ height:52px; line-height:52px; color:#fff;}
.foot_bq a{ color:#fff;}
.foot_bq a:hover{ text-decoration:underline;}
/*首页style结束*/

/*内页style开始*/
.about_banner{ background:url(../imagesen/about_banner.jpg) no-repeat center; width:100%; height:350px;}
.contact_banner{ background:url(../imagesen/contact_banner.jpg) no-repeat center; width:100%; height:350px;}
.service_banner{ background:url(../imagesen/service_banner.jpg) no-repeat center; width:100%; height:350px;}
.video_banner{ background:url(../imagesen/video_banner.jpg) no-repeat center; width:100%; height:350px;}
.news_banner{ background:url(../imagesen/news_banner.jpg) no-repeat center; width:100%; height:350px;}
.product_banner{ background:url(../imagesen/product_banner.jpg) no-repeat center; width:100%; height:350px;}
.main_fl { padding-top:16px;}
.main_fl a{ display:block; float:left; height:60px; line-height:60px; padding:0 15px; font-size:14px; color:#515151; font-weight:bold; margin-right:15px;}
.main_fl a:hover,.main_fl a.cur{ border-bottom:3px solid #ff0000;}
.main{ padding-bottom:100px; width:100%; background:#fff; padding-top:20px;}
.main_title{ font-size:30px; color:#d10010; font-weight:bold; padding-bottom:25px; padding-top:20px;}
.main_title span{ font-size:18px; color:#838383; padding-left:8px;}
.main_title p{ width:18px; height:2px; background:#d4d4d4; margin-top:30px;}
.about_nr{ font-size:14px; line-height:24px; color:#5d5d5d;}
.contact{ padding-top:100px;}
.contact li{ float:left; padding:0 70px; height:85px; padding-top:25px;}
.contactmap p{ background:#202020; color:#fff; text-align:center; margin:0 auto; width:302px; height:50px; margin-bottom:-25px; position:relative; z-index:99; line-height:50px;border-radius:25px;}
.contactmap p img{ margin-bottom:-6px; margin-right:15px;}
.video_nr{ padding-top:20px;}
.video_nr li{ width:350px; float:left; margin:0 25px; position:relative; padding-bottom:50px;}
.video_an{ background:rgba(0,0,0,0.4); width:220px; height:170px; position:absolute; top:0px; left:0px; padding-top:80px; padding-left:130px;}
.video_nr li p{ text-align:center; font-size:14px; padding-top:8px;}
.news_nr{ width:1120px; -moz-box-shadow:0px 0px 7px #999; -webkit-box-shadow:0px 0px 7px #999; box-shadow:0px 0px 7px #999; padding:40px; margin-top:30px;}
.news_nr li{ width:1120px; height:160px; margin-bottom:40px;}
.news_left{ width:322px; border-radius:0 0 0 10px; overflow:hidden;}
.news_pic{ width:220px; height:160px; background:#e7e7e7;}
.news_pic img{width:220px; height:160px;}
.news_rq{ width:100px; height:160px; background:#eee; text-align:center; font-size:14px; color:#999;}
.news_rq p{ font-size:50px; line-height:100px; color:#333;}
.news_right{ height:159px; border-bottom:1px solid #e6e6e6; width:765px;}
.nbt{ font-size:16px; color:#252525; line-height:40px;}
.nrq{ font-size:14px; color:#919191; line-height:30px; height:60px;}
.nwb{ font-size:12px; color:#bbb; padding-top:15px;}
.nwb img{ padding-left:5px; margin-bottom:-2px;}
.news_nr li a:hover .news_right .nbt{color:#e62129;}
.newsshow_title{ text-align:center; border-bottom:1px dashed #ccc; padding-bottom:3px; font-size:20px; font-weight:bold; line-height:25px; padding-top:40px;}
.newsshow_title p{ font-size:12px; color:#999; font-weight:normal; padding-top:5px;}
.newsshow_wnnr{ margin:0 auto; padding-top:15px; font-size:14px; line-height:24px;}
.sxyjsys,.sxyjsys a{ font-size:14px; color:#3f3f3f; line-height:20px;}
.sxyjsys a:hover{ text-decoration:underline;}
.xgnews-tit{ text-align:center; background:#e4e4e4; font-size:16px; font-weight:bold; line-height:30px; height:30px;}
.xgnews-con{ padding-top:15px;}
.xgnews-con li{ float:left; width:500px; margin-left:10px; margin-right:60px; line-height:24px;}
.xgnews-con li a{ font-size:14px;}
.xgnews-con li span{ float:right; color:#999; font-size:12px;}
.xgnews-con li a:hover{ text-decoration:underline;}
.product_left{ width:254px;}
.pro_title{ background:url(../images/product_title.png) no-repeat; height:88px; margin-left:-28px; width:245px; padding-top:25px; margin-top:-55px; padding-left:37px; font-size:14px; color:#fff;}
.pro_title p{ font-size:24px; font-weight:bold;}
.pro_nr{ width:231px; border:1px solid #dbdbdb; border-top:none; padding-top:9px; padding-bottom:10px;}
.pro_nr li{ height:48px; position:relative;}
.pro_nr li a{ width:182px; margin:0 auto; border-top:1px solid #d0d0d0; height:47px; display:block; line-height:47px; padding:0 20px; color:#535353; font-size:16px;}
.pro_nr li a span{ float:right; font-family:"宋体"; color:#939292; font-size:12px;}
.pro_nr li a:hover,.pro_nr li a.cur{ background:#d80000; border-left:6px solid #a50000; width:181px; padding:0px 27px 0 19px; border-top:none; height:49px; position:relative; margin-left:-1px; color:#fff; z-index:9;}
.pro_nr li a:hover span,.pro_nr li a.cur span{ color:#fff;}
.pro_nr li .fl_ej{display:block; }
.pro_nr li:hover .fl_ej{ display:block; position:absolute; background:rgba(0,0,0,0.5); width:222px; left:232px; top:0px;}
.pro_nr li .fl_ej a{width:182px; margin:0; border-top:none; height:47px; display:block; line-height:47px; padding:0 20px; color:#fff; font-size:16px;}
.pro_nr li .fl_ej a:hover{background:#d80000; border-left:none; width:182px; padding:0 20px; border-top:none; height:47px; color:#fff;}
.product_right{ border:1px solid #e3e3e3; width:944px; padding-bottom:50px;}
.pro_bt{ height:65px; line-height:65px; border-bottom:1px solid #e3e3e3; width:900px; font-size:24px; color:#3a3a3a; margin:0 auto; padding:0 10px;}
.product_nr { width:944px; padding-top:25px;}
.product_nr li{ width:290px; float:left; margin:0 12px; padding-bottom:40px;}
.product_nr li a{ display:block; width:270px; border:1px solid #d0d0d0; padding:9px;}
.pro_img{ width:270px; height:221px; border-bottom:1px solid #d6d6d6; padding:20px 0px;}
.pro_img img{ width:100%;}
.pro_wb{ font-size:12px; color:#a0a0a0; font-weight:bold; height:45px; padding-top:15px; width:260px; margin:0 auto;}
.pro_wb p{ font-size:14px; color:#707070; padding-bottom:5px;}
.product_nr li a:hover{ -moz-box-shadow:0px 0px 7px #999; -webkit-box-shadow:0px 0px 7px #999; box-shadow:0px 0px 7px #999;}
.proshow_nr{ width:920px; margin:0 auto;}
#preview {float:left;width:497px; position:relative;}
.jqzoom{height:405px;width:495px; border:1px solid #e0e0e0;margin:0 auto}
.plnr{ width:400px; float:right;}
.plnr_bt{ line-height:30px; font-weight:bold; font-size:18px; color:#d10010; padding-bottom:8px; padding-top:8px;}
.plnr_bt span{ padding-left:10px;}
.plnr_bt p{ width:33px; height:3px; background:#d80000; margin-top:15px;}
.plnr .jianshu{line-height:24px; overflow:hidden; margin-top:15px; padding-bottom:20px; height:180px; font-size:14px; color:#3d3d3d; margin-bottom:20px;}
.cpny_tel{ font-size:14px; color:#979797; border-bottom:1px solid #e0e0e0; padding-bottom:15px;}
.cpny_tel span{ color:#d10010; font-size:14px; font-weight:bold;}
.cpny_tel img{ margin-bottom:-2px; margin-right:5px;}
.cpny_zx { height:45px; padding-top:26px;}
.cpny_zx a{ display:block; width:133px; height:45px; background:#d10010; font-size:18px; font-weight:bold; color:#fff; line-height:45px; text-align:center;}
.cpny_nr{ padding-top:35px; width:920px;}
.cyny_title{ border-bottom:1px solid #cacaca; height:40px;}
.cyny_title p{ width:143px; height:40px; background:#d10010; text-align:center; line-height:40px; color:#fff; font-size:14px;}
.cyny_wb{ font-size:14px; padding-top:20px; line-height:24px; padding-bottom:50px;}
.cyny_wb img{ max-width:100%;}
.xgpro-con{ padding-top:15px;}
.xgpro-con li{ float:left; width:270px; margin:0 18px;}
.xgpro-con li img{ width:100%; border:1px solid #ccc; padding:4px;}
.xgpro-con li p{ text-align:center; padding-top:8px; font-size:14px;}
/*内页style结束*/

/* Search icon by IcoMoon, made with http://icomoon.io/app/ */
.sb-search {position: relative; width: 59px;height:52px; right:0; overflow: hidden;-webkit-transition: width 0.3s;-moz-transition: width 0.3s;transition: width 0.3s;-webkit-backface-visibility: hidden; border-left:1px solid rgba(255,255,255,0.4); border-right:1px solid rgba(255,255,255,0.4);}
.sb-search-input {position: absolute;top:1px;right:60px;border:1px solid rgba(255,255,255,0.4);background:#DA4444;width:278px;height:48px;margin: 0;z-index: 10; font-size: 16px; color:#fff; padding:0px 5px; outline:none; font-family:Arial, Helvetica, sans-serif;}
.sb-search-input::-webkit-input-placeholder {color:#fff;}
.sb-search-input:-moz-placeholder {color:#fff;}
.sb-search-input::-moz-placeholder {color:#fff;}
.sb-search-input:-ms-input-placeholder {color:#fff;}
.sb-icon-search,.sb-search-submit  {width:59px; height:52px; display: block; position: absolute; right: 0; top: 0; padding: 0; margin: 0;line-height:34px;text-align: center;cursor: pointer; }
.sb-search-submit {background: #fff; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";  filter: alpha(opacity=0); /* IE 5-7 */   opacity: 0;color: transparent;	border: none;outline: none;	z-index: -1;}
.sb-icon-search {color: #fff;z-index: 90; background:url(../imagesen/sous.png) no-repeat; width:59px; height:52px;}
.sb-search.sb-search-open,.no-js .sb-search {width:350px;}
.sb-search.sb-search-open .sb-icon-search,.no-js .sb-search .sb-icon-search {background:url(../imagesen/sous.png) no-repeat; width:59px; height:52px;	z-index: 11;}
.sb-search.sb-search-open .sb-search-submit,.no-js .sb-search .sb-search-submit {z-index: 90;}
