/*网站基本定义*/
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; }

/*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');
} 

/*网站基本定义*/
#pageLoad{ max-width:640px; background:url(../images/loading.gif) #000 no-repeat 0 0; background-size:100% 100%; margin:0 auto; }
#pageLoad a { display:block; width:100%; height:100%; }
#pageLoad2 img { width:100%; height:100%; }
.owl-carousel img{ max-width: 100%; height: auto; width: auto\9; /* ie8 */}

header{ max-width:640px; margin:0 auto; height:50px; text-align:center; position:relative; top:0px; z-index:999; }
.head { width:100%; height:50px; overflow:hidden; }
.head .header_home{ width:50%; height:50px; line-height:50px; text-align:center; color:#000; font-size:20px; font-weight:bold; font-family:"" }
.head .header_list{ float:left; width:25%; height:50px; text-align:left; }
.head .header_list img { height:34px; padding:8px 0 0 20px; }
.head .header_search{ float:right; width:25%; height:50px; text-align:right; }
.head .header_search a{ display:block; }
.head .header_search img { height:18px; padding:16px 20px 0 0; }
.head .header_back{ float:right; width:25%; height:50px; text-align:right; }
.head .header_back a{ display:block; }
.head .header_back img { height:20px; padding:15px 20px 0 0; }

/*show*/
.index_con_one{ position:relative; z-index:1002; top:-50px; left:0px; width:100%; background:url(../images/nav_bg.png) repeat 0 0; display:none; }
.heads { width:100%; background-color:#333; height:50px; overflow:hidden; }
.heads .header_home{ width:50%; height:50px; line-height:50px; text-align:center; color:#333; font-size:20px; }
.heads .header_list{ float:left; width:25%; height:50px; text-align:left; }
.heads .header_list img { height:34px; padding:8px 0 0 20px; }
.heads .close_about{ float:right; width:25%; height:50px; text-align:right; }
.heads .close_about a{ display:block; }
.heads .close_about img { height:18px; padding:16px 20px 0 0; }

.nav { width:55%; margin:0 auto; padding:20% 0 0 0; overflow:hidden; }
.nav li{ display:block; width:100%; padding:12px 0 8px 0; border-bottom:#6c6c6c 1px solid; }
.nav li a{ display:block; color:#fff; padding:5px 0; text-align:center; font-size:20px; position:relative; font-family: 'GE-L'; }
.nav li i{ display:none; }
.nav li a:hover{ color:#000; background-color:#FFF; padding:5px 0; }
.nav li a:hover i{ display:block; position:absolute; top:0; left:0; padding:5px 0; background-color:#FFF; font-size:20px; width:100%; text-align:center; }

.homepic { width:100%; max-width:640px; margin:0 auto; background-color:#000; overflow:hidden; }
.homepic li{ display:block; }
.homepic li img{ width:100%; }

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

.tel { width:100%; padding:30px 0 30px 17%; }
.tel h2 { padding:0 0 0 20%; background:url(../images/about_ico01.jpg) no-repeat left center; background-size:auto 40px; font-size:26px; color:#000; font-family: 'GE-B'; }
.tel h2 span{ font-size:16px; font-weight:100; color:#999; }

.tel_b { width:75%; margin:0 auto; padding:20px 0 0 0; }
.tel_b h2 { padding:0 0 0 18%; background:url(../images/about_ico01b.png) no-repeat left center; background-size:auto 35px; font-size:22px; color:#fff; font-family: 'GE-B'; }
.tel_b h2 span{ font-size:14px; font-weight:100; color:#fff; }

.about_main { width:100%; margin:0 auto; max-width:640px; background-color:#fefdf8; overflow:hidden; }
.about_main .tit { width:100%; padding:30px 0 20px 0; text-align:center; }
.about_main .tit h2{ font-size:22px; color:#000; padding-bottom:5px; font-family: 'GE-L'; }
.about_main .tit h2 span{ font-family: 'GE-B'; }
.about_main .tit p{ font-size:16px; color:#333; }

.about_main .conspic { width:100%; }
.about_main .conspic img { width:100%; }

.about_main .cons { width:92%; padding:0 4%; font-size:16px; color:#7a7a7a; line-height:25px; }
.about_main .cons h2{ font-size:20px; color:#000; padding:20px 0 5px 0; font-weight:bold; }
.about_main .cons h2:first-child{ padding:5px 0 5px 0; }
.about_main .cons i{ color:#ad2033; font-weight:bold; }

/*foot*/
.footer{ width:100%; padding:10px 0; background-color:#242424; overflow:hidden; }
.fmain { width:75%; margin:0 auto; padding:20px 0; border-bottom:#FFF 2px solid; overflow:hidden; }
.fmain .furl, .fmain .ftop { float:left; width:50%; }
.fmain .furl li{ display:block; padding:5px 0; }
.fmain .furl li a{ color:#FFF; font-size:16px;}

.ftop .top { width:100%; text-align:right; }
.ftop .top a { color:#FFF; font-size:18px; font-family: 'GE-B'; }

.ftop .share { width:100%; margin-top:85px; }
.ftop .share li { float:right; }
.ftop .share li a{ display:block; width:16px;  height:14px; margin-left:15px;  }
.ftop .share li a.ioc_01{ background:url(../images/about_ico02.png) no-repeat 0px 0px; background-size: auto 14px; }
.ftop .share li a.ioc_02{ background:url(../images/about_ico03.png) no-repeat 0px 0px; background-size: auto 14px; }
.ftop .share li a.ioc_03{ background:url(../images/about_ico04.png) no-repeat 0px 0px; background-size: auto 14px; }

.cpy { width:75%; margin:0 auto; padding:20px 0 10px 0; overflow:hidden; }
.cpy h2 { color:#FFF; font-size:22px; padding:5px 0; font-family: 'GE-B'; }
.cpy p { color:#FFF; font-size:16px; line-height:25px; }
.cpy p.bqsy { color:#FFF; font-size:12px; line-height:25px; }

/*作品*/
.zp_content { width:100%; margin:0 auto; background-color:#fefdf8; max-width:640px; overflow:hidden; }
.zp_content li{ width:100%; margin-bottom:20px; position:relative; overflow:hidden; }
.zp_content li a{ display:block; }
.zp_content li .pic{ width:100%; }
.zp_content li .pic img{ width:100%; }
.zp_content li .info{ position:absolute; bottom:0; left:0; width:90%; padding:15px 5%; background:url(../images/zp_bg.png) repeat 0 0; }
.zp_content li .info h2{ color:#FFF; font-size:24px; padding:0 0 10px 0; font-weight:bold; }
.zp_content li .info p{ color:#fff; font-size:16px; line-height:18px; }

.zp_more { width:80%; margin:20px auto; text-align:center; padding:10px 0; background-color:#FFF; }
.zp_more a{ display:block; font-size:16px; }
/*
.zp_banner { width:100%; overflow:hidden; }
.zp_banner img { width: 100%; }
.zp_banner .swiper-pagination  .swiper-pagination-bullet {
    width: 10px;
    height: 10px;
    background-color: rgba(255, 255, 255, 1);
    display: inline-block;
    cursor: pointer;
    transition: all .2s ease-out;
    border-radius: 5px;
    opacity: 1;
}
.zp_banner .swiper-pagination  .swiper-pagination-bullet:hover {

    opacity: 1;
}
.zp_banner .swiper-pagination  .swiper-pagination-bullet-active {
     width:9px;  height: 9px; background-color: rgba(255, 255, 255, 0); border:#CCC 1px solid; border-radius: 5px;
}
*/
.zp_bannerbg { width:100%; position:relative; background-color:#000; overflow:hidden; }
.zp_bannerbg .img { width: 100%;  }
.zp_bannerbg .img img{ width: 100%;}
.zp_bannerbg .info { position:absolute; bottom:0; width:90%; left:0; padding:15px 5%; background:url(../images/zp_bg.png) repeat 0 0; }
.zp_bannerbg .info h2{ color:#FFF; padding:0px 0; font-size:24px; font-weight:bold; }
.zp_bannerbg .info p{ padding:5px 0; color:#FFF; font-size:16px; line-height:18px; text-transform:uppercase; }
.zp_bigpic { width:100%; overflow:hidden; }
.zp_bigpic img{ width:100%; padding:5px 0; }

.zp_bgcolor { background-color:#fefdf8; overflow:hidden; }
.zp_cs { width:90%; margin:20px auto; border:#c0c1c3 1px solid; padding:20px 0; overflow:hidden; }
.zp_cs li { padding:8px 0; }
.zp_cs li.lf { float:left; width:25%; font-size:16px; color:#999; text-align:right; }
.zp_cs li.rg { float:right; width:65%; font-size:20px; color:#000; text-align:left; }

.zp_share { width:92%; margin:0 auto; overflow:hidden; }
.zp_share li { float:left; }
.zp_share li a{ display:block; width:30px;  height:20px; margin-right:25px;  }
.zp_share li a.ioc_01{ background:url(../images/zp_ico01.png) no-repeat 0px 0px; background-size: auto 20px; }
.zp_share li a.ioc_02{ background:url(../images/zp_ico02.png) no-repeat 0px 0px; background-size: auto 20px; }
.zp_share li a.ioc_03{ background:url(../images/zp_ico03.png) no-repeat 0px 0px; background-size: auto 20px; }

.zp_jj { width:92%; margin:0 auto; overflow:hidden; font-size:16px; color:#7a7a7a; line-height:25px; }
.zp_jj h2{ font-size:18px; color:#000; padding:8px 0; }

.zp_rela { width:100%; margin:0 auto; overflow:hidden; }
.zp_rela .tit { width:92%; margin:0 auto; padding:30px 0 20px 0; text-align:center; }
.zp_rela .tit h2{ font-size:22px; color:#000; padding-bottom:5px; font-family: 'GE-L'; }
.zp_rela .tit h2 span{ font-family: 'GE-B'; }
.zp_rela .tit p{ font-size:16px; color:#333; }

.zp_rela .xg{ width:100%; overflow:hidden; text-align:center; }
.zp_rela .xg a{ display:block; }
.zp_rela .xg img{ width:100%; }
.zp_rela .xg p{ font-size:14px; color:#999; padding:5px 0; }
.zp_rela .xg h2{ font-size:18px; color:#000; }

/*news*/
.newslistbg { width:100%; background-color:#fefdf8; max-width:640px; }
.newslist { width:94%; margin:0 auto; overflow:hidden; }
.newslist .hjzj { padding:20px 0; font-size:18px; color:#000; font-weight:bold; border-bottom:#999 1px solid; }
.newslist li{ width:100%; display:block; padding:20px 0; border-bottom:#999 1px solid; margin-bottom:20px; }
.newslist li .jjtit{ width:100%; left:0; top:0; padding-bottom:15px; }
.newslist li .jjtit img{ width:100%; display:block; padding-bottom:15px; }
.newslist li .jjtit a{ color:#000; font-size:18px; font-weight:bold; }
.newslist li .jjtit i{ display:block; font-size:14px; color:#999; }
.newslist li .jianjie{ width:100%; font-size:16px; color:#7a7a7a; line-height:25px; }

.news_view { width:92%; margin:0 auto; overflow:hidden; }
.news_view .tit { font-size:18px; color:#000; font-weight:bold; }
.news_view .addtime { width:100%; padding:5px 0; color:#7a7a7a; font-size:16px; text-align:right; border-bottom:#666 1px solid; }
.news_jj { width:100%; font-size:16px; color:#7a7a7a; line-height:25px; overflow:hidden; }
.news_jj img{ max-width:100%; padding:5px 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:10px 0; }
DIV.jogger {
	PADDING: 2px; MARGIN: 7px; FONT-FAMILY: "Lucida Sans Unicode", "Lucida Grande", LucidaGrande, "Lucida Sans", Geneva, Verdana, sans-serif
}
DIV.jogger A {
	PADDING-RIGHT: 0.74em; PADDING-LEFT: 0.74em; PADDING-BOTTOM: 0.43em; MARGIN: 2px; COLOR: #333; font-size:14px; PADDING-TOP: 0.5em; BACKGROUND-COLOR: #f5f5f5; border:#c3c3c3 1px solid; TEXT-DECORATION: none
}
DIV.jogger A:hover {
	PADDING-RIGHT: 0.74em; PADDING-LEFT: 0.74em; PADDING-BOTTOM: 0.43em; MARGIN: 2px; COLOR: #fff; PADDING-TOP: 0.5em; BACKGROUND-COLOR: #00a79f
}
DIV.jogger A:active {
	PADDING-RIGHT: 0.74em; PADDING-LEFT: 0.74em; PADDING-BOTTOM: 0.43em; MARGIN: 2px; COLOR: #fff; PADDING-TOP: 0.5em; BACKGROUND-COLOR: #00a79f
}
DIV.jogger SPAN.current {
	PADDING-RIGHT: 0.74em; PADDING-LEFT: 0.74em; PADDING-BOTTOM: 0.43em; MARGIN: 2px; COLOR: #fff; PADDING-TOP: 0.5em; font-size:14px; border:#00a79f 1px solid; BACKGROUND-COLOR: #00a79f
}
DIV.jogger SPAN.disabled {
	DISPLAY: none
}