@charset "utf-8";
/* CSS Document */
/*banner*/
.banner{ overflow:hidden; width:100%; height:530px; background:url(../Img/banner.jpg) no-repeat center;}

/* -- 弹出窗口 -- */
#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;}

#flashs{ position:relative; height:530px; overflow:hidden;}
#flashs .bgitem{  z-index:1;position:absolute; top:0; }
#flashs .btn{ position:absolute; z-index:7; bottom:15px; left:50%; margin-left:-95px; padding:0px 6px;}
#flashs .btn span{ color:#fff;  background:#333; cursor: pointer;display: inline-block;margin:0 2px;width:25px;height:25px;font-size:14px;line-height:25px;text-align:center;}
#flashs .btn span.cur{ background:#c30101;}

/*search*/
.search { overflow:hidden; width:100%; height:55px; background-color:#e5e5e5;}
.search p{ float:left; line-height:55px; font-size:13px; color:#181818;}
.search p a{ color:#181818; margin:0 5px;}
.search .sbox{ overflow:hidden; width:260px; height:35px; float:right; margin-top:10px; background-color:#fff;}
.search input{ width:200px; height:35px; line-height:35px; padding:0 10px; border:none; outline:none; background:none; font-size:13px; color:#666; display:block; float:left}
.search span{ display:block; width:40px; height:35px; background:url(../Img/search.png) no-repeat center; background-color:#c30101; float:right; cursor:pointer}



/*pro*/
.pro { overflow:hidden; width:100%; padding:50px 0; background:url(../Img/pro_bg.jpg) repeat center;}
.pro .proLeft { overflow:hidden; float:left; width:240px; background-color:#fff; height:860px;}
.pro .proLeft h3{ overflow:hidden; padding-left:50px; margin-top:30px; margin-left:20px; background:url(../Img/pro_left_h.png) no-repeat left center; height:107px; font-weight:normal}
.pro .proLeft h3 a{ display:block; margin-top:27px; font-size:20px; color:#000;}
.pro .proLeft h3 em{ font-size:28px;}
.pro .proLeft h3 p{ font-size:22px; color:#d2d2d2; font-family:Arial}
.pro .proLeft ul{ overflow:hidden; width:200px; padding:0 20px; margin-top:30px;}
.pro .proLeft li{ overflow:hidden; width:198px; height:42px; border:1px solid #cecece; line-height:42px; margin-bottom:19px; float:left; font-size:15px;}
.pro .proLeft li a{ display:block; color:#000; padding-left:65px; text-decoration:none;}
.pro .proLeft .li01{ background:url(../Img/pro_left_icon01.png) no-repeat 34px center;}
.pro .proLeft .li02{ background:url(../Img/pro_left_icon02.png) no-repeat 34px center;}
.pro .proLeft .li03{ background:url(../Img/pro_left_icon03.png) no-repeat 34px center;}
.pro .proLeft .li04{ background:url(../Img/pro_left_icon04.png) no-repeat 34px center;}
.pro .proLeft .li05{ background:url(../Img/pro_left_icon05.png) no-repeat 34px center;}
.pro .proLeft .li06{ background:url(../Img/pro_left_icon06.png) no-repeat 34px center;}
.pro .proLeft .li07{ background:url(../Img/pro_left_icon07.png) no-repeat 34px center;}
.pro .proLeft .li08{ background:url(../Img/pro_left_icon08.png) no-repeat 34px center;}
.pro .proLeft .li09{ background:url(../Img/pro_left_icon09.png) no-repeat 34px center;}
.pro .proLeft .li010{ background:url(../Img/pro_left_icon10.png) no-repeat 34px center;}
.pro .proLeft .last{ margin-bottom:0}
.pro .proLeft li:hover,.pro .proLeft li.cur{ border:1px solid #c30101; background-color:#c30101;}
.pro .proLeft li.cur{background-position:-143px;}
.pro .proLeft li:hover a,.pro .proLeft li.cur a{ color:#fff;}
.pro .proLeft .more{ display:block; width:100%; height:50px; background-color:#c30101; text-align:center; line-height:50px; font-size:15px; color:#fff; margin-top:32px; text-decoration:none}
.pro .proRight { overflow:hidden; width:1271px; float:left; height:860px; padding-left:15px; background-color:#FFF; }
.pro .proRight .menu{ overflow:hidden; width:100%; height:56px; margin-bottom:30px; background:url(../Img/pro_right_navBg.png) repeat-x left top;}
.pro .proRight .menu ul{ overflow:hidden; float:left;}
.pro .proRight .menu li{ float:left; width:165px; height:56px; line-height:56px; text-align:center; font-size:16px; position: relative; font-weight:bold}
.pro .proRight .menu li a{ display:block; text-decoration:none; color:#000;}
.pro .proRight .menu li img{ display:none; position:absolute; bottom:0; left:79px;}
.pro .proRight .menu li:hover,.pro .proRight .menu li.cur{ background-color:#c30101;}
.pro .proRight .menu li:hover a,.pro .proRight .menu li.cur a{ color:#fff}
.pro .proRight .menu li:hover img,.pro .proRight .menu li.cur img{ display:block}
.pro .proRight .menu .more{ float:right; display:block; font-size:13px; color:#666; margin-top:20px; margin-right:10px;}
.pro .proRight .list{ overflow:hidden; width:110%;}
.pro .proRight .list li{ float:left; width:237px; height:258px; position:relative; margin-right:15px;}
.pro .proRight .list li a{ display:block; width:100%; height:100%; text-decoration:none; cursor:pointer}
.pro .proRight .list li a>img{ display:block; margin-bottom:10px;}
.pro .proRight .list li span{ display:block; text-align:center; font-size:13px; color:#000}
.pro .proRight .list li em{ display:none; width:227px; height:204px;/* background:url(../Img/pro_right_cur.png) repeat center; border:5px solid #c30101; position:absolute; left:0; top:0; overflow:hidden; text-align:center; font-size:12px; color:#fff;*/}
.pro .proRight .list li em img{ display:block; margin:0 auto; margin-top:72px; margin-bottom:10px;}
/*.pro .proRight .list li:hover em{ display:block}*/


/*case*/
.case { overflow:hidden; width:100%; height:639px; background:url(../Img/case_bg.jpg) no-repeat center top;}
.case h3{ text-align:center; font-size:26px; margin-top:55px; margin-bottom:3px;}
.case h3 a{ color:#fff;}
.case>span{ display:block; text-align:center; font-size:13px; color:#757575; margin-bottom:45px;}
.case .casebox{ overflow:hidden; width:1300px; height:422px; margin:0 auto;}
.case .casebox a{ display:block; text-decoration:none}
.case .casebox .bigTu{ overflow:hidden; width:1030px; height:406px; border:8px solid #fff; position:relative; float:left}
.case .bigTu em{ display:block; text-align:center; position:absolute; left:0; bottom:0; background:url(../Img/pro_right_cur.png) repeat center; height:40px; line-height:40px; font-size:14px; color:#fff; width:100%;}
.case .listbox{ overflow:hidden; float:right; width:241px; height:422px; position:relative}
.case .listbox ul{ overflow:hidden; width:100%; position:absolute}
.case .listbox li{ width:225px; height:118px; border:8px solid #fff; float:left; margin-bottom:10px; overflow:hidden; position:relative}
.case .listbox li span{ display:none}
.case .listbox li em{ display:none; width:225px; height:118px;/* background:url(../Img/pro_right_cur.png) repeat center; position:absolute; left:0; top:0; text-align:center; font-size:12px; color:#fff;*/}
.case .listbox li em img{ display:block; margin:0 auto; margin-top:28px; margin-bottom:10px;}
.case .listbox li.cur{ border-color:#c30101;}
/*.case .listbox li.cur em{ display:block}*/

/*选择*/
.xuanze { overflow:hidden; width:100%; height:534px; background:url(../Img/xz_bg.png) repeat center;}
.xuanze p{ font-size:24px; color:#181818; text-align:center; margin-top:50px;}
.xuanze h3{ text-align:center; font-size:24px; color:#c30101; line-height:93px}
.xuanze .xzbox{ overflow:hidden; width:1600px; margin:0 auto; height:280px; background:url(../Img/xz_tu.png) no-repeat center; position:relative}
.xuanze .xzbox .wen{ overflow:hidden; padding:20px 85px; width:160px; position:absolute}
.xuanze .xzbox .wen01{ left:0; top:0; background:url(../Img/xz_01.png) no-repeat left center; text-align:left}
.xuanze .xzbox .wen02{ right:0; top:0; background:url(../Img/xz_02.png) no-repeat right center; text-align:right}
.xuanze .xzbox .wen03{ left:0; bottom:20px; background:url(../Img/xz_03.png) no-repeat left center; text-align:left}
.xuanze .xzbox .wen04{ right:0; bottom:20px; background:url(../Img/xz_04.png) no-repeat right center; text-align:right}
.xuanze h4{ font-size:20px; color:#000; margin-bottom:10px;}
.xuanze span{ display:block; font-size:14px; color:#000; line-height:22px;}
.xuanze em{ display:block; text-align:center; font-size:13px; color:#000; margin-top:25px;}
.xuanze em b{ font-size:30px; color:#c30101; font-family:Arial; margin-left:5px;}



/*见证*/
.jianzheng { overflow:hidden; width:100%; height:470px; background:url(../Img/xz_bg.png) repeat center;}
.jianzheng .jzleft { overflow:hidden; width:1030px; float:left}
.jianzheng .jzleft .title{ overflow:hidden; width:100%; margin-bottom:20px; margin-top:40px;}
.jianzheng .jzleft .title h3{ float:left; padding-left:10px; border-left:3px solid #c30101;}
.jianzheng .jzleft .title h3 a{ font-size:24px; color:#000}
.jianzheng .jzleft .title h3 p{ font-size:13px; color:#999; font-weight:normal}
.jianzheng .jzleft .title .more{ float:right; font-size:13px; color:#000; margin-top:15px;}
.jianzheng .jzleft .jzbox{ overflow:hidden; width:100%; height:400px; position:relative;}
.jianzheng .jzleft .jzbox ul{ overflow:hidden; position:absolute;}
.jianzheng .jzleft .jzbox li{ float:left; width:231px; height:361px; background:url(../Img/jz_bg.png) no-repeat center top; margin-right:13px; padding-right:5px;}
.jianzheng .jzleft .jzbox li img{ display:block; margin:0 auto; margin-top:12px;  margin-bottom:20px;}
.jianzheng .jzleft .jzbox li h4{ font-weight:normal; text-align:center; width:207px; margin:0 auto; margin-bottom:20px; font-size:14px; white-space:nowrap; text-overflow:ellipsis; overflow:hidden}
.jianzheng .jzleft .jzbox li h4 a{ color:#c30101;}
.jianzheng .jzleft .jzbox li p{ font-size:13px; width:207px; margin:0 auto; color:#000; line-height:22px; height:365px; overflow:hidden; text-align:justify; margin-bottom:35px;}
.jianzheng .jzleft .jzbox li .more{ display:block; width:26px; height:23px; margin:0 auto; background:url(../Img/jz_more.png) no-repeat center top;}
.jianzheng .jzleft .jzbox li:hover .more{ background-position:bottom}
.jianzheng .ryright { overflow:hidden; float:right; width:220px; padding:0 14px; height:465px; background-color:#c30101;}
.jianzheng .ryright h3{float:left; padding-left:10px; border-left:3px solid #fff; margin-top:40px; margin-bottom:20px;}
.jianzheng .ryright h3 a{ font-size:24px; color:#fff;}
.jianzheng .ryright h3 p{ font-size:13px; color:#d57272;}
.jianzheng .ryright .more{ float:right; font-size:13px; color:#fff; margin-top:50px;}
.jianzheng .ryright .ryBox{ overflow:hidden; width:100%; height:340px; position:relative}
.jianzheng .ryright .ryBox ul{ overflow:hidden; width:100%;}
.jianzheng .ryright .ryBox li{ overflow:hidden; width:100%; float:left; margin-bottom:20px; background-color:#fff; height:159px;}
.jianzheng .ryright .ryBox li img{ display:block; margin:0 auto; margin-top:20px; margin-bottom:10px;}
.jianzheng .ryright .ryBox li span{ display:block; text-align:center; font-size:13px; color:#000;}


/*about*/
.about { overflow:hidden; width:100%; background:url(../Img/xz_bg.png) repeat center;}
.about h3{ text-align:center; font-size:26px; margin-top:45px;}
.about h3 a{ color:#181818;}
.about span{ display:block; text-align:center; font-size:13px; color:#ccc; font-family:Arial; margin-bottom:40px;}
.about dl{ overflow:hidden; width:1300px; height:292px; margin:0 auto; margin-bottom:40px;}
.about dt{ overflow:hidden; float:left; width:497px; height:292px;}
.about dd{ overflow:hidden; float:right; width:770px; height:292px;}
.about dd h4{ font-weight:normal; font-size:18px; margin-top:30px; margin-bottom:20px;}
.about dd h4 a{ color:#c30101;}
.about dd p{ font-size:14px; color:#333; line-height:32px; height:160px; overflow:hidden; text-align:justify;}
.about dd i{ display:block; width:62px; height:3px; background-color:#c30101; margin-top:20px;}
.about .aboutBox{ overflow:hidden; width:1348px; margin:0 auto; height:210px; position:relative;}
.about .aboutBox i{ display:block; z-index:5; width:43px; height:43px; cursor:pointer; position:absolute; top:66px;}
.about .aboutBox .btn01{ background:url(../Img/btn01.png) no-repeat center top; left:0}
.about .aboutBox .btn02{ background:url(../Img/btn02.png) no-repeat center top; right:0}
.about .aboutBox i:hover{ background-position:bottom}
.about .aboutWin { overflow:hidden; width:1250px; height:210px; position:relative; margin:0 auto} 
.about .aboutWin ul{ overflow:hidden; position:absolute}
.about .aboutWin li{ float:left; width:235px; height:210px; margin-right:20px;}
.about .aboutWin li img{ display:block; margin-bottom:10px;}
.about .aboutWin li span{ display:block; text-align:center; font-size:14px; color:#000;}
.about .aboutWin li a{ display:block; text-decoration:none}

/*news*/
.news { overflow:hidden; width:100%; padding-top:60px; padding-bottom:50px; background:url(../Img/xz_bg.png) repeat center;}
.news .newsbox{ overflow:hidden; width:1300px; height:410px; margin:0 auto;}
.news .newslist{ overflow:hidden; float:left; margin-right:24px; width:27%; height:410px;}
.news .newslist.last{ margin-right:0}
.news .ntitle{ overflow:hidden; padding-left:10px; border-left:3px solid #c30101; width:304px; margin-bottom:25px;}
.news .ntitle h3{ font-size:20px; margin-bottom:2px;}
.news .ntitle h3 a{ color:#000;}
.news .ntitle p{ overflow:hidden; width:100%;}
.news .ntitle p span{ float:left; font-size:13px; color:#999;}
.news .ntitle p a{ float:right; font-size:13px; color:#000;}
.news .newslist img{ display:block; margin:0 auto; margin-bottom:20px;}
.news .newslist ul{ overflow:hidden; width:100%;}
.news .newslist ul li{ padding-left:15px; background:url(../Img/news_s.png) left center no-repeat; font-size:13px; white-space:nowrap; text-overflow:ellipsis; overflow:hidden; line-height:38px;}
.news .newslist ul li a{ color:#333;}
.news .wenda{ overflow:hidden; width:100%; height:340px; position:relative}
.news .wendalist{ overflow:hidden; width:100%; padding-bottom:20px; margin-bottom:20px; border-bottom:1px dashed #bcbdb9}
.news .wendalist h5{ font-weight:normal; padding-left:35px; background:url(../Img/news_w.png) left center no-repeat; line-height:24px; font-size:14px; white-space:nowrap; text-overflow:ellipsis; overflow:hidden; margin-bottom:15px;}
.news .wendalist h5 a{ color:#000;}
.news .wendalist p{ font-size:13px; line-height:24px; color:#333; height:48px; overflow:hidden; padding-left:35px; background:url(../Img/news_d.png) no-repeat left top;}

/*link*/
.link { overflow:hidden; width:100%; background:url(../Img/xz_bg.png) repeat center;}
.link .linkBox{ overflow:hidden; width:1300px; border-left:3px solid #c30101; background-color:#fff; margin:0 auto; padding:20px 0;}
.link h3{ float:left; font-size:18px; margin-left:10px; margin-top:}
.link h3 a{ color:#1c1c1c;}
.link ul{ overflow:hidden; width:900px; float:right; margin-top:3px;}
.link li{ float:left; font-size:14px; padding:0 15px; border-right:1px dotted #a4a4a4;}
.link li a{ color:#333;}



.alBoxbj{ background:url(../Img/al_bj.jpg) no-repeat center top; height:440px; padding-top:10px;}
.alBox{ overflow:hidden; width:688px; margin:0 auto; height:450px; position:relative; }
.alBox i{ display:block; z-index:5; width:43px; height:43px; cursor:pointer; position:absolute; top:177px;}
.alBox .btn01{ background:url(../Img/btn01.png) no-repeat center top; left:0}
.alBox .btn02{ background:url(../Img/btn02.png) no-repeat center top; right:0}
.alBox i:hover{ background-position:bottom}
.alBox .alWin { overflow:hidden; width:640px; height:420px; position:relative; margin:0 auto} 
.alBox .alWin ul{ overflow:hidden; position:absolute}
.alBox .alWin li{ float:left; width:640px; margin-right:20px;}
.alBox .alWin li img{ display:block; margin-bottom:10px; width:640px;}
.alBox .alWin li span{ display:block; text-align:center; font-size:14px; color:#000; height:30px; line-height:30px;}
.alBox .alWin li a{ display:block; text-decoration:none}


@media only screen and (min-device-width : 320px) and (max-device-width : 1136px) {
.header, .content, .footer, .container,.news .newsbox,.about dl,.about .aboutBox{
	width:100%;
}
.pro .proRight{
    width: calc(100% - 255px);
    height: auto;
}
.news .newslist{
	width:26%;
}
.about dd{
    width: calc(100% - 540px);
    margin-right: 10px;
}
.pro .proRight .menu .box{
    width: 100%;
}
.xuanze .xzbox{
	width: 100%;
	background-size: 45%;
}
.case .casebox{
	width: 90%;
}
.case .casebox .bigTu{
	width: calc(80% - 16px);
}
.case .listbox{
	width: 20%;
}
.case .listbox li{
	width: calc(100% - 16px);
}

.container1{
	width: 90%;
}
.pro .proRight .list{
	width: 100%;
}
.pro .proRight .list li{
	width: calc(33% - 15px);
	height: auto;
}
.pro .proRight .list li a>img{
	width: 100%;
}
.case .casebox a img{
	width: 100%;
}
.pro .proRight .list li span{
	margin-bottom: 10px;
}
}