﻿@charset "utf-8";
body {text-align:left;font-family:微软雅黑;font-size:12px; overflow-x:hidden; word-wrap:break-word;word-break:break-all; color:#333;}
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,blockquote{padding:0; margin:0;}   
table,td,tr,th{font-size:12px;}
form,input{padding:0; margin:0;} 
li{list-style-type:none;}
table{ margin:0 auto;}
img{vertical-align:top; border:0;}
ol,ul {list-style:none;}
*{margin:0 auto;}
li{text-decoration: none;}
a{color:#333;text-decoration: none;}
a:link {text-decoration: none}
a:visited {text-decoration: none;}
a:hover {text-decoration:none; color:#0075c4;}
a:active {text-decoration: none;}
.clear{ clear:both;}
.center{ width:1200px; margin:0 auto;}
/*---------------*******************--------index---------*******************--------------------*/
/*---------------- header ---------------*/
.header{ width:100%; height:184px; position:fixed; z-index:99; top:0;}
.top{ width:100%; height:39px; background:#f6f6f6; border-bottom:1px solid #d4d2d2;  opacity: 0.9}
.top_l{ width:240px; height:39px; float:left; font:14px/39px 微软雅黑;}
.top_r{ width:230px; height:39px; float:right; font:14px/39px 微软雅黑;}
.top_r a{ margin-right:10px;}
.logo{ width:100%; height:100px; background:#ffffff;  opacity: 0.9}
.logo_l{ width:480px; height:100px; float:left;}
.logo_r{ width:260px; height:100px; float:right;}
.nav{ width:100%; height:44px; background:#00428e;}
.nav ul li{ float:left; width:133px; height:44px; text-align:center;}
.nav ul li a{ font:16px/39px 微软雅黑; color:#fff; width:133px; height:44px;}
.nav ul li:hover{ background:#003878;}

/*---------------- banner ---------------*/
.banner{ width:100%;height:720px;overflow:hidden; }
.banner .d1{width:100%;height:720px;display:block;position:absolute;left:0px;}
.banner .d2{width:100%;height:30px;clear:both;position:absolute;z-index:10;left:0px;top:680px;}
.banner .d2 ul{float:left;position:absolute;left:51%;top:0;margin:0 0 0 -96px;display:inline;}
.banner .d2 li{width:17px;height:15px;overflow:hidden;cursor:pointer;background:url(../images/img1.png) no-repeat center;float:left;margin:0 3px;display:inline;}
.banner .d2 li.nuw{background:url(../images/img1_1.png) no-repeat center;}

/*---------------- 产品展示 ---------------*/
.product{ width:100%; height:780px; background:#f9f9f9; overflow:hidden;}
.pro_top{ width:100%; height:75px; padding-top:55px; padding-bottom:25px;}
.pro_con{ width:100%; height:561px;}
.pro_con_l{ width:196px; height:561px; float:left;}
.pro_con_r{ width:980px; height:561px; float:right;}
.pro_con_l ul li{ width:196px; height:60px; background:url(../images/index_01.jpg) no-repeat; margin-bottom:11px;}
.pro_con_l ul li:hover{ background:url(../images/index_02.jpg) no-repeat;}
.pro_con_p1{ width:35px; height:48px; float:left; margin-left:18px; border-bottom:1px solid #fff; font:34px/55px 宋体; color:#fff;}
.pro_con_p2{ float:left; padding-left:12px;}
.pro_con_l ul li a{ font:18px/60px 微软雅黑; color:#fff;}
.pro_con_l ul{ height:439px; width:100%;}
.pro_con_r ul li{ width:308px; height:283px; float:left; text-align:center; font:16px/50px 微软雅黑; margin-right:27px;}
.pro_con_r ul li img{ width:288px; height:214px; padding:9px; border:1px solid #ccc;}
.pro_con_r ul li:nth-child(3n){ float:right; margin-right:0px;}

/*---------------- 出色品质 ---------------*/
.pinzhi{ height:730px;}
.pz_top{ width:100%; height:80px; padding-top:60px; padding-bottom:50px;}
.pz_con{ width:100%; height:481px;}

/*---------------- 优势 ---------------*/
.youshi{ width:100%; height:609px; background:url(../images/index_13.jpg) center no-repeat;}
.ys_top{ width:100%; height:70px; padding-top:75px; padding-bottom:70px;}
.ys_con{ width:100%; height:310px;}
.ys_con ul li{ width:280px; height:310px; float:left; text-align:center; margin-right:26px;}
.ys_con ul li p{ font:14px/30px 微软雅黑; color:#fff;}
.ys_con_img1{ width:105px; height:105px; background:url(../images/index_09.png) no-repeat; margin:0 auto; margin-bottom:28px;}
.ys_con_img1:hover{ background:url(../images/index_009.png) no-repeat;}
.ys_con_img2{ width:105px; height:105px; background:url(../images/index_10.png) no-repeat; margin:0 auto; margin-bottom:28px;}
.ys_con_img2:hover{ background:url(../images/index_010.png) no-repeat;}
.ys_con_img3{ width:105px; height:105px; background:url(../images/index_11.png) no-repeat; margin:0 auto; margin-bottom:28px;}
.ys_con_img3:hover{ background:url(../images/index_011.png) no-repeat;}
.ys_con_img4{ width:105px; height:105px; background:url(../images/index_12.png) no-repeat; margin:0 auto; margin-bottom:28px;}
.ys_con_img4:hover{ background:url(../images/index_012.png) no-repeat;}
.ys_con ul li:nth-child(4){ float:right; margin-right:0px;}

/*---------------- 成功案例 ---------------*/
.anli{ height:700px; overflow:hidden;}
.anli_top{ width:100%; height:75px; padding-top:55px; padding-bottom:50px;}
.anli_con{ width:100%; height:480px;}
.anli_con ul li{ width:262px; height:210px; float:left; border:1px solid #cccccc;  position:relative;}
.anli_con ul li img{ width:262px; height:210px;}
.anli_img{ width:262px; height:210px; border:1px solid #ccc; position:relative; float:left; text-align:center; margin-right:48px; margin-bottom:25px;}
.anli_img:hover .pro_img{cursor:pointer}
.anli_img .anli_p{display:none; text-decoration:none;  position:absolute; bottom:0; left:0;color:#FFF;width:262px; height:210px; z-index:10; line-height:36px; background:#000;filter:alpha(opacity=30);-moz-opacity:0.;opacity: 0.3;}
.anli_img:hover{cursor:pointer}
.anli_img:hover a.now{cursor:pointer; position:absolute; top:0; width:100%; height:100%; z-index:98; left:0; display:block;}
.anli_img:hover .anli_p{ display:block; }
.anli_p1{ display:none; font:16px/30px 微软雅黑; color:#fff;  position:absolute; bottom:0; left:0; width:262px; height:210px; z-index:10; line-height:210px;}
.anli_img:hover .anli_p1{ display:block; }
.anli_dw{ width:180px; height:50px; margin:0 auto; background:#d40f0f; text-align:center; font:14px/50px 微软雅黑; }
.anli_dw a{ color:#fff;}

/*---------------- 公司简介 ---------------*/
.contact{ width:100%; height:741px; background:url(../images/index_16.jpg) center no-repeat;}
.cta_top{ height:80px; padding-top:60px; padding-bottom:30px;}
.cta_con{ width:100%; height:440px;}
.cta_con_l{ width:500px; height:440px; float:left;}
.cta_con_r{ width:678px; height:440px; float:right; font:16px/37px 微软雅黑; color:#fff;}
.cta_a{ width:95px; height:30px; border:1px solid #0569c5; background:#1962a6; margin:0 auto; margin-top:55px; text-align:center;}
.cta_a a{ font:16px/30px 微软雅黑; color:#fff;}

/*---------------- 新闻中心 ---------------*/
.news{ width:100%; height:635px; background:#f9f9f9;}
.news_l{ width:380px; height:540px; float:left; overflow:hidden; margin-right:30px;}
.news_r{ width:380px; height:540px; float:right; overflow:hidden;}
.news_l_top{ width:100%; height:55px;}
.news_l_top p{ height:55px; float:left; font:24px/55px 微软雅黑;}
.news_l_top p span{ padding-left:5px; font:12px/55px 微软雅黑;}
.news_l_top a{ float:right; font:14px/65px 微软雅黑;}
.news_l_con{ width:378px; height:465px; border:1px solid #cccccc;}
.news_l_img{ width:100%; height:181px;}
.news_l_img img{ width:100%; height:181px; }
.news_l_p{ width:100%; height:270px; margin-top:10px;}
.news_l_p ul li{ width:100%; height:45px; font:15px/45px 微软雅黑;}
.news_l_p ul li img{ float:left; padding-right:15px; padding-top:19px; padding-left:23px;}
.news_l_p ul li a{ float:left; color:#666;}
.news_l_p ul li span{ float:right; padding-right:20px;}

/*---------------- footer ---------------*/
.footer{ width:100%; height:255px; background:#434343;}
.footer_l{ width:720px; height:255px; float:left; color:#dbdbdb; font:16px/35px 微软雅黑; letter-spacing:1px;}
.footer_r{ width:480px; height:255px; float:right;}
.footer_r ul li{ float:left; text-align:center; width:120px; height:170px; color:#dbdbdb; font:14px/50px 微软雅黑; margin-left:80px;}
.footer_r ul li img{ width:120px; height:120px; padding-top:45px;}

/*---------------- 友情链接 ---------------*/
.yqlj{ width:100%; height:auto; background:#202020; color:#dbdbdb; font:16px/65px 微软雅黑;}
.yqlj a{ color:#dbdbdb; margin-right:15px;}

/*---------------- 当前位置 ---------------*/
.weizhi{ height:50px; letter-spacing:1px; margin-top:20px;}
.weizhi p{ font:14px/50px 微软雅黑;}
.weizhi span{ width:10px; height:20px; background:#e77817; float:left; margin-top:15px; margin-right:10px;}

/*---------------*******************--------新闻中心---------*******************--------------------*/
.con_news{ height:auto; margin-top:20px; padding-bottom:40px;}
.con_news_l{ width:200px; height:auto; float:left;}
.con_news_r{ width:970px; height:auto; float:right;}
.con_news_l ul li{ width:100%; height:55px; background:#f0f0f0; text-align:center; font:16px/55px 微软雅黑; margin-bottom:10px;}
.con_news_l ul li:hover{ background:#e77817;}
.con_news_l ul li:hover a{ color:#fff;}
.con_news_r ul li{ width:928px; height:150px; padding:20px; border:1px solid #e6e6e6; margin-bottom:20px;}
.con_news_img{ width:240px; height:150px; float:left; overflow:hidden;}
.con_news_img img{ width:240px; height:150px;}
.con_news_p{ width:670px; height:150px; float:right;}
.con_news_p11{ font:18px/40px 微软雅黑; }
.con_news_p11 a{ color:#e77817;}
.con_news_p22{ font:12px/30px 微软雅黑; color:#999;}
.con_news_p33{ font:14px/25px 微软雅黑; color:#666; }
.con_news_top{ width:100%; height:120px; border-bottom:1px solid #007ac5;}
.con_news_p1{ width:100%; height:95px; text-align:center; color:#535353; font:24px/95px 微软雅黑;}
.con_news_p2{ width:100%; height:25px; color:#666;}
.con_news_con{ font:14px/25px 微软雅黑; padding-top:20px; padding-bottom:20px;}
.con_news_con img{max-width: 100% !important;height: auto !important;}
.con_news_con_dw{ width:100%; height:60px; border-top:1px dashed #cccccc;}
.con_news_con_dw p{ height:60px; font:14px/60px 微软雅黑;}

/*---------------*******************--------产品中心---------*******************--------------------*/

.con_pro_l{ width:196px; height:auto; float:left;}
.con_pro_r{ width:980px; height:auto; float:right; margin-top:-20px;}
.con_pl_p1{ width:100%; height:40px; background:#f0f0f0; margin-bottom:5px;}
.con_pl_p1 a{ font:16px/40px 微软雅黑; color:#333; padding-left:20px;}
.con_pl_p1:hover{ background:#e77817; }
.con_pl_p1:hover a{ color:#fff;}
.con_pl_p1 span{font:16px/40px 微软雅黑; color:#fff; float:right; padding-right:15px;}
.con_pl_p2{ width:100%; height:40px; background:#f0f0f0; text-align:center;}
.con_pl_p2 a{ font:14px/40px 微软雅黑;}
.con_pl_p2:hover{ background:#e77817;}
.con_pl_p2:hover a{ color:#fff;}
.con_pro_r ul li{ width:308px; height:283px; float:left; text-align:center; font:16px/50px 微软雅黑; margin-right:27px;}
.con_pro_r ul li img{ width:288px; height:214px; padding:9px; border:1px solid #ccc;}
.con_pro_r ul li:nth-child(3n){ float:right; margin-right:0px;}
.con_pro_c{ width:100%; height:340px; border:1px solid #eeeeee;}
.con_pro_img{ width:399px; height:303px; float:left; margin-left:20px; margin-top:18px;}
.con_pro_img img{ width:399px; height:303px;}
.con_pro_p{ width:505px; height:340px; float:right; margin-right:20px;}
.con_pro_p_up{ width:100%; height:255px; border-bottom:2px solid #e6e6e6;}
.con_pro_p1{ width:100%; color:#535353; font:24px/65px 微软雅黑;}
.con_pro_p2{ width:100%; color:#666; font:14px/25px 微软雅黑;}
.con_pro_p2 span{ color:#666; font-weight:bold;}
.con_pro_p_dw{ width:100%; height:57px;}
.con_pro_dl{ width:220px; height:57px; float:left;}
.con_pro_dl img{ float:left;}
.con_pro_dl p{ color:#333; font:18px/25px 微软雅黑;}
.con_pro_dr{ width:114px; height:44px; background:#ec7800; float:right; margin-top:10px; color:#fff; font:16px/44px 微软雅黑; text-align:center;}
.con_pro_dr a{ color:#fff;}
.con_pro_con_img{ width:100%; height:120px; text-align:center; margin-top:50px;}
.con_pro_con{ width:100%; padding-top:20px; color:#333; font:14px/25px 微软雅黑;}

/*---------------*******************--------关于我们---------*******************--------------------*/
.con_page{ height:auto; margin-top:20px; padding-bottom:40px;}
.con_page_top{ height:70px; text-align:center; padding-bottom:20px;}
.con_page_p1{ font:24px/30px 微软雅黑; font-weight:bold; color:#5d5c5c;}
.con_page_p2{ font:16px/30px 微软雅黑; font-weight:bold; color:#858585;}
.con_page_con{ width:100%; height:auto; font:14px/25px 微软雅黑;}


/* 分页 */

.pager{ width:520px; height:30px; margin:0 auto;}

#pages { padding:10px 0 10px; font-family:宋体;text-align:center; }

#pages a { display:inline-block; height:20px; line-height:20px; background:#fff; border:1px solid #e3e3e3; text-align:center; color:#333; padding:0 10px}

#pages a.a1 { background:#fff; width:70px; padding:0; text-align:center; }

#pages a:hover { background:#f1f1f1; color:#000; text-decoration:none }

#pages span { display:inline-block; height:20px; line-height:20px; background:#155090; border:1px solid #155090; color:#fff; text-align:center;padding:0 10px}

.page .noPage { display:inline-block; width:56px; height:20px; line-height:20px; background:url(../img/icu/titleBg.png) repeat-x 0 -55px ; border:1px solid #e3e3e3; text-align:center; color:#a4a4a4; }

















