/*网站基本定义*/
div,form,img,ul,ol,li,dl,dt,dd,p,tr,td,input,body,strong,span,pre{margin:0; padding:0; border:0; background-repeat:no-repeat;}
h1,h2,h3,h4,h5,h6,p{ margin:0; padding:0; font-weight:normal;}
body{font-size:12px;font-family:"PingFang SC","Microsoft Yahei","微软雅黑";margin:0px;padding:0px;color:#333;height:auto;clear:both; background-color:#fff; line-height:22px; }
ul,li{ list-style:none;}
a{ text-decoration:none; color:#333; outline:none;}
/*a:hover{color:#c0221a; zoom:1;}*/
.del_float{ clear:both; line-height:0; height:0; font-size:0;}
a,area{blr:expression(this.onFocus=this.blur()); color:#333;}
select,input { outline:none;}
textarea{resize:none; outline:none;}
.fleft{float:left; }
.fright{float:right;}
i,em { font-style:normal;}
img{border:0px; vertical-align:middle; border:none;}
.blank10 { height:10px; line-height:10px; clear:both; visibility:hidden; }
.blank20 { height:20px; line-height:20px; clear:both; visibility:hidden; }
.blank30 { height:30px; line-height:30px; clear:both; visibility:hidden; }
.blank40 { height:40px; line-height:40px; clear:both; visibility:hidden; }
.blank50 { height:50px; line-height:50px; clear:both; visibility:hidden; }
.blank60 { height:60px; line-height:60px; clear:both; visibility:hidden; }
.blank70 { height:70px; line-height:70px; clear:both; visibility:hidden; }
.blank80 { height:80px; line-height:80px; clear:both; visibility:hidden; }
.blank90 { height:90px; line-height:90px; clear:both; visibility:hidden; }
.blank100 { height:100px; line-height:100px; clear:both; visibility:hidden; }
.nomr { margin-right:0 !important; }

/*font*/
/*
@font-face {
    font-family: 'PF-ExtraLight';
	src:url('/fonts/PingFang_ExtraLight.eot');
    src:url('/fonts/PingFang_ExtraLight.eot') format('embedded-opentype'),  
	url('/fonts/PingFang_ExtraLight.ttf') format('truetype'),
	url('/fonts/PingFang_ExtraLight.woff') format('woff'),
	url('/fonts/PingFang_ExtraLight.svg') format('svg');
}
@font-face {
    font-family: 'PF-Heavy';
	src:url('/fonts/PingFang_Heavy.eot');
    src:url('/fonts/PingFang_Heavy.eot') format('embedded-opentype'),  
	url('/fonts/PingFang_Heavy.ttf') format('truetype'),
	url('/fonts/PingFang_Heavy.woff') format('woff'),
	url('/fonts/PingFang_Heavy.svg') format('svg');
}
@font-face {
    font-family: 'PF-Bold';
	src:url('/fonts/PingFang_Bold.eot');
    src:url('/fonts/PingFang_Bold.eot') format('embedded-opentype'),  
	url('/fonts/PingFang_Bold.ttf') format('truetype'),
	url('/fonts/PingFang_Bold.woff') format('woff'),
	url('/fonts/PingFang_Bold.svg') format('svg');
}
@font-face {
    font-family: 'PF-Regular';
	src:url('/fonts/PingFang_Regular.eot');
    src:url('/fonts/PingFang_Regular.eot') format('embedded-opentype'),  
	url('/fonts/PingFang_Regular.ttf') format('truetype'),
	url('/fonts/PingFang_Regular.woff') format('woff'),
	url('/fonts/PingFang_Regular.svg') format('svg');
}
@font-face {
    font-family: 'PF-Light';
	src:url('/fonts/PingFang_Light.eot');
    src:url('/fonts/PingFang_Light.eot') format('embedded-opentype'),  
	url('/fonts/PingFang_Light.ttf') format('truetype'),
	url('/fonts/PingFang_Light.woff') format('woff'),
	url('/fonts/PingFang_Light.svg') format('svg');
}
*/
@font-face {
    font-family: 'GE-L';
	src:url('/fonts/GothamExLight.eot');
    src:url('/fonts/GothamExLight.eot') format('embedded-opentype'),  
	url('/fonts/GothamExLight.ttf') format('truetype'),
	url('/fonts/GothamExLight.woff') format('woff'),
	url('/fonts/GothamExLight.svg') format('svg');
} 
@font-face {
    font-family: 'GE-B';
	src:url('/fonts/GothamBold.eot');
    src:url('/fonts/GothamBold.eot') format('embedded-opentype'),  
	url('/fonts/GothamBold.ttf') format('truetype'),
	url('/fonts/GothamBold.woff') format('woff'),
	url('/fonts/GothamBold.svg') format('svg');
} 

/*网站基本定义*/
.idx_bgc { background-color:#292728; }
.idx_div { background-color:#000; width:100%; height:100%; overflow:hidden; }
.idx_bg{ position:fixed; top: 0; left: 0; width:100%; height:100%; min-width: 1000px; z-index:-10; zoom: 1; background-color:#292728; background-repeat: no-repeat; background-size: cover; -webkit-background-size: cover; -o-background-size: cover; background-position: center 0; display:none; }
.bg_pic { background-image:url(/images/idx_bg.jpg); }
.idx_logo { position:absolute; width:168px; height:290px; top:50%; left:50%; margin-left:-84px; margin-top:-145px; display:none; }
.idx_logo a{ display:block; }

.loading{ background:#adadaf; height:5px; width:0; position:fixed; top:50%; left:50%; margin-left:-84px; z-index:9999; border-radius:3px; }
.loadingbg { background:#292728; height:5px; width:168px; position:fixed; top:50%; left:50%; margin-left:-84px; z-index:9998; border-radius:3px; }

/*home*/
.h_bg { background-color:#000; }
.h_bg2 { background-color:#fefdf8; }
.home_div { width:100%; height:100%; min-height:939px; margin:0 auto; min-width:1400px; position:relative; overflow:hidden; }
.home_bg { width:100%; min-width:1400px; height:100%; }
.home_bg li { float:left; width:25%; height:100%; position:relative; background-repeat: no-repeat; background-size: cover; -webkit-background-size: cover; -o-background-size: cover; background-position: center 0; }
.home_bg li a{ position:absolute; left:0; bottom:0; display:block; width:100%; height:100%; }
.home_bg li a:hover{ background-color: rgba(255, 255, 255, 0.2); transition: all .3s ease-out; opacity: 0.2; }

/*nav*/
.nav_div { position:absolute; width:100%; top:70px; height:40px; min-width:1400px; z-index:9999; overflow:hidden; }
.nav_divm { margin:0 auto; width:1400px; height:40px; overflow:hidden; }
.logo { float:left; width:300px; height:40px; line-height:40px; color:#FFF; font-size:18px; }
.logo span{ color:#FFF; font-weight:bold; font-family: 'GE-L'; }
.logo a{ color:#FFF; font-size:18px; }

.nav { float:right; width:980px; height:40px; overflow:hidden; }
.nav li{ float:left; height:40px; position:relative; }
.nav li a{ display:block; color:#fff; padding:0 23px 0 14px; line-height:40px; font-size:18px; font-weight:bold; font-family: 'GE-L'; }
.nav li a:hover b{ filter:alpha(opacity:0); opacity:0; -moz-opacity:0;-khtml-opacity: 0; }

.nav li a i{ position:absolute; top:0; left:0; width:0; height:38px; padding:0 5% 0 3%; filter:alpha(opacity:0); opacity:0; -moz-opacity:0;-khtml-opacity: 0; }
.nav li a:link i{ width:0; height:36px; padding:0 5% 0 3%; border:#FFF 1px solid; transition:all .4s ease-out; filter:alpha(opacity:0); opacity:0; -moz-opacity:0;-khtml-opacity:0; }
.nav li a:hover i{ width:92%; height:36px; padding:0 5% 0 3%; border:#FFF 1px solid; transition:all .4s ease-out; filter:alpha(opacity:100); opacity:1; -moz-opacity:1;-khtml-opacity:1; }
.nav li a.on i{ width:92%; height:36px; padding:0 5% 0 3%; border:#FFF 1px solid; filter:alpha(opacity:100); opacity:1; -moz-opacity:1;-khtml-opacity:1; }

.nav li a span{ position:absolute; top:0; left:0; width:0; height:38px; padding:0 5% 0 0; font-weight:normal; filter:alpha(opacity:0); opacity:0; -moz-opacity:0; -khtml-opacity:0; }
.nav li a:hover span{ position:absolute; top:0; left:0; width:85%; height:38px; padding:0 5% 0 10%; font-weight:normal; transition:all .4s ease-out; filter:alpha(opacity:100); opacity:1; -moz-opacity:1;-khtml-opacity: 1; }

/*foot*/
.home_foot { width:1400px; margin:0 auto; height:50px; padding:30px 0; overflow:hidden; }
.home_foot .tel { float:left; width:300px; height:50px; color:#FFF; font-size:24px; font-family: 'GE-B'; }
.home_foot .copy { float:left; text-align:center; width:800px; height:50px; }
.home_foot .copy h2{ color:#FFF; font-size:18px; }
.home_foot .copy p{ padding-top:10px; color:#7D7B7C; font-size:14px; }
.home_foot .copy p a{ color:#7D7B7C; }

.share { float:right; width:300px; }
.share li { float:right; }
.share li a{ display:block; width:25px; height:25px; margin-left:30px;  }
.share li a.ioc_01{ background:url(/images/about_ico02.png) no-repeat 0px 0px; background-size:25px auto; }
.share li a.ioc_02{ background:url(/images/about_ico03.png) no-repeat 0px 0px; background-size:25px auto; }
.share li a.ioc_03{ background:url(/images/about_ico04.png) no-repeat 0px 0px; background-size:25px auto; }

/*公司介绍*/
.about_banner { width:100%; margin:0 auto; min-width:1400px; overflow:hidden; }
.about_banner img { width:100%; }

.about_main { width:100%; margin:0 auto; min-width:1400px; background-color:#fefdf8; overflow:hidden; }
.about_main .tit { width:1400px; margin:0 auto; padding:100px 0 70px 0; text-align:center; border-bottom:#666 1px solid; }
.about_main .tit h2{ font-size:48px; color:#000; padding-bottom:30px; font-family: 'GE-L'; }
.about_main .tit h2 span{ font-family: 'GE-B'; }
.about_main .tit p{ font-size:32px; color:#333; }

.about_main .conspic { width:1400px; margin:0 auto; padding-top:60px; }
.about_main .conspic img { width:100%; }

.about_main .cons { width:1400px; margin:0 auto; padding:20px 0 0 0; font-size:21px; color:#7a7a7a; line-height:40px; }
.about_main .cons h2{ font-size:30px; color:#000; padding:40px 0 15px 0; font-weight:bold; }
.about_main .cons222222 h2:first-child{ padding:20px 0 5px 0; }
.about_main .cons i{ color:#ad2033; font-weight:bold; }

.newslist { width:1400px; margin:0 auto; padding-top:10px; overflow:hidden; }
.newslist li{ width:100%; display:block; padding:50px 0 30px 0; border-bottom:#666 1px solid; }
.newslist li .jjtit{ width:100%; position:relative; left:0; top:0; padding-bottom:15px; }
.newslist li .jjtit a{ color:#000; font-size:30px; font-weight:bold; }
.newslist li .jjtit i{ position:absolute; right:0; top:0; font-size:16px; color:#999; }
.newslist li .jianjie{ width:100%; font-size:17px; color:#7a7a7a; line-height:35px; }

/*作品*/
.zp_banner { width:100%; margin:0 auto; min-width:1400px; height:770px; background-color:#767271; overflow:hidden; }

.zp_home_foot { width:1400px; margin:0 auto; height:50px; padding:30px 0; border-top:#999 1px solid; overflow:hidden; }
.zp_home_foot .tel { float:left; width:300px; height:50px; color:#000; font-size:24px; font-family: 'GE-B'; }
.zp_home_foot .copy { float:left; text-align:center; width:800px; height:50px; }
.zp_home_foot .copy h2{ color:#000; font-size:18px; }
.zp_home_foot .copy p{ padding-top:10px; color:#7D7B7C; font-size:14px; }
.zp_home_foot .copy p a{ color:#7D7B7C; }
.zp_share { float:right; width:300px; }
.zp_share li { float:right; }
.zp_share li a{ display:block; width:25px; height:25px; margin-left:30px;  }
.zp_share li a.ioc_01{ background:url(/images/zp_ico01.png) no-repeat 0px 0px; background-size:25px auto; }
.zp_share li a.ioc_02{ background:url(/images/zp_ico02.png) no-repeat 0px 0px; background-size:25px auto; }
.zp_share li a.ioc_03{ background:url(/images/zp_ico03.png) no-repeat 0px 0px; background-size:25px auto; }

.zp_content { position:absolute; top:270px; left:0; width:100%; overflow:hidden; }
.zp_list { width:1400px; margin:0 auto; min-height:500px; overflow:hidden; }
.zp_list li{ float:left; width:450px; height:253px; margin:0 25px 25px 0; position:relative; overflow:hidden; }
.zp_list li a{ display:block; }
.zp_list li .pic{ width:100%; }
.zp_list li .pic img{ width:450px; height:253px; transform: scale(1);transition: all 0.5s ease-out; }
.zp_list li a:hover .pic img{transform: scale(1.05);}
.zp_list li .info{ position:absolute; bottom:0; left:0; width:90%; padding:19px 5%; background:url(../images/zp_bg.png) repeat 0 0; }
.zp_list li .info h2{ color:#FFF; font-size:24px; padding:0 0 8px 0; font-weight:bold; }
.zp_list li .info p{ color:#fff; font-size:17px; overflow: hidden; text-overflow:ellipsis; white-space: nowrap; }

.zp_logo { float:left; width:300px; height:40px; line-height:40px; font-size:18px; }
.zp_logo span{ color:#000; font-weight:bold; font-family: 'GE-L'; }
.zp_logo a{ color:#000; font-size:18px; }
.zp_nav { float:right; width:980px; height:40px; overflow:hidden; }
.zp_nav li{ float:left; height:40px; position:relative; }
.zp_nav li a{ display:block; color:#000; padding:0 25px 0 14px; line-height:40px; font-size:18px; font-weight:bold; font-family: 'GE-L'; }
.zp_nav li a i{ position:absolute; top:0; left:0; width:0; height:38px; padding:0 5% 0 3%; filter:alpha(opacity:0); opacity:0;  -moz-opacity:0;-khtml-opacity: 0; }
.zp_nav li a:link i{ width:0; height:36px; padding:0 5% 0 3%; border:#666 1px solid; transition:all .4s ease-out; filter:alpha(opacity:0); opacity:0; -moz-opacity:0;-khtml-opacity:0; }
.zp_nav li a:hover i{ width:92%; height:36px; padding:0 5% 0 3%; border:#666 1px solid; transition:all .4s ease-out; filter:alpha(opacity:100); opacity:1; -moz-opacity:1;-khtml-opacity:1; }
.zp_nav li a.on i{ width:92%; height:36px; padding:0 5% 0 3%; border:#666 1px solid; filter:alpha(opacity:100); opacity:1; -moz-opacity:1;-khtml-opacity:1; }

.zp_view_div { width:1400px; margin:270px auto 0 auto; overflow:hidden; }
.zp_view { width:1250px; padding:90px 75px; margin:0 auto; background-color:#FFF; overflow:hidden; }
.zp_view .tit { width:100%; text-align:center; color:#000; font-size:36px; font-weight:bold; }
.zp_cs { float:left; width:310px; overflow:hidden; }
.zp_cs li { padding:8px 0; }
.zp_cs li.lf { float:left; width:25%; font-size:18px; color:#999; text-align:right; }
.zp_cs li.rg { float:right; width:65%; font-size:18px; color:#000; text-align:left; }

.zp_jj { float:right; width:940px; font-size:18px; color:#7a7a7a; line-height:35px; }
.zp_jj img{ max-width:940px; }
.zp_bigpic { width:100%; overflow:hidden;}
.zp_bigpic img{ max-width:1250px; padding:20px 0; }

.zp_footer { width:100%; background-color:#000; overflow:hidden; }
.zp_next_div { width:100%; height:216px; border-top:#999 1px solid; overflow:hidden; position:relative; }
.zp_next { width:1400px; margin:0 auto; height:216px; }
.zp_next .leftz{ float:left; width:500px; padding:65px 0 0 0; }
.zp_next .leftz a{ display:block; padding-left:60px; background:url(../images/zp_left.jpg) no-repeat left center; font-size:24px; color:#333; line-height:45px; }

.rightz{ position:absolute; top:0; right:0; width:900px; height:260px; }
.rightz a{ display:block; }
.rightz .tits{ float:right; width:420px; height:216px; padding:65px 60px 0 0; margin-right:30px; text-align:right; background:url(../images/zp_right.jpg) no-repeat right 77px; font-size:24px; color:#333; line-height:45px; }
.rightz .imgs{ float:right; width:384px; height:216px; }
.rightz .imgs img{ width:384px; height:216px; }

.news_view_div { width:1400px; margin:270px auto 0 auto; overflow:hidden; }
.news_view { width:1250px; padding:90px 75px; margin:0 auto; background-color:#FFF; overflow:hidden; }
.news_view .tit { width:100%; color:#000; font-size:36px; font-weight:bold; }
.news_view .addtime { width:100%; padding:25px 0 35px 0; color:#7a7a7a; font-size:18px; text-align:right; border-bottom:#666 1px solid; }
.news_jj { width:100%; font-size:18px; color:#7a7a7a; line-height:35px; overflow:hidden; }
.news_jj img{ max-width:1250px; padding:20px 0; }

/*二维码*/
#qrcode {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.7);
    display: none;
    z-index: 9999;
}
#qrcode img {
    position: absolute;
    top:50%;
    left:50%;
    width:60%;
    height:250px;
    max-width: 250px;
    display: block;
    -webkit-transition: all .5s ease;
    -moz-transition: all .5s ease;
    -ms-transition: all .5s ease;
    -o-transition: all .5s ease;
    transition: all .5s ease;
    -webkit-transform: translate(-50%,-70%);
    -moz-transform: translate(-50%,-70%);
    -ms-transform: translate(-50%,-70%);
    -o-transform: translate(-50%,-70%);
    transform: translate(-50%,-70%);
}
#qrcode.on img {
    -webkit-transform: translate(-50%,-50%);
    -moz-transform: translate(-50%,-50%);
    -ms-transform: translate(-50%,-50%);
    -o-transform: translate(-50%,-50%);
    transform: translate(-50%,-50%);
}


/*CSS jogger style pagination*/
.pager { width:100%; margin:0 auto; text-align:center; font-size:100%; padding:20px 0; overflow:hidden; }
DIV.jogger { MARGIN: 2px; }
DIV.jogger A {PADDING: 5px 12px; MARGIN: 1px; font-size:15px; COLOR: #333; TEXT-DECORATION: none; border:#999 1px solid; font-weight:bold; transition:all .4s ease-out; }
DIV.jogger A:hover { PADDING: 5px 12px; MARGIN: 1px; COLOR: #fff; BACKGROUND-COLOR: #000; border:#999 1px solid;}
DIV.jogger A:active { PADDING: 5px 12px; MARGIN: 1px; COLOR: #fff; BACKGROUND-COLOR: #000; border:#999 1px solid;}
DIV.jogger SPAN.current { PADDING: 5px 12px; MARGIN: 1px; font-size:15px; COLOR: #fff; BACKGROUND-COLOR: #000; border:#999 1px solid; }
DIV.jogger SPAN.disabled { DISPLAY: none}