/*	重置,from 960 css
--------------------------------------------*/
html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,font,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td{margin:0;padding:0;border:0;outline:0;font-size:100%;vertical-align:baseline;}
body{line-height:1.4em;}
ol,ul{list-style:none;}
blockquote,q{quotes:none;}
blockquote:before,blockquote:after,q:before,q:after{content:'';content:none;}

/* remember to define focus styles! */
:focus{outline:0;}

/* tables still need 'cellspacing="0"' in the markup */
table{border-collapse:collapse;border-spacing:0;}
hr{border:0 #ccc solid;border-top-width:1px;clear:both;height:0;}

/*	字体
---------------------------------------*/
body{font:14px/1.75 '微软雅黑', SourceHanSansCN-Regular, '宋体',sans-serif;}
a{color:#000;text-decoration:none!important;}
a:hover{text-decoration:underline}
a:focus{outline:1px dotted;}

/*	布局
---------------------------------------*/
.fl{float:left;}
.fr{float:right;}
.fc{margin:0px auto;}

/*	表单
---------------------------------------*/

/*	边距
---------------------------------------*/
.pt10{padding-top:10px;}
.pt15{padding-top:15px;}
.mt10{margin-top:10px;}
.mt15{margin-top:15px;}

/*	其它
---------------------------------------*/
.clf:before,.clf:after,.clear:before,.clear:after{content:"";display:table;}
.clf:after,.clear:after{clear:both;}
.clf,.clear{*zoom:1;/*IE/7/6*/}

/*	广告
---------------------------------------*/
.iab{display:inline-block;margin-left:auto;margin-right:auto;padding:5px 0;clear:both;}
.iab234{width:234px;}
.iab250{width:250px;overflow:hidden;}
.iab300{width:300px;}
.iab460{width:460px;}
.iab468{width:468px;}
.iab680{width:680px;}
.iab760{width:760px;}
.iab950{width:950px;clear:both;}
.iab960{width:960px;clear:both;}
.iab1200{width:1200;clear:both;}
.iabh60{height:60px;}
.iabh80{height:80px;}
.iabh90{height:90px;}
.comm_width{width:1200px;margin:auto;display:block;}

/*topnav*/
.header { height: 460px; position: relative;}
.idx-header { height: 600px; }
#top_nav {height: 90px;position:relative; z-index: 2;}
.logo { width: 200px; height: 57px; padding-top: 33px; display: inline-block; float: left; background: url(../img/logo.png) no-repeat left center; }
.nav {display: inline-block; width: 636px; height: 65px; float: right; padding: 25px 0 0;}
.nav li {display:block; padding: 0px; float: left;}
.nav li a{display: inline-block; width: 90px;padding: 0 5px; color: #fff; font-size: 16px; line-height: 40px; text-align: center;}
.nav li a.active, .nav li a:hover{background: #f46715;}
.top_tel{display: inline-block; font-size: 22px; color: #fff; line-height: 28px; margin-top: 17px; float: right;}
.top_tel .icon{ display: inline-block; width: 60px; height: 56px; float: left; margin-right: 20px; font-weight: bold; background: url(../img/tel-ico.png) no-repeat left center; border-right: 1px solid rgba(255,255,255,0.3);}

.banner { width: 100%; height: 460px; background: #0e2557; position: absolute; top: 0; z-index: 1;}
#about_body .banner {background: url(../img/about_banner.jpg) no-repeat top center;}
#product_body .banner {background: url(../img/prod-banner.jpg) no-repeat top center;}
#news_body .banner {background: url(../img/news-banner.jpg) no-repeat top center;}
#contact_body .banner {background: url(../img/contract_banner.jpg) no-repeat top center;}
#search_body .banner {background: url(../img/search_banner.jpg) no-repeat top center;}

#main {position: relative; }
#search_bar{width: 1200px; padding: 30px 0px 0; height: 113px; margin-top: -50px; background: url(../img/searchbg.png) no-repeat center top; background-size: 1200px;  position:absolute; z-index: 3;}
.search_keywords {display: inline-block; float:left; padding-left: 60px;}
.search_keywords dt, .search_keywords dd{display: inline-block; line-height: 36px;}
.search_keywords dt{color: #666; font-weight: bold;}
.search_keywords a {display: inline-block; padding: 0 10px; color: #666;}
#search_form{display: inline-block; float:right; padding-right: 60px;}
#search_form input, #search_form #smt_btn{display: block; height: 36px; line-height: 36px; border: 1px solid #ccc; padding: 0; margin: 0; box-sizing: border-box; padding: 0 5px; float: left;}
#search_form input{ width: 285px; border-right: 0;}
#search_form #smt_btn{ width: 75px; text-align: center;background: #036eb7; color: #fff; border: 0;}

.sidebar{ display: block; width: 280px; float: left;  }
.sidebar .side_nav {display: block;}
.sidebar .side_nav dt{display: block; height: 90px; background:url(../img/sidebar_tit_bg.png) no-repeat left top; background-size: contain; 
    color: #fff; font-size: 28px; padding: 22px 0 0 30px; }
.sidebar .side_nav dt span{ font-size: 14px;display: block; font-family: "arial black";letter-spacing: 14px;line-height: 12px}
.sidebar .side_nav dd{ background: #036eb7; border-bottom: 1px solid #045d9a;}
.sidebar .side_nav dd a {display: block; line-height: 59px; font-size: 16px; color: #fff;  padding-left: 30px;} 
.sidebar .side_nav dd.active a { background: #f46715;}
.sidebar .side_nav dd a:hover {background: #f46715;} 

.main_container{width: 876px; float: right; padding-bottom: 60px; }
.products {width: 876px; overflow: hidden; }
.products ul{display: block; width: 970px;}
.products ul li { display: block; width: 204;height: 300; padding: 0 20px 20px 0; float: left;}
.products ul li a{ display: block; width: 172px; height: 267px; padding: 15px; border: 1px solid #eee; background: #fff; line-height: 24px; overflow: hidden; text-align: center; }
.products ul li a:hover{border-color: #036eb7;}
.products ul li a img{display: block; width: 172px; height: 172px; margin-bottom: 15px;}






.page_bar {display: block; clear: both; padding: 10px; text-align: center;}
.page_bar a { display: inline-block; height: 28px; line-height: 28px; background: #036eb7 ; color: #fff; padding-left:10px; padding-right:10px; margin: 10px 4px; border-radius: 3px; }
/* .page_bar a.big {width: 56px;} */
.page_bar a.active, .page_bar a:hover { background: #f46715;}



.footer { background: #052043; clear:both; padding-top: 60px; color:rgba(255,255,255,0.5)}
.footer a {color: rgba(225,225,225, 0.7);}
.footer dl {display: inline-block; width: 370px; height: 184px; vertical-align: top; border-right: 2px solid rgba(225,225,225, 0.2); margin-right: 25px;}
.footer dl:last-child {border-right:none;}
.footer dl dt {color: #fff; font-size: 18px; line-height: 30px; padding-bottom: 20px;}
.footer dl.product_categories { width: 330px;padding-left: 40px;}
.footer dl.product_categories dd { display: inline-block; width: 49%;height: 26px; line-height: 32px;}
.footer dl.focus_us { text-align: center;}
.footer dl.focus_us img { display: inline-block; width: 106px; height: 106px; padding: 10px; background: #fff; border-radius: 10px;}
.footer .copyright{ border-top: 1px solid #023578;padding: 20px; text-align: center; font-size: 12px; margin-top: 60px;}
body{
    background-color: #f5f5f5;
    background-position: center center;
    background-repeat: repeat;
    background-image: url(../img/bg-1.jpg);
    background-attachment: fixed;
}
#about_body{
    background: url(../img/bg-2.jpg);
}
#product_body{
    background: url(../img/bg-3.jpg);
    background-size: 100% 100%
}
.content{
    /* background: #fff; */
}
.customer_service_icon { 
    display: block; width: 43px; height: 40px; background: url(../img/customer_service_icon.png) no-repeat center top;
    position: fixed; right: 0; top: 30%;
    z-index: 99; cursor: pointer;
    color: #fff; text-align: center; padding: 50px 0 0 10px;
}
.customer_service { 
    display: block; width: 180px; height: 300px; background: url(../img/customer_service_bg.png) no-repeat center top;
    position: fixed; right: 0; top: 30%;
    z-index: 99; 
    color: #fff; text-align: center; padding: 0px 0 0 8px;
}
.customer_service h3 { display: block; width: 40px; float: left; padding-left: 10px; padding-top: 130px; line-height: 20px }
.customer_service div { float: right; width: 100px; padding: 80px 8px 0 0;}
.customer_service div a { float: right; width: 80px;  border-radius: 3px; color: #fff; 
    background: #1298fa url(../img/qq_icon.png) no-repeat 8px center; margin-bottom: 8px;
    font-size: 12px; text-align: left; padding-left: 30px;
}
.customer_service div a:hover {background-color: #f46715;}
.customer_service div .weixin img {display: block; height: 90px; width: 90px;}

/* index */
#main_body {display: block; padding-top: 100px; }
.no_search_bar #main_body{padding-top: 80px;}
#main_body .title{text-align: center; font-size: 30px; color: #333; line-height:29px ; padding-bottom: 20px;}
#main_body .title span{display: block;font-size: 12px; color: #999; padding-bottom: 8px; }
#main_body .title span:after{content: ""; background: #036eb7; display: block; margin: 5px auto; height: 3px; width: 28px;}
/* index sidebar */
#idx_side_category {width: 220px; }
#idx_side_category .side_nav dt{display: block; height: 78px; background:url(../img/sidebar_tit_bg.png) no-repeat left top; background-size: contain; 
    color: #fff; font-size: 28px; padding: 10px 0 0 30px; }
#idx_side_category .side_nav ddx{ border: 0;}
/* index product */
#idx_product_list{width: 948px; padding-bottom: 0; }
#idx_product_list .products {width: 948px }
#idx_product_list .products ul li { width: 222;height: 300; padding: 0 20px 20px 0; }
#idx_product_list .products ul li a{width: 190px; height: 267px; padding: 15px; }
#idx_product_list .products ul li a img{width: 190px; height: 190px; margin-bottom: 15px;}

.idx_side_contacts{display: block; margin-top: 30px; background: #ffffff; padding-bottom: 30px; border-radius: 10px; color:#666;}
.idx_side_contacts dt{display: block; height: 68px; margin-bottom: 10px; line-height: 68px; font-size: 18px; color: #fff; padding-left: 70px; background:   #036eb7 url(../img/tel-ico.png) no-repeat 10px center;}
.idx_side_contacts dd{ display: block; line-height: 22px; padding: 10px 10px;}

.idx_about_us {display: block; background: #fff; margin-top: 40px;}
.idx_about_us .comm_width{ width: 1080px; padding-left: 60px; padding-right: 60px; background: url(../img/idx_about_bg.png) no-repeat center -5px; text-align: center; padding-bottom: 90px; position: relative; }
.idx_about_us .comm_width h2{ display: block; height: 60px; padding-top: 10px; color: #fff; font-size: 34px;}
.idx_about_us .comm_width h2 span{ font-size: 20px; line-height: 22px; margin-right: 10px;}
.idx_about_us .comm_width h3 { display: block; width: 250px; margin: 0px auto; border-top: 1px solid rgba(255,255,255,0.3); padding-bottom: 40px;; line-height: 30px; font-weight: normal; color: #fff;}
.idx_about_us .comm_width .image { display: block; float: left; width: 500px;height: 318px; }
.idx_about_us .comm_width .title { display: block; width: 26px; height: 175px; padding: 15px 27px; left: 20px; top: 200px; line-height: 30px;color: #fff; background: url(../img/idx_about_title_bg.png) no-repeat center top; position:absolute; font-size: 26px; z-index: 6;}
.idx_about_us .comm_width .about { display: block; float: right; width: 520px;height: 318px; text-align-last: left; line-height: 220%; color: #666; z-index: 99; position: relative; padding-top: 30px; text-indent: 30px;}
.idx_about_us .comm_width .about::before {content: "ABOUT US"; font-size: 64px; display: block; width: 80px; line-height: 60px; font-weight: bold; color: #eee; z-index: -1; position: absolute; top:0 ; text-indent: 0; }
.idx_about_us .comm_width .about .more { display: block; padding: 4px 30px; width: 72px; background: #036eb7; color: #fff; margin-top: 20px; float: none; clear: both; text-indent: 0;}
.idx_about_us .comm_width .about .more:hover {background: #f46715;}

.idx_news {height: 425px; padding: 50px 0; overflow: hidden;}
.idx_news .news_container {width: 720px; float: left; position: relative;}
.idx_news .news_container dt {display: block; width: 360px; height: 60px; line-height: 60px; font-size: 18px; background: #036eb7; color: #fff; text-align: center;
    position:absolute; top: 0;
}
.idx_news .news_container dl:last-child dt{right: 0;}
.idx_news .news_container .active dt { background: #f46715;}
.idx_news .news_container dl { display: block; visibility: hidden; width: 100%; height: 0;background: #fff;  padding-top: 0px;}
.idx_news .news_container dl dt { display: block; visibility: visible;}
.idx_news .news_container dl dt a { display: block; width: 100%; line-height: 60px; color: #fff; }
.idx_news .news_container dl.active { display: block; visibility: visible; height: 345px; padding-top: 80px;}
.idx_news .news_container dl dd { display: block; font-size: 18px; border-bottom: 1px dotted #c6c6c6; }
.idx_news .news_container dl dd a { display: block; color:#333; line-height: 68px; padding-left: 20px; padding-right: 100px;overflow: hidden; white-space:nowrap; text-overflow:ellipsis; }
.idx_news .news_container dl dd a:hover{background: #efefef;}
.idx_news .news_container dl dd a span { color:#999; font-size: 12px; position: absolute; right: 20px;}

.idx_news .idx_side_contacts{width: 440px; float: right; margin-top: 0; height: 395px; overflow: hidden; border-radius: 0 0 10px 10px;}
.idx_news .idx_side_contacts dt { height: 60px; line-height: 60px; margin-bottom: 30px;}
.idx_news .idx_side_contacts dd { padding-left: 74px; line-height: 40px; background: url(../img/icon_address.png) no-repeat 36px center; background-size: 26px;}
.idx_news .idx_side_contacts dd.icon_company { background-image: url(../img/ico_company.png);}
.idx_news .idx_side_contacts dd.icon_tel { background-image: url(../img/ico_tel.png);}
.idx_news .idx_side_contacts dd.icon_mobile { background-image: url(../img/ico_mobile.png);}
.idx_news .idx_side_contacts dd.icon_mobile { background-image: url(../img/ico_mobile.png);}
.idx_news .idx_side_contacts dd.icon_address { background-image: url(../img/icon_address.png);}


/* fullSlide */
.index_banner {height: 600px;}
.fullSlide{width:100%;position:relative;height:600px;}
.fullSlide .bd{margin:0 auto;position:relative;z-index:0;overflow:hidden;}
.fullSlide .bd ul{width:100% !important; position: relative; width: 1414px; height: 600px;}
.fullSlide .bd li{width:100% !important;height:600px;overflow:hidden;text-align:center; background-repeat: no-repeat; background-position: top center; }
.fullSlide .bd li a{display:block;height:600px; }
.fullSlide .hd{width:100%;position:absolute;z-index:1;bottom:40px;left:0;height:60px;line-height:60px;}
.fullSlide .hd ul{text-align:center;}
.fullSlide .hd ul li{cursor:pointer;display:inline-block;*display:inline;zoom:1;width:42px;height:11px;margin:1px;overflow:hidden;background:#000;filter:alpha(opacity=50);opacity:0.5;line-height:999px; 
    
}
.fullSlide .hd ul .on{background:#fff;}
.fullSlide .prev,.fullSlide .next{display:block;position:absolute;z-index:1;top:50%;margin-top:-30px;left:5%;z-index:1;width:40px;height:60px;background:url(../img/slider-arrow.png) -126px -137px #000 no-repeat;cursor:pointer;filter:alpha(opacity=50);opacity:0.5;display:none;}
.fullSlide .next{left:auto;right:5%;background-position:-6px -137px;}




/* about us */

#about_content{width: 1110px; padding: 30px; }
.about_left_image { display: inline-block; width: 560px; height: 390px; float: left; padding-right: 30px;}
.about_full_image {display: block; width: 100%; padding: 30px 0; clear: both;}
.about_block { display: inline-block; width: 460px; height: 330px; color: #777; background: #fff; padding: 30px;    font-size: 16px; line-height: 180%; }

/* product_view */
.product_content { background: #fff; border-radius: 10px; padding: 30px; color: #434343;}
.product_header { width: 430px; min-height: 300px; overflow: hidden;float: right; text-align: left; color: #777; line-height: 26px;}
.product_content h1 { font-size: 20px; line-height: 34px; padding-bottom: 14px; margin-bottom: 16px; display: block; color: #434343; border-bottom: 1px solid #999;}
.product_description { margin-bottom: 20px; }
.product_header p {color: #333;}
.product_image { display: block; width: 300px; height: 300px; }
.product_body {display: block; clear: both; padding-top: 20px; text-align: left;}
.product_body h2 {font-size: 18px; line-height: 28px; display: block; clear: both; padding: 15px 0;}
.product_body h2::after { content: ""; display: block; width: 30px; height: 3px; background: #333; margin-top: 10px;}
.product_body img , .news_body img {display: block; width: 80%; margin: 2px auto;}

.product_recommond { font-size: 20px; text-align: left; line-height: 32px; padding: 20px; color: #777;}

/* new list */
.news_list {background: #fff; border-radius: 10px; overflow: hidden;}
.news_list li {display: block; padding:20px 40px; border-bottom: 1px dotted #777; clear: both; height: 80px;}
.news_list li a { display: block; float: right; width: 680px; font-size: 18px;}
.news_list li .date { display: block; font-size: 12px; width: 80px;height: 30px; padding-top: 50px; float: left; color: #666; background: #f5f5f5; text-align: center; position: relative; }
.news_list li .date em {display: block; position: absolute; top: 6px; text-align: center; width: 80px; font-size: 24px; font-style: normal; font-weight: bold;}
.news_list li .desc {display: block; float: right; width: 680px; color: #777; max-height: 48px; overflow: hidden;}
.news_content { background: #fff; padding: 30px; border-radius: 10px;}
.news_content h1{ font-size: 20px; line-height: 34px; padding: 20px 0;}
.news_content .article_info{ color: #777; line-height: 32px; display: block; padding-bottom: 20px;}
.news_content .article_info span{ margin-right: 20px;}
.news_content .article_info span a{ color: #045d9a; margin-right: 10px;}
.news_content .news_body{ line-height: 220%;}

.other_article { display: block; background: #fff; margin-top: 30px; padding: 30px; border-radius: 10px; line-height: 32px;}
.other_article a {color: #036eb7; margin-left: 15px;}

#contact_content .idx_side_contacts { padding: 30px; }

div.full_content { margin-bottom: 60px;}

#search_content { background: #fff; padding: 30px; border-radius: 10px;}
.search_result_list li { display: block; border-bottom: 1px dotted #ccc; padding-bottom: 20px; margin-top: 20px; }
.search_result_list li a.search_title { display: block; font-size: 22px; line-height: 180%; text-align: left;}
.search_result_list li a.search_image { display: inline-block; height: 80px; width: 80px;}
.search_result_list li a.search_image img{ display: inline-block; height: 80px; width: 80px; border: 1px solid #c6c6c6; background: #fff; padding: 5px;}
.search_result_list li p.search_desc { display: inline-block; height: 80px; width: 980px; padding-left: 30px; vertical-align: top;}