@charset "gb2312";

body, h1, h2, h3, h4, h5, h6, hr, p, blockquote, 
dl, dt, dd, ul, ol, li, 
pre,
fieldset, lengend, button, input, textarea, 
th, td {margin: 0; padding: 0;}
html { overflow-y: scroll; }
body,button, input, select, textarea { /* for ie */ font: 14px/1 Tahoma, Helvetica, Arial, "??????", sans-serif;}
body{overflow-x:hidden}
h1 { font-size: 18px; /* 18px / 12px = 1.5 */ }
h2 { font-size: 16px; }
h3 { font-size: 14px; }
h4, h5, h6 { font-size: 100%; }
ul, ol,li { list-style: none; }
a { text-decoration: none; color:#000;}
 
:link, :visited {text-decoration: none;}
img{ border:none; border:0px; margin:0px; padding:0px;}
abbr[title], acronym[title] { border-bottom: 1px dotted;cursor: help;}
q:before, q:after { content: ''; }

legend { color: #000; } 
fieldset, img { border: none; } 
button, input, select, textarea { font-size: 100%; }
table {border-collapse: collapse; border-spacing: 0;}
caption, th {text-align: left;}
.clear{ clear:both;}

.f_l{ float:left !important;}
.f_r{ float:right !important;}
.s_main{ width:1200px; height:auto; overflow: hidden; margin: 0 auto;}
/* ------------------------------------CSS Reset  End------------------------------- */
/* -- start 主页样式  start --- */


/* -- start 主页导航  start --- */
.fullSlide{position:relative;height: 870px;overflow:hidden; z-index:0; margin: 0px;}
.fullSlide .bd{position:relative; z-index:1;}
.fullSlide .bd ul{width:100% !important;}
.fullSlide .bd li{width:100% !important;}
.fullSlide .hd{width:100%;position:absolute;z-index:1;bottom:135px;left:0;height:30px;line-height:30px;text-align:center;}
.fullSlide .hd ul li{cursor:pointer;display:inline-block;*display:inline;zoom:1;width:30px;height:7px;margin:6px; background:#F30;overflow:hidden;line-height:9999px;filter:alpha(opacity=30);opacity:0.6;}
.fullSlide .hd ul .on{filter:alpha(opacity=100);opacity:1; background:#C00;}


.navs{background:url(../images/nav_bg.png) repeat-x center; position:absolute; z-index: 2; width: 100%; top: 0px;}
.logo{width: 320px; height: 110px; background: url(../images/logo.png) no-repeat center; text-indent: -9999px; }
.navs ul{height:110px; overflow: hidden; margin:0px auto 0px;}
.nav li{float:left; width:80px; height:100px; overflow: hidden; letter-spacing: 1px; line-height:100px; text-align:center; margin-left: 55px; font-size: 16px; }
.nav_a{ color:#fff; display: block;}
.nav li:hover ,.xz{background:url(../images/nav_on.png) no-repeat bottom center;  font-weight: bold;}


/* 产品中心 */
.product{width: 1920px; height: 1355px; background: url(../images/product_bg.jpg) no-repeat bottom center; margin: 0 auto; position: relative;}
.pro_title{width: 485px; height: 80px; background:url(../images/product_title.png) no-repeat center left; margin-top: 125px;}
.pro_top{margin: 50px auto 20px; height: auto;}

.pro_cate{width: 270px; height: 650px; border-radius: 5px; box-shadow: #f3f3f3 10px 0px 15px; margin-left: 15px; background: url(../images/pro_cate_icon.png) no-repeat 60px 35px #fff; float: left; margin-bottom: 20px;}
.pc_title{color: #333333; font-size: 34px; font-weight: bold; height: 70px; line-height: 70px; text-align: center; padding-top: 70px;}
.pro_cate ul{width: 215px; height: auto; float: right;}
.pro_cate ul li{width: 215px; height: 60px; margin-top: 25px;  font-size: 16px; line-height: 60px; }
.pro_cate ul li a{display: block; padding-left: 30px; background: url(../images/pc_item_d.png) no-repeat center; color: #333333;}
.pro_cate ul li a:hover, .pro_cate ul li.on a{color: #fff; background: url(../images/pc_item_on.png) no-repeat center !important}
.pro_cate_r{width: 885px; height: auto; float: right;}

.pcr_top{width: 865px; height: 320px;}
.pcrt_l{width: 310px; height: 300px; border: 10px solid #f8f8f8;}
.pcrt_r{width: 490px; height: 310px; padding-left: 20px;}
.pcrtr_title{color: #333333; font-size: 20px; font-weight: bold; letter-spacing: 1px; height: 40px; line-height: 40px;}
.pcrtr_desc{color: #666666; font-size: 16px; height: 50px; border-bottom: 1px solid #e9e9e9; line-height: 45px;}
.pcrt_r p{color: #666666; line-height: 30px; font-size: 16px; margin-top: 15px; height: 120px; overflow: hidden;}
.cate_more{display: block; background: url(../images/more.png) no-repeat center left; height: 70px; padding-left: 90px; color: #333; font-size: 18px; font-weight: bold; line-height: 70px; letter-spacing: 1px;}
.pcrb_item{width: 270px; height: 270px; margin: 20px 10px 0px 10px; float: left;}
.pcrb_item a{display: block;}
.pcrb_item a img{width: 270px; height: 270px; border-radius: 5px;}
.pro_bottom p, .pcrb_item p{height: 35px; line-height: 35px; text-align: center; color: #333333; font-size: 16px;}
.pcrb_item a:hover p{color: #086acb;}
.pcrb_item a:hover img{transform: scale(0.98);}

.pro_bottom{ width:100%; height:auto; overflow: hidden; padding:0px 50px; margin: 0 auto; position:relative;}
.pro_bottom .bd{ overflow: hidden;}
.pro_bottom .bd ul li{ margin:15px; float: left; text-align: center;}
.pro_bottom .bd ul li a{ display: block;}
.pro_bottom .bd ul li a img{width:300px; height:300px; border-radius: 5px;}
.pro_bottom .hd{ overflow: hidden;}


/* 搜索 */
.search{height:80px; background-color: #fff; border-top-left-radius: 5px; border-top-right-radius: 5px; position: absolute; top: -130px; padding: 30px 50px 20px; width: 1100px;}
.sl_title{color: #333333; font-weight: bold; font-size: 16px; line-height: 35px; }
.sl_desc{color: #333333; font-size: 16px; line-height: 30px;}

.sousuo{width: 300px; height: 55px; margin-left: 100px; margin-top: 10px; border: 5px solid #f2f2f2;}
.sousuo .sinp{ width:250px; height:55px; float: left;  border:none; padding-left:15px; outline:none; color: #999;}
.sousuo .sbtn{ width:26px; height:55px; float: left; border:none;background:url(../images/sousuo.png) no-repeat center;cursor: pointer;}

.search_r{width: 200px;}
.search_r p{color: #ff0000; font-size: 22px;}


/* 公司优势 */
.youshi{width: 1920px; height: 921px; background: url(../images/youshi_bg.jpg) no-repeat bottom center; margin: 0 auto;}
.ys_top{height: 110px; margin-top: 60px;}
.yst_l{background: url(../images/youshi_title.png) no-repeat center left; width: 690px; height: 110px;}
.yst_r{background: url(../images/youshi_tel.png) no-repeat center right; width: 285px; height: 110px; line-height: 110px; color: #fff; font-size: 22px; font-weight: bold; text-align: center; text-indent: 60px;}
.ys_bottom .bd ul{width: 255px; height: 120px; padding: 550px 0px 0px 40px; position: relative;}
.ys_bottom .bd ul li{float: left; width: 50px; height: auto; margin-right: 10px; position: absolute; bottom: 0px;}
.ysbb_div{width: 50px; height: 90px; background-color: #FFF; border-radius: 8px;}
.ys_bottom .bd ul li span{display: block; line-height: 30px; text-align: center; font-size: 19px; font-weight: bold; color: #fff;}
.ysbb_div_on, .ys_bottom .bd ul li:hover .ysbb_div{height: 170px; cursor: pointer;  transition: 1s;}

.ysbb_ul{width: 700px; height: auto; margin: 130px 80px 0px 0px;}
.ysbb_ul li{ width: 300px; float: left; margin-right: 100px; margin-bottom: 80px;}
.ysbb_ul li:nth-child(2n){margin-right: 0px;}
.ysbbu_top{margin: 20px 0px; height: 80px;}
.ysbbut_ibox{width: 70px; height: 70px; background-color: #f4f4f4; border-radius: 50px; text-align: center; }
.ysi_img{margin-top: 20px; width: 30px; height: 30px;}
.ysbbut_title{ color: #343434; font-size: 20px; font-weight: bold; margin-left: 20px; line-height: 50px;}
.ysbbut_desc{font-size: 10px; text-transform: uppercase; color: #666666;  margin-left: 20px;}
.ysbbu_bottom{color: #666; font-size: 16px; line-height: 30px; letter-spacing: 1px;}

.ysbb_ul li:hover{cursor: pointer;}
.ysbb_ul li.on .ys_bottom .bd ul li .ysbb_div{height: 170px;}
.ysbb_ul li.on .ysbbut_ibox{background-color: #086acb;}
.ysbb_ul li.on .ysi_img{ filter: invert(0.8) brightness(30);}

/* 应用案例 */
.i_case{width: 100%; height: auto; background: #FFF;}
.ic_main{width: 1300px; background: url(../images/case_title.jpg) no-repeat left top; margin:20px auto; height: 600px;}
.ic_top_item{width: 520px; height: 330px; box-shadow: 0 0 10px #f3f3f3; margin-top: 180px; padding-left: 80px;}
.icti_title{color: #393333; font-size: 16px; font-weight: bold; line-height: 100px; letter-spacing: 0.5px; height: 80px;}
.ic_top_item p{color: #666666; font-size: 16px; line-height: 30px; width: 480px; letter-spacing: 1px; margin-bottom: 15px;}
.ic_top_img{margin-top: 100px;}

.case_bottom{ width:1200px; height:auto; overflow: hidden; padding:0px 50px; margin: 0 auto; position:relative;}
.case_bottom .bd{ overflow: hidden;}
.case_bottom .bd ul li{ margin:20px; float: left; text-align: center;}
.case_bottom .bd ul li a{ display: block;}
.case_bottom .bd ul li a img{width:350px; height:250px; border: 5px solid #f8f8f8;}
.case_bottom .hd{ overflow: hidden;}
.case_bottom p{height: 60px; line-height: 60px; text-align: center; border-bottom: 1px solid; background: url(../images/anli_more.png) no-repeat center  right;}
.case_bottom p span{color: #333333; font-size: 16px; }
.case_bottom .bd ul li:hover span{color: #086acb; font-weight: bold;}

/*  企业简�?*/
.about{width: 100%; height: 710px; background: url(../images/about_bg.jpg) no-repeat center; margin: 20px auto;}
.about p{width: 810px; line-height: 30px; float: left; margin-top: 250px; color: #666666; font-size: 16px; margin-bottom: 40px;}
.about a{display: block; width: 165px; height: 60px; background-color: #fea532; color: #FFF; text-align: center; line-height: 60px; margin-top: 10px; clear: both;}

.rongyu{ width:1300px; height: auto; margin:40px auto; overflow:hidden;}
.rongyu_t{ width:auto; height:131px; background: url(../images/rongyu_t.jpg) no-repeat; margin-bottom:10px;}
.rongyu ul li{ float:left; margin:22px 0px 0px 30px;}
.rongyu ul li img{ width:175px; height:240px;}


/* 新闻中心 */
.i_news{width: 100%; background: url(../images/news_bg.jpg) no-repeat center top #FFF; }
.in_cate{height: 86px; float: right; margin-top: 87px;}
.in_cate li{float: left; width: 275px; }
.in_cate li a{display: block; text-align: center; line-height: 86px; height: 86px; color: #ffffff; font-weight: bold; font-size: 18px;}
.in_cate li:hover, .in_cate li.on{background: url(../images/inc_on.png) no-repeat center;}
.in_cate li a{background: url(../images/news_cate_1.png) no-repeat 50px;}
.in_content{width: 100%; clear: both; padding-top: 50px; height: 550px;}
.inc_left{width: 390px; float: left; position: relative;}
.inc_left img{width: 390px; height: 300px;}
.incl_title{color: #333333; font-size: 18px; line-height: 50px; margin-top: 25px;}
.inc_left span{width: 60px; height: 60px; border-radius: 50px; background-color: #333333; border:5px solid #FFF; display: block; text-align: center; line-height: 60px; color: #FFF; font-size: 22px; position:absolute; top: 270px; left: 60px;}
.inc_left p{color: #666666; font-size: 14px; line-height: 30px;}
.inews_more{display: block; width: 160px; height: 50px; background-color: #086acb; color: #FFF; text-align: center; line-height: 50px; margin-top: 10px; clear: both;}

.inc_right{float: right; width: 800px;}
.incr_item{float: left; width: 355px; height: 150px; margin-left: 40px; margin-bottom: 30px; }
.incril_date{width: 60px; text-align: center; color: #999999; font-size: 12px;  margin-bottom: 30px; line-height: 30px;}
.incril_date span{display: block; color: #333333; font-size: 28px; height: 35px;}
.incrir_main{width: 275px; color: #666666; font-size: 14px;}
.incr_title{color: #333333; font-size: 16px; height: 40px;}
.inc_bottom{clear: both; width: 330px; line-height: 60px; height: 50px; border-top: 1px solid #eeeeee; margin: 0 auto; background: url(../images/news_more.png) no-repeat center right; color: #999999; font-size: 16px;}
.incr_item:hover .incr_title, .inc_left:hover .incl_title{ color: #086acb; font-weight: bold;}
/* -- end 主页导航  end --- */

/* --- start    底部   start --- */
.footer{ width:100%; height:auto; overflow: hidden; background:#11233a; padding-top:20px;}
.f_foot{ overflow: hidden; margin-top:55px;}
.f_contact { height: auto; overflow: hidden; float: left; width: 400px; }
.f_contact p{ font-size:14px; height:auto; line-height:30px; overflow: hidden; color: #cccccc; }
.f_contact span,.f_nav span{ font-weight: bold; border-bottom: 2px solid #29394e; height: 50px; display: block; color: #cccccc; font-size: 16px; margin-bottom: 30px; line-height: 40px; letter-spacing: 1px;}

.f_nav{width:400px;height:250px;overflow:hidden;float:left; margin-right: 80px;}
.f_nav a{ color:#cccccc;display:block;line-height:40px; font-size:14px; float: left; width: 130px;}
.f_nav a:hover{ color:#086acb; font-weight:bold;}
.f_nav a:first-child{border:0}

.f_ewm{ float: right;}
.f_ewm p{height: 30px; text-align: center; color: #cccccc; line-height: 30px;}

.bott{ color:#98989c; line-height:40px; border-top:2px solid #29394e; width: 100%; text-align: center;}
.bott span, .bott span a{text-align: center; color: #cccccc; font-size: 12px;}


/*catpos*/
.catpos_box{ width:auto; height:55px; background:#f2f2f2; border-bottom:1px solid #e5e5e5;}
.catpos{ width:1170px; height:55px; margin:0px auto; line-height:57px; color:#666666; font-size:15px; background:url(../images/catpos.png) no-repeat 0px 15px; padding-left:30px;}
.catpos a{ float:none; background:none;margin-top:6px; margin-right:0px; color:#666;}

/* page页面 */
.t_top{ overflow: hidden; margin:30px auto 15px; text-align: center;}
.t_top h2{ color:#111011; font-size:32px;}
.t_top p{ line-height:45px;color: #666;}
.main{ width:1200px;margin:10px auto; overflow:hidden; background:#FFF; padding:0px 7px;}
.m_l{ width:870px; float:left; }
.m_r{ width:300px; float:right;}
.m_r2{ width:100%; float:left; overflow:hidden; margin-top:10px;}
.r_c{ line-height:200%; margin-top:6px; padding:5px; margin-bottom:10px; min-height:400px; font-size:14px;}
.r_c_t{ text-align:center;  line-height:22px; font-size:16px;}
.r_c_time{ font-size:14px; color:#666; font-weight:normal; border-bottom:1px dashed #e5e5e5; text-align:center; margin-bottom:15px;}
.r_c img{ width:auto; height:auto !important;}


/* 新闻中心 */
.news {min-height: 200px;}
.news li{ border-bottom:1px dashed #e5e5e5; margin-top:10px; height:155px;}
.news img{ float:left; width:200px; height:140px; margin-right:15px;}
.news li a.a0{ font-size:18px; display:block; line-height:30px; color:#333; font-weight:bold;}
.news li p{ line-height:21px; color:#999999; font-size:14px;}
.news li span{ font-size:12px; color:#808080; line-height:30px;}
.news li a.a1{ display: block; width:130px; height:30px; font-size:15px; margin-top:50px; text-align: center; line-height:30px; color:#fff; border-radius:40px;  float: right; background-color:#fbbc49}
.l_news2 li{ border-bottom:1px dashed #e5e5e5; margin-top:10px; height:75px; overflow: hidden;}
.l_news2 img{ float:left; width:85px; height:65px; margin-right:10px;}
.l_news2 li a{ font-size:14px; display:block; line-height:200%; color:#666;}
.l_news2 li p{ line-height:21px; color:#999;}

/* 产品中心 */
.cp_left{ width:270px; height:auto; overflow: hidden; float: left;}
.cp_left span{ display: block; background:url(../images/zs_48.png) no-repeat right center #086acb; height:50px; line-height:50px; padding-left:20px; color:#fff; font-weight:bold; font-size:20px;}
.cp_left ul{ overflow: hidden; background:#f0f0f0;}
.cp_left ul li{ height:50px; width:auto; overflow: hidden;  border-bottom:1px solid #d8d8d8;}
.cp_left ul li a{line-height:30px; height:30px; margin:10px 0px; border-left:5px solid #f0f0f0; padding-left:20px; display: block;}
.cp_left ul li:hover a{border-left:5px solid #086acb; }
.cp_left ul li:last-child{ border:none;}
.cp_right{ width:900px; height:auto; overflow: hidden; float: right; }
.i_pro{ width:auto; padding: 0px;  overflow:hidden;}
.i_pro li{ float:left; margin:10px; overflow:hidden; box-shadow:0px 0px 15px #ccc;}
.i_pro li p{ text-align:center; overflow: hidden; line-height:45px;font-size:15px;border:1px solid #e5e5e5; color: #666;}
.i_pro li a{ display:block; overflow: hidden; }
.i_pro li img{ width:280px; height:280px; transition:.1s transform;transform:translateZ(0)}
.axz{ color:#086acb; font-weight:bold;}


/* 在线留言 */
.m_liuyan{ width:500px; height:auto; overflow: hidden; margin:30px auto;}
.m_liuyan p{ overflow: hidden; margin: 5px 0px; font-size:16px; line-height:200%;}
.m_liuyan p label{ display: block; float: left; width:120px; height:40px; line-height:40px;}
.m_liuyan .m_ly1{}
.m_liuyan .m_ly1 input{ display: block; width:360px; height:40px; border:1px solid #ccc; margin:5px 0px; padding-left:15px; background:url(index_89.png);}
.m_liuyan .m_ly2 textarea{display: block; width:360px; height:80px;border:1px solid #ccc; margin:5px 0px;padding-left:15px; color:#666; line-height:200%;background:url(index_89.png);}
.m_liuyan .m_ly3{ }
.m_liuyan .m_ly3 img{ display: block; float: left; width:150px; height:40px; margin-top:5px;}
.m_liuyan .m_ly3 input{ width:200px; float: left; height:40px; border:1px solid #ccc; margin:5px 10px 5px 0px; padding-left:15px;background:url(index_89.png); }
.m_liuyan .m_ly4 input{  display: block; width:250px; height:40px; border:1px solid #ccc; margin:5px auto; background:#086acb;border-radius:50px; color:#fff;}


.zr_page{ padding:0px 15px; overflow: hidden;}
.page{text-align:center;overflow:hidden;padding:15px;}
.page li{float:left}
.page li a{color:#333;text-decoration:none;border:1px solid #CCC;padding:5px 10px;margin-right:5px;font-size:14px}
.page li a:hover{color:#086acb}
.page .active a{color:#086acb!important;font-weight:bold}