﻿@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,h1,h2,h3,h4,h5,h6{font-family:"Microsoft Yahei";font-size:14px;color: #333;-webkit-font-smoothing: antialiased;-moz-osx-font-smoothing:grayscale}
body{line-height:1.6; background: #ffffff;}
i{ font-style: normal;}
a,area{outline:none;blr:expression(this.onFocus=this.blur())}
a{text-decoration:none;cursor: pointer}
a:hover{text-decoration:none;outline:none}
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}
 body{ overflow-x: hidden;}
/*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）避免因子元素浮动而导致的父元素高度缺失能问题
*/
.clear { zoom:1; }
.clear:after { content:''; display:block; clear:both; }
.fl { float:left; }
.fr { float:right; }


/*header*/
.header{ width: 1276px; position: absolute; z-index: 2; left: 50%; top: 70px; margin-left: -638px; height: 76px; background:url(../images/navbg.png) no-repeat; }
.logo{ display: block; width: 166px; height: 52px; margin:13px 0 0 12px; }
.logo img{ max-width: 100%; max-height: 100%;}


.wraper{ position:relative; width: 840px; margin:0 auto; height: 100%; left: -34px;}
.nav{ width:100%; height:100%; position:absolute; left:0; top:0;}
.nav-item{ float:left; width:134px; height:100%; z-index:2; position:relative;}
.nav-item a{ width:100%; height:76px; color: #666666; font-size: 15px; color: #ffffff; display:table; vertical-align: middle; }
.nav-item a em{font-size: 24px; text-align: center; position: relative;top: 10px; display: block; }
.nav-item a i{display: block;}
.nav-item a .i1{ text-indent: 34px; }
.nav-item a .i2{ text-indent: 26px; }
.nav-item a .i3{ text-indent: 22px; }
.nav-item a .i4{text-indent: 40px; }
.nav-item a .i5{ text-indent: 14px; }
.nav-item a .i6{text-indent: 14px; }
.nav li span{ display: inline-block; width: 1px; height: 50px; background:#3d3d4c; margin-top: 20px; position: relative;top: -76px; float: right; }
.nav li a:hover{ color:#cd000c;}
.nav .active{ background:#cd000c;}
.nav .active:hover{ color: #ffffff !important;}
.move-bg{ display:none; position:absolute;left:0;top:0; width:134px; height:100%; background:#cd000c; z-index:0;}
.header .tel{ float: right; display: inline-block; font-size:40px; color: #cd000c; font-weight: bold; font-family: Century Gothic; background:url(../images/tel.png) no-repeat; cursor: pointer; height: 100%; padding-top: 20px; position: relative;top: -86px; text-indent: 28px; letter-spacing:-3px; }
.focusBox{ z-index:1; position:relative;  height:825px; overflow:hidden; width: 1920px; left: 50%; margin-left: -960px;}
.focusBox .pic{ height:825px;}
.focusBox .pic img { width:100%; height:100%; display: block;}	
.focusBox .hd { overflow:hidden; zoom:1; position:absolute; bottom:20px; left:50%; margin-left:-32px; z-index:10;}
.focusBox .hd li{float:left; line-height:15px; text-align:center; font-size:12px; width:17px; height:18px; cursor:pointer; overflow:hidden; background:url(../images/dot.png) no-repeat; margin-right:24px; filter:alpha(opacity=80); opacity:.8; -webkit-transition:All .5s ease;-moz-transition:All .5s ease;-o-transition:All .5s ease }
.focusBox .hd .on{ background:url(../images/doth.png) no-repeat; filter:alpha(opacity=100);opacity:1;   }
#content{ width: 1200px; margin: 46px auto 0; overflow: hidden;}
.index_title h2{ text-align: center; font-family: HYb2gj; font-size: 72px;}
.index_title p{text-align: center;}
.index_title em{ text-align: center; width: 1200px; height: 81px; display: block; padding-bottom: 30px;}
.content1 .index_title h2{ padding-bottom: 36px;}
.content2 .index_title h2{ padding-bottom: 20px;}
.content3 .index_title h2{ padding-bottom: 24px;}
.content2 .index_title p{ padding-bottom: 40px;}
.content3 .index_title p{ padding-bottom: 30px;}
.cont1{ width: 110%;}
.cont1 li{ float: left; margin:24px 27px 0 0; position: relative;}
.cont1 li a{ display: block;}
.cont1 li a h2{ font-size: 34px; color: #727b83; text-align: center; padding: 70px 0 0 34px; width: 298px; overflow: hidden; font-weight: normal;}
.cont1 li a p{ padding-left: 40px; height: 78px; font-size: 18px;width: 298px; overflow: hidden; color: #727b83; line-height:26px; position: relative;}

.cont1 li a:hover h2{ color: #cf0915;}
.c1{ background:url(../images/c1.png) no-repeat; }
.c2{ background:url(../images/c2.png) no-repeat; }
.c3{ background:url(../images/c3.png) no-repeat; }
.c4{ background:url(../images/c4.png) no-repeat; }
.c5{ background:url(../images/c5.png) no-repeat; }
.c6{ background:url(../images/c6.png) no-repeat; }
.c1:hover{ background:url(../images/r1.png) no-repeat; }
.c2:hover{ background:url(../images/r2.png) no-repeat; }
.c3:hover{ background:url(../images/r3.png) no-repeat; }
.c4:hover{ background:url(../images/r4.png) no-repeat; }
.c5:hover{ background:url(../images/r5.png) no-repeat; }
.c6:hover{ background:url(../images/r6.png) no-repeat; }
.c1, .c2, .c3{ width: 380px; height: 245px;}
.c4, .c5, .c6{ width: 383px; height: 256px;}
.content2, .content3{ margin-top: 110px;}
.content3 .index_title em{ padding-bottom: 0;}
.picMarquee-left{width: 100%; height: 328px; float: right;  overflow:hidden; position:relative; margin-bottom: 60px;}
.picMarquee-left .tempWrap{ width: 100% !important;}
.picMarquee-left .bd{ width: 100%; height: 328px; overflow:hidden;}
.picMarquee-left .bd ul{ overflow:hidden; zoom:1; width: 110%; }
.picMarquee-left .bd ul li{ margin:0 20px 40px 0; float:left; _display:inline; overflow:hidden; text-align:center;  }
.picMarquee-left .bd ul li .pic{ text-align:center; display:table-cell; vertical-align:middle; width:154px; height:144px; }
.picMarquee-left .bd ul li .pic a{ text-align:center; display:table-cell; vertical-align:middle; width:154px; height:144px; }
.picMarquee-left .bd ul li .pic img{ max-width:100%; vertical-align:middle; max-height:100%;}
.cont3{background:url(../images/abg.png) no-repeat; height: 422px; width: 100%; position: relative;}
.cont3 .dl{ float: left; position: absolute; width: 200px; top: 30px; text-align: center;}
.cont3 .dl1{ left: 154px;}
.cont3 .dl2{ right: 148px;}
.cont3 .dl p{ color: #646d74; font-size: 24px; font-weight: bold;}
.cont3 .dl .em{ position: absolute;top: 200px; text-align: center; width: 200px;}
.cont3 .dl .em em{ display: block; font-size: 18px; color: #646d74; line-height: 34px;}
.cont3 .dl2 .em em{ -font-family: Century Gothic;}
#footer{ height:226px; background:url(../images/footerbg.png) no-repeat center center;}
.footer{ margin:0 auto; width:1200px;}
.footer_nav{ padding-top: 20px; text-align:center; font-size: 24px; color: #646d74;}
.footer_nav a{ font-size: 24px; color: #646d74;padding: 0 20px 0 10px; }
.footer_nav a:hover{ color: #d30606;}
.footer1{ margin: 50px auto 0; width: 680px;}
.footer1 .img2{ display: inline-block; width: 91px; height: 89px;  float: left;}
.footer2{ width: 580px; float: right; padding-top: 6px;}
.footer2 p{ position: relative;top: -18px;}
.footer2 .p1 img{ width: 105px; height: 46px;}
.footer2 p{ color: #646d74; font-size: 12px;}
.footer2 .p1 em{ position:relative;left: 4px; top: 12px; font-size: 30px; font-weight: bold; letter-spacing:-2px; word-spacing: 6px;}

#page_content1{ width: 100%; background: #292929; text-align: center; padding-bottom: 176px;}
.page_h{ position: relative; height: 301px; background:url(../images/page.png) no-repeat center center; }
#page_content{ width: 1200px; margin: 0 auto 176px; overflow: hidden; text-align: center;}
.fuwudetail .info{ text-align: center !important;}
.page_content1 .index_title{ padding-top: 80px;}
.page_content1 .index_title h2{ padding-bottom: 28px;}
.page_content1 .index_title p{ padding-bottom: 30px;}
.page_content1 .index_title em{ padding-bottom: 38px;}
.about_info{ font-size: 20px; line-height: 34px; padding:0 20px;}
.pagec2{ font-size: 20px; line-height: 34px; padding:0 20px; }
.pagec2 h2{overflow: hidden; text-overflow:ellipsis; white-space:nowrap; font-family: '方正大黑简体'; font-size: 23px; line-height: 58px;}
/*.pagec2 p{ overflow: hidden; height: 232px; line-height: 58px; font-size: 20px;}*/


.page_content3{ width:100%; height:650px;}
.page_content3 img{ width:100%; height:100%;}
.page_content4{ height: 410px; width:1200px; background: #eeeeee;}
.page_content4 img{ width:100%; height:100%;}
.fuwu_content1 .index_title{ padding-top: 76px;}
.fuwu_content1 .index_title h2{ padding-bottom: 18px;}
.fuwu_content1 .index_title p{ padding-bottom: 36px;}
.fuwu_content1 .index_title em{ padding-bottom: 40px;}
.fuwu_content2 .index_title{ padding-top: 86px;}
.fuwu_content2 .index_title h2{ padding-bottom: 32px;}
.fuwu_content2 .index_title p{ padding-bottom: 36px;}
.fuwu_content2 .index_title em{ padding-bottom: 26px;}
.fuwu_content3{ width: 100%;}
.fuwu_img{ width:100%; height:340px; margin-bottom:20px;}
.fuwu_img{ max-width:100%; max-height:100%;}
.em_po{width:100%; height:488px;}
.em_po img{ max-width:100%; max-height:100%;}
.fuwudetail{ padding-top: 70px; text-align: center;}
.fuwudetail .title{ font-size: 28px; line-height: 46px; color: #cd000c;}
.fuwudetail .info{ font-size: 18px; color: #666666; line-height: 30px; margin: 0 auto 46px; width: 1200px;}
.fuwudetail img{ max-width: 100%;}
.case_page{ width: 1310px !important;}
.case_content1 .index_title{ padding-top: 80px;}
.case_content1 .index_title h2{ padding-bottom: 18px;}
.case_content1 .index_title p{ padding-bottom: 40px;}
.case_content1 .index_title em{ padding-bottom: 30px;}
.casecont1{ padding-left: 78px; width: 110%;}
.casecont1 li{ float: left; margin: 0 40px 24px 0; width: 556px;}
.casecont1 li a{ display: block; width: 100%; height: 100%;}
.casecont1 li a img{ width: 556px; height: 290px;} 
.casecont1 li a h2{ font-weight: lighter; text-align: left; height: 50px; width: 100%; line-height: 50px; font-size: 17.67px; letter-spacing: 0.1em; color: #5d5b5b;overflow: hidden; text-overflow:ellipsis; white-space:nowrap;} 
.casecont1 li a:hover h2{ color: #d30606;}
.case_content1 .more{ text-align: center;}
.case_content1 .more a{ display:inline-block; padding: 0 15px; border:2px solid #646d74; font-size: 21px; color: #10101a; font-family: "方正细黑一简体";}
.case_content1 .more a:hover{ color: #d30606; border:2px solid #d30606;}
.case_content2 .index_title em{ padding-bottom: 58px;}
.case_content2 .casecont1 li a img{ width:556px; height:334px !important;}
.page1{width:100%; text-align:center; }
.page{ margin:38px auto 0; display:inline-block; }
.page li{ float:left; background:#ffffff; margin-right:9px;}
.page li a{ color:#10101a; font-size:16px; line-height:20px; padding:4px 10px; display:inline-block; border:1px solid #c7c7c7; /*font-weight: lighter;*/}
.page .active a, .page li:hover a,.page li .current{ color:#d30606;  border: 1px solid #d30606;}
.page li.shenglie{ border:none;}
.casede_content1 .index_title{ padding-top: 100px;}
.casede_content1 .index_title em{ padding-bottom: 42px;}
.partner_page .content2{ margin-top:0 !important;}
.partner_page .index_title{ margin-top:76px !important;}
.partnercont li{ float: left; width: 163px; height: 118px; margin:0 8px 50px 0;}
.partnercont li img{ max-width: 100%; position: relative;}
.partnerinfo{ text-align:right; padding-top:80px;}
.partner_page .page{ margin:0 auto;}
.contact{}
.contact .index_title{ padding-top: 120px}
.contact .index_title h2{ padding-bottom: 20px;}
.contact .index_title p{ padding-bottom: 46px;}
.contact .index_title em{ padding-bottom: 34px;}
.contact_cont{}
.addr{ text-align: center; margin-bottom: 20px;}
.addr h2{font-family: "恅隋陔眙极潠"; font-size: 25px; color: #646d74; }
.addr p{ font-size: 20px; line-height: 36px; font-family: "Adobe 黑体 Std "; color: #646d74; }
.contact_cont .map{ width: 1108px; margin: 0 auto;}


