@charset "utf-8";

body{ background: #fff; font-family:"微软雅黑"; font-size:12px; line-height:24px; color: #6e6e6e; min-width: 1100px;}
a{color:#6e6e6e; text-decoration:none;}
a:hover{color:#118dc9; text-decoration:none;}

.fl{ float: left;}
.fr{ float: right;}
.cr{ clear: both;}

.w1100{width: 1100px; margin: 0 auto;}

/*===========top================*/
#top{height: 90px; width: 100%; }
#top .main{position: relative; height: 90px;}

#top a.logo{ margin: 20px 0 0 0; display: block;}

#top .tab{color: #939393; display: block; height: 24px; margin-top: 12px;}
#top .tab a{color: #939393;}

#top .phone{height: 34px; line-height: 34px; display: block; margin-top: 6px; padding-left: 46px; background: url(../images/top-phone.png) left center no-repeat; color: #201f1f; font-size: 22px; font-weight: bold;}

/*=======================nav========================*/
#nav{ height: 46px; width: 100%; background: #118dc9;}
#nav .main{ height: 46px; /*border-radius: 10px;*/}
#nav li{height:46px; float: left; position: relative; width: 120px; padding: 0 20px; background: url(../images/nav-li.png) left center no-repeat;}
#nav li a{font-size: 14px; text-align: center; width: 120px; height: 46px; line-height: 46px; overflow: hidden; display: block; color:#fff; }
#nav li:hover a,#nav li a:hover,#nav li.over a{ color: #ff9822;}
#nav li:first-child{background: none; margin-left: 70px;}


/*===========banner===========*/
#banner{margin: 0 auto; width: 100%; height: 380px; background: url(../images/banner-bg.png) center repeat-x; overflow: hidden; position: relative; margin-top: 1px;}

#banner .bd{ position: relative; width:100% !important; height: 370px; padding: 5px 0; z-index: 2;}
#banner .bd ul{width: 100% !important;}
#banner .bd li{overflow: hidden; width: 100% !important; height: 370px;}
#banner .bd img{ width: 1920px; position: absolute; left: 50%; margin-left: -960px; height: 370px;}

/*=========================index=======================*/
#index{width: 100%; overflow: hidden; margin-top: 25px;}

.index-tit{ height: 32px; text-align: left; border-bottom: 1px solid #e5e5e5; position: relative;}
.index-tit a.tit-a{ display: block; color: #118dc9; line-height: 32px; font-size: 14px; height: 33px; position: absolute; bottom: -1px;}
.index-tit a.tit-a span{display: inline-block; font-size: 16px; color: #201f1f; height: 31px; border-bottom: 2px solid #118dc9; padding: 0 2px; width: 66px; margin-right: 8px;}
.index-tit a.more{display: block; width: 12px; height: 32px; background: url(../images/more.png) left center no-repeat;}
.index-tit a.more:hover{background-position: right center;}

.index-tit .menu{color: #6f6e6e;}
.index-tit .menu a{color: #6f6e6e;}

/*=================indexfl==================*/
#indexfl{width: 210px;}
#indexfl .tit{background: #118dc9; height: 62px; border-radius: 10px;}
#indexfl .tit a{padding:10px 0 0 32px; color: #fff; display: block; line-height: 18px;}
#indexfl .tit a span{font-size: 18px; font-weight: bold; display: block; line-height: 20px;}

#indexfl .cont{background: url(../images/fl-cont.png) left bottom repeat-x; border-radius: 10px; padding-bottom: 30px;}
#indexfl .cont .cont-tit{ height: 40px; border-bottom: 3px solid #ebebeb;}
#indexfl .cont .cont-tit a{color: #118dc9;display: block; padding-left: 20px; font-size: 14px;}
#indexfl .cont .cont-tit a span{color: #201f1f;display: inline-block; font-size: 16px; margin-right: 10px;}

#indexfl .cont .con{padding: 12px; color: #201f1f;}

#indexfl .cont .share{margin-left: 14px;}
#indexfl .cont .share span{float: left; display: inline-block; line-height: 32px; margin-right: 10px; height: 32px; color: #000;}
#indexfl .cont .share a{background: url(../images/fl-share.png) left top no-repeat;}
#indexfl .cont .share a.bds_tsina{background-position: right top;}


/*====================indexfr=============*/
#indexfr{width: 855px;}


/*===============about======================*/
#about{ width: 855px; }
#about .con{margin-top: 24px; height: 166px; overflow: hidden;}

/*==============news========================*/
#news{width: 440px; margin-top: 35px;}
#news .con{margin-top: 16px; height: 140px; overflow: hidden;}

/*==============btn========================*/
#btn{width: 348px; margin-top: 35px;}
#btn a{ display: block; width: 266px; height: 48px; margin-bottom: 14px; border: 1px solid #e5e5e5; padding-left: ; padding: 16px 40px; color: #8c8c8c; font-size: 14px;}
#btn a span{display: block; color: #201f1f; font-size: 16px; font-weight: bold;}

#btn a.btn-case{background: url(../images/btn-case.png) 265px top no-repeat;}
#btn a.btn-cont{background: url(../images/btn-cont.png) 265px top no-repeat;}

#btn a:hover span{color: #118dc9;}
#btn a.btn-case:hover,#btn a.btn-cont:hover{background-position: 265px bottom;}

/*==========================pro========================*/
#pro{width: 100%; position: relative; margin-top: 35px;}
#pro .con{width: 100%; position: relative; height: 214px; margin-top: 24px;}

#pro .bd{width: 855px; height: 214px; overflow: hidden;}
#pro .bd li{width: 202px; height: 214px; background: #fff; float: left; margin-right: 15px;}
#pro .bd li a{display: block; width: 202px; height: 214px; position: relative; overflow: hidden; color: #333;}
#pro .bd li img{width: 202px; height: 190px; display: block;}

#pro .bd li span{ display: block; height: 24px; width: 100%; text-align: center; }
#pro .bd li a:hover{color: #118dc9;}


/*==================foot=================*/

#foot{ width: 100%; height:100px; line-height: 50px; text-align: center; color: #fff; margin-top: 30px;  background: #118dc9;}
#foot .main{height: 50px; /*border-radius: 10px;*/}
#foot a{color: #fff;}

/*	内页 */
/*====================confr=============*/
#confr{width: 855px;}

#confr .con{margin-top: 24px;}

ul.pro{width: 900px;}
ul.pro li{width: 202px; height: 214px; background: #fff; float: left; margin:0 15px 10px 0;}
ul.pro li a{display: block; width: 202px; height: 214px; position: relative; overflow: hidden; color: #333;}
ul.pro li img{width: 202px; height: 190px; display: block;}

ul.pro li span{ display: block; height: 24px; width: 100%; text-align: center; }
ul.pro li a:hover{color: #118dc9;}

ul.news{width: 100%; margin-bottom: 20px;}

ul.news li{width: 100%; height: 32px; background: url(../images/news-li.png) left bottom repeat-x; line-height: 32px; margin-bottom: 3px;}
ul.news li a{display: block; color: #333131; background: url(../images/news-a.png) 3px center no-repeat; padding-left: 15px;}
ul.news li a:hover{color: #118dc9;}


/*===========分页==================*/
div.pager{ text-align:center; color: #666; clear: both; padding: 20px 0; height:24px; line-height: 24px; }
div.pager span{margin: 0 5px; overflow: hidden; display: inline-block;}
div.pager a{display: inline-block; color: #666; }


div.pagerPn{ text-align:left; border-top: 1px dotted #333; margin-top: 20px; clear: both; padding: 20px 0 0; line-height: 24px;  height:24px;}

/*==============producttype======================*/

.producttype{width: 210px; text-align: left; margin: -10px 0 20px; position: relative; z-index: 5;}

.producttype1,.producttype1sel{ height: 50px; line-height: 50px; overflow: hidden;  background: url(../images/type-li.png) left center repeat-x; border-radius: 5px;}
.producttype1 a,.producttype1sel a{ display:block; height: 50px; overflow: hidden; color: #000; padding-left: 18px; background: url(../images/type-li1.png) 174px top no-repeat;}
.producttype1sel a,.producttype1 a:hover{background-position: 174px bottom; color: #118dc9;}

.producttype2,.producttype2sel{ display: none; height: 30px; line-height: 30px; overflow: hidden; }
.producttype2 a,.producttype2sel a{ display:block; height: 30px; overflow: hidden; color: #000; padding-left: 18px; }
.producttype2sel a,.producttype2 a:hover{color: #118dc9;}