@import url(commd.css);
@import url(focus.css);
@import url(diy.css);
/*首页  企业介绍介绍*/
.brand-banner img{ display: block; width: 100%;}
.brand-sec1{ background: url(../images/qj-bg2.jpg) no-repeat top center; background-size: 100% 100%; padding: 110px 100px 0px 100px;line-height: 160%;}
.brand-tit h2{ color: #333; opacity: 0.1; font-size: 100px; font-family: 'DIN'; text-align: center; text-transform: uppercase; font-weight: bold; 
 line-height:0}
.brand-tit h3{ text-align: center; color: #000; font-weight: bold; font-size: 40px;line-height: 160%; }
.brand-tit p{ text-align: center; font-size: 22px; color: #333; line-height: 36px; padding:20px 0;}
.brand-tit p i{ display: block; background: #6f6f6f; width: 30px; height: 1px; margin: 35px auto 0 auto;}
.brand-tit2 h2,.brand-tit2 h3,.brand-tit2 p{ color: #fff;}

.brand-sec1 .cont{ background: #fff; padding: 50px 120px; display: flex; display: -ms-flexbox; display: -webkit-flex; justify-content: space-between;}
.brand-sec1 .left  h2{ color: #c4c2c3; font-size: 50px; text-transform: uppercase; font-family: "宋体"; letter-spacing: 2px;}
.brand-sec1 .left h3{ color: #000; font-size: 40px; padding: 35px 0;}
.brand-sec1 .left b{ display: block; width: 85px; height: 1px; background: #6f6f6f;margin: 10px auto 0 auto;}
.brand-sec1 .left p{ font-size: 13px; line-height:40px; text-indent: 30px;color: #333; height: 330px; overflow-y: scroll; margin-top: 40px; width: 535px;
padding-right: 30px;}
.brand-sec1 .left span{ font-size: 15px;font-weight:800;}
.brand-sec1 .right img{ display: block; width: 100%;}
.brand-sec1 ::-webkit-scrollbar { width: 0.25rem; height: 0.25rem; background: #fff; } 
.brand-sec1 ::-webkit-scrollbar-track { border-radius: 0; } 
.brand-sec1 ::-webkit-scrollbar-thumb { border-radius: 0; background-color: #ff7657; transition: all .2s; border-radius: 0.25rem; } 
.brand-sec1 ::-webkit-scrollbar-thumb:hover { background-color: #e62128; }


/*网站基础样式*/
html{-webkit-text-size-adjust:none;}
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,textarea,th,td,p,blockquote,hr,button,article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{margin:0px;padding:0px;}
article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block;}
audio,canvas,video{display:inline-block;*display: inline;*zoom:1;}


input,select,textarea,button{font-size:100%;}
table{border-collapse:collapse;border-spacing:0;}
img{border:0;}
li{list-style:none;*margin-left:-1px}
.left{float:left}
.right{float:right;margin-top: 6%;}
.clear{display:block;clear:both;font-size:0px;height:0px;line-height:0px;width:0px;margin:0px;padding:0px;overflow:hidden}
a{color:#000;text-decoration:none;}
a:hover{color:#CA302F;text-decoration:none;}
.page_style{width:100%;margin:0px auto 0px auto;text-align:center;}

/*顶部及主菜单样式*/

.top_box{clear:both;width:100%;background:#F7F7F7;position:absolute;top:0px;z-index:10;height:100px;}
.top_box .top_box_inner{width:1200px;margin:0 auto;position:relative;} 
.top_box .logo{float:left;text-align:left;padding:0px 0px 0px 5px;margin-top:20px;height:60px;}
.top_box .logo img{height:100%;width:auto;}
.top_box .topcontent{position:absolute;top:0px;right:0px;text-align:right;padding:0px 5px 0px 0;height:100px;}


.top_box .topcontent .top_coms{background:url(../images/tel01_w2pi.png) no-repeat left center;padding-left:50px;margin-top:20px;}
.top_box .topcontent .top_coms span{display:block;text-align:left;}
.top_box .topcontent .top_coms span.s1{height:20px;line-height:20px;}
.top_box .topcontent .top_coms span.s2{height:30px;line-height:30px;font-size:20px;font-weight:bold;color:#CA302F}



.menu_box{text-align:left;height:80px;margin-top:20px;}
.menu_box ul{width:1200px;margin:0px auto 0 auto;}

.menu_style_homepage{float:left;width:100px;height:60px;text-align:center;line-height:60px;font-size:16px;font-family:"Microsoft YaHei";margin-left:40px;margin-right:10px;}
.menu_style{float:left;width:100px;height:100px;text-align:center;line-height:60px;font-size:16px;font-family:"Microsoft YaHei";margin:0 10px;}

a.menu{display:block;width:100px;height:50px;color:#000;text-decoration: none;padding:0px 0 0 0;}
a.menu:hover {color:#C52120;text-decoration:none;background:url(../images/navbg.jpg) repeat-x left bottom;}

.menu_current a.menu{color:#C52120;text-decoration:none;background:url(../images/navbg.jpg) repeat-x left bottom;}

/*banner样式*/

.banner{clear:both;padding:0 0 0 0;margin:100px 0 0 0;text-align:left;min-width:1200px;}
.smallbanner{clear:both;padding: 0 0 0 0;margin:0 0 5px 0;text-align:left}

/*网站主体框架样式*/

.main_box_style{clear:both;margin:3px 0 0 0;}

.main_box_style1{position:relative}
.main_box_style1 .main_box_inner{clear:both;padding:20px 0 20px 0;width:1200px;margin:0 auto;}
.main_box_style1 .main_box_inner_left{position:absolute;top:-50px;right:0px;width:100%;z-index:110;}
.main_box_style1 .main_box_inner_right{width:100%;margin:0 0 40px 0;text-align:left;}

.main_box_style2{clear:both;margin:3px 0 0 0;overflow:hidden;}
.main_box_style2 .main_box_inner_left{float:left;width:770px;margin:0 10px 0 0;overflow:hidden;text-align:left;}
.main_box_style2 .main_box_inner_right{float:right;width:220px;margin:0 0 0 0;overflow:hidden;text-align:left;}

.main_box_style3{clear:both;margin:3px 0 0 0;overflow:hidden;}
.main_box_style3 .main_box_inner_left{float:left;width:220px;margin:0 10px 0 0;overflow:hidden;text-align:left;}
.main_box_style3 .main_box_inner_middle{float:left;width:540px;margin:0 0 0 0;overflow:hidden;text-align:left;}
.main_box_style3 .main_box_inner_right{float:right;width:220px;margin:0 0 0 10px;overflow:hidden;text-align:left;}


/*导航样式*/
.nav_box{clear:both;width:100%;margin:0 0 0px 0;}

.nav_title{height:108px;text-align:center;background:#2186CF;cursor:pointer;overflow:hidden;margin-top:10px;font-size:16px;font-family:"Microsoft YaHei";display:none;}
.nav_sign{text-align:center;padding:0px 0 0 0;color:#fff;font-size:30px;height:55px;line-height:55px;display:block;margin-top:20px;}
.nav_more{float:right;font-weight:normal;padding:0px;margin:0 0 0 0;}
.nav_more a{line-height:15px;font-size:10px;}

.nav_content{margin:0 0 0 0;padding:0px;border:0px solid #cccccc;text-align:left;}

.nav_menu{margin:0px 0 0 0;text-align:left;font-family:"Microsoft YaHei";width:100%;background:url(../images/zlmbg.png) repeat-x left top;}
.nav_menu ul{clear:both;margin:0px;padding:8px 0;width:1200px;margin:0 auto;text-align:right;position:relative;}
.nav_menu li{text-align:left;padding:0px;display:inline-block;height:50px;}
.nav_menu li a{clear:both;overflow:hidden;display:block;line-height:30px;padding:2px 30px;color:#fff;font-size:16px;text-decoration:none;}
.nav_menu li a:hover{color:#fff;background:#CA302F;}
.nav_menu li a.current{color:#fff;background:#CA302F;}
.nav_menu li a.current:hover{}


.nav_menu ul li ul{clear:both;width:100%;z-index:4;margin:0px;padding:10px 0;box-shadow:none;position:absolute;left:0px;top:50px;z-index:100;text-align:center;height:30px;width:1200px;}
.nav_menu ul li ul li{display:inline-block;margin:0px;text-align:left;line-height:30px;height:30px;padding:0 0px;}
.nav_menu li ul li a{display:block;line-height:30px;font-size:14px;color:#CA302F;padding:0 30px;border:1px solid #CA302F;}
.nav_menu li ul li a:hover{color:#fff;background:#CA302F;}
.nav_menu li ul li a.current{color:#fff;background:#CA302F;}


.nav_menu ul li ul li ul{top:0px;left:100%;}
.nav_menu ul li ul li span.node{float:left;height:22px;width:15px;cursor:pointer;display:none;}
.nav_menu ul li ul li span.node_close{float:left;height:22px;width:15px;cursor:pointer;display:none;}
.nav_menu ul li ul li span{float:left;height:22px;width:15px;display:none;}

/*模块样式*/
.module_box{clear:both;margin:0 0 0px 0;border:0 solid #cccccc;overflow:hidden;padding:30px 0;}                 /*模块整行布局样式*/
.module_box_layout_left{float:left;margin:0 0 5px 0;border:0 solid #cccccc;overflow:hidden;}  /*模块左布局样式*/
.module_box_layout_right{float:right;margin:0 0 5px 0;border:0 solid #cccccc;overflow:hidden;}   /*模块右布局样式*/

.module_box_inner{clear:both;text-align:center;padding:0px;border:0px solid #cccccc;overflow:hidden;height:100%;width:1200px;margin:0 auto;}/*模块内层容器样式*/
.module_box_layout_left .module_box_inner{clear:both;text-align:center;margin:0 10px 0 0;padding:5px 0 5px 0;} /*模块居左时重写内层样式*/

.module_title{clear:both;height:25px;text-align:center;}
.module_sign{float:left;text-align:center;padding:5px 0 0 0px;width:100%;font-size:22px;color:#434343;font-weight:bold;}
.module_sign .th_tit{text-align:center;}
.module_sign .th_tit span{display:inline-block;}
.module_sign .th_tit span.s1{background:url(../images/h_titbg.png) no-repeat center bottom; width:20px;height:20px;}
.module_sign .th_tit span.s2{margin:0 10px;height:25px;color:#434343;font-size:24px;}
.module_sign .th_tit span.s3{background:url(../images/b_titbg.png) no-repeat center bottom; width:20px;height:20px;}
.module_sign .th_tit span.s4{margin:0 10px;height:25px;line-height:25px;color:#fff;font-size:24px;}
.module_sign .th_tit1{text-align:center;color:#434343;font-weight:normal;font-size:20px;height:25px;line-height:25px;}
.module_sign .th_tit2{text-align:center;color:#fff;font-weight:normal;font-size:20px;height:25px;line-height:25px;}

.module_more{float:right;font-weight:normal;padding:5px 10px 0 10px;margin:0 0 0 0;}
.module_more a{line-height:15px;font-size:12px;}

.module_content{padding:0px;text-align:left;clear:both;}

.module_footer{clear:both;height:1px;overflow:hidden;background-color:#cccccc;display:none}
.module_footer .l{float:left;}
.module_footer .r{float:right}

/*子栏目样式*/
.lanmupage .current_location{display:none}
.current_location{clear:both;text-align:left;height:50px;display:none;}
.current_location ul{width:1200px;margin:0 auto;}
.current_location_1{float:left;padding:0px 0px 0 0px;font-size:14px;line-height:50px;font-size:14px;display:block;width:100%;color:#fff;}
.current_location_2{float:left;padding:1px 0 0 0px;font-weight:bold;display:block;line-height:40px;font-size:16px;color:#023A7D;display:none;}

.sublanmu_box{text-align:left;padding-bottom:10px;}
.sublanmu_content{padding:10px 10px 10px 10px;text-align:left;}
.sublanmu_content_introduct{line-height:2.0;font-size:1.1em} /*自定义内容子栏目样式*/
.sublanmu_content_introduct p{margin-bottom:10px;min-height:10px}

.sublanmu_page{clear:both;text-align:center;margin:15px 0 10px 0;font-size:12px;font-family:宋体;}
.sublanmu_page a{vertical-align:middle;zoom:1;height:15px;line-height:15px;padding:2px 8px 3px 8px;border:1px solid #cccccc;}
.sublanmu_page span.c{padding:2px 2px 3px 2px;font-weight:bold;border:0px solid #cccccc;}
.sublanmu_page span{vertical-align:middle;zoom:1;height:15px;line-height:15px;padding:2px 8px 3px 8px;}
.sublanmu_page span.c{padding:2px 2px 3px 2px;border:0px solid #cccccc;}


.sublanmu_pn{font-size:13px;margin:15px 0 5px 0}
.sublanmu_pn li{color:#333}
.sublanmu_pn li a{color:#333;}
.sublanmu_pn li a:hover{color:#C52120;}

/*评论*/
.comments_box{text-align:left;border:1px solid #cccccc;margin:10px 0 10px 0;}
.comments_box .title{padding:2px 0 0 10px;height:20px;font-weight:bold;background-color:#ececec}
.comments_box ul li{padding:5px 0 5px 25px;}
.comments_box .textarea{width:520px;height:100px;border:1px solid #cccccc;border-color:#000000 #cccccc #cccccc #000000;}

.comments_list{padding:5px 0 0 0;border:0px solid #cccccc;overflow:hidden}
.comments_list .title{display:block;padding:2px 0 3px 5px;height:18px;width:100%;font-weight:bold;}
.comments_list .item{clear:both;margin:0 0 10px 0;overflow:hidden}
.comments_list .header{padding:3px 0 0 10px;height:22px;background-color:#eeeeee}
.comments_list .header .floornum{font-size:12px;font-style:Italic;font-weight:bold}
.comments_list .header .left{float:left}
.comments_list .header .right{float:right;padding-right:10px}
.comments_list .quote{display:block;color:#999999;padding:5px 5px 5px 10px;border:1px solid #ececec}
.comments_list .content{padding:5px 5px 5px 15px}
.comments_list .reply{background:url(../images/reply.gif) no-repeat 5px 5px;border:1px dashed #cccccc;padding:2px 5px 2px 25px;margin:2px 0 5px 0;color:#D33506}

.comments_page{clear:both;vertical-align:middle;text-align:right;background-color:#ffffff;margin:10px 0 10px 0;font-family:宋体;}
.comments_page a{height:15px;line-height:15px;vertical-align:middle;zoom:1;padding:2px 8px 2px 8px;border:1px solid #cccccc;font-size:12px}
.comments_page span{height:15px;line-height:15px;vertical-align:middle;zoom:1;padding:2px 5px 2px 5px;font-size:12px}
.comments_page span.c{vertical-align:middle;padding:2px 3px 2px 3px;font-weight:bold;font-size:12px;}

/*bottom样式*/
.bottom_box{clear:both;margin:0px 0 0px 0;text-align:left;width:100%;z-index:10;position:relative;}

/*登陆界面*/
.loginbox_item{height:20px;padding:0 0 0 0;padding:0 5px 5px 0;text-align:left;font-size:9pt;}
.loginbox_textbox{width:100px;height:15px;border:0 solid #cccccc;border-width:1px 1px 1px 1px}
.loginbox_textbox_yzm{width:40px;height:15px;border:0 solid #cccccc;border-width:1px 1px 1px 1px}
.loginbox_submit{width:90px;height:20px;border:0 solid #333333;border-width:0 1px 1px 0;background-color:#dddddd;cursor:pointer;}
a.logined_href:link{font-size:9pt;color:#FF0000;text-decoration:underline}
a.logined_href:visited{font-size:9pt;color:#FF0000;;text-decoration:underline}
a.logined_href:hover{font-size:9pt;color:#FF0000;text-decoration:underline}


/*其他样式*/
.textarea{border:1px solid #cccccc;border-color:#000000 #cccccc #cccccc #000000;}
.button{width:55px;font-size:9pt;height:19px;cursor:pointer;background-image:url(../images/button.gif);background-position: center center;border-top: 0px outset #eeeeee;border-right: 0px outset #888888;border-bottom: 0px outset #888888;border-left: 0px outset #eeeeee;padding-top: 2px;background-repeat: repeat-x;}
.tb{border:1px solid #cccccc;border-color:#000000 #cccccc #cccccc #000000;}
.bt{height:22px;width:70px;font-size:9pt;background-image:url(../images/bt.gif);padding-top:2px;cursor:pointer;border-width:0px;}


.all_button {
	display: inline-block;
	background: #3B9FF2;
	border: solid 1px #3B9FF2;
	color: #fff;
	padding: 6px 30px;
	border-radius: 3px;
	overflow: hidden;
}

.join_in {
	padding: 70px 0;
	background: url(../images/fan_bj.png) center top repeat;
	text-align: center;
}
.join_in_title {
	font-size: 36px;
	color: #fff;
}
.join_in_title span {
	color: #31b5ff;
}
.join_in_text {
	color: #e3e3e3;
	font-size: 18px;
	margin: 15px 0 50px 0;
}
.join_in_button {
	padding: 8px 60px;
}

/*方案案例a*/
.main4a{ width:100%; height:164px; border-bottom:1px solid #e5e5e5; overflow:hidden;}
.main4a_{ width:1200px; height:164x; margin:0 auto;}
.case{ width:296px; height:64px; margin:60px auto 38px; border:1px solid #999999; line-height:64px; text-align:center; position:relative; color:#989898; font-size:14px}
.case b{ font-size:30px; font-family:"微软雅黑"; color:#3e3e3e; font-weight:normal; position:absolute; left:80px; top:-22px; background:#FFF; height:40px; line-height:40px; padding:0 5px}
.case em{ font-size:24px; font-style:normal; position:absolute; top:45px; left:40px; background:#FFF; height:40px; line-height:40px; padding:0 5px; color:#989898}
/*方案*/
.main4b{ width:100%; height:396px; }
.main4b_{ width:1200px; height:354px; margin:0 auto; padding-top:24px; overflow:hidden}
.main4b_ ul li{ float:left; margin-right:53px; width:260px; height:330px}
.box a.left{ background:url(../images/cp_l.jpg); position:absolute; width:30px; height:60px; top:150px; left:-40px;}
.box a.right{ background:url(../images/cp_r.jpg); position:absolute; width:30px; height:60px; top:150px; right:-40px;}
.box{width:1200px; height:331px; margin:0 auto;position:relative;}

/* 腰线1 */

.tc{text-align: center;}
.waist_line{
width: 100%;
height: 400px;
background: url(../images/index_1.png) fixed no-repeat;
background-size: cover;
background-position: center center;
margin-top: 40px;
max-width: 1920px;
}
.waist_line h2{font-size: 32px;font-family:"微软雅黑";color: #ff7657;padding-top: 80px;line-height:80px}
.waist_line  a {
float: left;
margin-left: 95px;
width: 180px;
background: #ff7657;
height: 60px;
margin-right: 65px;
text-align: center;
line-height: 50px;
font-size: 18px;
color: #fff;
transition: all 1s ease 0s;
-o-transition: all 1s ease 0s;
-moz-transition: all 1s ease 0s;
-webkit-transition: all 1s ease 0s;
}
.waist_line  a:hover{
background: #259bf6;
color: #fff;
}
.waist_line  a:hover{
background: #259bf6;
color: #fff;
}
.waist_line .index_button{width: 700px;margin:0 auto;margin-top: 40px}

.waist_line1{
width: 100%;
height: 400px;
background: url(../images/index_3.jpg) fixed no-repeat;
background-size: cover;
background-position: center center;
margin-top: 40px;
max-width: 1920px;
}
.waist_line1 h2{font-size: 32px;font-family:"微软雅黑";color: #fff;padding-top: 80px;line-height:80px}
.waist_line1  a {
float: left;
margin-left: 95px;
width: 180px;
background: #ff7657;
height: 60px;
margin-right: 65px;
text-align: center;
line-height: 50px;
font-size: 18px;
color: #fff;
transition: all 1s ease 0s;
-o-transition: all 1s ease 0s;
-moz-transition: all 1s ease 0s;
-webkit-transition: all 1s ease 0s;
}
.waist_line1  a:hover{
background: #259bf6;
color: #fff;
}
.waist_line1 .index_button{width: 700px;margin:0 auto;margin-top: 40px}



.dz_line  a {
float: left;
margin-left: 95px;
width: 180px;
background: #ff7657;
height: 60px;
margin-right: 65px;
text-align: center;
line-height: 50px;
font-size: 18px;
color: #fff;
transition: all 1s ease 0s;
-o-transition: all 1s ease 0s;
-moz-transition: all 1s ease 0s;
-webkit-transition: all 1s ease 0s;
}
.dz_line  a:hover{
background: #259bf6;
color: #fff;
}
.dz_line .index_button{width: 700px;margin:0 auto;margin-top: 40px}


@font-face {
  font-family: 'iconfont';  /* project id 41366 */
  src: url('http://at.alicdn.com/t/font_41366_s0uivxkwh3434n29.eot');
  src: url('http://at.alicdn.com/t/font_41366_s0uivxkwh3434n29.eot?#iefix') format('embedded-opentype'),
  url('http://at.alicdn.com/t/font_41366_s0uivxkwh3434n29.woff') format('woff'),
  url('http://at.alicdn.com/t/font_41366_s0uivxkwh3434n29.ttf') format('truetype'),
  url('http://at.alicdn.com/t/font_41366_s0uivxkwh3434n29.svg#iconfont') format('svg');
}
.iconfont {
font-family:"iconfont" !important;
font-style:normal;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
font-size: 12px;
}
ul.navbar-right::-webkit-scrollbar {
   display:none
}
ul.navbar-right li::-webkit-scrollbar{
  display:none
}
ul.navbar-right li a::-webkit-scrollbar{
  display:none
}
.navbar-collapse::-webkit-scrollbar {
   display:none
}



/* 我们的品质 */
.he_3DFlipY {
display: block;
height: 450px;

overflow: hidden;
padding: 0;
margin: 0;
border: 0;
position: relative;
box-sizing: border-box;
cursor: pointer;

-webkit-perspective-origin: 50% 50%;
-moz-perspective-origin: 50% 50%;
perspective-origin: 50% 50%
}

.he_3DFlipY_inner {
width: 100%;
height: 100%;
top:-10%;
padding: 0;
margin: 0;
position: relative;
text-align: center;
-webkit-transform-style: preserve-3d;
-moz-transform-style: preserve-3d;
transform-style: preserve-3d
}

.he_3DFlipY_inner > div.he_3DFlipY_img {
background: url(../images/wh_2.png) no-repeat center;
width: 100%;
height: 100%;
backface-visibility: hidden;
-webkit-transition: all .5s ease-in-out;
-moz-transition: all .5s ease-in-out;
transition: all .5s ease-in-out;
padding-top: 100px;
}
.he_3DFlipY_inner p {
font-size: 13px;
text-align: center;
line-height: 26px;
width: 100%;
position: absolute;
top: 55%;

}
.he_3DFlipY_inner i{line-height: 200px;}
.he_3DFlipY_inner > div.he_3DFlipY_img p,.he_3DFlipY_inner > div.he_3DFlipY_img i{color: #8f8f8f}
.he_3DFlipY_inner i{font-size:42px; margin: 0 10px;}

.he_3DFlipY_inner:hover > div.he_3DFlipY_img {
-webkit-transform: rotateY(180deg);
-moz-transform: rotateY(180deg);
transform: rotateY(180deg)
}

.he_3DFlipY_inner > div img {
max-width: 100%;
padding: 0;
margin: 0;
display: block;
position: relative
}

.he_3DFlipY_caption {
position: absolute;
top: 0;
left: 0;
padding: 0;
background: url(../images/wh_1.png) no-repeat center;
color: #fff;
height: 100%;
width: 100%;
padding: 0;
margin: 0;
opacity: 0;
text-align: center;
backface-visibility: hidden;
-webkit-transform: rotateY(-180deg);
-moz-transform: rotateY(-180deg);
transform: rotateY(-180deg);
-webkit-transition: all .5s ease-in-out;
-moz-transition: all .5s ease-in-out;
transition: all .5s ease-in-out;
padding-top: 100px
}

.he_3DFlipY_inner:hover .he_3DFlipY_caption {
opacity: 1;
-webkit-transform: rotateY(0);
-moz-transform: rotateY(0);
transform: rotateY(0)
}

.he_3DFlipY_caption p {
font-size: 13px;
text-align: center;
line-height: 26px;
width: 100%;
position: absolute;
top: 45%;
margin: 0;
padding: 0;
color: #fff
}



/* 员工风采 */

.platform_advantage {
	background: #fff ;
	padding: 100px 0;
	position: relative;
	overflow: hidden;
}
.response_shows .response_shows_box img {
	width: 100%;
}
.response_shows .response_shows_width {
	position: relative;
}
.response_shows .response_shows_box .pic {
	overflow: hidden;
	position: absolute;
	float: none;
	top: 0px;
	right: 0px;
	bottom: 0px;
	left: 0px;
}
.response_shows .response_shows_box .pc {
	position: relative;
	margin-top: -5%;
	max-width: 75%;
	width: 100%;
}
.response_shows .response_shows_box .pc .pic {
	top: 2.5%;
	bottom: 20%;
	left: 2.22%;
	right: 1.5%;
}
.response_shows .response_shows_box .pad {
	position: absolute;
	bottom: 2%;
	right: 0px;
	max-width: 40%;
	width: 100%;
}
.response_shows .response_shows_box .pad .pic {
	top: 3%;
	bottom: 6%;
	left: 2%;
	right: 1.6%;
	overflow: hidden;
}
.response_shows .response_shows_box .phone {
	position: absolute;
	bottom: 0;
	right: 38%;
	max-width: 15%;
	width: 100%;
}
.response_shows .response_shows_box .phone .pic {
	top: 8%;
	bottom: 10.5%;
	left: 5%;
	right: 5%;
}
.response_shows .response_shows_box .item {
	width: 100%;
	height: 101%;
	position: relative;
	float: left;
	-webkit-transition: all 0.8s ease-out;
	-moz-transition: all 0.8s ease-out;
	-ms-transition: all 0.8s ease-out;
	-o-transition: all 0.8s ease-out;
	transition: all 0.8s ease-out;
}

.wh_contain {
	width: 96%;
	max-width: 1200px;
	margin: 0 auto;
}
.wh_contain-fluid {
	width: 100%;
	margin: 0 auto;
}

/* 核心员工 */
.part5{ width:1200px; margin:0 auto;height:300px; padding-top:0px}
.marqueeleft{width:1260px;overflow:hidden; margin-top:20px}
.marqueeleft ul{float:left;}
.marqueeleft ul li{width: 348px;margin-right: 20px;float: left;border: 1px solid #333333;background-color: #333;}
.marqueeleft ul li .pro{width: 348px;height: 240px;_display:table;display:table-cell;text-align:center;vertical-align:middle}
.marqueeleft ul li .pro img{vertical-align:middle;max-height:240px; max-width:348px}
.marqueeleft ul li p{ text-align:center;line-height: 20px;color: #fff;font-weight: bold; padding:0 15px;margin-top: -10px;}
.detailbox{padding:10px; overflow:hidden; padding-bottom:20px}
.detailbox .xq{}
.detailbox .xq .tit{text-align: center;line-height: 40px;font-size: 14px;font-weight: bold;margin-top: 20px;}
.detailbox .xq .date{ text-align:center; line-height:30px;}
.detailbox .xq .proimg{ margin:0 auto; display:block; max-width:700px; margin-top:10px}
.detailbox .xq .con{ line-height:33px; padding:8px; overflow:hidden}
.detailbox .xq .con p{ text-indent:2em}


.service_title{ position:relative; text-align:center; margin-top:50px; color:#000; }
.service_title h2{ font-size:30px; font-weight:0px;  }
.service_title em{ font-size:18px; font-weight:0px; }
.service_title p{ padding:40px 0; font-size:14px; color:#333; }
.service_title .line-1{ width:80px; height:1px; background:#000; position:absolute; left:50%; top:0; margin-left:-150px; }
.service_title .line-2{ width:50px; height:1px; background:#000; position:absolute; left:50%; top:70px; margin-left:70px; }

/* 方案详细--标题 */
.normal-sec1{ background: url(../images/bg1.jpg) no-repeat top center; background-size: 100% 100%; padding: 50px 0;}
.nor-tit{ background: url(../images/fan_list1.png) no-repeat center; height: 80px; width: 658px; margin: 0 auto;}
.nor-tit h3{  font: bold 40px/60px "微软雅黑"; text-align: center; line-height: 80px; color: #000;}


/* IT运维 */
body,html,p,ul,li{	
	padding:0;
	margin:0;
	}
li{
	list-style:none;
	}


.k1120{
	max-width:1200px;
	background:#F6F6F6;
	margin-top:70px;
	margin:0 auto;
	
	}	
	
.servicesBox{
	position:relative;
	
	background:#F6F6F6;
	height:370px;
	}
.servicesBox li{
	width:25%;
	float:left;
	}
.servicesBox li h3{
	font-size:20px;
	color:#333;
	padding:5px 0;
	}
.servicesBox li p{
	color:#999;
	font-size:13px;
	line-height:30px;
 	}
.servicesBoxList{
	padding:0 10px;
	margin-top:55px;
	line-height:200%;
	}
.servicesBox:before{
	width:100%;
	height:1px;
	background:#eee;
	position: absolute;
	margin-top:70px;
	left:0;
	right:0;
	content:'';
 	top:47px;	 
	}
.servicesBoxIcon{
	padding:0 0 10px 20px;
	}	
.servicesBoxIcon i {
        display: inline-block;
        cursor: pointer;
        width: 90px;
        line-height:90px;
        height: 90px;
        border-radius: 50%;
        text-align: center;
        position: relative;
        z-index: 1;
        color: #333;
        font-size:16px;
		background:#fff;
		border:1px   solid #a3a3a3;
        transition: background 0.2s, color 0.2s;
		
 }	
.servicesBoxIcon i:after {
        pointer-events: none;
        position: absolute;
        width: 100%;
        height: 100%;
        border-radius: 50%;
        content: '';
        box-sizing: content-box;
}	
.servicesBoxIcon i:after {
        top: -7px;
        left: -7px;
        padding: 7px;
        box-shadow: 0 0 0 4px #ff7651;
        transition: transform 0.2s, opacity 0.2s;
        transform: scale(.8);
        opacity: 0;
}
.servicesBoxIcon i:hover {
         color: #fff;
		border:1px solid #fff;
}	
.servicesBoxIcon i:hover:after {
        transform: scale(1);
        opacity: 1;
}	
.servicesBoxIcon i:before{
	width:40px;
	height:40px;
	display:block;
	position:absolute;
	content:'';
	background-image:url(../images/iticon.png);
	background-repeat:no-repeat;
	background-size:228px 61px;
	top:50%;
	left:50%;
	margin:-20px 0 0 -20px;
 	}
.servicesIcon_1:before{
	background-position:3px 5px;}
.servicesIcon_2:before{
	background-position:-67px 5px;}
.servicesIcon_3:before{
	background-position:-130px 7px;}
.servicesIcon_4:before{
	background-position:-195px 7px;}
	
	
	.servicesBoxIcon ii {
        display: inline-block;
        cursor: pointer;
        width: 90px;
        line-height:90px;
        height: 90px;
        border-radius: 50%;
        text-align: center;
        position: relative;
        z-index: 1;
        color: #333;
        font-size:16px;
		background:#fff;
		border:1px   solid #a3a3a3;
        transition: background 0.2s, color 0.2s;
		
 }	
.servicesBoxIcon ii:after {
        pointer-events: none;
        position: absolute;
        width: 100%;
        height: 100%;
        border-radius: 50%;
        content: '';
        box-sizing: content-box;
}	
.servicesBoxIcon ii:after {
        top: -7px;
        left: -7px;
        padding: 7px;
        box-shadow: 0 0 0 4px #ff7651;
        transition: transform 0.2s, opacity 0.2s;
        transform: scale(.8);
        opacity: 0;
}
.servicesBoxIcon ii:hover {
         color: #fff;
		border:1px solid #fff;
}	
.servicesBoxIcon ii:hover:after {
        transform: scale(1);
        opacity: 1;
}		
.servicesBoxIcon ii:before{
	width:60px;
	height:60px;
	display:block;
	position:absolute;
	content:'';
	background-image:url(../images/iticon1.png);
	background-repeat:no-repeat;
	background-size:228px 61px;
	top:50%;
	left:50%;
	margin:-20px 0 0 -20px;
 	}
.servicesIcon_5:before{
	background-position:0px 0px;}
.servicesIcon_6:before{
	background-position:-64px 0px;}
.servicesIcon_7:before{
	background-position:-125px 1px;}
.servicesIcon_8:before{
	background-position:-185px 1px;}
/* 软件开发 */
ol,ul{list-style:none}
a{text-decoration:none;cursor:pointer}
a{color:inherit}a:link{text-decoration:none}
.layout{padding-left:10%;padding-right:10%}img{max-width:100%}
.clearfix:before,.clearfix:after{content:" ";display:table}
.clearfix{zoom:1}
.clearfix:after{content:" ";clear:both;height:0;visibility:hidden;display:block}#warpper{width:100%;position:relative;overflow-x:hidden}
.index-title{text-align:center;font-size:16px;color:#666;margin-top:50px;}
.index-title span{display:block;font-size:24px;color:#000}
.index-title dz{display:block;font-size:14px;color:#000;margin-top:30px;}
.index-ser{width:100%}
.index-ser ul li{width:23.87%;float:left;margin-top:60px;margin-right:1.5%;margin-right:1%\0;-webkit-transition:all .5s ease;transition:all .5s ease}
.index-ser ul li:hover{box-shadow:0 17px 50px 0 rgba(0,0,0,.19);transform:translate3d(0,-2px,0);transition:all .3s cubic-bezier(.55,0,.1,1)}
.index-ser ul li:nth-of-type(4n),.index-ser ul li.mr0{margin-right:0}
.index-ser ul li .item{border:1px solid #ddd;text-align:center;padding:10% 17%}
.index-ser ul li .co{width:180px;height:100px;display:block;margin:0 auto;-webkit-transition:all 1.5s ease;transition:all 1.5s ease}
.index-ser ul li:hover .co{background-position:-180px 0}
.index-ser ul li h2{font-size:18px;color:#333;margin:15px 0}
.index-ser ul li span{font-size:14px;color:#666;display:block}