@font-face {
    font-family:'webfontregular';
    src: url('../fonts/webfont.eot');
    src: url('../fonts/webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/webfont.woff') format('woff'),
         url('../fonts/webfont.ttf') format('truetype'),
         url('../fonts/webfont.svg#webfontregular') format('svg');
    font-weight:normal;
    font-style:normal;
}

@font-face {
    font-family:'fzyaoti-m06regular';
    src:url('../fonts/gbk-webfont.eot');
    src:url('../fonts/gbk-webfont.eot?#iefix') format('embedded-opentype'),
        url('../fonts/gbk-webfont.woff') format('woff'),
        url('../fonts/gbk-webfont.ttf') format('truetype'),
        url('../fonts/gbk-webfont.svg#fzyaoti-m06regular') format('svg');
    font-weight:normal;
    font-style:normal;
}

*{ margin:0; padding:0; list-style-type:none; }
body{ font:normal 100% "Microsoft YaHei",Arial; overflow-x:hidden; min-height:700px; margin:0 auto; font-size:14px; }
html,body,div,ul,ol,li,dl,dt,dd,h1,h2,h3,h4,h5,h6,p,table,tbody,thead,tfoot,tr,td,th,input { margin:0; padding:0; }
h1,h2,h3,h4,h5,h6,em,h6,b,p{ font-weight:normal; font-style:normal; }
img{ vertical-align:bottom; border:none; }
a{ text-decoration:none; color:#666; }
ul,li{ list-style:none outside none; }
li,p,a{ vertical-align:bottom; }
.clear{ clear:both; display:block; margin:0; padding:0; height:0; }
.clearFix { zoom:1; }
.clearFix:after { content:'.'; display:block; height:0; clear:both; visibility:hidden; }
table{ border-collapse:collapse; }
::selection{ background:#fdaf17; color:white; /* Safari */} 
::-moz-selection{ background:#fdaf17; color:white; /* Firefox */ }
.opacity{ background:#000; opacity:0.5; filter:alpha(opacity=50); }
input,select{ -webkit-appearance:none; appearance:none; }
select::-ms-expand{ display:none; }
input[type=radio]::-ms-check,input[type=checkbox]::-ms-check{ display:none; }
.fl{ float:left !important; }
.fr{ float:right !important; }
.mr0{ margin-right:0px !important; }
.pr0{ padding-right:0px !important; }
.ml0{ margin-left:0px !important; }
.pl0{ padding-left:0px !important; }


.main{ width:1180px; margin:auto; overflow:hidden; }
.none{ display:none; }


/*头部*/
.head{ width:100%; overflow:hidden; height:134px; background:url(../images/nav_bg.jpg) repeat-x; min-width:1180px; }
.head .logo{ width:auto; float:left; padding:36px 0; }
.head .menu{ width:auto; float:right; height:36px; padding:60px 0 38px; }
.head .menu li{ width:110px; height:38px; position:relative; float:left; overflow:hidden; padding:0 4px; margin-left:20px; _display:inline; }
.head .menu li .onlist{ width:123px; height:38px; position:absolute; top:0px; left:0px; transition:0.5s; -webkit-transition:0.5s; -moz-transition:0.5s; -o-transition:0.5s;font-family: 'fzyaoti-m06regular'; color:#000; font-size:20px; font-weight:bold; line-height:38px; text-align:center; }
.head .menu li .uplist{ width:110px; height:38px; position:absolute; top:38px; left:0px; transition:0.5s; -webkit-transition:0.5s; -moz-transition:0.5s; -o-transition:0.5s; }
.head .menu li .uplist span{ width:auto; height:34px; line-height:32px; color:#ed913c; border:1px #ed913c solid; border-radius:16px; -moz-border-radius:16px; -0-border-radius:16px; -webkit-border-radius:16px; font-size:16px; font-weight:bold; display:block; text-align:center; vertical-align:central; }
.head .menu li:hover .onlist{ top:-38px; }
.head .menu li:hover .uplist{ top:0px; }
.shadow{ width:100%; overflow:hidden; height:8px; background:url(../images/shaw.png) repeat-x; vertical-align:middle; min-width:1180px; position:relative; z-index:9; }


/*banner*/
.banner { width:100%; position:relative; height:845px; background:#000; margin-top:-7px; min-width:1180px; z-index:8; position:relative; vertical-align:middle; overflow:hidden; }
.banner .bd { margin:0 auto; position:relative; z-index:0; overflow:hidden; height:845px; }
.banner .bd ul { width:100% !important; -moz-width:100% !important;}
.banner .bd li { width:100% !important; height:845px; overflow:hidden; text-align:center; -moz-width:100% !important; }
.banner .bd li a { display:block; height:845px; width:100% !important; -moz-width:100% !important; }
.banner .hd { width:100%; position:absolute; z-index:1; bottom:0; left:0; height:30px; line-height:30px; }
.banner .hd ul { text-align:center; float:none; }
.banner .hd ul li { cursor:pointer; display:inline-block; *display:inline; zoom:1; width:10px; height:10px; margin:0px 15px; overflow:hidden; background:#fff; line-height:999px; border-radius:5px; -moz-border-radius:5px; -webkit-border-radius:5px; }
.banner .hd ul .on { background:#f77b17; }
.banner .prev,.banner .next { display:block; position:absolute; z-index:1; top:50%; margin-top:-30px; left:15%; z-index:1; width:40px; height:60px; background:url(../images/slider-arrow.png) -126px -137px #000 no-repeat; cursor:pointer; filter:alpha(opacity=20); opacity:0.2; display:none; }
.banner .next { left:auto; right:15%; background-position:-6px -137px; }


/*标题*/
.title { overflow:hidden; vertical-align:middle; }
.title h2 { height:50px; font-size:45px; float:left; color:#000; font-weight:bold; text-transform:uppercase; font-family:'fzyaoti-m06regular'; padding-right:55px; background:url(../images/line.jpg) no-repeat right 38px; }


/*first*/
.first{ width:100%; overflow:hidden; height:auto; background:url(../images/in_aboutbg.jpg) repeat-x; vertical-align:middle; min-width:1180px; padding:190px 0 140px; }
.first .first_l{ width:576px; height:auto; float:left; }
.first .first_l .first_txt{ width:576px; height:439px; float:left; color:#999; line-height:28px; font-size:12px; padding-top:56px; }
.first .first_l a{ display:block; width:135px; height:40px; text-align:center; line-height:40px; color:#000; background-color:#ffbc00; font-family:Arial, Helvetica, sans-serif; font-size:20px; float:left; border-radius:20px; -moz-border-radius:20px; -webkit-border-radius:20px; -0-border-radius:20px; }
.first .first_r{ width:569px; height:auto; float:right; }


/*second*/
.second{ width:100%; overflow:hidden; height:auto; vertical-align:middle; min-width:1180px; padding:151px 0 179px; }
#Tab1{ width:1180px; margin:0px; padding:58px 0 0 0; margin:0 auto; }
.class { width:100%; height:32px; line-height:32px; }
.class ul{ margin:0px; padding:0px }
.class li{ float:left; display:block; cursor:pointer; width:121px; text-align:center; color:#717171; font-size:20px; font-family:'webfontregular'; border:1px solid #fff; margin-right:18px; }
.class li.hover{ padding:0px; background:#fff; width:121px; border:1px solid #ed913c; color:#ff9c00; height:32px; line-height:32px; border-radius:16px; -moz-border-radius:16px; -webkit-border-radius:16px; -0-border-radius:16px; margin-right:18px; }
.incase{ clear:both; margin-top:0px; height:auto; padding-top:110px; overflow:auto; }
.incase li{ width:236px; height:229px; float:left; }
.incase li h2{ width:200px; font-size:18px; font-weight:bold; color:#fff; opacity:0.7; filter:"alpha(opacity=70)"; filter:alpha(opacity=70); padding:25px 0 12px 30px; display:block;overflow:hidden;word-break:keep-all;white-space:nowrap;text-overflow:ellipsis;}
.incase li p{ width:167px; font-size:12px; line-height:22px; color:#fff; opacity:0.7; filter:"alpha(opacity=70)"; filter:alpha(opacity=70); padding:0 39px 0 30px; height:102px; }
.incase li span{ width:auto; height:56px; line-height:56px; border-top:1px #fff solid; font-size:12px; opacity:0.7; filter:"alpha(opacity=70)"; filter:alpha(opacity=70); margin-left:30px; display:block; float:left; }
.incase li span a{ color:#fff; }
.incase li .incaseimg{ width:236px; height:229px; float:left; }
.incase li .incaseicon{ width:11px; height:177px; float:left; padding-top:52px; position:relative; z-index:5; }
.incaser{ margin-right:-11px; }
.incasel{ margin-left:-11px; }
.incaset{ width:236px; height:11px; float:left; position:relative; z-index:5; margin-bottom:-11px; text-align:center; }
.casemore{ width:100%; float:left; padding:25px 0px; }
.casemore a{ display:block; width:135px; height:40px; text-align:center; line-height:40px; color:#000; background-color:#ffbc00; font-family:Arial, Helvetica, sans-serif; font-size:20px; border-radius:20px; -moz-border-radius:20px; -webkit-border-radius:20px; -0-border-radius:20px; margin:0 auto; }


/*third*/
.third{ width:100%; overflow:hidden; height:auto; vertical-align:middle; min-width:1180px; padding:152px 0 180px; background-color:#e6e6e6; }
.third .thirdl{ width:530px; height:auto; float:left; padding-top:97px; }
.third .thirdl h2{ font-size:23px; font-weight:bold; padding:0 0 15px 0; display:block; float:left; }
.third .thirdl p{ line-height:26px; display:block; float:left; padding-bottom:48px; }
.third .thirdlc li{ width:100%; float:left; height:27px; padding:10px 0; }
.third .thirdlc li .thirdlicon{ width:24px; height:27px; float:left; text-align:center; }
.third .thirdlc li .thirdltxt{ width:400px; height:27px; float:left; padding-left:13px; line-height:27px; }
.third .thirdlf li{ width:48px; float:left; height:auto; padding:80px 12px 0 0; color:#000; cursor:pointer; position:relative; }
.third .thirdlf li .thirdlficon{ width:48px; height:30px; float:left; text-align:center; }
.third .thirdlf li .thirdlftxt{ width:48px; height:auto; float:left; text-align:center; font-size:12px; padding-top:3px; }
.third .thirdlf li .thirdlftxt a{ color:#000; }
.weixin{ width:113px; height:124px; position:absolute; left:-32px; top:-50px; background:url(../images/weixin.png) no-repeat left top; display:none; }
.third .thirdlf li:hover .weixin{ display:block; } 

.third .thirdr{ width:600px; height:auto; float:right; padding-top:63px; }
.third .thirdr li{ width:600px; height:auto; float:left; }
.third .thirdr .lih{ line-height:32px; font-size:12px; text-indent:2em; padding-top:31px; }
.third .thirdr li .thirdrtxt{ width:554px; height:38px; line-height:38px; background-color:#fff; border:1px #fff solid; padding:0 22px; border-radius:19px; -moz-border-radius:19px; -webkit-border-radius:19px; -0-border-radius:19px; }
.third .thirdr li .thirdrtext{ width:554px; height:164px; line-height:28px; background-color:#fff; border:1px #fff solid; padding:22px; border-radius:19px; -moz-border-radius:19px; -webkit-border-radius:19px; -0-border-radius:19px; }
.third .thirdr .dbuttom{ width:600px; padding-top:40px; float:left; }
.third .thirdr .dbuttom a{ font-size:25px; text-align:center; width:195px; height:58px; float:left; display:block; color:#414141; line-height:58px; background-color:#ffbc00; border-radius:16px; -moz-border-radius:16px; -webkit-border-radius:16px; -0-border-radius:16px; }
.third .thirdr .dbuttom p{ width:auto; float:left; line-height:58px; padding-left:40px; color:#414141; }

.foot{ width:100%; overflow:hidden; height:auto; vertical-align:middle; min-width:1180px; height:40px; background-color:#272727; line-height:40px; color:#666; font-size:12px; }
.foot a{ color:#666; }


.wbanner{ width:100%; overflow:hidden; /*height:500px;min-width:1180px; */ vertical-align:middle; margin-top:-7px; }
.subnav{ width:100%; overflow:hidden; height:auto; vertical-align:middle; min-width:1180px; padding:32px 0; background-color:#e2e2e2; }
.subnav li{ width:149px; height:39px; line-height:39px; float:left; text-align:center; font-size:18px; font-family:'webfontregular'; margin:2px 4px 2px 0; }
.subnav li a{ display:block; background-color:#656565; color:#fff; border-radius:2px; -moz-border-radius:2px; -webkit-border-radius:2px; -0-border-radius:2px; }
.subnav li a:hover{ background-color:#ffbc00; }
.subnav li a.subnavbg{ background-color:#ffbc00; }
.fy{ width:100%; height:auto; float:left; line-height:24px; text-align:center; padding:80px 0 60px; }
.fy span{ color:#727f9c !important; font-weight: normal !important; background:#d7ddde; border:1px #d7ddde solid; padding:2px 7px;}
.fy a{ color:#727272; background:#fff; border:1px #d7ddde solid; padding:2px 7px;}
.fy a:hover{ color:#000; background:#e6e6e4; border:1px #d7ddde solid; padding:2px 7px; }


/*关于我们*/
.aboutfirst{ width:100%; overflow:hidden; height:auto; vertical-align:middle; min-width:1180px; padding:139px 0 0 0; }
.aboutfirst .abouttxt{ width:100%; height:auto; float:left; font-size:16px; color:#666; line-height:32px; padding:70px 0 0; }
.aboutsecond{ width:100%; overflow:hidden; height:auto; vertical-align:middle; min-width:1180px; padding:100px 0 136px; color:#000; }
.aboutsecond h2{ width:100%; text-align:center; font-size:20px; font-weight:bold; padding-bottom:20px; }
.aboutsecond a{ font-size:16px; font-weight:bold; line-height:38px; color:#000; margin-right:10px; }

/*服务*/
.service{ width:100%; overflow:hidden; height:auto; vertical-align:middle; min-width:1180px; padding:10px 0 82px; }
.service li{ width:1180px; height:auto; float:left; margin-top:100px; }
.service li .serviceimg{ width:591px; height:364px; overflow:hidden; }
.service li .serviceimg img{ display:block; float:left; }
.service li .serviceimg .sicon{ width:591px; height:364px; float:left; margin-top:-364px; transition:0.5s; -webkit-transition:0.5s; -moz-transition:0.5s; -o-transition:0.5s; }
.service li:hover .sicon{ margin-top:0; }
.service li .servicetxt{ width:551px; height:364px; overflow:hidden; }
.service li .servicetxt h2{ width:100%; height:57px; font-size:38px; line-height:57px; padding-bottom:16px; background:url(../images/hhline.jpg) no-repeat left bottom; }
.service li .servicetxt .txtdiv{ color:#999; line-height:24px; width:100%; font-size:12px; padding:23px 0 40px; }
.service li .servicetxt li{ padding-left:43px; color:#666; font-size:12px; background:url(../images/hline.jpg) no-repeat left center; line-height:27px; margin:0px; }


/*案例*/
.case{ width:100%; overflow:hidden; height:auto; vertical-align:middle; min-width:1180px; padding:50px 0 0 0; background-color:#fafafa; }
.case li{ width:333px; height:auto; float:left; background-color:#fff; padding:20px; margin:30px 30px 0 0; }
.case li .caseimg{ width:333px; height:187px; float:left; overflow:hidden; }
.case li .caseimg img{ display:block; float:left; }
.case li .caseimg .cicon{ width:321px; height:175px; float:left; margin-top:0; transition:0.5s; -webkit-transition:0.5s; -moz-transition:0.5s; -o-transition:0.5s; background:rgba(0,0,0,0.6); filter:progid:DXImageTransform.Microsoft.gradient( GradientType = 0,startColorstr ='#80000000',endColorstr ='#80000000')\9; border:6px #ffbc00 solid; }
.case li .caseimg .cicon a{ padding:70px 135px; display:block; float:left; }
.case li:hover .cicon{ margin-top:-187px; }
.case li .casetxt{ width:333px; height:auto; overflow:hidden; }
.case li .casetxt h2{ width:100%; height:auto; font-size:18px; float:left; padding:25px 0 15px; }
.case li .casetxt h2 a{ color:#333; display:block; overflow:hidden; word-break:keep-all; white-space:nowrap; text-overflow:ellipsis; }
.case li .casetxt h2 a:hover{ color:#ffbc00; }
.case li .casetxt .ctxtdiv{ color:#999; line-height:22px; width:100%; font-size:12px; padding-bottom:19px; height:66px; float:left; }
.case li .casetxt .look{ width:317px; padding-left:16px; font-size:12px; background:url(../images/icon012.jpg) no-repeat left center; float:left; }
.case li .casetxt .look a{ color:#999; }
.case li .casetxt .look a:hover{ color:#ffbc00; }
/*详细页*/
.case_show_bt{ width:100%; height:auto; float:left; border-bottom:1px #f0eff4 solid; text-align:center; padding:34px 0 17px; }
.case_show_bt h1{ font-size:30px; color:#333; padding-bottom:7px; }
.case_show_bt p{ font-size:12px; color:#909090; }
.case_show_txt{ width:100%; height:auto; float:left; border-bottom:1px #f0eff4 solid; font-size:16px; color:#666; line-height:28px; padding:24px 0 78px; }
.case_show_pn{ width:100%; height:auto; float:left; padding:24px 0 95px; }
.case_show_pnl{ width:auto; float:left; }
.case_show_pnl a{ line-height:24px; color:#ccc; }
.case_show_pnl a:hover{ color:#ffbc00; }
.case_show_pnr{ width:102px; height:37px; line-height:37px; text-align:center; float:right; border:1px #f0eff4 solid; border-radius:2px; -moz-border-radius:2px; -webkit-border-radius:2px; -0-border-radius:2px; overflow:hidden; }
.case_show_pnr a{ display:block; color:#ccc; }
.case_show_pnr a:hover{ background-color:#ffbc00; color:#fff; border:1px #ffbc00 solid; }


/*联系我们*/
.contact{ width:100%; overflow:hidden; height:auto; vertical-align:middle; min-width:1180px; padding:159px 0 0 0; }
.contact .contactl{ width:520px; float:left; font-size:24px; color:#666; padding-top:67px; }
.contact .contactl li{ width:520px; height:30px; line-height:30px; float:left; padding:11px 0; }
.contact .contactl li .contactlimg{ width:45px; height:30px; float:left; }
.contact .contactl li .contactltxt{ width:auto; float:left; padding-left:29px; }
.contact .contactr{ width:510px; height:144px; float:left; border:1px #f5f4f7 solid; padding:20px; margin-top:100px; }
.contact .contactr .contactrimg{ width:144px; height:144px; float:left; }
.contact .contactr .contactrtxt{ width:346px; height:144px; float:left; padding-left:20px; }
.contact .contactr .contactrtxt h1{ font-size:24px; color:#666; font-weight:bold; padding:4px 0 11px; }
.contact .contactr .contactrtxt p{ font-size:18px; color:#ccc; line-height:32px; }
.contact .map{ width:100%; height:auto; float:left; padding:100px 0 140px; }