﻿/* 默认样式 */
a{color: #999;text-decoration:none;} 
a:hover {color:#000;text-decoration:none;} 
em,var {font-style:normal;}
body,dl,dd,ul,ol,h1,h2,h3,h4,h5,h6,form,p {margin:0;}
body,td,th,h1,h2,h3,h4,h5,h6 {font-size:12px;}
ul,ol,p,dl,li{margin:0;padding:0;} 
ul,ol,dl{height:100%;/* overflow:hidden; */} 
li{list-style:none;} 
img{border:none;display:inline-block;font-size:0;line-height:0;} 
h1,h2,h3,h4{font:14px Verdana;margin:0;padding:0;}
.fl{float:left;} 
.fr{float:right;}
body{font-size:15px;color: #999;font-family: "微软雅黑";line-height:24px;}
.gw{width:1280px;margin:0 auto;position:relative;overflow:hidden;}
.mr5{margin-right:5px;}
.mr55{margin-right:55px;}
.mr127{margin-right:127px;}
.mb5{margin-bottom:5px;}
.h30{height:30px;display:block;clear:both;}
.h50{height:50px;}
.h75{height:75px;display:block;clear:both;}
.h100{height:100px;}
.h10{height:10px;display:block;clear:both;}
.mt20{margin-top:20px;}
.mt40{margin-top:40px;}
.pt160{padding-top:160px;}
.pt100{padding-top:100px;}
.pd20{padding:15px;}
.w296{width:296px;}
.w445{width:445px;}
.w340{width:340px;}
.cl{clear:both;}
.mt45{margin-top:45px;}
.bgGray{background-color:#fafafa;}
.mcolor{color:#de0a3d;}
.fixed{  position: fixed;  z-index: 1000;  background-color: #fff;  top: 0; left:0; width: 100%;}
.header{width: 1280px;margin: 0 auto;padding-top: 45px;}
.header .add{font-family: "微软雅黑";margin-left:70px;font-size:12px;text-align:right;float:right;margin-bottom:10px;}
.header .add h6{font-family: "微软雅黑";font-size: 14px;font-weight: normal;margin-top:10px;}
.header .logo{margin:8px 0 15px 0;display:inline-block;}
.header ul{display:block;height:30px;float:right;margin-top:34px;}
.header li{float:left;margin:0 0 0 30px;font-size:14px;}
.header li a{font-family:"微软雅黑";font-size:15px;}
.header h1{display:inline-block;width:255px;float:left;}
.indexIntro{background-color:#f2f2f2;font-size:14px;letter-spacing:1px;line-height:30px;margin-top:14px;padding:10px 0}
.i_main img{margin:0 0 20px 0;}
.itemNav{padding-left:40px;margin-top: 15px;color: #de0a3d;font-size: 20px;padding-bottom: 10px;}
.itemNav a{padding:0 50px;margin:18px 0;line-height:15px;font-size:15px;display:inline-block;border-right:1px solid #ccc}
.itemNav2{padding-left:40px;margin-top:15px;}
.itemNav2 a{padding:0 50px;margin:18px 0;line-height:15px;font-size:15px;display:inline-block;}
.itemNav2 a.active,.itemNav2 a:hover{color:#de0a3d}
#trans{width:1300px;}
#trans li{display:none;}
#trans li a{margin-right:14px;margin-bottom:14px;border:1px solid #fff;display:inline-block;float: left;}
#trans li a:hover{border-color:#de0a3d;}
.i_main .news_example{height:66px;display:block;position:relative;}
.i_main .news_example a{margin:0 10px 0 0;}
.i_main .news_example span{position:absolute;right:10px;}
.i_main .news_example span a{margin:0 0 0 5px;}

.slideshow{background-color:#e6e6e6;position: absolute;margin-top:50px;width: 1280px;/* float: left; */height: 1064px;}
.slideshow ul.slidePic{width: 750px;position: absolute;height: 1064px;left: 0;}
.slideshow ul.slidePic li{/* position:absolute; */float: left;/* left: 0; *//* top:0; */width: 800px;height: 1064px;}
.slideshow ul.slidePic li img{width: 800px;display:block;}
.slideshow ul.slideNav{position: relative;left:800px;overflow:hidden;margin-top:-30px;color:#333;position: absolute;}
.slideshow ul.slideNav li{float:left;padding:0 5px;}
.slideshow ul.slideNav li.active a{color:#000;}
.des{
   position: absolute;
   top: 150px;
   color: #666;
   z-index: 2;
   left: 820px;
   font-size: 12px;
   width: 176px;
}
.des p{
    width: 100%;
}
.item-icon{position:absolute;bottom:10px;left:820px;}

.i_main .example_detail{position:relative;display:block;margin:0 0 160px 0;}
.i_main .example_detail p{line-height:28px;}
.i_main .example_detail p a{margin:24px 0 0 0;display:block;}
.i_main .example_detail p a.m{margin:0 0 0 5px;padding:20px 0 0 0;}
.i_main .example_detail span.i_ico{position:absolute;right:10px;bottom:6px;}
.i_main .example_detail span.i_ico img{margin:0;}

.boxLeft{width:722px;float:left;}
.box h1{font-family:"黑体";font-size:16px;color:#333;}
.box p{font-family:"宋体";font-size:13px;}
.box .intro{padding:65px 65px 65px 5px;}
.box .intro p{margin-top:25px;}
.box .icoTop{position:absolute;top:55px;right:10px;}
.boxLeft .imgS{float:left;margin:10px 10px 10px 0;}

.box .boxIntro{position:relative;overflow:hidden;margin-bottom:10px;}
.box .boxIntro h1{margin-top:55px;}
.box .boxIntro h2{margin:40px 0 20px 0;font-size:14px;font-family:"黑体";color:#666;}
.box .boxIntro p{padding-right:70px;display:block;}
.box .boxIntro .ico{position:absolute;right:16px;bottom:20px;}
.box .boxIntro a.more{text-decoration:underline;}

.box .boxImg{overflow:hidden;position:relative;}
.box .boxImg .boxRight{position:relative;}
.box .boxImg .boxRight .time{position:absolute;left:172px;top:45px;}
.box .boxImg .boxRight .project{position:absolute;left:172px;top:145px;}
.box .boxImg .logo{position:absolute;right:18px;}
.box .boxImg .bottom138{bottom:138px;}
.box .boxImg .bottom118{bottom:118px;}
.box .boxImg .bottom100{bottom:100px;}
.box .boxImg .bottom83{bottom:83px;}
.box .boxImg .bottom18{bottom:18px;}

.boxRight{width:278px;float:left;}

.caseSort{height:57px;background-color:#e6e6e6;}
.caseSort ul{padding-top:22px;}
.caseSort li{float:left;margin:0 5px;}
.caseSort li strong{color:#555;}

.innerHeader{margin-top:40px;}
.innerHeader .innerLogo{border-bottom:1px solid #c8c6c7;padding-bottom:2px;}
.innerHeader .grayBox{width:97px;height:6px;background-color:#c8c6c7;}

.aboutBox{padding-right:50px;float:left;}
.aboutBox h1{margin:0 0 20px 0;font-size:14px;font-family:"黑体";color:#666;}
.aboutBox p{line-height:30px;font-size:12px;font-family:"宋体";}

.imgBox{position:relative;overflow:hidden;}
.imgBox .positionBottom{position:absolute;bottom:-5px;left:340px;}


.contactBox{width:345px;float:left;}
.contactBox h1{margin:0 0 20px 0;font-size:16px;font-family:"微软雅黑","黑体";color:#666;}
.contactBox p{font-size:14px;font-family:Calibri;line-height:16px;padding-bottom:8px;}
.contactBox p.email{color:#95B824;}
.contactBox form{border-top:1px solid #f4f4f4;padding-top:30px;margin-top:5px;font-family:Calibri;}
.contactBox i{color:#d30d58;}
.contactBox form .w{border:none;background-color:#f2f2f2;width:194px;}
.contactBox form textarea{border:none;background-color:#f2f2f2;overflow:auto;width:200px;}
.contactBox form .btn{border:none;background-color:#fff;color:#969696; cursor:pointer;}


.positionRightBottom{position:absolute;right:0;bottom:0;}

.footer{padding:55px 0 0 0;}

.innerFooter{font-size:12px;display:block;overflow:hidden;margin-bottom:80px;}
.innerFooter p{display:inline;padding-right:40px;}
.innerFooter .address{padding-bottom:2px;border-bottom:1px solid #B5B4B5;}
.innerFooter .copyRight{text-align:center;padding:37px 0 60px 0;}
.innerFooter .toHome{float:right;padding-top:12px;}
.innerFooter .subLogo{float:left;}
.innerFooter .footerLogo{text-align:right;padding-bottom:15px;}
.innerFooter .icoTop{text-align:right;padding-bottom:80px;}

.innerImgBox img{margin-bottom:15px;}

.topStatic{position:fixed;left:0;right:0;background-color:#fff;z-index:100;display:block;}
.intro-width{width:360px;position:absolute;bottom:0;left:375px;line-height:32px;}
.code{position:absolute;right:10px;bottom:10px;}
.contact-tel{font-size:32px;font-family:arial;margin-bottom:20px;}
.contact-tel span{margin-left:30px;}
.casefooter{font-family:arial;}
.case-content{min-height:633px;display:block;}
#trans li a img{width:200px;height:200px;}
.case-logo{padding:80px 0 45px;}
.casefooter h2{font-size:32px;margin-bottom:20px;margin-top:10px;font-weight: bold;font-family: arial;}
.footer-keywords{padding-top:30px;padding-bottom:10px;color:#818181;font-size:12px;background-color:#333;}
.footer-keywords ul li{float:left;padding:0 5px;}
.footer-keywords ul{padding-right:20px;float:right;}
.footer-copyright{padding-left:30px;}

.to-top{padding:35px 0 40px;text-align:center;}
#slideshow2 {
	height:640px;POSITION: relative; WIDTH: 100%;
}
#slideshow2 DIV {
	Z-INDEX: 8;
	POSITION: absolute;
	BACKGROUND-COLOR: #fff;
	WIDTH: 1280px;
	HEIGHT: 640px;
	OVERFLOW: hidden;
	TOP: 0px;
	LEFT: 0px;
	opacity: 0.0
}
#slideshow2 DIV.current {
	Z-INDEX: 10
}
#slideshow2 DIV.prev {
	Z-INDEX: 9
}
#slideshow2 DIV IMG {
	BORDER-RIGHT-WIDTH: 0px; WIDTH: 1280px; DISPLAY: block; BORDER-TOP-WIDTH: 0px; BORDER-BOTTOM-WIDTH: 0px; HEIGHT: 640px; BORDER-LEFT-WIDTH: 0px
}

.Validform_checktip{
	margin-left:8px;
	line-height:20px;
	height:20px;
	overflow:hidden;
	color:#999;
	font-size:12px;
}
.Validform_right{
	color:#71b83d;
	padding-left:20px;
	background:url(images/right.png) no-repeat left center;
}
.Validform_wrong{
	color:red;
	padding-left:20px;
	white-space:nowrap;
	background:url(images/error.png) no-repeat left center;
}
.Validform_loading{
	padding-left:20px;
	background:url(images/onLoad.gif) no-repeat left center;
}
.Validform_error{
	background-color:#ffe7e7;
}
#Validform_msg{color:#7d8289; font: 12px/1.5 tahoma, arial, \5b8b\4f53, sans-serif; width:280px; -webkit-box-shadow:2px 2px 3px #aaa; -moz-box-shadow:2px 2px 3px #aaa; background:#fff; position:absolute; top:0px; right:50px; z-index:99999; display:none;filter: progid:DXImageTransform.Microsoft.Shadow(Strength=3, Direction=135, Color='#999999'); box-shadow: 2px 2px 0 rgba(0, 0, 0, 0.1);}
#Validform_msg .iframe{position:absolute; left:0px; top:-1px; z-index:-1;}
#Validform_msg .Validform_title{line-height:25px; height:25px; text-align:left; font-weight:bold; padding:0 8px; color:#fff; position:relative; background-color:#999;
background: -moz-linear-gradient(top, #999, #666 100%); background: -webkit-gradient(linear, 0 0, 0 100%, from(#999), to(#666)); filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#999999', endColorstr='#666666');}
#Validform_msg a.Validform_close:link,#Validform_msg a.Validform_close:visited{line-height:22px; position:absolute; right:8px; top:0px; color:#fff; text-decoration:none;}
#Validform_msg a.Validform_close:hover{color:#ccc;}
#Validform_msg .Validform_info{padding:8px;border:1px solid #bbb; border-top:none; text-align:left;}

.footer-link{width:216px;height:130px;position:absolute;font-size:10px;right:30px;top:20px;color:#eee;}
.footer-link a{color:#eee;font-size:12px;display:inline-block;}

    .detail-img{position: relative;width: 1285px;}
    .detail-img ul{list-style: none;overflow: hidden;padding-left:0;}
    .detail-img li{float: left;width:425px;height:425px;margin-right:3px;margin-bottom:20px;overflow: hidden;position: relative;}
	.detail-img li img{width:425px;height:425px;}
    .detail-img li span{display: none;position: absolute;left:0;top:0;width:100%;height:100%;background-color: #cccccc;color:#da315a;text-align:center;}
    .detail-img li span.odd{background-color: #dd0a3d;color:#fff;}
	.detail-img li span p{font-size:28px;line-height:40px;margin-top:155px;}
    .detail-img-p{text-align: center;margin-top: 20px}
	
.sation{ font-size:15px; margin-bottom:4px; border-bottom:1px #DD0A3D dashed;}

.footer_left{ width:700px; height:150px; margin-top:20px; margin-left:20px; color:#eee;}
.footer_contact_us{border-bottom:1px #DD0A3D dashed;}
.link{ margin-left:15px;}
.arctile{ margin-top:7px; height:190px; border-bottom:1px solid #666;}	
.arctile a:hover{ color:#DD0A3D;}
.arctile a{ color:#000;font-weight: bold;}

.arctile1{ width:305px; overflow:hidden; margin-right:15px; float:left;}
.arctile1_title{ color:#DD0A3D;border-bottom:1px #DD0A3D dashed; margin-bottom:5px; font-size:16px; line-height:35px; }
.arctile_li{ margin-top:15px; font-size:12px; color:#000; margin-bottom:5px;}

.footer_contact_number{ width:455px; overflow:hidden; font-size:13px; float:left;}
.footer_contact_number img{ width:18px; height:18px;}
.phone{ float:left; width:30px; margin-top:7px; }
.number{ margin-top:6px; width:210px; float:left; }
.tel_cion{float:left;margin-top:7px; width:30px;} 
.number1{margin-top:7px; width:180px; float:left;}
.qq_icon{float:left;margin-top:7px;width:30px;}
.qq_number{margin-top:7px;width:210px; float:left;}
.qq_number2{margin-top:7px;width:180px; float:left;}
.message{ float:left;}
.message_icon{ float:left;}
.message{ width:240px;}
.message_icon{ width:30px; margin-top:4px; float:left;}
.wei_number{ float:left; width:150x;}
.wei_icon{ margin-top:4px; width:30px; float:left;}
.wei_number{ width:180px;}
.location{ float:left; width:440px; float:left; margin-top:7px;}
.location_icon{ width:30px; float:left;}
.location_number{ float:left; width:410px; font-size:12px;}
.weixin{ float:left;}
.weixin_icon{ margin-top:15px; float:left; width:93px;}
.weixin_icon2{ float:left; margin-left:15px;margin-top: 15px;}  

.menu {
    height: 40px;
    /* background: #fff; */
    position: fixed;
    top: 65px;
    width: 100%;
    z-index: 1000;
}

.menu .nav {
    width: 1280px;
    height: 40px;
    margin: 0 auto;
}

.menu .nav li {
    float: left;
    font-size: 15px;
}

.menu .nav li a {
    float: left;
    display: block;
    height: 40px;
    padding: 0 20px;
    width: 70px;
    line-height: 40px;
    color: #999;
    text-decoration: none;
    position: relative;
    overflow: hidden;
    text-align: center;
}

.menu .nav li a:hover,.menu .nav li a.current{background:#dc073d;color:#FFF;}

.menu .nav li .box {
    width: 100%;
    height: 50px;
    position: absolute;
    top: 40px;
    left: 203px;
    margin: 0 auto;
    left: 198px\0;
    background: rgba(0, 0, 0, 0.62);
    display: none;
}

.menu .nav li .box a{display:block;height:50px;float:left;color:#fff;line-height:50px;border:none;background:none;padding:0;width:118px;text-align:center;}

.menu .nav li .box a {
    display: block;
    height: 50px;
    float: left;
    color: #fff;
    line-height: 50px;
    border: none;
    background: none;
    padding: 0;
    min-width: 118px;
    width: auto!important;
    text-align: center;
}

.width_1280 {
    width: 1280px;
    overflow: hidden;
    margin: 0 auto;
}
.zt_r {float: right;width: 273px;padding-left: 10px;/* padding-right: 20px; */position: absolute;right: 0;top: 50px;background: #FFF;height: 1064px;}
.zt_r dt {height: 30px; color:#333; font-weight:bold; font-size:14px; font-family:黑体;border-bottom: 1px solid #000;margin-bottom: 25px;}
.zt_r dd { width:131px; float:left; line-height:18px; font-size:12px; margin:0 0 10px 0; text-align:center;}  .zt_r dd a { color:#666;}  .zt_r dd a:hover { color:#F60;}
.zt_r span { margin-top:15px; display:block; height:35px; line-height:35px; font-weight:bold; color:#333;}
.zt_r p { line-height:25px; font-size:12px; color:#333}

.index-anli {padding-left:20px;margin-top: 15px;color: #de0a3d;font-size: 20px;padding-bottom: 10px;}
.index-anli a{padding-left:20px;margin-top: 15px;color: #de0a3d;font-size: 20px;padding-bottom: 10px;}