@charset "utf-8";
/* CSS Document */
*{word-wrap:break-word}
html,body,h1,h2,h3,h4,h5,h6,hr,p,iframe,dl,dt,dd,ul,ol,li,pre,form,button,input,textarea,th,td,fieldset{margin:0;padding:0}
ul,ol,dl{list-style-type:none}
html,body{*position:static}
html{font-family: sans-serif;-webkit-text-size-adjust:100%;-ms-text-size-adjust:100%}
address,caption,cite,code,dfn,em,th,var{font-style:normal;font-weight:400}
input,button,textarea,select,optgroup,option{font-family:inherit;font-size:inherit;font-style:inherit;font-weight:inherit}
input,button{overflow: visible;vertical-align:middle;outline:none}
body,th,td,button,input,select,textarea{font-family:"黑体","Microsoft Yahei","Hiragino Sans GB","Helvetica Neue",Helvetica,tahoma,arial,Verdana,sans-serif,"WenQuanYi Micro Hei","\5B8B\4F53";font-size:12px;color: #333;-webkit-font-smoothing: antialiased;-moz-osx-font-smoothing:grayscale}
body{line-height:1.6;}
h1,h2,h3,h4,h5,h6{font-size:100%}
a,area{outline:none;blr:expression(this.onFocus=this.blur())}
a{text-decoration:none;cursor: pointer;}
a:hover{outline:none;color:#e63131;}
a.ie6:hover{zoom:1}
a:focus{outline:none}
a:hover,a:active{outline:none}:focus{outline:none}
sub,sup{vertical-align:baseline}
button,input[type="button"], input[type="submit"] {line-height:normal !important;}
/*img*/
img{border:0;vertical-align:middle}
a img,img{-ms-interpolation-mode:bicubic}
.img-responsive{max-width: 100%;height: auto}

/*IE下a:hover 背景闪烁*/
*html{overflow:-moz-scrollbars-vertical;zoom:expression(function(ele){ele.style.zoom = "1";document.execCommand("BackgroundImageCache",false,true)}(this))}

/*HTML5 reset*/
header,footer,section,aside,details,menu,article,section,nav,address,hgroup,figure,figcaption,legend{display:block;margin:0;padding:0}time{display:inline}
audio,canvas,video{display:inline-block;*display:inline;*zoom:1}
audio:not([controls]){display:none}
legend{width:100%;margin-bottom:20px;font-size:21px;line-height:40px;border:0;border-bottom:1px solid #e5e5e5}
legend small{font-size:15px;color:#999}
svg:not(:root) {overflow: hidden}
fieldset {border-width:0;padding: 0.35em 0.625em 0.75em;margin: 0 2px;border: 1px solid #c0c0c0}
input[type="number"]::-webkit-inner-spin-button,input[type="number"]::-webkit-outer-spin-button {height: auto}
input[type="search"] {-webkit-appearance: textfield; /* 1 */-moz-box-sizing: content-box;-webkit-box-sizing: content-box; /* 2 */box-sizing: content-box}
input[type="search"]::-webkit-search-cancel-button,input[type="search"]::-webkit-search-decoration {-webkit-appearance: none}
/*
	Name:			style_clearfix
	Example:		class="clearfix|cl"
	Explain:		Clearfix（简写cl）避免因子元素浮动而导致的父元素高度缺失能问题
*/
.cr:after,.clearfix:after{content:".";display:block;height:0;clear:both;visibility:hidden}.cl,.clearfix{zoom:1}
.fl{float:left; display:inline;}
.fr{float:right; display:inline;}
.content1200{ width:1200px; margin:0 auto; min-width:1200px;}


.header{ width:100%; height:110px; min-width:1200px; background:#fff;position: fixed; left:0; top:0;z-index: 70; overflow:hidden;}
.logo{ display:block; margin-top:38px;}
#menu {    margin-top: 20px;}
#menu li{ float: left;  text-align:center;}
#menu a { font-size:20px; color:#333; display:block;width:137px;height:70px; overflow:hidden;padding-top: 20px; font-family:'黑体';}
#menu a p{font-size:16px;line-height: 14px;}
#menu .active{background:url(../images/nav_bg.png) no-repeat;}
#menu .active a{ color:#fff;}
.section { text-align: center; font: 38px "Microsoft Yahei"; color: #fff; background:url(../images/1.png) no-repeat;}
.clients{ text-align:left; margin-bottom:40px;}
.pages1 ul li{ float:left; width:200px; height:70px; overflow:hidden; text-align:center; margin-bottom:40px;}
.pages2{ background:url(../images/1.png) no-repeat #fa565c;}
.pages2 ul li{ float:left; width:400px; text-align:center; height:231px;}
.pages3 ul li{ float:left; width:240px; text-align:center; height:239px;}
.pages5 .zp{ width:100%;line-height:80px; background:#fa565c; color:#fff;}
.pages5 .zp span{ font-size:26px;}
.pages5 ul{ margin:20px auto;}
.pages5 ul li{ width:300px; text-align:center; height:100px; overflow:hidden; float:left;}
.pages5 ul li a{ display:block; width:224px; height:77px; background:url(../images/job.png) center center no-repeat; color:#fff; font-size:30px; line-height:77px;}
.pages5 .tel{ width:100%;line-height:50px; background:url(../images/tou.png) repeat;color:#231815; font-size:24px;}
.pages6 .tit_cn{ color:#fa565c; text-align:left !important;}
.pages6 .addr{ color:#333; text-align:left !important; font-size:24px; margin:8px 0;}
.pages6 .map{ width:1200px; height:300px; overflow:hidden;}



.over li{transform: translateY(10%);
-webkit-transform: translateY(10%);
-o-transform: translateY(10%);
-moz-transform: translateY(10%);
transition: all linear 0.4s;
-webkit-transition: all linear 0.4s;
-o-transition: all linear 0.4s;
-moz-transition: all linear 0.4s;}

.over li img{-webkit-transform:scale(1,1);-moz-transform:scale(1,1); -transform:scale(1,1);-o-transform:scale(1,1);transition:1s;-moz-transition:1s;-webkit-transition:1s;-o-transition:1s;}

.over li:hover{transform: translateY(0%);}
.over li:hover img{-webkit-transform:scale(1.1,1.1);-moz-transform:scale(1.1,1.1); -transform:scale(1.1,1.1);-o-transform:scale(1.1,1.1);transition:1s;-moz-transition:1s;-webkit-transition:1s;-o-transition:1s;}
/*--------------------------------------------------------------------------弹出效果（开始）-------------------------------------------------------------------------------*/
.modal-open{overflow:hidden}/*当弹出层出现时，隐藏body右侧滚动条*/
.page-overflow{margin-right:16px}/*隐藏body滚动条时，页面偏移*/
.modal-scrollable{position:fixed;top:0;right:0;bottom:0;left:0;overflow: auto}/*弹出层的最外层，全屏，用户响应点击和滚动*/
.modal-overflow .modal-scrollable{overflow-y:scroll}/*弹窗超出屏幕高度时，弹出层替代body右侧滚动条，实现弹出层的整体滚动*/
.modal-backdrop {position:fixed;top:0;right:0;bottom:0;left:0;width:100%;height:100%;z-index:1040;background-color:#000}/*默认遮罩层，全屏黑色*/
* html .modal-backdrop{position:absolute;left:expression(documentElement.scrollLeft + documentElement.clientWidth - this.offsetWidth);top:expression(documentElement.scrollTop + documentElement.clientHeight - this.offsetHeight)}/*解决IE下 遮罩层兼容性*/
.modal-backdrop.fade {opacity:0;filter: alpha(opacity=0)}/*遮罩层失去时，透明度为0*/
.modal-backdrop,.modal-backdrop.fade.in {opacity: 0.8;filter: alpha(opacity=80)}/*遮罩层进入 0.7透明度*/
 
.modal.container{width: 1100px}/*满页面宽度*/
.modal {position:absolute;top:50%;left:50%; width:900px;margin-left:-450px;z-index:1050;overflow: visible;background-color: #fff;background-clip: padding-box;
    box-shadow: 0 3px 7px rgba(0, 0, 0, 0.3);
    -webkit-background-clip:padding-box;
    -khtml-background-clip:padding-box;
    -moz-background-clip:padding-box;
    -ms-background-clip:padding-box;
    -o-background-clip:padding-box;
    background-clip:padding-box;
    border:1px solid rgba(0, 0, 0, 0.3);*border:1px solid #999}/*弹出层，绝对定位，默认【宽度500px，高度自适应，背景白色，6px圆角，带阴影】，自定义宽度可在data-width中设置参数*/
.fade {opacity: 0;filter: alpha(opacity=0);-webkit-transition: opacity 0.2s linear;-moz-transition: opacity 0.2s linear;-o-transition: opacity 0.2s linear;transition: opacity 0.2s linear}
.fade.in {opacity: 1;filter: alpha(opacity=100)}
.modal.fade {top: -100%}/*弹出层进入动画效果*/
.modal.fade.in{top:50%}/*弹出层进入后居顶距离，配合margin-top负值，实现上下自动居中*/
.modal.modal-overflow.fade.in{top:20px}/*如果弹出层高度大于窗口，弹出窗口距顶0像素*/
.loading-spinner {position: absolute;top: 50%;left: 50%;margin: -12px 0 0 -12px}/*Ajax加载数据时loading*/
/*弹出层header区*/
.modal-header {padding:0; position:relative}/*弹出层头部*/

.modal-header h3{margin:0; font-size:24px; color:#444444; font-weight:normal;}/*标题*/
.modal-body {overflow-y:visible;padding:0; font-size:14px; color:#666;} /*内容不限高度，内填充15px，不满意可自行修改*/
.modal-body img { max-width:100%; height:auto; display:block;}
.modal-form {margin-bottom: 0} /*弹出层表单*/

.plug {position:absolute; right:-50px; top:0; background-color:#242424;}
.plug a{ width:50px; height:38px; display:block; text-align:center; padding-top:12px;}/*关闭按钮，请调用4.1.1 按钮 .close*/
.plug a:hover {background-color:#fa565c;}
/*--------------------------------------------------------------------------弹出效果（结束）-------------------------------------------------------------------------------*/

.pages4{ padding-top:60px;}
.pages4 .case{ margin-left:-5px;width: 1030px;margin: 0 auto;}
.pages4 .case li{ float:left; margin-left:5px; background:#000; width:199px; height:397px; overflow:hidden;}
.pages4 .case li a img{opacity: 0.6;filter: alpha(opacity=60);display:block;transition:1s;-moz-transition:1s;-webkit-transition:1s;-o-transition:1s;}
.pages4 .case li:hover a img{opacity:1;filter: alpha(opacity=100);transition:1s;-moz-transition:1s;-webkit-transition:1s;-o-transition:1s;}




/*经典案例*/
.header1{ width:100%; height:140px; min-width:1200px; background:#fff;overflow:hidden;}
.bg{ width:100%; min-width:1200px; background:url(../images/1.png) top center no-repeat #fa565c; min-height:900px;}

.name{ color:#fff; font-size:32px; background:url(../images/icon.jpg) left center no-repeat; padding-left:35px; margin-bottom:20px;}
.name span{ font-size:24px;}
.casesmall{width:1000px;overflow: hidden; margin:0 auto; padding:60px 0;}
.casesmall ul{width:1000px;}
.casesmall li{width: 238px;float: left;height: 238px;margin-bottom: 12px;margin-right: 12px;}
.casesmall img{width: 238px;height: 238px;}
#cart1{ display:inline-block;}
#cart2{ display:none;}
.casesmall li:hover #cart1{display:none;}
.casesmall li:hover #cart2{display:inline-block;}

.detail{position:absolute;top:50%;left:50%; width:1000px;margin-left:-500px; height:500px; margin-top:-250px; overflow:hidden;z-index:1050;overflow: visible;background-clip: padding-box;
    box-shadow: 0 3px 7px rgba(0, 0, 0, 0.3);
    -webkit-background-clip:padding-box;
    -khtml-background-clip:padding-box;
    -moz-background-clip:padding-box;
    -ms-background-clip:padding-box;
    -o-background-clip:padding-box;
    background-clip:padding-box;
    border:1px solid rgba(0, 0, 0, 0.3);*border:1px solid #999;}

.detail .left{ width:234px; height:400px; background:#fff; overflow:hidden; padding:100px 20px 0 20px;}
.detail .left .title{ color:#000; font-size:24px;}
.detail .left .time{ color:#000; font-size:18px;}
.detail .left .neir{ color:#000; font-size:14px; margin-top:24px;}
.detail .right{width:717px; height:500px; background:#fff;overflow:hidden;}
.slideBox{ width:717px; height:500px; overflow:hidden; position:relative; }
		.slideBox .bd{ position:relative; height:100%; z-index:0;   }
		.slideBox .bd li{ zoom:1; vertical-align:middle;width:717px; height:500px;  }
		.slideBox .bd img{ display:block; width:100%;}

		/* 下面是前/后按钮代码，如果不需要删除即可 */
		.slideBox .prev{ position:absolute; left:3%; top:50%; margin-top:-20px; display:block; width:40px; height:40px; background:#000; color:#fff; text-align:center; line-height:40px; font-size:18px;transition: all 0.15s linear;filter:alpha(opacity=70);opacity:0.7;}
		.slideBox .next{ right:3%;position:absolute; top:50%; margin-top:-20px; display:block; width:40px; height:40px; background:#000; color:#fff; text-align:center; line-height:40px; font-size:18px;transition: all 0.15s linear;filter:alpha(opacity=70);opacity:0.7;}
		.slideBox .prev:hover,
		.slideBox .next:hover{ filter:alpha(opacity=100);opacity:1;transition: all 0.15s linear;}