﻿@charset "utf-8";
/* CSS Document */


/*---头部---*/
body { z-index:1;}

/*首页*/
/*banner*/
.fullSlide { width:100%; min-width:1000px; position:relative; height:550px; z-index:1; padding-top: 110px; }
.fullSlide .bd { margin:0 auto; position:relative; z-index:1; overflow:hidden; }
.fullSlide .bd ul { width:100% !important; }
.fullSlide .bd li { width:100% !important; height:550px; overflow:hidden; text-align:center; }
.fullSlide .bd li a { display:block; height:550px; }
.fullSlide .bd li a img{
	width:100%;
	height:550px;
}
.fullSlide .hd { width:100%; position:absolute; z-index:1; bottom:15px; left:0; height:20px; overflow:hidden; }
.fullSlide .hd ul { width:160px; text-align:center; margin:auto; }
.fullSlide .hd ul li { cursor:pointer; display:inline-block; *display:inline; zoom:1; width:10px; height:10px; overflow:hidden; margin:0px 8px; overflow:hidden; background:url(../images/icon6.png) 0px 0px no-repeat; line-height:999px; }
.fullSlide .hd ul .on {  width:30px; background:url(../images/icon6.png) -0px -27px no-repeat; }
.fullSlide .prev,.fullSlide .next { display:block; position:absolute; z-index:1; top:53%; margin-top:0px; left:4%; z-index:1; width:37px; height:63px; background:url(../images/icon6.png) -0px -53px no-repeat; cursor:pointer; display:none; }
.fullSlide .next { left:auto; right:4%; background-position:-0px -121px; }

/*公司简介*/
.myabout{background:#fff; text-align: center; padding:10px 0;}
.Ncon8 { width:1300px; margin:auto; overflow:hidden; padding:35px 0px 70px; min-height:350px; position:relative; }
.Ncon8 .abox_t .abt_l { width:700px; float:left; padding:15px 0 120px 0px; background:url(../images/about_bg.png) left bottom no-repeat; font-size:15px; line-height:28px;  }
.Ncon8 .abox_t .abt_l h4 { font-size:28px; font-weight:bold; margin-bottom:40px; line-height:30px; color:#ffb400;text-align: left;}
.Ncon8 .abox_t .abt_text { padding-left:25px; border-left:10px solid #ffb400;text-align:left;color:#000;}
.Ncon8 .abox_t .abt_text p { margin-bottom:8px;}
.Ncon8 .abox_t .abt_r { width:580px; float:right;} 
.Ncon8 .abox_t .abt_r img { width:100%; }
.Ncon8 .abox_b { width:100%; margin:0px auto;  }
.Ncon8 .abox_b h5 { width:100%; font-size:28px; margin:80px 0px 40px; padding:0; font-weight:bold; text-align:center; color:#444;}
.Ncon8 .abox_b dl { width:200px; height:145px; display:block; float:left; margin: 0px 48px 60px; padding:25px 50px; border:1px solid #d9d9d9; }
.Ncon8 .abox_b dt { width:100%; height:52px; display:block; float:left; line-height:46px; text-align:center; background:url(../images/about_tbg.jpg) bottom center no-repeat; color:#54cdd6; font-weight:bold; font-family:Helvetica; font-size:26px;}
.Ncon8 .abox_b dd { width:100%; display:block; float:left; margin:20px 0 20px; font-size:18px; line-height:30px; text-align:center;  }

/*col1*/
.col1 { width:1500px; height:120px; margin:0px auto; padding:10px 0; position:relative; z-index:99; }
.col1 dl { width:190px; height:70px; padding:25px 55px; background: url(../images/m1line.png) no-repeat right; display: block; float: left; }
.col1 dl:nth-child(5) { background:none; }
.col1 dt { width: 90px;  display:block; float: left; }
.col1 dt i { width: 90px; height: 70px; display: block; background: url(../images/icon1.png) no-repeat;  }
.col1 dt i.c1_icon1 { background-position: 0px 0px; }
.col1 dt i.c1_icon2 { background-position: 0px -75px; }
.col1 dt i.c1_icon3 { background-position: 0px -151px; }
.col1 dt i.c1_icon4 { background-position: 0px -221px; }
.col1 dt i.c1_icon5 { background-position: 0px -295px; }
.col1 dd { width:80px; display:block; float: left; padding:7px 10px; font-size:16px; line-height:26px;  }


/*col2*/
.col2bg { width: 100%; background: #f4f4f4; }
.col2 { width:1500px; height:px; margin:0px auto; padding:70px 0 75px; position:relative; z-index:99; }
.col2 .c2_ttl {  width: 100%; text-align: center; font-size: 34px; line-height:40px; margin-bottom:35px; color:#444;}
.col2 .c2_con { width:100%; }
.col2 .c2_con .scene { width: 12.5%; display:block; float: left; margin:18px 0; } 
.col2 .c2_con .scene img { width:135px; display:block; margin:auto; }
.col2 .c2_con .scene span { width:100%; display:block; text-align:center; font-size:15px; color:#444; line-height:24px; margin-top:8px; }


/*col3*/
.col3 { width:1500px; height:px; margin:0px auto; padding:70px 0 70px; position:relative; z-index:99; }
.col3 .c3_ttl {  width: 100%; text-align: center; font-size: 34px; line-height:40px; margin-bottom:35px; color:#444;}
.col3 .c3_con { width:100%; }
.col3 .c3_con a { width:350px; height: 200px; display: block; float: left; border-radius: 3px; overflow: hidden; margin: 10px 12.5px 20px; }
.col3 .c3_con a img { width:100%; }


/*col4*/
.col4bg { width: 100%; background: #f4f4f4; }
.col4 { width:1500px; height:px; margin:0px auto; padding:70px 0 75px; position:relative; z-index:99; }
.col4 .c4_ttl {  width: 100%; height:px; display:block; text-align: center; margin-bottom:35px; color:#444;}
.col4 .c4_ttl .c4_ttl_h3 { width:100%; height:40px; font-size:34px;  line-height:40px; margin-bottom:15px; }
.col4 .c4_ttl span { width:100%; display:block; font-size:18px; line-height:24px; color:#888; }
.col4 .c4_con { width:100%; }
.col4 .c4_con .boxgrid { width:220px; height: 245px; display:table-cell; vertical-align:middle; text-align:center; overflow: hidden; position:relative;  }
.c4_con .clbox { width:220px; height:245px; display:block; float:left; margin:0px 15px 25px; background:#fff; border-bottom:3px solid #f1f1f1;  position: relative;}
.c4_con .clb_pic { width: 220px; height:166px; text-align:center;}
.c4_con .clb_pic img { max-width:220px; max-height:166px; vertical-align: middle;}
.c4_con .clb_text { width:190px; height:58px; padding:10px 15px 15px; text-align: left; }
.c4_con .clb_text .ttl { width: 100%; font-size: 16px; line-height: 28px;height: 28px;overflow: hidden;}
.c4_con .clb_text .label { width: 100%; height: 28px; font-size: 13px; color: #888; line-height: 26px; margin-top: 2px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
.c4_con .clb_text .label span {  font-size: 12px; padding:2px 8px; margin: 0px 5px; background: #e8e8e8; border-radius: 13px;  }
.col4 .c4_con .boxcaption { width: 200px; height: 215px; display: block; padding:15px 10px;  position: absolute; background:#fff; opacity:0.9; z-index: 99;  }
.col4 .c4_con .boxcaption img { width:100%; height:px; display: block; float: left; margin-right:0px;}
.col4 .c4_con .captionfull .boxcaption { top:245px; left:0px; }


/*col5*/
.col5bg { width: 100%; height: 650px;  background:url(../images/m5bg.jpg) no-repeat center fixed; background-size:cover;   }
.col5 { width:1500px; height:px; margin:0px auto; padding:70px 0 75px; position:relative; z-index:99; }
.col5 .c5_ttl {  width: 100%; height:px; display:block; text-align: center; margin-bottom:35px; color:#fff;}
.col5 .c5_ttl .c5_ttl_h3 { width:100%; height:40px; font-size:34px;  line-height:40px; margin-bottom:15px; }
.col5 .c5_ttl span { width:100%; display:block; font-size:18px; line-height:24px; color:#c5c5c5; }
.col5 .c5_con { width:100%; }
.col5 .c5_con dl { width:250px; height:145px; padding:158px 30px 35px; margin:15px 32.5px; display:block; float:left; background:#fff; border-radius:5px; position:relative; }
.col5 .c5_con dl dt { width:259px; height:68px; display:block; position:absolute; top:25px; left:-16px; padding:20px 20px 35px 30px; background:url(../images/m5tbg.png) no-repeat; }
.col5 .c5_con dl dt span { width:45px; height:68px; padding-right:10px; display:block; float:left; font-family:Helvetica; font-size:80px; color:#aee8ee; line-height:66px;}
.col5 .c5_con dl dt h4 { width:200px; display:block; float:left; font-size:24px; line-height:34px; color:#fff;}
.col5 .c5_con dl dd { width:250px; height:145px; display:block; font-size:16px; line-height:30px; color:#666; overflow:hidden;}


/*col6*/
.col6 { width:1500px; height:px; margin:0px auto; padding:70px 0 75px; position:relative; z-index:99; }
.col6 .c6_ttl {  width: 100%; height:px; display:block; text-align: center; margin-bottom:35px; color:#444;}
.col6 .c6_ttl .c6_ttl_h3 { width:100%; height:40px; font-size:34px;  line-height:40px; margin-bottom:15px; }
.col6 .c6_ttl span { width:100%; display:block; font-size:18px; line-height:24px; color:#888; }
.col6 .c6_con { width:1190px; margin:auto; }
.col6 .c6_con a { width:110px; height:190px; display:block; float:left; margin: 0 50px; }
.col6 .c6_con a.step1 { background:url(../images/m6_step1.png) no-repeat;}
.col6 .c6_con a.step1:hover { background:url(../images/m6_h_step1.png) no-repeat;}
.col6 .c6_con a.step2 { background:url(../images/m6_step2.png) no-repeat;}
.col6 .c6_con a.step2:hover { background:url(../images/m6_h_step2.png) no-repeat;}
.col6 .c6_con a.step3 { background:url(../images/m6_step3.png) no-repeat;}
.col6 .c6_con a.step3:hover { background:url(../images/m6_h_step3.png) no-repeat;}
.col6 .c6_con a.step4 { background:url(../images/m6_step4.png) no-repeat;}
.col6 .c6_con a.step4:hover { background:url(../images/m6_h_step4.png) no-repeat;}
.col6 .c6_con a.step5 { background:url(../images/m6_step5.png) no-repeat;}
.col6 .c6_con a.step5:hover { background:url(../images/m6_h_step5.png) no-repeat;}
.col6 .c6_con span { width:35px; height:16px; display:block; float:left; margin:47px 0;}


/*col7*/
.col7bg { width: 100%; background: #f4f4f4; }
.col7 { width:1500px; height:px; margin:0px auto; padding:70px 0 75px; position:relative; z-index:99; }
.col7 .c7_ttl {  width: 100%; height:px; display:block; text-align: center; margin-bottom:35px; color:#444;}
.col7 .c7_ttl .c7_ttl_h3 { width:100%; height:40px; font-size:34px;  line-height:40px; margin-bottom:15px; }
.col7 .c7_ttl span { width:100%; display:block; font-size:18px; line-height:24px; color:#888; }
.col7 .c7_con { width:100%; }
.col7 .c7_con .supportbox { width:210px; height:255px; padding:30px 5px; float:left; margin:0 15px;}
.col7 .c7_con .supportbox:hover { border-radius:5px; background:#fff;}
.col7 .c7_con .supportbox i { width:50px; height:45px; display:block; margin:auto; background:url(../images/icon4.png) no-repeat; }
.col7 .c7_con .supportbox i.c7_icon1 { background-position:1px 0px;}
.col7 .c7_con .supportbox i.c7_icon2 { background-position:1px -63px;}
.col7 .c7_con .supportbox i.c7_icon3 { background-position:0px -123px;}
.col7 .c7_con .supportbox i.c7_icon4 { background-position:1px -186px;}
.col7 .c7_con .supportbox i.c7_icon5 { background-position:0px -248px;}
.col7 .c7_con .supportbox i.c7_icon6 { background-position:0px -311px;}
.col7 .c7_con .supportbox .c7_h4 { margin:5px 0 15px; text-align:center; font-size:20px; line-height:40px; }
.col7 .c7_con .supportbox .c7_text { width:180px; height:130px; padding:20px 15px 0px; border-top:1px solid #dedede;  text-align:center; font-size:14px; line-height:26px; overflow:hidden; }
.col7 .c7_con .supportbox:hover .c7_text { border-top:1px solid #eee;}


/*col8*/
.col8 { width:1500px; height:px; margin:0px auto; padding:70px 0 95px; position:relative; z-index:99; }
.col8 .c8_ttl {  width: 100%; height:px; display:block; text-align: center; margin-bottom:35px; color:#444;}
.col8 .c8_ttl .c8_ttl_h3 { width:100%; height:40px; font-size:34px;  line-height:40px; margin-bottom:15px; }
.col8 .c8_ttl span { width:100%; display:block; font-size:18px; line-height:24px; color:#888; }
.col8 .c8_con { width:100%;}
.col8 .c8_con a { width:680px; display:block; float:left; margin:15px 35px 30px; }
.col8 .c8_con .n_l { width:160px; height:86px; border:1px solid #bcbcbc; text-align:center; border-radius:5px; }
.col8 .c8_con .n_l .detail { width:50px; height:66px; display:inline-block; float:right; padding-top:20px; background:#a5a5a5; color:#fff; line-height:22px; font-size:14px; }
.col8 .c8_con .date { width:110px; height:66px; padding:10px 0px; display:inline-block; overflow:hidden; float:left; font-weight:bold; color:#999; }
.col8 .c8_con .date i { font-style:normal; display:inline-block; width:100%; height:18px; line-height:18px; overflow:hidden; font-size:16px; }
.col8 .c8_con .date b{ display:inline-block; width:100%; height:42px; line-height:42px; font-size:44px; }
.col8 .c8_con a h3 { width:500px; height:39px; float:left; margin:0px 0px 0px 18px; line-height: 39px; color:#444; font-size:18px; overflow:hidden; white-space:nowrap; text-overflow:ellipsis; -o-text-overflow:ellipsis; }
.col8 .c8_con a p { width:500px; height:44px; overflow:hidden; font-size: 14px; line-height:22px; float:left; margin-left:18px; color:#666;}
.col8 .c8_con a:hover .n_l { border:1px solid #4eadd8; }
.col8 .c8_con a:hover .detail { background:#4eadd8;   }
.col8 .c8_con a:hover .date { color:#4eadd8; }


@media screen and (max-width:1440px) {
.col1 { width:1200px; height:120px; padding:10px 0; }
.col1 dl { width:164px; height:70px; padding:25px 30px; }
.col1 dd { width:64px; padding:7px 3px 7px 7px; font-size:15px; line-height:26px;  }

.col2 { width:1200px; padding:50px 0 45px; }
.col2 .c2_con .scene img { width:124px; }
.col2 .c2_con .scene span {font-size:13px; line-height:22px; margin-top: 12px; }
	
.col3 { width:1200px; padding:50px 0 45px;}	
.col3 .c3_con a { width:284px; height:162px; margin: 0px 8px 18px; }

.col4 { width:1200px; padding:50px 0 45px; }
.col4 .c4_con .boxgrid { width:192px; }
.c4_con .clbox { width:192px; height:245px; margin:0px 4px 25px;}
.c4_con .clb_pic { width: 192px; height:145px;}
.c4_con .clb_pic img { max-width:192px; max-height:145px; }
.c4_con .clb_text { width:162px; height:58px; margin-bottom: 12px; padding: 15px; }
.c4_con .clb_text .ttl { width: 100%; font-size: 16px; line-height: 28px;}
.c4_con .clb_text .label { width: 100%; height: 28px; line-height: 26px; margin-top: 6px;}
.c4_con .clb_text .label span {  font-size: 12px; padding:2px 8px; margin: 0px 5px;}
.col4 .c4_con .boxcaption { width: 184px; height: 206px; padding:19px 4px; }
.col4 .c4_con .boxcaption img { width:100%; }
.col4 .c4_con .captionfull .boxcaption { top:245px; left:0px; }



.col5bg { height: 560px; }
.col5 { width:1200px; padding:50px 0 50px;}
.col5 .c5_con dl { width:236px; height:145px; padding:135px 20px 30px; margin:5px 12px 10px;  }
.col5 .c5_con dl dt { width:250px; height:72px; top:20px; left:-15px; padding:15px 10px 25px 18px; background-size:278px; }
.col5 .c5_con dl dt h4 { width:190px; font-size:20px; line-height:32px; }
.col5 .c5_con dl dd { width:236px; height:145px; font-size:15px; line-height:28px; }

.col6 { width:1200px; padding:50px 0 65px; }
.col6 .c6_ttl { margin-bottom:30px;  }
.col6 .c6_con { width:1200px; }
.col6 .c6_con a { margin: 0 51px; }

.col7 { width:1000px;  padding:50px 0 55px; }
.col7 .c7_ttl { margin-bottom:30px; }
.col7 .c7_con .supportbox { width:230px; height:220px; padding:30px 15px 35px; margin:0 36px 0px;}
.col7 .c7_con .supportbox .c7_h4 { margin:5px 0 12px; }
.col7 .c7_con .supportbox .c7_text { width:200px; height:104px; padding:15px 15px 0px; line-height:26px; }

.col8 { width:1200px; padding:50px 0 75px; }
.col8 .c8_ttl { margin-bottom:30px; }
.col8 .c8_con a { width:570px;  margin:15px 15px 20px; }
.col8 .c8_con .n_l { width:134px; }
.col8 .c8_con .n_l .detail { width:44px; }
.col8 .c8_con .date { width:90px; }
.col8 .c8_con .date i { font-size:14px; }
.col8 .c8_con .date b{ font-size:40px; }
.col8 .c8_con a h3 { width:376px; height:39px;  margin:0px 0px 0px 18px; font-size:17px;  }
.col8 .c8_con a p { width:376px; height:44px; font-size: 14px; line-height:22px; margin-left:18px; }

}

@media screen and (max-width:1280px) {

.col1 { width:1000px; height:120px; padding:10px 0; }
.col1 dl { width:164px; height:70px; padding:25px 10px; }
.col1 dd { width:64px; padding:7px 3px 7px 7px; font-size:15px; line-height:26px;  }

.col2 { width:1000px; padding:50px 0 45px; }
.col2 .c2_con .scene img { width:105px; }
.col2 .c2_con .scene span {font-size:13px; line-height:20px; margin-top: 8px; }
	
.col3 { width:1000px; padding:50px 0 45px;}	
.col3 .c3_con a { width:234px; height: 134px; margin: 0px 8px 18px; }

.col4 { width:1000px; padding:50px 0 45px; }
.col4 .c4_con .boxgrid { width:220px; height: 245px; display:table-cell; vertical-align:middle; text-align:center; overflow: hidden; position:relative;  }
.c4_con .clbox { width:220px; height:245px; display:block; float:left; margin:0px 15px 25px; background:#fff; border-bottom:3px solid #f1f1f1;  position: relative;}
.c4_con .clb_pic { width: 220px; height:166px; text-align:center;}
.c4_con .clb_pic img { max-width:220px; max-height:166px; vertical-align: middle;}
.c4_con .clb_text { width:190px; height:58px; padding:10px 15px 15px; text-align: left; margin: 0 }
.c4_con .clb_text .ttl { width: 100%; font-size: 16px; line-height: 28px;}
.c4_con .clb_text .label { width: 100%; height: 28px; font-size: 13px; color: #888; line-height: 26px; margin-top: 2px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
.c4_con .clb_text .label span {  font-size: 12px; padding:2px 8px; margin: 0px 5px; background: #e8e8e8; border-radius: 13px;  }
.col4 .c4_con .boxcaption { width: 200px; height: 215px; display: block; padding:15px 10px;  position: absolute; background:#fff; opacity:0.9; z-index: 99;  }
.col4 .c4_con .boxcaption img { width:100%; height:px; display: block; float: left; margin-right:0px;}
.col4 .c4_con .captionfull .boxcaption { top:245px; left:0px; }


.col5bg { height: 540px; }
.col5 { width:1000px; padding:50px 0 50px;}
.col5 .c5_con dl { width:186px; height:145px; padding:120px 20px 30px; margin:5px 12px 10px;  }
.col5 .c5_con dl dt { width:200px; height:52px; top:20px; left:-12px; padding:15px 10px 25px 18px; background-size:228px; }
.col5 .c5_con dl dt span { width:38px; height:52px; padding-right:8px;  font-size:62px; line-height:50px;}
.col5 .c5_con dl dt h4 { width:150px; font-size:18px; line-height:26px; }
.col5 .c5_con dl dd { width:186px; height:145px; font-size:14px; line-height:24px; }

.col6 { width:1000px; padding:50px 0 65px; }
.col6 .c6_ttl { margin-bottom:30px;  }
.col6 .c6_con { width:1000px; }
.col6 .c6_con a { margin: 0 31px; }

.col7 { width:1000px;  padding:50px 0 55px; }
.col7 .c7_ttl { margin-bottom:30px; }
.col7 .c7_con .supportbox { width:230px; height:220px; padding:30px 15px 35px; margin:0 36px 0px;}
.col7 .c7_con .supportbox .c7_h4 { margin:5px 0 12px; }
.col7 .c7_con .supportbox .c7_text { width:200px; height:104px; padding:15px 15px 0px; line-height:26px; }

.col8 { width:1000px; padding:50px 0 75px; }
.col8 .c8_ttl { margin-bottom:30px; }
.col8 .c8_con a { width:470px;  margin:15px 15px 20px; }
.col8 .c8_con .n_l { width:134px; }
.col8 .c8_con .n_l .detail { width:44px; }
.col8 .c8_con .date { width:90px; }
.col8 .c8_con .date i { font-size:14px; }
.col8 .c8_con .date b{ font-size:40px; }
.col8 .c8_con a h3 { width:306px; height:39px;  margin:0px 0px 0px 18px; font-size:17px;  }
.col8 .c8_con a p { width:306px; height:44px; font-size: 14px; line-height:22px; margin-left:18px; }


}

