﻿.global-banner{
    background-image: url("/static/lib/images/works/work-banner.jpg?v=cdD");
    background-repeat: repeat-x;
    background-size: 100% 100%;
    height: 450px;
}
.yellow {
    color: #c59a6d;
}
.copyright-data {
	width: 1180px;
	margin: 0 auto;
	padding: 30px 0;
	overflow: hidden;
    line-height: 30px;
}
.copy-list-4 {
	overflow: hidden;
	margin-left: 1px;
	width: 1181px;
}
.copy-list-4>li {
	display: block;
	float: left;
	width: 294px;
	text-align: center;
	border-right: 1px #ccc solid;
}
.copy-list-4>li:first-child {
	text-align: left;
}
.copy-list-4>li:last-child {
	text-align: right;
}
.list-inner {
	display: inline-block;
	*display: inline;
	*zoom: 1;
	vertical-align: middle;
	padding: 0 20px;
	text-align: left;
	/*border-right: 1px #ccc solid;*/
}
.list-inner>big {
	font-size: 40px;
	color: #fa4f4f;
	font-weight: bold;
	line-height: 40px;
}
.list-inner>p {
	font-size: 16px;
	color: #333;
	margin-top: 5px;
}

.gray_bg{background:#ededed;}

.w1036{width:1200px;margin:0 auto;position:relative;padding-bottom:10px;}
.f_second h1 {
    background: url("/static/lib/images/works/copyr_icon04.png") no-repeat scroll center bottom rgba(0, 0, 0, 0);
    letter-spacing: 8px;
    padding-bottom: 15px;
    padding-top: 50px;
    text-align:center;
    margin-bottom:10px;
}

.classify12 {
    cursor: pointer;
    font-size: 12px;
    line-height: 18px;
    width: 195px;
    word-break: break-all;
}
.classify12 a {
    color: #fff;
    font-size: 12px;
    line-height: 14px;
    padding-left: 10px;
    padding-right: 10px;
    padding-top: 13px;
}
.classify12 .classify_ct12 {
    color: #fff;
    display: none;
    height: 160px;
    text-align: center;
    width: 195px;
}
.active_classify12 {
    height: 160px;
}
.active_classify12 .con {
    display: none;
}
.active_classify12 .classify_ct12 {
    display: block;
    height: 160px;
    line-height: 160px;
    position: absolute;
    width: 195px;
}
.active_classify12 .classify_ct12 a {
    color: #fff;
    position: relative;
}
.f_three {
    background: url("/static/lib/images/works/copyr_icon02.jpg") no-repeat scroll center center / 100% 100% rgba(0, 0, 0, 0);
    height: 650px;
}
.f_three h1 {
    letter-spacing: 5px;
    padding-bottom: 10px;
    padding-top: 35px;
    text-align:center;
}
.f_three ul {
    margin-top: 65px;
    overflow: hidden;
}
.f_three ul li {
    float: left;
    margin-left: 10px;
    margin-right: 20px;
    text-align: center;
    width: 17%;
}
.f_three ul li h4 {
    padding-bottom: 20px;
    padding-top: 40px;
}
.f_three .three_info {
    color: #fff;
    font-size: 14px;
    height: 95px;
    overflow: hidden;
    padding-bottom: 25px;
    text-align: justify;
    line-height: 30px;
}
.f_sixth {
    background-color: #f2f1f0;
    border-bottom: 1px solid #a0a0a0;
    position: relative;
}
.f_sixth h1 {
    border-bottom: 1px solid #022157;
    color: #022157;
    letter-spacing: 5px;
    line-height: 100px;
    margin: 0 auto;
    padding-top: 30px;
    width: 650px;
}
.f_sixth h6 {
    color: #666666;
    line-height: 50px;
    margin: 0 auto;
    text-align: center;
    width: 650px;
}
.patent_timer {
    margin-top: 50px;
    padding-bottom: 190px;
    text-align: center;
}
.sixth_logo {
    background: none repeat scroll 0 0 #f2f1f0;
    height: 290px;
    left: 38%;
    position: absolute;
    top: 580px;
}
.f_sixth .logo {
    left: 95px;
    position: relative;
    top: -230px;
}
.f_seventh {
    background-color: #f2f1f0;
    padding-bottom: 50px;
    padding-top: 80px;
}
.f_seventh a > p:hover {
    color: #ff7f00;
}
.f_seventh_img {
    text-align: center;
}
.f_seventh h5 {
    color: #333;
    margin-bottom: 20px;
    text-align: center;
}
.online_blue {
    border: 1px solid #00c6fe;
    display: block;
    height: 28px;
    line-height: 28px;
    margin: 0 auto;
    text-align: center;
    width: 120px;
}
.f_eighth {
    background: url("/static/lib/images/works/copyr_icon03.jpg") repeat scroll 0 0 / 100% 100% rgba(0, 0, 0, 0);
    height: 150px;
}
.f_eighth h1 {
    padding-bottom: 5px;
    padding-top: 25px;
}
.f_eighth h6 {
    text-align: center;
}
.f_ninth {
}
.f_ninth ul {
    margin: 80px auto 0;
    overflow: hidden;
    width: 1200px;
}
.f_ninth ul li {
    background: url("/static/lib/images/works/copyr_icon44.png") no-repeat scroll 0 0 rgba(0, 0, 0, 0);
    float: left;
    height: 480px;
    padding-top: 70px;
    text-align: center;
    width: 300px;
}
.f_ninth ul li:hover {
    background: url("/static/lib/images/works/copyr_icon43.png") no-repeat scroll 0 0 rgba(0, 0, 0, 0);
}
.f_ninth ul li h4 {
    line-height: 50px;
}
.f_ninth ul li > img {
    padding-bottom: 10px;
}
.f_ninth ul li a p {
    background-color: #c59a6d;
    color: #fff;
    height: 32px;
    line-height: 32px;
    margin: 15px auto 0;
    width: 170px;
}
.f_ninth ul li a:hover p {
    color: #333;
}
.tenth {
    background: url("/static/lib/images/works/copyr_icon04.jpg") no-repeat scroll center top / 100% 100% rgba(0, 0, 0, 0);
    height: 680px;
}
.tenth h1 {
    background: url("/static/lib/images/works/copyr_icon45.png") no-repeat scroll center bottom rgba(0, 0, 0, 0);
    line-height: 100px;
    padding-top: 20px;
}
.tenth ul {
    margin-top: 25px;
}
.tenth ul li {
    float: none;
    padding-bottom: 10px;
    padding-top: 10px;
    text-align: left;
}
.tenth ul li a {
    display: block;
    height: 40px;
}
.classify10 {
    cursor: pointer;
    position: relative;
}
.classify10 a {
    color: #fff;
}
.classify10 .classify_ct10 {
    color: #fff;
    display: none;
    height: 40px;
    text-align: center;
}
.active_classify10 {
    height: 40px;
}
.active_classify10 .con {
    display: none;
}
.active_classify10 .classify_ct10 {
    color: #666;
    display: block;
    position: absolute;
}
.active_classify10 .classify_ct10 a {
    color: #666;
    position: relative;
}
.time {
    color: #c59a6d;
    font-size: 14px;
    margin-top: 15px;
    text-align: center;
}
.time .button {
    display: inline-block;
    margin-left: 10px;
    margin-right: 10px;
}
.f_twelfth {
    height: 710px;
}
.f_twelfth h1 {
    color: #1d2736;
    letter-spacing: 2px;
    line-height: 120px;
    padding-top: 30px;
    text-align:center;
}
.f_twelfth > .w1200 > img {
    padding-bottom: 30px;
}
.f_fourth {
    background: url("/static/lib/images/works/copyr_icon05.jpg") no-repeat scroll center top / 100% 100% rgba(0, 0, 0, 0);
    height: 783px;
}
.f_fourth h1 {
    padding-top: 45px;
}
.f_fourth h6 {
    line-height: 50px;
    text-align: center;
}
.f_fourth ul {
    margin: 0 auto;
    overflow: hidden;
    padding-top: 25px;
    width: 930px;
}
.f_fourth ul li {
    float: left;
    text-align: center;
}
.f_fourth ul li.fourth_left, .f_fourth ul li.fourth_right {
    width: 340px;
}
.f_fourth ul li > div > p {
    font-size: 16px;
    line-height: 40px;
}
.f_fourth ul li.fourth_mid {
    margin-left: 65px;
    margin-right: 65px;
    width: 120px;
}
.four_left {
    background: url("/static/lib/images/works/copyr_icon48.png") no-repeat scroll center center rgba(0, 0, 0, 0);
    height: 370px;
    margin-top: 25px;
    padding-top: 40px;
}
.four_mid {
    height: 370px;
    margin-top: 25px;
    padding-top: 40px;
}
.four_right {
    background: url("/static/lib/images/works/copyr_icon49.png") no-repeat scroll center center rgba(0, 0, 0, 0);
    height: 370px;
    margin-top: 25px;
    padding-top: 40px;
}
.fourth_left p {
    color: #fff;
}
.four_mid p {
    color: #c59a6d;
}
.fourth_right p {
    color: #999;
}
.more p {
    border: 1px solid #c59a6d;
    color: #c59a6d;
    width: 180px;
}
.f_fivth .w1200 {
    text-align: center;
}
.f_fivth .w1200 img {
    padding-top: 40px;
}
.f_fivth .more {
    margin: 0 auto;
    overflow: hidden;
    width: 450px;
}
.f_fivth .more .button {
    float: left;
    margin-bottom: 30px;
    margin-right: 30px;
    margin-top: 20px;
}
.f_eleven {
    background: url("/static/lib/images/works/copyr_icon06.jpg") no-repeat scroll center top / 100% 100% rgba(0, 0, 0, 0);
    height: 185px;
    padding-top: 22px;
}
.f_eleven .eleven {
    margin: 0 auto;
    overflow: hidden;
    width: 1100px;
}
.f_eleven_tit {
    border: 1px solid #c59a6d;
    color: #c59a6d;
    float: left;
    font-size: 24px;
    height: 158px;
    letter-spacing: 8px;
    line-height: 24px;
    padding-top: 8px;
    text-align: center;
    width: 58px;
    word-break: break-all;
}
.f_eleven_con {
    float: left;
    overflow: hidden;
    width: 990px;
}
.f_eleven_con li {
    float: left;
    margin-bottom: 2px;
    margin-left: 4px;
    margin-top: 2px;
    width: 135px;
}
.f_eleven_con li a {
    border: 1px solid #c59a6d;
    display: block;
}
.f_eleven_con li a p {
    color: #fff;
    font-size: 24px;
    height: 78px;
    line-height: 78px;
    margin-left: 3px;
    text-align: center;
    width: 133px;
}
.f_eleven_con li a:hover p {
    color: #c59a6d;
}
.f_thirteenth {
}
.f_thirteenth h1 {
    border-bottom: 1px solid #9c9c9c;
    line-height: 120px;
    margin: 0 auto;
    padding-top: 25px;
    width: 1000px;
}
.f_thirteenth h6 {
    color: #747474;
    margin-top: 10px;
    text-align: center;
}
.f_thirteenth ul {
    overflow: hidden;
    padding-bottom: 80px;
    padding-top: 50px;
    width: 1100px;
}
.f_thirteenth ul li {
    border-bottom: 1px dashed #c59a6d;
    float: left;
    margin-right: 50px;
    overflow: hidden;
    width: 500px;
}
.f_thirteenth ul li p {
    color: #333;
    float: left;
    font-size: 18px;
    line-height: 60px;
    width: 385px;
}
.f_thirteenth ul li a p {
    border: 1px solid #c59a6d;
    color: #c59a6d;
    float: right;
    font-size: 12px;
    height: 28px;
    line-height: 28px;
    margin-top: 20px;
    text-align: center;
    width: 110px;
}
.f_thirteenth ul li a p:hover {
    color: #ffb900;
}
.tblogo {
    background: url("/static/lib/images/works/yewu.png") no-repeat scroll 0 24px rgba(0, 0, 0, 0);
    float: left;
    height: 71px;
    width: 358px;
}
.tbdh {
    float: left;
    margin-left: 193px;
}
.tbdh ul {
    float: left;
    margin-top: 24px;
}
.tbdh ul li {
    float: left;
    height: 71px;
    line-height: 71px;
    padding: 0 10px;
}
.tbdh ul li a {
    color: #333;
    float: left;
    font-size: 14px;
}
.tbdh ul li a:hover {
    color: #c00;
}
.tbdh ul li img {
    float: left;
    margin-top: 27px;
    padding: 0 5px;
}
.tbtel {
    float: right;
}
.tbtel dl {
    margin-top: 24px;
}
.tbtel dl dt {
    height: 25px;
    line-height: 25px;
    text-align: right;
}
.tbtel dl dd {
    background: url("/static/lib/images/works/yewu.png") no-repeat scroll 1px -62px rgba(0, 0, 0, 0);
    height: 25px;
    line-height: 25px;
    padding-left: 30px;
}
.tbtel dl dt a {
    color: #333;
    float: right;
    padding: 0 5px;
}
.tbtel dl dt a:hover {
    color: #c00;
}
.tbtel dl dt img {
    float: right;
    margin-top: 8px;
}

.top_right .tel {
    text-align: right;
}
.topNav {
    float: left;
    height: 85px;
    line-height: 85px;
    margin-left: 60px;
    width: 640px;
    z-index: 1;
}
.topNav-width {
}
.top_menu li {
    float: left;
    line-height: 85px;
    padding: 0 20px;
}
.top_menu li a {
    font-size: 16px;
}
.top_menu li.current {
    background: url("/static/lib/images/works/nav_hover.png") repeat-x scroll 0 0 rgba(0, 0, 0, 0);
    color: #fff;
}
.top_menu li.current a {
    color: #fff;
    font-size: 16px;
}
.top_menu li.current a i {
    background-position: 0 -60px;
}
.li_3 a {
    color: #333;
    display: inline-block;
    width: 100%;
}
.li_3 {
    position: relative;
    z-index: 100;
}
.li_3 a i {
    background: url("/static/lib/images/works/icon.png") no-repeat scroll 0 -200px rgba(0, 0, 0, 0);
    display: inherit;
    height: 6px;
    margin-left: 5px;
    width: 10px;
}
.li_3 a.noclick {
}
.li_3_content {
    background: none repeat scroll 0 0 rgba(0, 0, 0, 0.7) !important;
    display: none;
    height: 180px;
    left: 0;
    line-height: 40px;
    position: absolute;
    top: 85px;
    width: 100%;
    z-index: 99;
}
.li_3_content a:hover {
    color: #f18336 !important;
}
.li_3_content dd {
    margin: 0 auto;
    padding: 0 8px;
    width: 80%;
}
.top_menu ul li dd a {
    background: none repeat scroll 0 0 rgba(0, 0, 0, 0);
    color: #989898;
    display: inline-block;
    text-align: center;
    width: 100%;
}
.li_3_content dd a {
    background: none repeat scroll 0 0 rgba(0, 0, 0, 0);
    border-right: medium none;
    color: #fff;
    display: inline-block;
    font-weight: normal;
    padding: 0;
    text-align: center;
    width: 100%;
}
.li_3_content dd.lastItem {
    background-image: none;
    border-bottom: 1px solid #e6e4e3;
}
.li_3_content dd.lastItem a {
    border-bottom: medium none;
}
.li_3_content dd a:hover span {
    background: url("/static/lib/images/works/dot.jpg") repeat-x scroll center bottom rgba(0, 0, 0, 0);
    color: #fff;
    display: inline-block;
    text-align: center;
    width: 100%;
}
.csph {
    left: 266px;
    position: absolute;
    top: 500px;
}
.csph ul li {
    background-color: #db5861;
    float: left;
    height: 140px;
    margin: 0 15px;
    overflow: hidden;
    width: 178px;
}
.csph ul li img {
    padding: 6px;
}
.cs {
    margin: 0 auto;
    width: 1170px;
}
.fw {
    color: #fff;
    margin: 0 auto;
    width: 1170px;
}
.one {
    height: 100px;
    margin-top: 60px;
}
.fw dl {
    float: left;
    font-size: 16px;
    padding: 0 78px 0 0;
}
.fw .zc {
    padding: 0;
}
.fw dl dt {
    line-height: 30px;
}
.fw dl dd {
    margin-top: 20px;
    width: 100px;
}
.fwone dt {
    background: url("/static/lib/images/works/yewu.png") no-repeat scroll 16px -552px rgba(0, 0, 0, 0);
    display: block;
    height: 38px;
    width: 61px;
}
.gz dt {
    background: url("/static/lib/images/works/yewu.png") no-repeat scroll -56px -548px rgba(0, 0, 0, 0);
    display: block;
    height: 38px;
    width: 61px;
}
.zy dt {
    background: url("/static/lib/images/works/yewu.png") no-repeat scroll -160px -548px rgba(0, 0, 0, 0);
    display: block;
    height: 38px;
    width: 61px;
}
.qw dt {
    background: url("/static/lib/images/works/yewu.png") no-repeat scroll -243px -548px rgba(0, 0, 0, 0);
    display: block;
    height: 38px;
    width: 61px;
}
.gx dt {
    background: url("/static/lib/images/works/yewu.png") no-repeat scroll -340px -548px rgba(0, 0, 0, 0);
    display: block;
    height: 38px;
    width: 61px;
}
.bz dt {
    background: url("/static/lib/images/works/yewu.png") no-repeat scroll -401px -548px rgba(0, 0, 0, 0);
    display: block;
    height: 38px;
    width: 61px;
}
.zc dt {
    background: url("/static/lib/images/works/yewu.png") no-repeat scroll -505px -548px rgba(0, 0, 0, 0);
    display: block;
    height: 38px;
    width: 61px;
}
.phone {
    height: 300px;
}
.phleft {
    float: left;
    margin-right: 15px;
}
.phright {
    float: left;
    font-size: 12px;
    position: relative;
    width: 986px;
}
.phright p {
    background: url("/static/lib/images/works/yewu.png") repeat scroll 2px -588px rgba(0, 0, 0, 0);
    display: block;
    height: 112px;
    width: 702px;
}
.phright span {
    display: inline-block;
    position: absolute;
}
.phright .cp1 {
    left: 57px;
    top: 57px;
}
.phright .cp2 {
    left: 57px;
    top: 115px;
}
.phright .cp3 {
    left: 377px;
    top: 115px;
}
.phright .cp4 {
    left: 650px;
    top: 115px;
}
.phright i {
    position: absolute;
    right: 10px;
    top: 2px;
}
.fre {
    margin: 0 auto;
    width: 1170px;
}
.refo {
    margin-top: 30px;
}
.fre p {
    clear: both;
    color: #fff;
    line-height: 30px;
    text-align: center;
}
.fre p a {
    color: #fff;
    float: left;
}
.fre p span {
    float: left;
    padding: 0 10px;
}
.gy {
    margin-left: 195px;
}
.cp1 b {
    font-weight: normal;
    padding: 0 50px 0 0;
}
.you_like {
    background: none repeat scroll 0 0 rgba(0, 0, 0, 0.5) !important;
    bottom: 0;
    position: fixed;
    width: 100%;
    z-index: 99;
}
.y_like_con {
    margin: 0 auto;
    overflow: hidden;
    width: 1200px;
}
.y_like_con p.like {
    background: url("/static/lib/images/works/like.png") no-repeat scroll left center rgba(0, 0, 0, 0);
    color: #fff;
    float: left;
    font-size: 16px;
    line-height: 50px;
    margin-right: 10px;
    padding-left: 25px;
}
.y_like_con a p {
    background: none repeat scroll 0 0 #c59a6d;
    color: #fff;
    float: left;
    height: 30px;
    line-height: 30px;
    margin-left: 15px;
    margin-right: 15px;
    margin-top: 10px;
    text-align: center;
    width: 150px;
}
.form1, .form2 {
    left: 35%;
    position: fixed;
    top: 10px;
    z-index: 9999;
}
.mask {
    background: none repeat scroll 0 0 #000;
    bottom: 0;
    left: 0;
    opacity: 0.8;
    position: fixed;
    right: 0;
    top: 0;
    z-index: 1040;
}
.font_18 {
    cursor: pointer;
}
.f_fourth ul li.fourth_right {
    padding-top: 10px;
}
.button p {
    border: 1px solid #c59a6d;
    color: #c59a6d;
    line-height: 28px;
    margin: 0 auto;
    margin-top:30px;
    text-align: center;
    width: 120px;
}
.for-button p {
    border: 1px solid #c59a6d;
    color: #c59a6d;
    line-height: 28px;
    margin: 0 auto;
    margin-top:30px;
    text-align: center;
    width: 220px;
}

.form_show .em_icon{width:70px; height:70px; border-radius: 50%; margin: 40px auto 15px; background:url("/static/say/images/bqicon.png") no-repeat; display: block;}
.form_show .em_icon01{background-position: 0 0;}
.form_show .em_icon02{background-position: 0 -70px;}
.form_show .em_icon03{background-position: 0 -140px;}
.form_show .em_icon04{background-position: 0 -210px;}
.form_show .em_icon05{background-position: 0 -280px;}
.form_show .em_icon06{background-position: 0 -350px;}
.form_show .em_icon07{background-position: 0 -420px;}
.form_show .em_icon08{background-position: 0 -490px;}
.form_show .em_icon09{background-position: 0 -560px;}
.form_show .em_icon10{background-position: 0 -630px;}
.form_show .em_icon11{background-position: 0 -700px;}
.form_show .em_icon12{background-position: 0 -770px;}
.form_show .em_icon13{background-position: 0 -840px;}
.form_show .em_icon14{background-position: 0 -910px;}
.form_show .em_icon15{background-position: 0 -980px;}
.form_show .em_icon16{background-position: 0 -1050px;}
.form_show .em_icon17{background-position: 0 -1120px;}
.form_show .em_icon18{background-position: 0 -1190px;}
.form_show .em_icon19{background-position: 0 -1260px;}
.form_show .em_icon20{background-position: 0 -1330px;}
.form_show .em_icon21{background-position: 0 -1400px;}
.form_show .em_icon22{background-position: 0 -1470px;}
.form_show .em_icon23{background-position: 0 -1540px;}
.word {
    color: #666;
    display: block;
    font-size: 16px;
    text-align: center;
    width: 230px;
}
.f_second ul li{width:230px;float:left;margin-left:6px;margin-right:2px;position:relative; margin-bottom:10px;background: #fff; height:180px; border: 1px solid #e8e8e8}