﻿@charset "utf-8";
/* CSS Document */
/*banner*/
#flashs{ position:relative; height:620px; overflow:hidden;}
#flashs .bgitem{z-index:1;position:absolute; top:0; }
#flashs .banner_btn{ overflow:hidden; width:100%; text-align:center; position:absolute; left:0; bottom:15px; z-index:15555555}
#flashs .banner_btn span{ display: inline-block; width:29px; height:11px; background:url(img/banner_btn.png) no-repeat right center; margin:0 2px; cursor:pointer}
#flashs .banner_btn span{ *display:inline}
#flashs .banner_btn .cur{ background-position:left}


.title { overflow:hidden; width:100%; text-align:center;}
.title h2{ font-size:30px; color:#383838;}
.title h2 a{color:#eb2533;}
.title p{ font-size:24px; color:#333}
.title a{ color:#eb2533}
.title .em_ys{ font-size:12px;margin-top:8px;}
.title em{ display:block; font-size:16px; color:#7a7a7a; text-transform:uppercase; font-family:Calibri; margin-top:10px;}
.title i{width:40px;height:1px;background:#0075c1;display:block; margin:20px auto;}
.title.wt p{ color:#fff;}
.title.wt h2,.title.wt a{ color:#f02222}

/*搜索*/
.ss{ overflow:hidden; width:100%; background-color:#fff; height:84px;border-bottom:1px solid #ececec;}
.ss p{ font-size:14px; line-height:80px;float:left; color:#787878}
.ss p a{ color:#787878; padding:0 1px;}
.ss .ssk{ float:right; width:215px;  height:34px; margin-top:25px;margin-right:0px;}
.ss .ssk input{ width:160px; height:32px; line-height:35px; font-size:13px; color:#979797; border:1px solid #dfdfdf; border-right:none; outline:none; float:left; padding-left: 10px; padding-right: 10px;}
.ss .ssk a{ display:block; width:34px; height:34px; float:right; background:url(img/ssFdj.jpg) no-repeat center;}

/*商机*/
.shangji { overflow:hidden; width:100%; margin:50px 0;}
.shangji .title em{ background:url(img/sj_t.png) no-repeat center;}
.shangji .sj_img{ overflow:hidden; width:100%; margin-top:30px; height:483px; margin-bottom:40px;}
.shangji ul{ overflow:hidden; width:1283px; margin:0 auto; background:url(img/sj02.jpg) no-repeat center 20px;}
.shangji li{ float:left; width:277px; margin:0 75px; text-align:center}
.shangji li span{ display:block; width:104px; height:104px; background:url(img/sj03.png) no-repeat center; line-height:104px; text-align:center; font-size:25px; color:#fff; font-weight:bold; margin:0 auto; margin-bottom:25px;}
.shangji li h3{ font-size:20px; color:#333; font-weight:normal; margin-bottom:15px;}
.shangji li p{ font-size:16px; color:#003333; line-height:25px;}
.shangji li em{ font-size:18px;}

/*about*/
.about { overflow:hidden; width:100%; height:533px; background:url(img/about_bg.jpg) no-repeat center top; padding-top:45px;}
.about .title em{ background:url(img/about_t.png) no-repeat center}
.about .aboutbox { overflow:hidden; width:1200px; margin:0 auto; margin-top:40px;}
.about .video{ overflow:hidden; width:538px; height:316px; padding:17px; background:url(img/about_videoBg.png) no-repeat center; float:left}
.about .video img{width:535px;height:316px;border:none;}
.about .wen{ overflow:hidden; float:left; margin-left:60px; padding-left:30px; background:url(img/about_01.png) no-repeat left top; width:530px; margin-top:17px;}
.about .wen h3{ font-size:24px;line-height:50px;}
.about .wen h3 a{ color:#333}
.about .wen em{ display:block; font-size:14px; color:#666; margin-bottom:25px;}
.about .wen p{ font-size:14px; color:#666; line-height:30px; height:150px; overflow:hidden; text-align:justify; margin-bottom:60px;margin-top:20px;}
.about .btn{ overflow:hidden; width:100%;}
.about .btn a{ display:block; width:119px; height:36px; text-align:center; line-height:36px; font-size:14px; color:#fff; margin-right:10px; float:left}
.about .btn .a01{ background:url(img/about_btn.png) no-repeat left center}
.about .btn .a02{ background:url(img/about_btn.png) no-repeat right center;}
.about .btn span{ display:block; float:right; font-size:14px; color:#333;}
.about .btn b{ font-weight:normal; font-size:14px; color:#eb2533;}
.about .btn span img{ margin-right:5px;}

/*品质*/
.pinzhi { overflow:hidden; width:100%; height:625px; padding-top:66px; background: url(../img/bg.png) no-repeat center top;}
.pinzhi .title em{ background:url(img/pz_t.png) no-repeat center;color:#fff;}
.pinzhi .kbbox{ overflow:hidden; width:1200px; margin:40px auto 30px auto; height:420px; position:relative;}
.pinzhi .kbbox ul{ overflow:hidden; position:absolute}
.pinzhi .kbbox li{ float:left; width:268px; height:400px; border:10px solid #444; background-color:#fff; margin-right:12px;transition: border 1s;}
.pinzhi .kbbox li img{ display:block;}
.pinzhi .kbbox li h3{ text-align:center; margin:20px auto; font-size:16px;}
.pinzhi .kbbox li h3 a{ color:#333}
.pinzhi .kbbox li p{ font-size:14px; color:#666; line-height:20px; height:60px; overflow: hidden; width:240px; margin:0 auto; margin-bottom:30px; text-align: justify}
.pinzhi .kbbox li .more{ display:block; width:87px; height:30px; background:url(img/koubei_btn.png) no-repeat center top; text-align:center; line-height:30px; font-size:14px; color:#fff; margin:0 auto}
.pinzhi .kbbox li:hover { border-color:#03b228;}
.pinzhi .kbbox li:hover .more{ background-position:bottom}
/*pro*/
.pro { overflow:hidden; width:1200px; margin:50px auto; margin-bottom:0px;}
.pro .title em{  }
.pro .pbox{ overflow:hidden; width:100%;   margin-top:0px;}
.pro .pbox ul{ overflow: hidden; width:1200px; margin:0 auto; margin-top:29px; }
.pro .pbox li{ float:left; width:278px;  height:262px; margin:0 11px 10px 11px;background:#f4f4f4;transition: background 1s;}
.pro .pbox li:hover{background:#0075c1;}
.pro .pbox li img{ display:block;  margin-bottom:0px;}
.pro .pbox li a p{ display:block; text-align:center; font-size:14px; color:#383431;height:50px;line-height:50px;}
.pro .pbox li:hover a  p{color:#fff;}

/*优势*/
.youshi { overflow:hidden; width:1200px; margin:0 auto; margin-bottom:50px;}
.youshi .title em{ background:url(img/youshi_t.png) no-repeat center}
.youshi ul{ overflow:hidden; width:110%; margin-top:45px; height:300px;}
.youshi li{ overflow:hidden; width:345px; height:125px; padding-left:20px; margin-right:46px; border-left:5px solid #938f8f; float:left; margin-bottom:50px;}
.youshi h3{ font-size:18px; color:#333; margin-bottom:12px;}
.youshi p{ font-size:14px; color:#666; line-height:20px; }
.youshi .yp{ font-size:24px; color:#333;line-height:normal;}
#dupp{font-size:24px; color:#333;}
.youshi li:hover h3{ color:#eb2533;}
.youshi li:hover p{ color:#eb2533;}
.youshi li:hover{ border-color:#eb2533;}

/*品牌*/
.pinpai { overflow:hidden; width:100%; height:912px; background:url(img/pinpai_bg.jpg) no-repeat center;}
.pinpai .title{ margin-top:8px;}
.pinpai .title em{ background: url(img/pinpai_e.png) no-repeat center;}
.pinpai .btn{ overflow:hidden; width:80px; margin:35px auto 33px auto;}
.pinpai .btn i{ display:block; width:35px; height:35px; cursor:pointer}
.pinpai .btn01{ float:left; background:url(img/pinpai_btn.png) no-repeat center top;}
.pinpai .btn02{ float:right; background:url(img/pinpai_btn.png) no-repeat center bottom;}
.pinpai .ppbox { overflow:hidden; width:677px; height:393px; position:relative; margin:0 auto; border:12px solid #fff; margin-bottom:50px;}
.pinpai .ppbox ul{ overflow:hidden; position:absolute}
.pinpai .ppbox li{ float:left; width:677px; height:393px;}
.pinpai .info{ overflow:hidden; width:600px; margin:0 auto}
.pinpai .info p{ float:left; width:350px; text-align:center; font-size:25px; color:#fff; border:1px solid #474749; padding:12px 0;}
.pinpai .info p span{ display:block; font-size:20px;}
.pinpai .phone{ overflow:hidden; float:right; width:210px; margin-top:7px;}
.pinpai .phone b{ display:block; width:100%; text-align:center; height:35px; line-height:35px; font-size:14px; color:#fff; background-color:#eb2533; margin-bottom:15px;}
.pinpai .phone em{ display:block; text-align:center; font-size:14px; color:#fff;}
.pinpai .phone b img{ margin-left:5px; position:relative; top:3px;}
.pinpai .phone a b:hover{text-decoration:underline;}

/*犹豫*/
.youyu { overflow:hidden; width:1200px; margin:0 auto;}
.youyu .title em{ background:url(img/youyu_t.png) no-repeat center;}
.youyu ul{ overflow:hidden; width:110%; margin-top:40px; margin-bottom:65px;}
.youyu li{ float:left; width:180px; height:300px; background:url(img/youyu_bg01.png) no-repeat center; margin-right:24px;}
.youyu li img{ display:block; margin:0 auto; margin-top:10px;}
.youyu li .zipa{ margin-top:15px; margin-bottom:10px;}
.youyu li p{ text-align:center; font-size:14px; color:#fff;}
.youyu li:hover{ background:url(img/youyu_bg02.png) no-repeat center}
.youyu .info { overflow:hidden; width:430px; margin:0 auto;}
.youyu .info b{ display:block; font-size:25px; color:#eb2533; margin-bottom:18px;}
.youyu .info p{ text-align:center; font-size:16px; color:#333; line-height:25px; padding:18px 0; border-top:1px dashed #aaa; border-bottom:1px dashed #aaa; margin-bottom:20px;}
.youyu .phone{ overflow:hidden; width:100%; margin-bottom:10px;}
.youyu .phone em{ float:left; display:block; width:130px; text-align:right; font-size:14px; color:#666;}
.youyu .phone span{ display:block; float:left; margin-left:20px; font-size:35px; color:#333; font-family:'Times New Roman'; position:relative; top:-5px;}

/*无忧*/
.wuyou { overflow:hidden; width:100%; height:958px; background:url(img/wuyou_bg.jpg) no-repeat center top;}
.wuyou .title{ margin-top:120px; margin-bottom:50px;}
.wuyou .title em{ background:url(img/wuyou_t.png) no-repeat center}
.wuyou ul{ overflow:hidden; width:1200px; margin:0 auto; height:573px; overflow:hidden}
.wuyou li{ float:left; width:299px; height:286px; border-bottom:1px solid #303030; border-right:1px solid #303030;}
.wuyou .last{ border-right:none}
.wuyou span{ display:block; text-align:center; font-size:12px; color:#868686; margin:25px 0;}
.wuyou i{ display:block; width:32px; height:25px; position:relative; overflow:hidden; margin:0 auto; margin-bottom:40px;}
.wuyou h3{ text-align:center; font-size:18px; color:#fff; font-weight:normal; margin-bottom:15px;}
.wuyou p{ font-size:14px; color:#999; line-height:20px; width:265px; margin:0 auto; text-align:justify; text-align-last:center}
.wuyou li:hover{ background-color:#eb2533;}
.wuyou li:hover span{ color:#fff;}
.wuyou li:hover img{ margin-top:-25px;}
.wuyou li:hover p{ color:#fff;}

/*证书*/
.zhengshu { overflow:hidden; width:1200px; margin:0 auto; height:720px; no-repeat center top; margin-bottom:0px;}
.zhengshu .title em{ background:url(img/zhengshu_t.png) no-repeat center;}
.zhengshu img{ display:block; margin:30px auto;}
.zhengshu .card{ overflow:hidden; width:450px; margin:0 auto}
.zhengshu .card span{ display:block; float:left; margin-left:20px; font-size:30px; color:#333; font-family:'Times New Roman'; position:relative; top:-5px;}
.zhengshu .card a{ display:block; font-size:18px; color:#fff; width:119px; height:36px; background:url(img/about_btn.png) no-repeat center right; text-align:center; line-height:36px; float:right}

/*方案*/
.fangan { overflow:hidden; width:1200px; margin:0 auto; margin-bottom:50px;}
.fangan .title em{ background:url(img/fangan_t.png) no-repeat center;}
.fangan .fabox{ overflow:hidden; width:100%; margin-top:24px; padding-top:40px; background:url(img/fangan_jp.png) no-repeat center top;}
.fangan .fa01{ width:425px; float:left}
.fangan .fa02{ width:425px; float:right}
.fangan .fabox img{ display:block; margin:0 auto; margin-bottom:25px;}
.fangan .fabox h3{ font-size:20px; color:#333; text-align:center; margin-bottom:15px;}
.fangan .fabox p{ font-size:14px; color:#333; line-height:25px; text-align:justify}
.fangan .jm{ display:block; width:269px; height:124px; margin:0 auto; background:url(img/fangan_jm.jpg) no-repeat center; margin-top:40px;}

/*口碑*/
.koubei { overflow:hidden; width:100%; height:594px; padding-top:50px; background: url(../img/adc.png) no-repeat center  bottom;}
.koubei .title em{  }
.koubei .kbbox{ overflow:hidden; width:1200px; margin:40px auto 30px auto; height:356px; position:relative;}
.koubei .kbbox ul{ overflow:hidden; position:absolute}
.koubei .kbbox li{ float:left; width:360px; height:356px;  background-color:#fff; margin-right:20px;margin-left:20px;}
.koubei .kbbox li img{ display:block;}
.koubei .kbbox li h3{ text-align:center; margin:0px auto; height:84px;line-height:84px;font-size:16px;}
.koubei .kbbox li h3 a{ color:#333}
.koubei .kbbox li p{ font-size:14px; color:#666; line-height:20px; height:60px; overflow: hidden; width:240px; margin:0 auto; margin-bottom:30px; text-align: justify}
.koubei .kbbox li .more{ display:block; width:87px; height:30px; background:url(img/koubei_btn.png) no-repeat center top; text-align:center; line-height:30px; font-size:14px; color:#fff; margin:0 auto}
.koubei .kbbox li:hover { border-color:#eb2533;}
.koubei .kbbox li:hover .more{ background-position:bottom}
.koubei .btn{ overflow:hidden; width:80px; margin:0 auto;}
.koubei .btn i{ display:block; width:35px; height:35px; cursor:pointer}
.koubei .btn01{ float:left; background:url(img/pinpai_btn.png) no-repeat center top;}
.koubei .btn02{ float:right; background:url(img/pinpai_btn.png) no-repeat center bottom;}

/*流程*/
.liucheng { overflow:hidden; width:1216px; margin:0 auto; height:379px; background:url(img/liucheng_bg.jpg) no-repeat center top; margin-bottom:30px;}
.liucheng img{ display:block; margin:30px auto;}
.liucheng .phone{ overflow:hidden; width:420px; margin:0 auto}
.liucheng .phone em{ display:block; float:left; width:60px; font-size:14px; color:#666; text-align: right}
.liucheng .phone span{ display:block; float:left; margin-left:20px; font-size:35px; color:#333; font-family:'Times New Roman'; position:relative; top:-5px;}
.liucheng .phone a{ display:block; font-size:18px; color:#fff; width:119px; height:36px; background:url(img/about_btn.png) no-repeat center right; text-align:center; line-height:36px; float:right}

/*留言*/
.liuyan { overflow: hidden; margin:0 auto; width:1234px; height:639px; background:url(img/liuyan_bg.jpg) no-repeat center top; margin-bottom:30px;}
.liuyan .title{ margin-top:35px; margin-bottom:30px;}
.liuyan .title em{ background:url(img/liuyan_t.png) no-repeat center; color: #fff;}
.liuyan .lybox{ overflow:hidden; width:1100px; height:380px; padding:45px 35px 0 35px; margin:0 auto; background-color:#fff;}
.liuyan .lyleft { overflow:hidden; width:352px; float:left;}
.liuyan .lyleft h3{ padding-left:36px; margin-bottom:20px; font-weight:normal; font-size:24px; color:#333; background:url(img/liuyan_h.png) no-repeat left center;}
.liuyan .lyleft p{ font-size:14px; line-height:20px; color:#333; margin-bottom:10px;}
.liuyan .lyleft p b{ color:#eb2533;}
.liuyan .lyleft input{ display:block; border:1px solid #d5d2d2; width:330px; height:43px; margin-bottom:4px; line-height:43px; outline:none; padding:0 10px; font-size:14px; color:#666;}
.liuyan .lyleft textarea{ display:block; border:1px solid #d5d2d2; width:330px; height:80px; margin-bottom:4px; resize:none; outline:none; padding:10px; font-size:14px; color:#666;}
.liuyan .lyleft span{ display:block; width:100%; height:45px; text-align:center; line-height:45px; font-weight:bold; font-size:18px; color:#fff; cursor:pointer; background:url(img/liuyan_btn.png) no-repeat center;}
.liuyan .img{ display:block; float:left; margin-left:32px; margin-top:48px;}
.liuyan .lyright{ overflow:hidden; float:right; width:350px;}
.liuyan .lyright h3{ padding-left:36px; margin-bottom:10px; font-weight:normal; font-size:24px; color:#333; background:url(img/liuyan_h.png) no-repeat left center;}
.liuyan .lyright ul{ overflow:hidden; padding-left:30px; width:320px; background:url(img/liuyan_l.png) no-repeat left center;}
.liuyan .lyright li{ font-size:14px; color:#333; line-height:36px; white-space:nowrap; text-overflow:ellipsis; overflow:hidden; display:block; width:100%;}

/*news*/
.news { overflow:hidden; width:1200px; margin:30px auto;}
.newsleft { overflow:hidden; float:left; width:710px; padding:0 28px; height:500px; border:2px solid #e3e0e0; border-radius:10px;}
.newsright{ overflow:hidden; float:right; width:340px; padding:0 28px; height:500px; border:2px solid #e3e0e0; border-radius:10px;}
.news .top{ overflow:hidden; width:100%; margin-bottom:20px; margin-top:30px;}
.news .top ul{ overflow:hidden; float:left;}
.news .top li{ float:left; margin-right:10px; width:132px; height:43px; text-align:center; line-height:43px; font-size:16px; color:#333; background:url(img/news_btn.png) no-repeat right center;}
.news .top li a{ display:block; color:#333; text-decoration:none;}
.news .top .cur{ background-position:left}
.news .top .cur a{ color:#fff;}
.news .top .more{ float:right; margin-top:10px; font-size:14px; color:#999;}
.news .top h2{ float: left; font-weight:normal; width:132px; height:43px; text-align:center; line-height:43px; background:url(img/news_btn.png) no-repeat left center; font-size:16px;}
.news .top h2 a{ color:#fff; text-decoration:none}

.newsleft .newsbox{ overflow:hidden; width:100%; height:395px; position:relative}
.newsleft .newslist{ overflow:hidden; width:100%; height:100%;}
.newsleft .tuwen{ overflow:hidden; width:100%; height:196px; margin-bottom:20px;}
.newsleft .tuwen img{ display:block; float:left}
.newsleft .tuwen .wen{ overflow:hidden; float:right; width:370px;}
.newsleft .tuwen h3{ font-weight:normal; font-size:18px; color:#333; margin:13px 0; white-space:nowrap; text-overflow:ellipsis; overflow:hidden}
.newsleft .tuwen h3 a{ color:#333}
.newsleft .tuwen p{ font-size:14px; color:#666; line-height:22px; height:66px; overflow:hidden; text-align:justify; margin-bottom:15px;}
.newsleft .tuwen .xq{ display:block; width:87px; height:30px; text-align:center; line-height:30px; font-size:14px; color:#fff; background:url(img/koubei_btn.png) no-repeat center bottom;}
.newsleft .list { overflow:hidden; width:100%;}
.newsleft .list li{ overflow:hidden; display:block; padding-left:20px; background:url(img/news_li.png) no-repeat left center; font-size:14px; line-height:35px;}
.newsleft .list a{ display:block; float:left; width:520px; white-space:nowrap; text-overflow:ellipsis; overflow:hidden; color:#666}
.newsleft .list span{ display:block; float:right; color:#999}

.news .wenda { overflow:hidden; width:100%; height:380px; position:relative;}
.news .wenda ul{ overflow:hidden; position:absolute; width:100%;}
.news .wenda li{ overflow:hidden; width:100%; height:99px; border-bottom:1px dashed #fdd1d1; margin-bottom:25px;}
.news .wenda h3{ font-weight:normal; font-size:14px; white-space:nowrap; text-overflow:ellipsis; overflow:hidden; margin-bottom:12px; padding-left:33px; background:url(img/news_w.png) no-repeat left center; line-height:25px;}
.news .wenda h3 a{ color:#333}
.news .wenda p{ font-size:14px; line-height:22px; color:#333; height:44px; padding-left:33px; background: url(img/news_d.png) no-repeat left top;}

/*link*/
.link { overflow:hidden; width:1156px; margin:0 auto; border-radius:10px; border:2px solid #e3e0e0; padding:20px; margin-bottom:30px;}
.link h3{ float:left; font-size:18px; color:#0075c1; line-height:33px;}
.link h3 a{color:#0075c1;cursor: default;text-decoration: none;}
.link h3 em{ font-family:Arial; text-transform:uppercase; margin-left:10px;}
.link ul{ overflow:hidden; width:880px; font-size:14px; float:left; margin-left:10px;}
.link ul li{ float:left; margin:0 10px; white-space:nowrap; line-height:33px;}
.link ul a{ color:#666}
.link .rk{ display:block; float:right; width:104px; height:33px; text-align:center; line-height:33px; border-radius:5px; background-color:#eb2533; font-size:14px; color:#fff;}

/* -- 弹出窗口 -- */
#mesbook1_c, #mesbook1{display:none;z-index:1001;width:398px;border:1px solid #ccc;background:#fff; padding-bottom:20px;}
#mesbook1_c div, #mesbook1 div{ border:1px solid #E4E3E3; background:#EBECEB;height:18px; padding:4px .5em 0; margin-bottom:10px;}
#mesbook1_c dl.b1, #mesbook1 dl.b1 { width:370px; margin:0 auto;}
#mesbook1_c dl.b1 dt, #mesbook1 dl.b1 dt { float:left; width:105px; overflow:hidden; }
#mesbook1_c dl.b1 dd, #mesbook1 dl.b1 dd { width:265px; float:right;}
#mesbook1_c #mesbook1_cBtns, #mesbook1 #mesbook1Btns{padding-bottom:10px;}
#mesbook1_c #mesbook1_cBtns input, #mesbook1 #mesbook1Btns input {margin-right:20px;}
/*处理中动画占全屏*/
#oran_div_processing{width:300px;padding:20px;z-index:9999;text-align:center;background:#fffeef;border:solid 1px #b8ab04;}
