@media screen and (min-width:641px) and (max-width:1025px){
@charset "utf-8";	

/*首页*/
.center{ width:100%; margin:0 auto;}

/* banner css */
.slideBox{ width:100% !important; overflow:hidden; position:relative; z-index:10; display:none;}
.slideBox .hd{ width:100%; height:98px; overflow:hidden; position:absolute; left:0px; bottom:0px; z-index:1;}
.slideBox .hd ul{ overflow:hidden; zoom:1; display:inline-table;}
.slideBox .hd ul li{ float:left; margin:0 1px; width:330px; height:98px; cursor:pointer;}
.slideBox .hd ul li div{ float:left; width:330px; height:75px; margin-top:23px; position:relative; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; -ms-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s;}
.slideBox .hd ul li span{ float:left; display:block; width:300px; height:75px; line-height:75px; font-size:16px; color:#FFF; text-align:left; padding-left:30px; position:relative; z-index:10; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; -ms-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s;}
.slideBox .hd ul li em{ position:absolute; width:100%; height:100%; background:url(../images/banner3.png) repeat; top:0; left:0; z-index:1; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; -ms-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s;}
.slideBox .hd ul .li_hd1 div{ background:url(../images/banner5_1.jpg) center center no-repeat;}
.slideBox .hd ul .li_hd2 div{ background:url(../images/banner5_2.jpg) center center no-repeat;}
.slideBox .hd ul .li_hd3 div{ background:url(../images/banner5_3.jpg) center center no-repeat;}
.slideBox .hd ul .li_hd1 span{ background:url(../images/banner2_1.png) 250px center no-repeat;}
.slideBox .hd ul .li_hd2 span{ background:url(../images/banner2_2.png) 255px center no-repeat;}
.slideBox .hd ul .li_hd3 span{ background:url(../images/banner2_3.png) 260px center no-repeat;}

.slideBox .hd ul li.on div{ height:98px; margin-top:0;}
.slideBox .hd ul li.on span{ height:98px; line-height:98px;}
.slideBox .hd ul li.on em{ background:url(../images/banner3_1.png) repeat;}
.slideBox .bd{ width:100% !important; position:relative; z-index:0; overflow:hidden;}
.slideBox .bd ul{ width:100% !important; overflow:hidden;}
.slideBox .bd ul li{ width:100% !important; zoom:1; vertical-align:middle;}
.slideBox .bd ul li .bd_li_on{ -webkit-transform:scale(1.05) translateZ(0); -moz-transform:scale(1.05) translateZ(0); -ms-transform:scale(1.05) translateZ(0); -o-transform:scale(1.05) translateZ(0); transform:scale(1.05) translateZ(0);}
.slideBox .bd ul li .bd_div{ -webkit-transition: all 5s; -moz-transition: all 5s; -ms-transition: all 5s; -o-transition: all 5s; transition: all 5s; position:relative; width:100% !important;}

.swiper-container {
	width: 100%;
	height: 100%;
	display:block;
}
.swiper-container .swiper-slide {
	text-align: center;
	font-size: 18px;
	background: #fff;
	height:auto;
	
	/* Center slide text vertically */
	display: -webkit-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	-webkit-justify-content: center;
	justify-content: center;
	-webkit-box-align: center;
	-ms-flex-align: center;
	-webkit-align-items: center;
	align-items: center;
}
.swiper-container .swiper-slide img{ width:100%;}
.swiper-container .swiper-pagination{ width:90%; left:5%; bottom:0; height:50px;}
.swiper-container .swiper-pagination .swiper-pagination-bullet{ display:inline-block; width:31.6%; height:30px; line-height:30px; float:left; border-radius:0; margin-top:20px; position:relative; font-size:13px; color:#FFF; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; -ms-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s;}
.swiper-container .swiper-pagination .swiper-pagination-bullet-active{ margin-top:0; height:50px; line-height:50px;}
.swiper-container .swiper-pagination .swiper-pagination-bullet b{ display:block; position:absolute; width:100%; height:100%; background:url(../images/banner3.png) repeat; top:0; left:0; z-index:1;}
.swiper-container .swiper-pagination .swiper-pagination-bullet span{ position:relative; z-index:10;}
.swiper-container .swiper-pagination .swiper-pagination-bullet-active b{ background:url(../images/banner3_1.png) repeat;}
.swiper-container .swiper-pagination .swiper-pagination-bullet:nth-child(1){ background:url(../images/banner5_1.jpg) center center no-repeat; background-size:cover;}
.swiper-container .swiper-pagination .swiper-pagination-bullet:nth-child(2){ background:url(../images/banner5_2.jpg) center center no-repeat; background-size:cover;}
.swiper-container .swiper-pagination .swiper-pagination-bullet:nth-child(3){ background:url(../images/banner5_3.jpg) center center no-repeat; background-size:cover;}

.mobile_bg{ width:100%; overflow:hidden; display:block;}
.mobile_nav{ width:100%; overflow:hidden; border-top:1px solid #ccc; border-bottom:1px solid #ccc; position:relative; padding:15px 0 15px 0; text-align:left;}
.mobile_logo{ display:block; width:35px; margin-left:3%;}

.mobile_nav_in{ width:100%; overflow:hidden; float:left; display:none;}
.mobile_nav_in>li{ float:left; width:100%; min-height:40px; border-bottom:1px solid #ccc;}
.mobile_nav_in>li>a{ float:left; display:block; width:100%; height:40px; line-height:40px; color:#666666; font-size:13px;}
.mobile_nav_in1{ float:left; width:76%; border:none; height:40px; padding:0 2%; font-family:"微软雅黑"; outline:none; font-size:13px;}
.mobile_nav_in2{ float:left; width:20%; border:none; height:40px; font-family:"微软雅黑"; outline:none; background:url(../images/index2.jpg) center center #d9d9d9 no-repeat;}

.mobile_nav_step1{}
.mobile_nav_step2{ width:100%; float:left; overflow:hidden; float:left; display:none;}
.mobile_nav_step2 li{ float:left; width:100%; min-height:40px; border-top:1px solid #ccc;}
.mobile_nav_step2 li a{ float:left; display:block; width:100%; height:40px; line-height:40px; color:#666666; font-size:12px;}

.mobile_nav_search1{ float:left; padding:0 3%; width:84%; height:40px; border:0; font-family:"微软雅黑"; color:#666; outline:none;}
.mobile_nav_search2{ float:right; height:40px; width:10%; background:url(../images/header1_1.jpg) center center no-repeat; border:none; outline:none;}

.header_mobile1{ width:33px; height:33px; position:absolute; right:3%; bottom:16px;}
.header_mobile1 .span1{ display:block; height:3px; background:#333; width:33px; position:absolute; top:6px; left:0; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; -ms-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s;}
.header_mobile1 .span2{ display:block; height:3px; background:#333; width:33px; position:absolute; top:15px; left:0; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; -ms-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s;}
.header_mobile1 .span3{ display:block; height:3px; background:#333; width:33px; position:absolute; top:24px; left:0; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; -ms-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s;}

.header_mobile_in_open .span1{
	top:15px;
    transform:rotate(45deg);
    -webkit-transform:rotate(45deg);
    -o-transform:rotate(45deg);
    -ms-transform:rotate(45deg);
}
.header_mobile_in_open .span2{ display:none;}
.header_mobile_in_open .span3{
	top:15px;
    transform:rotate(-45deg);
    -webkit-transform:rotate(-45deg);
    -o-transform:rotate(-45deg);
    -ms-transform:rotate(-45deg);
}

.mobile_nav_search1{ float:left; padding:0 3%; width:84%; height:40px; border:0; font-family:"微软雅黑"; color:#666; outline:none;}
.mobile_nav_search2{ float:right; height:40px; width:10%; background:url(../images/search1.png) center center no-repeat; border:none; outline:none;}

.header{ position:absolute; width:100%; height:100px; top:0; left:0; z-index:1000; display:none;}
.logo{ float:left; display:block;}
.nav{ float:left; margin-left:50px; margin-top:32px;}
.nav li{ float:left; margin:0 15px;}
.nav li a{ font-size:16px; color:#FFF; display:block; height:36px; line-height:36px;}
.nav li a:hover{ font-weight:bold;}
.nav li .a_on{ font-weight:bold;}

.serach{ float:right; width:160px; height:36px; border-bottom:1px solid #cbd8e9; margin-top:32px;}
.serach1{ float:left; width:36px; height:36px; background:url(../images/search.png) no-repeat center center; border:0; cursor:pointer; outline:none;}
.serach2{ float:left; float:left; width:124px; height:36px; line-height:36px; background:none; border:0; outline:none; color:#FFF;}

.index1{ width:100%; overflow:hidden; padding:50px 0 50px 0;}

.index_title{ width:100%; overflow:hidden;}
.index_title1{ font-size:30px; line-height:44px;}
.index_title2{ font-size:34px; font-weight:lighter; line-height:44px;}

.font_444{ color:#444;}
.font_dadada{ color:#dadada;}
.font_fff{ color:#fff;}

.index1_1{ float:left; width:94%; overflow:hidden; margin-top:40px; margin-left:3%;}
.index1_2{ float:none; display:block; overflow:hidden;}
.index1_2 img{ display:block; width:600px; max-width:100%; height:400px; margin:0 auto; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; -ms-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s;}
.index1_2 img:hover{ -webkit-transform:scale(1) translateZ(0); -moz-transform:scale(1) translateZ(0); -ms-transform:scale(1) translateZ(0); -o-transform:scale(1) translateZ(0); transform:scale(1) translateZ(0);}

.index1_3{ float:right; width:100%; overflow:hidden; text-align:left;}
.index1_4{ float:left; width:405px; font-size:20px; font-weight:bold; color:#444; background:url(../images/index1_2.jpg) left 2px no-repeat; padding-left:45px; line-height:40px; margin-top:50px;}
.index1_5{ float:left; width:100%; font-size:14px; color:#7f7f7f; line-height:26px; height:auto; overflow:hidden; margin-top:40px;}
.index1_6{ float:right; font-size:14px; color:#FFF; background:#c30d23; width:124px; height:28px; line-height:28px; text-align:center; margin-top:50px; -webkit-border-radius:15px; -moz-border-radius:15px; border:1px solid #c30d23; border-radius:15px; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; -ms-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s;}
.index1_6:hover{ background:#FFF; color:#c30d23;}

.index2{ width:100%; overflow:hidden; background:url(../images/index2_1.jpg) center top no-repeat #f0f0f0; padding:200px 0 50px 0;}
.index2_1{ float:left; width:100%; margin-left:0; margin-top:50px;}
.index2_1 li{ float:left; width:31.33%; margin:0 1%; overflow:hidden; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; -ms-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s;}
.index2_2{ float:left; width:94%; background:#FFF; margin-left:3%; margin-top:10px;}
.index2_3{ float:left; display:block; overflow:hidden;}
.index2_3 img{ display:block; width:100%; height:auto; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; -ms-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s;}
.index2_4{ float:left; width:90%; margin-left:5%; text-align:left; padding-bottom:40px;}
.index2_5{ float:left; width:100%; height:48px; line-height:24px; overflow:hidden; font-size:14px; color:#7f7f7f; margin-top:30px;}
.index2_6{ float:left; width:100%; height:30px; line-height:30px; font-size:20px; color:#000; margin-top:8px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
.index2_7{ float:left; width:100%; height:66px; line-height:22px; overflow:hidden; font-size:14px; color:#7f7f7f; margin-top:10px;}
.index2_8{ float:right; font-size:14px; color:#FFF; background:#c30d23; width:124px; height:28px; line-height:28px; text-align:center; margin-top:30px; -webkit-border-radius:15px; -moz-border-radius:15px; border:1px solid #c30d23; border-radius:15px; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; -ms-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s;}
.index2_1 li:hover{ background:none;}
.index2_1 li:hover .index2_3 img{ -webkit-transform:scale(1) translateZ(0); -moz-transform:scale(1) translateZ(0); -ms-transform:scale(1) translateZ(0); -o-transform:scale(1) translateZ(0); transform:scale(1) translateZ(0);}
.index2_8:hover{ background:#FFF; color:#c30d23;}

.index3{ width:94%; overflow:hidden; padding:50px 3% 50px 3%;}

.swiper-container1 {
	width: 100%;
	height: 100%;
	overflow:hidden;
	margin-top:50px;
}
.swiper-container1 .swiper-slide {
	text-align: center;
	font-size: 18px;
	background: #fff;
	height:auto;
	
	/* Center slide text vertically */
	display: -webkit-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	-webkit-justify-content: center;
	justify-content: center;
	-webkit-box-align: center;
	-ms-flex-align: center;
	-webkit-align-items: center;
	align-items: center;
}
.swiper-container1 .swiper-slide img{ display:block; max-width:100%;}
.swiper-container1 .swiper-pagination1{ margin-top:50px;}
.swiper-container1 .swiper-pagination1 .swiper-pagination-bullet{ width:11px; height:11px; background:url(../images/index3_6.png) center center no-repeat; margin:0 15px;}
.swiper-container1 .swiper-pagination1 .swiper-pagination-bullet-active{ width:11px; height:11px; background:url(../images/index3_5.png) center center no-repeat;}

.index4{ width:94%; height:auto; overflow:hidden; background:url(../images/index4_1.jpg) top center repeat-y; padding:50px 3% 50px 3%;}
.index4_1{ width:100%; overflow:hidden; margin-top:50px;}
.index4_l{ float:left; width:42.5%; height:424px; background:#FFF; padding:30px 3% 30px 3%; overflow:hidden; margin-left:0;}
.index4_r{ float:right; width:48.5%; overflow:hidden; margin-right:0;}

.index4_l1{ display:block; overflow:hidden;}
.index4_l1 img{ display:block; width:100%; height:auto; margin:0 auto; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; -ms-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s;}
.index4_l2{ float:left; width:100%; overflow:hidden;}
.index4_l3{ float:left; width:100%; overflow:hidden;}
.index4_l4{ float:left; width:28%; height:60px; line-height:60px; font-size:60px; font-family:"Arial, Helvetica, sans-serif"; margin-top:35px;}
.index4_l5{ float:right; width:70%; height:60px; overflow:hidden; text-align:left; margin-top:35px;}
.index4_l6{ float:left; margin-top:5px; width:100%; line-height:20px; height:20px; font-size:14px; font-family:"Arial, Helvetica, sans-serif"; color:#7f7f7f; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
.index4_l7{ float:left; width:100%; line-height:30px; height:30px; font-size:20px; font-weight:bold; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
.index4_l8{ float:left; width:100%; line-height:22px; height:44px; overflow:hidden; text-align:left; font-size:14px; color:#7f7f7f; margin-top:10px;}
.index4_l9{ float:right; font-size:14px; color:#FFF; background:#c30d23; width:124px; height:28px; line-height:28px; text-align:center; margin-top:45px; -webkit-border-radius:15px; -moz-border-radius:15px; border:1px solid #c30d23; border-radius:15px; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; -ms-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s;}
.index4_l9:hover{ background:#FFF; color:#c30d23;}
.index4_l:hover .index4_l1 img{ -webkit-transform:scale(1) translateZ(0); -moz-transform:scale(1) translateZ(0); -ms-transform:scale(1) translateZ(0); -o-transform:scale(1) translateZ(0); transform:scale(1) translateZ(0);}

.index4_r li{ float:left; width:100%; overflow:hidden;}
.index4_r li a{ display:block; width:100%; height:172px; overflow:hidden; text-align:left;}
.index4_r1{ float:left; width:100%; overflow:hidden;}
.index4_r2{ float:left; width:25%; height:60px; line-height:60px; font-size:60px; font-family:"Arial, Helvetica, sans-serif"; margin-top:26px; color:#FFF; text-align:center;}
.index4_r3{ float:right; width:73%; height:60px; overflow:hidden; text-align:left; margin-top:26px;}
.index4_r4{ float:left; margin-top:5px; width:100%; line-height:20px; height:20px; font-size:14px; font-family:"Arial, Helvetica, sans-serif"; color:#9fa0a1; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
.index4_r5{ float:left; width:100%; line-height:30px; height:30px; font-size:20px; font-weight:bold; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; color:#FFF;}
.index4_r6{ float:left; width:100%; line-height:22px; height:44px; overflow:hidden; text-align:left; font-size:14px; color:#9fa0a1; margin-top:10px;}
.index4_r li a:hover .index4_r5{ text-decoration:none;}

.footer{ width:94%; overflow:hidden; padding:30px 3% 20px 3%;}
.footer_l{ float:left; width:100%; overflow:hidden;}
.footer_r{ float:right; width:100%; overflow:hidden;}

.footer_l1{ float:left; overflow:hidden; display:none;}
.footer_l1 li{ float:left; margin-right:40px;}
.footer_l1 li a{ font-size:14px; color:#444; display:block; line-height:20px;}
.footer_l1 li a:hover{ text-decoration:underline;}
.footer_l2{ float:left; width:100%; overflow:hidden; text-align:center;}
.footer_l3{ float:none; display:inline-table; height:40px; line-height:50px; overflow:hidden; background:url(../images/footer1.jpg) left 0px no-repeat; margin-top:0; font-size:20px; font-weight:bold; padding-left:53px; clear:both;}
.footer_l3 span{ color:#c30d23;}
.footer_l4{ float:left; width:100%; overflow:hidden; font-size:14px; color:#444; text-decoration:underline; line-height:25px; margin-top:25px;}

.footer_r1{ float:none; display:block; width:145px; margin:30px auto 0 auto;}
.footer_r2{ float:right; width:100%; text-align:center; color:#696969; line-height:20px; margin-top:15px;}
.footer_r2 a{ color:#696969;}

/*service*/
.neiye_banner{ width:100%; height:484px; overflow:hidden; position:relative; z-index:1; display:none;}
.neiye_banner1{ width:100%; height:90px; background:url(../images/service2.png) repeat; position:absolute; left:0; bottom:0;}
.neiye_banner2{ width:1024px; height:52px; line-height:26px; margin:0 auto; text-align:left; font-size:14px; color:#FFF; overflow:hidden; padding:19px 0;}

.banner_mobile{ width:100%; overflow:hidden; display:block;}
.banner_mobile img{ display:block;}
.banner_mobile1{ width:94%; padding:15px 3%; background:url(../images/service2.png) repeat; text-align:left; font-size:14px; color:#FFF; line-height:26px; overflow:hidden;}

.neiye_nav{ width:94%; height:60px; margin:40px auto 0 auto; border-bottom:1px solid #e8e9f0;}
.neiye_nav li{ float:left; width:32.33%; margin:0 0.5%;}
.neiye_nav li a{ font-size:16px; color:#444; display:block; height:60px; line-height:60px; padding:0 5%; width:90%; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; min-width:0;}
.neiye_nav li a:hover{ border-bottom:1px solid #c30d23; color:#c30d23;}
.neiye_nav li .a_on{ border-bottom:1px solid #c30d23; color:#c30d23;}

.service{ width:94%; margin:0 auto; overflow:hidden; text-align:left; padding:50px 0 0 0; font-size:14px; color:#7c7c7c; line-height:30px;}
.service img{ display:block; margin:0 auto; max-width:100%;}

/*cooperation*/
.cooperation1{ width:94%; margin:30px auto 0 auto; overflow:hidden;}
.cooperation1 li{ float:left; width:23%; margin:10px 1% 0 1%;}
.cooperation1 li a{ display:block; width:100%; overflow:hidden;}
.cooperation2{ display:block; margin:0 auto; width:130px; height:auto; max-width:100%;}
.cooperation3{ float:left; width:100%; height:50px; line-height:50px; font-size:16px; color:#444; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}

.page{ width:94%; margin:0 auto; padding:50px 0 30px 0;}

/*case*/
.case{ width:94%; margin:20px auto 0 auto; overflow:hidden; text-align:left;}
.case li{ float:none; width:44%; height:auto; border:1px solid #e8e9f0; margin-top:30px; margin:30px 2% 0 2%; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; -ms-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s; display:inline-block;}
.case1{ display:block; width:auto; height:auto; margin:10px auto 0 auto; overflow:hidden;}
.case1 img{ display:block; width:355px; height:auto; margin:0 auto; max-width:94%; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; -ms-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s;}
.case2{ width:355px; max-width:94%; height:294px; border:1px solid #FFF; margin:0 auto; padding:0 0; text-align:left; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; -ms-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s;}
.case3{ float:left; width:100%; overflow:hidden; font-size:14px; color:#7f7f7f; height:52px; line-height:26px; margin-top:30px;}
.case4{ float:left; width:100%; overflow:hidden; font-size:20px; color:#333; height:26px; line-height:26px; text-overflow:ellipsis; white-space:nowrap; margin-top:5px;}
.case5{ float:left; width:100%; overflow:hidden; font-size:14px; color:#7f7f7f; height:66px; line-height:22px; margin-top:10px;}
.case6{ float:right; float:right; font-size:14px; color:#c30d23; background:#FFF; width:124px; height:28px; line-height:28px; text-align:center; margin-top:30px; -webkit-border-radius:15px; -moz-border-radius:15px; border:1px solid #c30d23; border-radius:15px; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; -ms-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s;}
.case li:hover{ border:1px solid #e8e9f0;}
.case li:hover .case2{ border:1px solid #FFF;}
.case li:hover .case1 img{ -webkit-transform:scale(1) translateZ(0); -moz-transform:scale(1) translateZ(0); -ms-transform:scale(1) translateZ(0); -o-transform:scale(1) translateZ(0); transform:scale(1) translateZ(0);}
.case6:hover{ background:#c30d23; color:#FFF;}

.tuijian{ width:94%; background:#f3f3f3; padding:60px 3% 60px 3%; margin-top:20px;}
.tuijian1{ overflow:hidden;}
.tuijian2{ float:left; font-size:16px; color:#444444; width:100%; height:50px; line-height:50px; border-bottom:1px solid #dddee5; text-align:left;}

.tuijian .case li{ border:1px solid #e8e9f0; float:left; width:30.9%; margin:30px 1% 0 1%; background:#FFF;}
.tuijian .case2{ background:#FFF;}

.tuijian .case li:hover{ border:1px solid #e9eaf1; background:#FFF;}
.tuijian .case li:hover .case2{ border:1px solid #FFF;}

/*caseIn*/
.caseIn{ width:94%; margin:0 auto; overflow:hidden;}
.caseIn1{ width:100%; margin:0 auto; overflow:hidden; font-size:24px; color:#444; line-height:30px; margin-top:50px;}
.caseIn2{ width:100%; margin:0 auto; overflow:hidden; text-align:left; padding:50px 0 0 0; font-size:14px; color:#7c7c7c; line-height:30px;}
.caseIn2 img{ display:block; margin:0 auto; max-width:100%;}

.pageIn{ width:94%; margin:0 auto; text-align:left; overflow:hidden; padding:30px 0; border-top:1px solid #efefef;}
.pageIn1{ width:100%; overflow:hidden; height:; font-size:14px; color:#444; height:20px; line-height:20px; text-overflow:ellipsis; white-space:nowrap; margin-top:10px;}
.pageIn1 a{ color:#444;}
.pageIn1:hover{ color:#c30d23;}
.pageIn1:hover a{ color:#c30d23;}

/*contact*/
.contact{ width:94%; margin:0 auto; overflow:hidden;}
.map{ float:left; width:100%; height:550px; margin-top:50px;}
.contact1{ float:left; width:100%; overflow:hidden; padding:50px 0; font-size:14px; color:#444; line-height:26px; text-align:left;}
.contact2{ float:left; width:100%; overflow:hidden;}
.contact2 li{ float:left; width:32%; margin-right:1.3%;}

/*news*/
.news{ width:94%; margin:10px auto 0 auto;}
.news li{ width:100%; border-bottom:1px solid #e8e9f0; position:relative; z-index:1; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; -ms-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s;}
.news li a{ padding:30px 0; display:block; width:100%; overflow:hidden;}

.news1{ float:left; display:block; width:339px; max-width:100%; height:143px; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; -ms-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s;}
.news2{ float:right; width:100%; overflow:hidden; margin-right:0; text-align:left;}
.news3{ float:left; width:100%; overflow:hidden; margin-top:10px;}
.news4{ float:left; width:14%; font-size:60px; height:70px; line-height:70px; font-family:"Arial, Helvetica, sans-serif"; color:#444; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; -ms-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s; text-align:center;}
.news5{ float:left; width:86%; overflow:hidden; height:70px;}
.news6{ float:left; width:100%; overflow:hidden; font-size:14px; font-family:"Arial, Helvetica, sans-serif"; color:#a1a1a1; height:20px; margin-top:10px; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; -ms-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s;}
.news7{ float:left; width:100%; overflow:hidden; font-size:20px; font-weight:bold; color:#444; height:30px; line-height:30px; text-overflow:ellipsis; white-space:nowrap; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; -ms-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s;}
.news8{ float:left; width:100%; overflow:hidden; font-size:14px; color:#a1a1a1; line-height:22px; height:44px; margin-top:10px;}

.news li:hover{-webkit-box-shadow:0px 3px 10px #e6d9d5; -moz-box-shadow:0px 3px 10px #e6d9d5; box-shadow:0px 3px 10px #e6d9d5; z-index:10;}
.news li:hover .news1{ margin-left:0;}
.news li:hover .news4{ color:#c30d23;}
.news li:hover .news6{ color:#e18691;}
.news li:hover .news7{ color:#c30d23;}

.tuijian3{ width:100%; margin:0 auto; overflow:hidden;}
.tuijian3 li{ float:left; width:30.3%; margin:30px 1.5% 0 1.5%;}
.tuijian3 li a{ display:block; width:100%; overflow:hidden; text-align:left;}
.tuijian4{ float:left; width:100%; height:auto; display:block;}
.tuijian5{ float:left; width:100%; overflow:hidden; font-size:16px; color:#444; line-height:22px; height:22px; text-overflow:ellipsis; white-space:nowrap; margin-top:30px;}
.tuijian6{ float:left; width:100%; overflow:hidden; font-size:14px; color:#8a8a8a; line-height:22px; height:66px; margin-top:20px;}
.tuijian7{ float:left; width:100%; overflow:hidden; font-size:18px; font-family:"Arial, Helvetica, sans-serif"; color:#444; line-height:22px; height:22px; margin-top:20px;}

}