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

/* 搜索框search */
.search{width: 1001px; margin: 18px auto; background: #dfdfdf;}

.search .title{width: 100%; height: auto;border-radius: 5px 5px 0 0; color: #ffffff; font-size: 16px; line-height: 42px;
 FILTER: progid:DXImageTransform.Microsoft.Gradient(gradientType=1,startColorStr=#0098DB,endColorStr=#0BB6FF); /*IE 6 7 8*/
    background: -ms-linear-gradient(right,#0BB6FF,#0098DB);/* IE 10 */
    background:-moz-linear-gradient(right,#0BB6FF,#0098DB);/*火狐*/
    background:-webkit-gradient(linear, 0% 100%, 0% 0%,from(#0098DB), to(#0BB6FF));/*谷歌*/
    background: -webkit-gradient(linear, 0% 100%, 0% 0%, from(#0098DB), to(#0BB6FF));/* Safari 4-5, Chrome 1-9*/
    background: -webkit-linear-gradient(right,#0BB6FF,#0098DB);/*Safari5.1 Chrome 10+*/
    background: -o-linear-gradient(right,#0BB6FF,#0098DB);/*Opera 11.10+*/
}
.search .title a{display: block; float: left; background: url("img/icon.png") no-repeat left -122px; color: #ffffff; padding-left: 33px; margin-left: 15px; font-weight: bolder;}
.search .title span{display: block; float: left; margin-left: 52px;}

.search .s_content{font-size: 15px; color: #666666; padding: 28px 0; }
.search .s_content .s_type{float: left;margin-left: 45px;}
.search .s_content .s_type span{display: block; float: left; line-height: 30px;}
.search .s_content .s_type dl{float: left; height: 30px; margin-left: 12px; position:relative;}
.search .s_content .s_type dl .sel{ display: block; width: 202px; height: 30px; line-height: 30px; padding-left: 10px; background: #FFFFFF url("img/icon.png") no-repeat 185px -185px;}
.search .s_content .s_type dl .op{display: none; background: #ffffff; width: 212px;  border-top: 1px #dfdfdf solid; line-height:30px; position:absolute; top:30px; left:0px; }
.search .s_content .s_type dl .op em{display: block; padding-left: 10px; }
.search .s_content .s_type dl .op em:hover{color: #308e38;}
.search .s_content .s_type dl .op .hover{color: #308e38;}

.search .s_content .s_key{float: left; margin-left: 30px;}
.search .s_content .s_key input{ margin-left: 13px; width: 202px; height: 30px; font-size: 14px; color: #666666; border: none; background: #ffffff url("img/icon.png") no-repeat 185px -185px; padding-left: 10px; line-height: 30px; }

.search .s_content .s_btn{float: left; margin-left: 17px;}
.search .s_content .s_btn{float: left; margin-left: 17px;}
.search .s_content .s_btn input{width: 92px; height: 30px; font-size: 14px; color: #FFFFFF; border: none; background: #f29f29 url("img/icon.png") no-repeat 18px -158px; padding-left: 23px; cursor: pointer;}

/* 产品中心product */
.product{width: 1001px; height: auto; margin: 0 auto;}
.product .title{width: 100%; height: auto; border-bottom: 1px #cccccc solid;}
.product .title span{display: block; float: left; font-size: 18px; font-weight: bold; color: #0098DB; line-height: 46px;}
.product .title em{display: block; float: left; font-size: 16px; font-weight: bolder; font-style: italic; color: #BBBBBB; line-height: 46px;}
.product .title a{display: block; float: right; font-size: 12px; color: #666666; line-height: 46px; background: url("img/icon.png") no-repeat 31px -206px; padding-right: 17px;}
.product .title a:hover{color: #308e38;}

.pro_con{width: 100%; margin: 22px 0;}
.pro_con .hidden{float: left; width: 935px; overflow: hidden;}
.pro_con ul{float: left; width: 935px; overflow: hidden;}
.pro_con ul li{display: block; width: 171px; height: 181px; float: left; background: #dfdfdf; margin: 0 8px 0 8px;}
.pro_con ul li img{padding: 2px; width: 167px; height: 124px;}
.pro_con ul li p{font-size: 10px; line-height: 12px; color: #747474; width: 156px; margin: 0 auto; text-align: left;}
.pro_con ul li:hover{ background: #0098DB;}
.pro_con ul li:hover p{color: #FFFFFF;}

.pro_con .prev{display: block; width: 32px; height: 181px; float: left; background: url("img/index_pro_l.png") no-repeat; cursor: pointer;}
.pro_con .next{display: block; width: 32px; height: 181px;  float: right; background: url("img/index_pro_r.png") no-repeat; cursor: pointer;}

/* 新闻中心news */
.news{width: 1001px; margin: 0 auto; border: 6px #e1e1e1 solid;}

.news_company{width: 409px; float: left; margin: 0 0 0 34px;}
.news_company .title{width: 100%; height: auto; border-bottom: 1px #cccccc solid;}
.news_company .title span{display: block; float: left; font-size: 18px; font-weight: bold; color: #0098DB; line-height: 46px;}
.news_company .title em{display: block; float: left; font-size: 16px; font-weight: bolder; font-style: italic; color: #BBBBBB; line-height: 46px;}
.news_company .title a{display: block; float: right; font-size: 12px; color: #666666; line-height: 46px; background: url("img/icon.png") no-repeat 31px -206px; padding-right: 17px;}
.news_company .title a:hover{color: #308e38;}
/* 分割图fenge */
.fenge{width: 12px; height: 315px; background: url("img/fenge.png") no-repeat left center; margin: 16px 0 27px 42px; float: left;}

.news_industry{width: 409px; float: right; margin: 0 44px 0 0;}
.news_industry .title{width: 100%; height: auto; border-bottom: 1px #cccccc solid;}
.news_industry .title span{display: block; float: left; font-size: 18px; font-weight: bold; color: #0098DB; line-height: 46px;}
.news_industry .title em{display: block; float: left; font-size: 16px; font-weight: bolder; font-style: italic; color: #BBBBBB; line-height: 46px;}
.news_industry .title a{display: block; float: right; font-size: 12px; color: #666666; line-height: 46px; background: url("img/icon.png") no-repeat 31px -206px; padding-right: 17px;}
.news_industry .title a:hover{color: #308e38;}

.news_con{width: 100%;}
.top_news{width: 100%; border-bottom: 1px #d0cece dashed; padding: 16px 0 27px 0;}
.top_news .news_img{display: block; float: left;}
.top_news img{display: block; float: left; width: 101px; height: 65px;}
.top_news .news_tc{display: block; float: right; width: 295px;}
.top_news a span{display: block; font-size: 16px; color: #0098DB; line-height: 30px;}
.top_news a p{display: block; font-size: 14px; color: #666666; line-height: 18px;}
.top_news a p:hover{color: #0098DB;}
.news_con ul{margin-bottom: 37px;}
.news_con ul li{*position: relative; width: 396px;clear: both; height: auto; border-bottom: 1px #d0cece dashed; background: url("img/icon.png") no-repeat left -254px; padding-left: 13px; line-height: 2.5;}
.news_con ul li a:hover b,.news_con ul li a:hover span{color: #0098DB;}
.news_con ul li a{display: flex; align-items: center; justify-content: space-between;}
.news_con ul li b{ color: #747474; max-width: 70%;}
.news_con ul li span{float: right; color: #747474; *position: absolute; right: 0; top: 0;}


/* 友情链接link */
.link{width: 1001px; margin: 0 auto;}
.link .title{width: 100%; height: auto; border-bottom: 1px #cccccc solid;}
.link .title span{display: block; float: left; font-size: 18px; font-weight: bold; color: #0098DB; line-height: 46px;}
.link .title em{display: block; float: left; font-size: 16px; font-weight: bolder; font-style: italic; color: #BBBBBB; line-height: 46px;}

.link_img{width: 100%; margin: 31px 0;}
.link_img .hidden{float: left; width: 934px; overflow: hidden;}
.link_img ul{float: left; width: 934px; overflow: hidden;}
.link_img ul li{display: block; width: 140px; height: 65px; float: left; background: #cccccc; margin: 0 4px 0 11px;}
.link_img ul li img{padding: 1px; width: 138px; height: 63px;}
.link_img ul li:hover{ background: #0098DB;}

.link_img .prev{display: block; width: 32px; height: 65px; float: left; background: url("img/link_l.png") no-repeat; cursor: pointer;}
.link_img .next{display: block; width: 32px; height: 65px;  float: right; background: url("img/link_r.png") no-repeat; cursor: pointer;}