@charset "utf-8";
/* CSS Document sunshine*/
body,div,ul,li,h1,h2,h3,h4,h5,h6,p,dd,dl,dt,input{ margin:0px; padding:0px;}
body{color:#666; font-size:12px; font-family:Arial,'微软雅黑';margin:0px; padding:0px; margin:0px; line-height:24px;}
ul,li,em,i{ list-style:none; font-style:normal; font-weight:normal;}
a{ color:#666;text-decoration:none;outline:none;/*blr:expression(this.onFocus=this.blur());*/}
a:hover{ text-decoration:none;}
img{ border:0px; padding:0px; margin:0px;}
em{ font-style:normal;}
div{margin-right: auto;	margin-left: auto;}
ul {margin: 0px;padding: 0px;}
.clear{clear:both; content: ""; display: table; margin: 0px;padding: 0px;height: 0px;}
.left{ float:left}
.right{ float:right;}
.clearfix:after { clear: both; content: " "; display: block;}
input{ color:#666; font-family:Arial, Helvetica, sans-serif,'微软雅黑'; outline:none;}
.wrapper{ margin:0 auto; position:relative; width:1200px;}
.red{color:#ec3f45;}
.yellow{ color:#fd9903;}
.black{ color:#000;}
.blue{color:#112fe4;}
.center{ text-align:center;}

/***web star***/
.head{ background-color:#fff; height:100px;}
.logo{ float:left; width:200px; height:58px; padding:21px 0;}
.logo img{ max-width:100%; max-height:100%;}

.he_lang{ float:right; width:1000px; height:38px; line-height:38px; text-align:right;}
.he_lang a{ margin:0 2px;}
.he_lang a.on{ color:#bf1e2e; font-weight:bold;}
.nav{ float:left; margin-left:50px; vertical-align:baseline;}
.nav>ul{float:left;}
.nav>ul>li{float:left; font-size:14px; font-family:Arial; margin:0 5px; position:relative; padding-bottom:4px; vertical-align:baseline;}
.nav>ul>li>a{display:inline-block; color:#333; padding:0 5px; height:28px; border:1px solid #fff; line-height:28px; border-radius:14px;}
.nav>ul>li>a:hover,.nav>ul>li.on>a{border:1px solid #bf1e2e;}
.sub_t{background:rgba(224, 224, 224, 0.8)!important; filter:Alpha(opacity=80); background:#e0e0e0; width:140px; padding:10px 15px; border-radius:3px; position:absolute; top:34px; left:50%; margin-left:-85px; z-index:999; display:none;}
.sub_t ul li a:hover{ text-decoration:underline;}
.sub_t ul li{ font-size:13px;}
.nav>ul>li:hover .sub_t{ display:block;}

.serach{ float:right; position:relative; width:173px; height:30px; margin-left:20px;}
.serach input{ width:173px; height:28px; border:1px solid #666; border-radius:3px; box-sizing:border-box; padding-right:30px; padding-left:5px;}
.serach a{ display:block; width:30px; height:30px; background:url(../images/sea_a.png) center no-repeat; position:absolute; top:0; right:0;}

.banner{ width:100%; height:600px; min-width:1200px; overflow:hidden;}
.blueberry {position: relative; z-index:1; height:600px;}
.blueberry .slides {display: block;position: relative;overflow: hidden;}
.blueberry .slides li {position: absolute;top: 0;overflow: hidden; width:100%; height:600px; text-align:center; }
.blueberry .slides li a>img {display: block; height:0px;}
.blueberry .slides li.active {display: block;position: relative;}
.blueberry .crop li img {width: auto;}
.blueberry .pager {bottom:10px;left:40px; height: 15px; position:absolute; z-index:999; }
.blueberry .pager li {display: inline-block;}
.blueberry .pager li a, .blueberry .pager li a span {display: block;height: 15px;width: 15px;}
.blueberry .pager li a {margin:0 2px;}
.blueberry .pager li a span {overflow:hidden; text-indent:-9999px; width:10px; height:10px; border-radius:50%; display:block; background-color:#191814;}
.blueberry .pager li.active a span { background-color:#b03039;}
.ul_prve,.ul_next{ position:absolute; bottom:12px; display:block; width:16px; height:16px; cursor:pointer; z-index:9999;}
.ul_prve { left:20px; background:url(../images/ul_prve.png) center no-repeat;}
.ul_next{ left:517px; background:url(../images/ul_next.png) center no-repeat;}

.slibx{ float:right; width:225px; height:560px; background:rgba(0, 0, 0, 0.4)!important;
filter:Alpha(opacity=40); background:#000; padding:20px; display:none;}
.blueberry .slides li .slibx img{ max-width:100%; max-height:100%;}
.slibx p{ color:#fff; font-family:Arial; font-size:17px; text-align:left; line-height:30px;}

.main{ margin-top:40px; overflow:hidden;}
.buss{ overflow:hidden; margin-bottom:75px;}
.butit{ overflow:hidden; margin-bottom:50px;}
.butit span{ display:block; position:relative; width:100%; height:40px; line-height:40px; text-align:center; font-size:16px; color:#333; margin-bottom:10px;}
.butit span:after{ position:absolute; bottom:1px; left:50%; content:''; width:90px; margin-left:-45px; height:0; border-bottom:1px solid #bf1e2e;}
.butit h3{ text-align:center; font-weight:normal; font-size:18px; color:#333; letter-spacing:4px; }
.buslist{ overflow:hidden; padding:0 15px;}
.buslist img{ width:355px; height:250px;}
.busone{ float:left; width:550px;}
.busone img{ float:left; margin-right:15px;}
.busone .busbox{ float:right;}
.busone .busbox p{ margin-bottom:10px;}
.bustwo{ float:right; width:550px;}
.bustwo img{ float:right; }
.bustwo .busbox{ float:left;}
.bustwo .busbox a{ margin-bottom:12px; float:right;}
.busone .busbox a{ margin-top:15px;}
.busbox{ width:180px; /*height:195px;*/ overflow:hidden;}
.busbox ul li{ padding-left:15px; position:relative;}
.busbox ul li:before{ position:absolute; width:5px; height:5px; border-radius:50%; background-color:#666; content:''; left:0; top:10px;}
.busbox h3{ line-height:23px; font-size:15px; color:#333;/* white-space:nowrap; text-overflow :ellipsis; overflow:hidden;*/ margin-bottom:10px;}
.busbox p{ line-height:24px; display:-webkit-box!important; overflow: hidden!important; -webkit-line-clamp: 5; -webkit-box-orient: vertical; word-break:break-all;}
.a_bt{ overflow:hidden;}
.busbox a{ display:inline-block; height:30px; line-height:30px; border:1px solid #bf1e2e; padding:0 15px; border-radius:15px; color:#333;}
.bustwo .busbox h3{ margin:15px 0 0;}

.prodd{ background-color:#ececec; overflow:hidden; padding-bottom:55px; margin-bottom:45px;}
.protit{ margin:20px 0 60px;}
.protit h3,.netit h3,.abtit h3{ height:45px; line-height:45px; text-align:center; position:relative; font-size:18px; color:#333; letter-spacing:4px; font-weight:normal;}
.protit h3:after,.netit h3:after,.abtit h3:after{ position:absolute; bottom:1px; left:50%; margin-left:-45px; width:90px; height:0; content:''; border-bottom:1px solid #000;}
.prolist{ overflow:hidden;}
.prolist ul li{ float:left; width:268px; height:310px; border:1px solid #333; border-radius:5px; margin:0 65px; padding-top:50px;}
.prolist ul li:hover{ border:1px solid #bf1e2e;}
.prolist ul li a{ display:block;}
.prolist ul li h3{ height:40px; line-height:40px; text-align:center; font-size:19px; color:#000; font-weight:normal; margin-bottom:35px;}
.prolist ul li h3 a{color:#000;}
.prolist ul li h3 img{ max-height:40px;}
.prolist ul li p{ line-height:32px; color:#333; font-size:16px; padding:0 15px;}
.prolist ul li p a{ color:#333;}
.prolist ul li p a:hover{ color:#000;}

.news{ margin-bottom:80px;}
.netit{ margin-bottom:65px;}
.netit h3:after,.abtit h3:after{ border-bottom:1px solid #bf1e2e;}
.relwb{ width:1200px; height:250px; overflow:hidden; position:relative;}
.btn{ position:absolute; width:26px; height:44px; z-index:9; top:50%; margin-top:-22px; cursor:pointer;}
.b_prev{ left:0px; background:url(../images/prev.png) no-repeat center;}
.b_prev:hover{background:url(../images/prev_a.png) no-repeat center;}
.b_next{ right:0px; background:url(../images/next.png) no-repeat center;}
.b_next:hover{background:url(../images/next_a.png) no-repeat center;}
.rellist{ width:1020px; height:250px; overflow:hidden; position:relative;}
.rellist ul li.relbox{width:1020px; height:250px; overflow:hidden; position:absolute; left:1030px; top:0;}
.rellist ul li.on{}
.ne_left{width:600px; float:left;}
.relbox img{ float:right; width:355px; height:225px; margin-top:20px;}
.ne_left span{ display:block; color:#333; font-size:16px; line-height:24px;}
.ne_left h3{ line-height:55px; white-space:nowrap; text-overflow :ellipsis; overflow:hidden; font-size:18px; color:#333;}
.ne_left p{ line-height:28px; font-size:13px; margin-bottom:20px; display:-webkit-box!important; overflow: hidden!important; -webkit-line-clamp: 4; -webkit-box-orient: vertical;}
.ne_left a{ display:inline-block; padding:0 10px; height:28px; border:1px solid #bf1e2e; line-height:28px; border-radius:14px;}

.aboutt{ height:300px; background:url(../images/ab_bg.jpg) no-repeat center; background-size:cover; -moz-background-size:cover; -ms-background-size:cover; -o-background-size:cover; -webkit-background-size:cover; overflow:hidden;}
.abtit{ margin-bottom:50px;}
.abtit h3{ color:#fff; margin-top:20px;}
.ablist{ padding:0 20px; text-align:center;}
.ablist p{ line-height:28px; color:#f0f0f0;  font-weight:normal; font-size:13px; text-align:left;}
.ablist a{ display:inline-block; padding:0 15px; height:28px; line-height:28px; border:1px solid #bf1e2e; border-radius:14px; color:#fff;}

.foot{ height:120px;}
.foot .wrapper{ height:120px; background-color:#2a2929;}
.folet{ float:left; padding-left:13px; width:850px;}
.fotnav{ padding-top:22px; margin-bottom:14px; overflow:hidden;}
.fotnav ul li{ float:left; color:#bcbcbc; margin:0 2px;}
.fotnav ul li a{color:#bcbcbc;}
.folet p{ color:#8c8b8b;}
.folis{ overflow:hidden; line-height:30px; color:#fff;}
.folis span{ width:4px; height:4px; border-radius:2px; margin:0 5px; background-color:#fff; display:inline-block; vertical-align:middle;}
.fotrig { overflow:hidden; padding-right:15px; width:300px; float:right;}
.fotlog{ text-align:right; padding-top:22px; margin-bottom:5px;}
.fotlog img{ width:210px;}
.folis{ text-align:right; font-size:12px;}


/****/
.banner2{ height:145px; padding-top:10px; overflow:hidden;}
.banner2 img{ width:1200px; height:145px;}

.abtabnav{ overflow:hidden; margin:25px 0 50px;}
.abtabnav ul li{ height:33px; line-height:33px; float:left; border-bottom:1px solid #fff; font-size:16px; color:#333; margin-right:45px;}
.abtabnav ul li a{ color:#333; font-weight:bold;}
.abtabnav ul li:hover,.abtabnav ul li.on{ border-bottom:1px solid #bf1e2e;}
.abtext{ padding-bottom:30px;}
.abtext img{ max-width:100%;}

/***/
.bnew{ margin:60px 0;}
.bnew ul li{ padding:15px; border:1px dashed #565656; border-radius:5px; overflow:hidden; height:165px; margin-bottom:30px;}
.bno{ float:left; width:850px;}
.bno h3{ font-weight:normal; font-size:16px; white-space:nowrap; text-overflow :ellipsis; overflow:hidden; line-height:30px; margin-bottom:15px; color:#333;}
.bno p{ display:-webkit-box!important; overflow: hidden!important; -webkit-line-clamp: 4; -webkit-box-orient: vertical; height:96px;}
.bnew ul li img{ width:295px; height:165px; float:right;}
.page{ height:30px; text-align:right; overflow:hidden;}
.page a,.page2 a{display:inline-block; width:30px; height:30px; text-align:center; line-height:30px; color:#fff; font-size:18px;  margin-left:5px; background-color:#7b7979;}
.page a:hover,.page a.current,.page2 a:hover,.page2 a.current{ background-color:#231f20;}
/*.page a{ display:inline-block; padding:0 15px; height:28px; line-height:28px; border:1px solid #ccc; background:#f5f5f5; border-radius:5px; margin:0 2px;}
.page a:hover,.page a.current{ border:1px solid #eee; background-color:#eee; color:#333;}*/

/*PRODUCT**/
.prol{ overflow:hidden; margin:35px 0 20px;}
.prol ul li.oli{ float:left; margin-right:45px; font-weight:bold;}
.prol2 ul li.oli{ float:none;}
.prol ul li.oli>a{ display:inline-block; line-height:33px; font-size:16px; color:#333; border-bottom:1px solid #fff;}
.prol>ul>li.on>a,.prol ul li.oli:hover>a{ border-bottom:1px solid #bf1e2e;}
.prods{ padding:10px 0; overflow:hidden;}
.prods>ul>li{ float:left; list-style:inside disc; font-size:14px; white-space:nowrap; text-overflow :ellipsis; padding-right:30px;}
.prods>ul>li>a{ font-weight:bold; }
.prods>ul>li>a:hover,.prods>ul>li.on>a{ color:#000;} 
.prsde{ width:100%; overflow:hidden;}
.prsde ul li{ height:25px; line-height:25px; padding-left:12px;}
.prsde ul li a{ color:#666;}
.prsde ul li a:hover,.prsde ul li.on a{ color:#333;}
.plis{ overflow:hidden; min-height:500px;}
.plis ul li{ float:left; width:355px; height:240px; border-radius:3px; overflow:hidden; position:relative; margin-right:67px; margin-bottom:50px;}
.plis ul li img{width:355px; height:240px;}
.plov{width:335px; height:120px; padding:100px 10px 20px; position:absolute; top:0; left:0; background:rgba(0, 0, 0, 0.45)!important; filter:Alpha(opacity=45); background:#000; text-align:center; vertical-align:middle; color:#fff; font-size:16px;}
.plis ul li:hover .plov{ display:none;}
.plis ul{ overflow:hidden;}
.plis{ padding-bottom:50px;}

/***/
.dat_pl{ margin-top:20px; padding-bottom:30px; }
.dat_pl h1{ font-size:30px; color:#000; font-weight:normal; margin-bottom:10px;}
.datimg{ overflow:hidden;}
.datshow{ height:580px; width:1050px; float:left; overflow:hidden; position:relative;}
.datshow img{height:580px; width:1050px;}
.datshow span{position:absolute; left:50%; text-align:center; display:inline-block; height:30px; line-height:30px; color:#fff; font-size:14px; background:rgba(0, 0, 0, 0.6)!important; filter:Alpha(opacity=60); background:#000; top:50%; padding:0 20px; margin-left:-55px; margin-top:-15px; display:none;}
.dat_info{ margin-top:15px;}
.dat_info p{ line-height:30px; font-size:16px; color:#333;}
.page2{ text-align:right; padding-top:550px;}
.datshow ul li{ display:none;}
.datshow ul li.on{ display:block;}


.cap_info,.cap_list{ overflow:hidden; margin-bottom:20px;}
.cap_list ul li{ float:left; height:34px; line-height:34px; padding:0 15px; min-width:265px; background-color:#e9e8e8; margin-bottom:5px; margin-right:5px; font-size:16px;}
.cap_list ul li a{ display:block; color:#333;}
.cap_list ul li:hover,.cap_list ul li.on{ background-color:#7b7979;}
.cap_list ul li:hover a,.cap_list ul li.on a{ color:#fff;}

.capcla{ overflow:hidden; margin-bottom:30px;}
.capcla h3{ font-size:16px; color:#bf1e2e; line-height:30px; margin-bottom:15px;}
.captxt{ overflow:hidden; padding:0 50px;}
.captxt img{ max-width:100%;}

.jectlist{ overflow:hidden; margin:30px 0;}
.jectlist ul li{ float:left; font-size:16px; margin-right:65px; font-weight:bold;}
.jectlist ul li a{ color:#333; display:inline-block; height:30px; line-height:30px; border-bottom:1px solid #fff;}
.jectlist ul li a:hover,.jectlist ul li.on a{ border-bottom:1px solid #bf1e2e;}

.contac{ overflow:hidden; margin-top:30px; padding-bottom:30px;}
.conlef{ float:left; width:600px;}
.conlef>h1,.conrig>h1{ font-size:18px; color:#333; margin-bottom:20px;}
.addp{ margin-bottom:20px;}
.conrig{ float:right; width:600px;}
.coform{ width:550px; float:right; overflow:hidden;}
.coform ul li{ overflow:hidden; margin-bottom:20px;}
.coform ul li input[type='text']{ width:270px; box-sizing:border-box; border:1px solid #e5e5e5; height:37px; line-height:35px; border-radius:3px; padding:0 5px;}
.coform ul li textarea{ display:block; width:100%; box-sizing:border-box; border:1px solid #e5e5e5; border-radius:3px; height:180px; outline:none; padding:5px; font-family:Arial;}
.coform ul li a{margin-top:10px; font-size:14px; color:#fff; display:inline-block; width:140px; height:30px; border-radius:15px; background-color:#bf1e2e; text-align:center; line-height:30px;}

.detail{margin:30px 0;}
.detail>h3{ text-align:center; line-height:30px; font-size:16px; color:#333; margin-bottom:20px;}
.detxt{ min-height:500px;}
.p_page{ margin-top:15px;}
.p_page span{ display:block; color:#000;}
.p_page span a{ color:#333;}
.p_page span a:hover{ color:#000; text-decoration:underline;}

.rect{ margin-top:25px; min-height:500px; overflow:hidden;}
.rect ul li{ line-height:30px; overflow:hidden; border-bottom:1px dashed #eee; font-size:14px;}
.rect ul li a.left{ display:block; white-space:nowrap; text-overflow :ellipsis; overflow:hidden; max-width:1000px;}
.rect ul li a{ color:#333;}

.lingyi{ position:absolute; top:-40px; right:30px; z-index:999; width:35px;height:35px; border-radius:5px; overflow:hidden;}
.lingyi img{ width:100%; height:100%;}