@charset "utf-8";

/* CSS Document */

::-webkit-input-placeholder {     color:#bbb; text-indent: 10px;    　　}
　　:-moz-placeholder {    color:#bbb;   text-indent: 10px;  　　}
　　::-moz-placeholder {    color:#bbb;   text-indent: 10px;  　　}
　　:-ms-input-placeholder {    color:#bbb;   text-indent: 10px;  　　}

/****************第一个显示层*******************/
.floor1,.floor2,.floor3{ width:1200px; margin:0 auto}
.floor1{height:510px;}
.floor1 .box1,.floor1 .box2,.floor1 .box3{ float:left; height:450px; overflow:hidden; }
.floor1 .box1{ width:360px; background: url(../images/news-title.png) 20px 40px no-repeat; }
.floor1 .f1_line{ height:38px; font-size:18px; color:#333; margin-top:120px; }
.floor1 .f1_line span{float:left; height:20px; line-height:20px; padding-left:10px; display:block; width:150px; border-left:3px #F00 solid }
.floor1 .f1_line a{ float:right; font-size:12px; color:#777; padding-top:10px; padding-right:10px;}
/**********tab代码**********/
.m-tab,m-ct{ width:358px; border-top:1px solid #CCC; height:31px; line-height:32px;}
.m-tab .u-tab{ padding:4px 8px; font-size:15px; color:#666; letter-spacing:1px; margin-right:6px; cursor:pointer }
.m-tab .u-tab.active{ border-bottom:2px #e00 solid; padding:4px 8px}
.m-ct ul{ border:1px solid #CCC; display: none; padding-top:3px; padding-bottom:10px;}
.m-ct ul img{ padding:12px;}
.m-ct ul li{  font-size:13px; padding:0px 15px;  line-height:26px;letter-spacing:1px;  padding-left:20px; background:url(../images/d.jpg) 5px center no-repeat; white-space: nowrap;text-overflow:ellipsis; overflow:hidden; }
.m-ct ul li:hover{ background:url(../images/d1.jpg) 5px center no-repeat;}
.m-ct ul li a{ color:#888}
.m-ct ul li a:hover{ color:#e00}
.m-ct ul.active{display: block;}
/**********tab结束**********/
.floor1 .box2{ width:460px; margin-left:10px; padding-top:30px }
.floor1 .box2 .f1_t,.floor1 .box2 .f1_t{ height:200px; }
.floor1 .box2 .f1_t{ padding-top:10px;}
.floor1 .box2 .f1_t h2{  font-size:22px; margin-left:20px; color:#666; height:22px; line-height:20px; padding-left:15px; font-weight:400;  border-left:4px #1360bc solid}
.floor1 .box2 .f1_t ul{padding-left:15px; padding-top:15px;}
.floor1 .box2 .f1_t li{ height:75px; border-bottom:1px dashed #CCC}
.floor1 .box2 .f1_t li h3{ font-size:18px; letter-spacing:1px;  line-height:35px; }
.floor1 .box2 .f1_t li h3 a{ color:#666}
.floor1 .box2 .f1_t li h3 a:hover{ color:#a00}
.floor1 .box2 .f1_t li p a{ color:#F60; }
.floor1 .box2 .f1_t li p{ font-size:13px; letter-spacing:1px; color:#888; line-height:26px; white-space: nowrap;text-overflow:ellipsis; overflow:hidden; }
.floor1 .box3{ width:360px; margin-left:10px; padding-top:40px;}
.floor1 .box3 .f1_t h2{  font-size:22px; margin-left:20px; color:#666; height:22px; line-height:20px; padding-left:15px; font-weight:400;  border-left:4px #1360bc solid}
.floor1 .box3 .f1_t .video{ width:360px; height:245px; padding-top:35px;}
.floor1 .box3 .f1_text{ padding-top:10px;}
.floor1 .box3 .f1_text p{font-size:13px; letter-spacing:1px; color:#888; line-height:28px; white-space: nowrap;text-overflow:ellipsis; overflow:hidden;}
.floor1 .box3 .f1_text p a{ color:#888;}
.floor1 .box3 .f1_text p  span{ color:#F60}
/****************第一个显示层结束*******************/
/****************第二个显示层开始*******************/
.pbox{ height:520px; background:#f5f5f5; }
.floor2{ height:520px; background:url(../images/jie.jpg) center 45px no-repeat}
.floor2 ul{ padding-top:136px;}
.floor2 ul li{ width:360px; height:336px; border:1px #d9d9d9 solid; float:left; background:#FFF; margin-right:56px; box-shadow:1px 1px 4px #CCC}
.floor2 ul li:hover{  box-shadow:6px 6px 8px #CCC}
.floor2 ul li.l{ margin-right:0px;}
.floor2 ul li h3{ height:56px; padding-left:15px; line-height:52px; font-size:18px; color:#FFF}
.floor2 ul li.l h3{ background:url(../images/line1.png);}
.floor2 ul li.f h3{ background:url(../images/line2.png);}
.floor2 ul li.s h3{ background:url(../images/line3.png);}
.floor2 ul li h3 span.rg{ display:inline-block; float:right; width:100px; font-size:14px; background: url(../images/jt.png) 60px 14px no-repeat; }
.floor2 ul li .f2_box{ position:relative}
.floor2 ul li .f2_lf{ width:178px; height:205px; position:absolute; left:12px; top:36px; overflow:hidden}
.floor2 ul li .f2_lf img{ width:178px; height:205px;}
.floor2 ul li .f2_rg{ width:145px; height:212px; font-size:12px; line-height:21px; position:absolute; color:#464445;  left:200px; top:36px;   text-overflow:ellipsis; overflow:hidden;}
.floor2 ul li .f2_rg span{ color:#C00; display:block; font-weight:600; }
/****************第二个显示层结束*******************/
/****************第三个层案例开始*******************/
.floor3{ height:540px;}
.floor3 .f3_top{ height:80px; width:260px; line-height:100px; margin:30px auto; ; font-size:28px; border-bottom:2px #3CF solid; text-align:center  }
.floor3 ul{ padding-top:20px;}
.floor3 ul li{ width:260px; height:175px; float: left; margin:20px; background:#f9f9f9;  height:310px; border-bottom:8px solid #c4c4c4; margin-bottom:50px; }
.floor3 ul li h3{ font-size:18px; font-weight:400px; width:220px; height:42px; color:#4e5146; line-height:42px; display:block; margin:0 auto; white-space: nowrap;text-overflow:ellipsis; overflow:hidden;} 
.floor3 ul li p{ padding:0px 18px; height:45px; text-overflow:ellipsis; overflow:hidden; line-height:20px;}
.floor3 ul li a{ color:#6d6d6d}
.floor3 ul li:hover a{ color:#183e85}
.floor3 ul li h4{ height:40px; display:block; background: url(../images/r-btn2.png) 20px center no-repeat;  color:#6d6d6d; line-height:40px; padding-left:56px; }
.floor3 ul li:hover{  border-bottom:8px solid #183e85}
.floor3 ul li:hover h3{ color:#183e85}
.floor3 ul li:hover p{ color:#183e85}
.floor3 ul li:hover h4{ color:#183e85;background: url(../images/r-btn3.png) 20px center no-repeat; }
.floor3 ul li.f3_l,.floor3 ul li:last-child{ margin-right:0px; }
.floor3 ul li img{ width:260px; height:175px;}
/****************第三个层案例结束*******************/
/****************第四层banner开始*******************/
.floor4{ height:482px; background:url(../images/banner1.gif);}
.floor4 .text1,.floor4 .text2,.floor4 button{ width:1000px; margin:0 auto; text-align:center}
.floor4 .text1{ font-size:58px; color:#fdd105; font-weight:bold; height:180px; line-height:180px; letter-spacing:4px; padding-top:50px;}
.floor4 .text2{ font-size:42px; color:#fff; font-weight:400; height:50px; line-height:50px; letter-spacing:8px; }
.floor4 button{ width:300px; height:58px; border:1px solid #fdd105; font-size:28px; color:#fdd105; display:block; background: rgba(0,0,0,0.4);  margin-top:80px;letter-spacing:4px; border-radius:5px}
.floor4 button:hover{ box-shadow:6px 6px 8px #000 }

/****************第五层我们的优势开始*******************/

.floor5{ height:500px;}
.floor5 h3,.floor5 ul{ width:1200px;}
.floor5 h3{ height:140px; line-height:150px; margin:0 auto; text-align:center; letter-spacing:3px; font-size:30px; color:#888}
.floor5 ul{ padding-left:80px;}
.floor5 ul.map,.floor5 ul.text{ margin:0 auto; text-align:center; height:160px; }
.floor5 ul.map li{ background:#ececec; width:130px;  height:130px;   margin:15px 25px; border-radius:50%; float:left; }
.floor5 ul.map li.f5_1{ background:url(../images/ys1.png) center no-repeat}
.floor5 ul.map li.f5_2{ background:url(../images/ys2.png) center no-repeat}
.floor5 ul.map li.f5_3{ background:url(../images/ys3.png) center no-repeat}
.floor5 ul.map li.f5_4{ background:url(../images/ys4.png) center no-repeat}
.floor5 ul.map li.f5_5{ background:url(../images/ys1.png) center no-repeat}
.floor5 ul.map li.f5_6{ background:url(../images/ys3.png) center no-repeat}
.floor5 ul.text li{ width:130px;  height:130px;   margin:15px 25px; float:left }
.floor5 ul.text li h2{ font-size:18px; color:#666; font-weight:400}
.floor5 ul.text li p{ font-size:12px; color:#888; width:140px; height:60px;  display:inline-block; line-height:24px; padding-top:15px}

/****************产品展示开始*******************/
.product{ height:680px; background:#f5f5f5}
.product .p_box,.product .p_m{ width:1200px; margin:0 auto}
.product .p_m{ height:100px;}
.product .p_m span{ float:left; font-size:24px; line-height:20px; color:#666; display:inline-block; padding-left:10px; margin-top:50px; border-left:4px #1360bc solid}
.product .p_m a{ float: right; font-size:12px; line-height:20px; color:#F60; display:inline-block;  margin-top:50px; padding-right:20px;}
.product .p_box{ height:500px}
.product .p_box .p_left{ width:240px; height:515px; overflow: hidden; float:left}
.product .p_box .p_left img{ width:240px; height:515px;}
.product .p_box .p_right{width:950px; height:510px; float:right;  margin-top:-5px;}
.product .p_box .p_right li{width:225px; height:252px; background:#FFF; float:left; margin:5px; position:relative; box-shadow:0px 0px 2px #CCC}
.product .p_box .p_right li:hover{box-shadow:6px 6px 8px #CCC}
.product .p_box .p_right li img{width:180px; height:180px;  margin-left:20px; margin-top:20px;}
.product .p_box .p_right li.P_last{width:460px;}
.product .p_box .p_right li.P_last img{width:300px; height:180px; margin-left:80px; }
.product .p_box .p_right li p{ padding:10px; color:#666; font-size:14px; text-align:center}
.product .p_box .p_right li span{ color:#fff; background:#F60; padding:0px 3px; position:absolute; top:20px; left:20px;}

/****************banner2开始*******************/
.banner2{ height:510px; background:url(../images/ind_c2.jpg) repeat-x;}
.banner2 .t1,.banner2 .t2{ width:1000px;   margin:0 auto}
.banner2 .t1{ font-size:48px; color:#FC3; font-weight:bold; height:100px; line-height:100px; letter-spacing:4px; padding-top:50px;}
.banner2 .t2{ font-size:38px; color:#fff; font-weight:400; height:60px; padding-left:200px; line-height:40px; letter-spacing:4px; }
.banner2 ul{ width:1200px; margin:50px auto; }
.banner2 ul li{ width:280px; height:150px; background:rgba(0,0,0,0.3); float:left; margin:0px 60px;}
.banner2 ul li h3{ font-size:24px; color:#FC0; height:45px; text-align:center; line-height:45px;}
.banner2 ul li p{ font-size:14px; color:#fff;  line-height:20px; padding:0px 15px;}

 /****************留言板*******************/
.floor8{ height:540px; background:#f5f5f5}
.floor8 .massage{ width:1200px; margin:0 auto; height:460px;  padding-top:65px;} 
.floor8 .massage .f8box2{ float:left; }
.floor8 .massage .f8_1{ margin-right:40px}
.floor8 .massage .f8box2 h2{  font-size:22px; margin-left:20px; color:#666; height:22px; line-height:20px; padding-left:15px; font-weight:400;  border-left:4px #1360bc solid}
.floor8 .massage .f8box2 .butt{ width:575px; height:360px; padding-top:25px; background:#FFF; margin-top:25px; box-shadow:1px 1px 3px #CCC}
.floor8 .massage .f8box2 .butt .m_f{ margin:25px 0px; }
.floor8 .massage .f8box2 .butt .m_f span{ width:60px; padding:3px 0; padding-left:70px; background:#2974cf; font-size:16px; color:#FFF;  display:block; float:left}
.floor8 .massage .f8box2 .butt .m_f input{  border:1px solid #d1d6d9; margin-left:15px; height:35px; width:220px; color:#333; text-indent: 5px; font-size:14px;}
.floor8 .massage .f8box2 .butt .m_f .area{  height:120px; width:365px; border:1px solid #d1d6d9;margin-left:15px; color:#333; text-indent: 5px; font-size:14px;}
.floor8 .massage .f8box2 .butt .m_l{ text-align:center;margin:25px 0px;}
.floor8 .massage .f8box2 .butt .m_l input{ width:100px; border-radius:3px; margin:0 10px; background:#2974cf; color:#FFF; height:30px; line-height:30px;} 
.f8_2{ width:445px; }
#demo{ overflow:hidden; height:320px; width:445px; padding-left:35px; }
.f8_2 .butt li{  border-bottom:1px dashed #CCC; padding-top:15px; padding-bottom:5px;}

.f8_2 .butt li h3{ font-size:16px; color:#666; padding-left:45px; line-height:25px; min-height: 35px; background:url(../images/wen.jpg) left top no-repeat}
.f8_2 .butt li p{ font-size:14px; color:#888; padding-left:45px; line-height:22px; min-height: 35px;  background:url(../images/da.jpg) left top no-repeat; }