﻿@charset "utf-8";
*{margin:0;padding:0;outline:none;}

img{border:none;}


/* header-content */
.header-content{
	background:url(../images/header-background.jpg) no-repeat 50% -4px #d64516;
	line-height:22px;
	position:relative;
	z-index:1;
	/* border-top:1px solid #fff; */
	-webkit-box-shadow:inset 0px 10px 8px -10px rgba(0,0,0,0.5), inset 0px -10px 8px -10px rgba(0,0,0,0.4);
	-moz-box-shadow:inset 0px 10px 8px -10px rgba(0,0,0,0.5), inset 0px -10px 8px -10px rgba(0,0,0,0.4);
	box-shadow:inset 0px 10px 8px -10px rgba(0,0,0,0.5), inset 0px -10px 8px -10px rgba(0,0,0,0.4);
}
.header-content img{float:left; margin:0 0 0 15px;}
.header-content .text{width:470px; margin-left:50%; *width:430px; }
.header-content .copy{font-size:14px;line-height: 25px;padding-right:15px;color: #fff;}
.header-content .button{width:100% !important;}
.header-content .button a{padding-top:7px; padding-bottom:7px; font-size:14px; display:inline-block;}
.header-content .button{float:none;}
.header-content .dimmed{
	background:#b05b1b;
	background:rgba(0, 0, 0, 0.4);
	-webkit-transition:none;
	/* Saf3.2+, Chrome */
	-moz-transition:none;
	/* FF4+ */
	-ms-transition:none;
	/* IE10? */
	-o-transition:none;
	/* Opera 10.5+ */
	transition:none;
}
#slider-wrap{background:url(../images/header-background1.png) repeat-x 0% 0;position:relative;height:362px; overflow:hidden;}
#slider{background:url(../images/header-background2.png) repeat-x 0% 0;height:332px;padding-top:30px;}
.slider-prev,.slider-next{
	text-indent:-9999px;width:38px;height:38px;background:url("../images/sprite.png") -263px -122px no-repeat;position:absolute;top:50%;margin-top:-19px;z-index:999;opacity:.5;display:none;
	-webkit-transition:all 0.3s ease-out;
	/* Saf3.2+, Chrome */
	-moz-transition:all 0.3s ease-out;
	/* FF4+ */
	-ms-transition:all 0.3s ease-out;
	/* IE10? */
	-o-transition:all 0.3s ease-out;
	/* Opera 10.5+ */
	transition:all 0.3s ease-out;
}
.slider-prev{ left:12px; }
.slider-next{right:12px;background-position:-302px -122px;}
.slider-prev:hover,.slider-next:hover{opacity:1;}
.slider-nav{position:absolute;bottom:5px;left:50%;list-style:none;overflow:hidden;padding:2px;z-index:10;margin:0;}
.slider-nav li{float:left;}
.slider-nav li a{display:block;width:8px;height:8px;overflow:hidden;padding:0px;margin:8px;background:url("../images/sprite.png") no-repeat -234px -144px;text-decoration:none;text-indent:-999px;}
.slider-nav li a:hover,.slider-nav li a.selected{background-position:-225px -144px;}
.slider section{display:none;}
.slider section.first{display:block;}
.slider-sections, .slider-sections section{width:861px; height:335px;}
.slider-sections{margin:0 auto; position:relative;}
.slider-sections section{position:absolute; top:0; left:0px; }
.header-content h2{font:400 32px/1.2 "microsoft yahei", Tahoma, arial, sans-serif;color:#fff;margin:0 0 26px;}
.header-content p{margin:0 0 30px;}
.button{float:left;width:auto !important;list-style:none;}
.button a,.button button,.button input{
	font-size:15px;line-height:18px;color:#fff!important;text-decoration:none;padding:5px 14px 6px 13px;display:block;width:auto;position:relative;z-index:2;border:none;cursor:pointer;background:#313131;
	-moz-border-radius:3px;
	border-radius:3px;
	
	background:-moz-linear-gradient(top, #313131 0%, #222222 100%);
	/* FF3.6+ */
	background:-webkit-linear-gradient(top, #313131 0%,#222222 100%);
	/* Chrome10+,Safari5.1+ */
	background:-o-linear-gradient(top, #313131 0%,#222222 100%); 
	/* Opera11.10+ */
	background:-ms-linear-gradient(top, #313131 0%,#222222 100%);
	/* IE10+ */
	background:linear-gradient(top, #313131 0%,#222222 100%);
	/* W3C */
	-webkit-transition:all 0.3s ease;
	-moz-transition:all 0.3s ease;
	-o-transition:all 0.3s ease;
	transition:all  0.3s ease;
}
.button a:hover,.button input:hover,.button button:hover,.button a:focus,.button input:focus,.button button:focus{
	background:#464646;
	/* Old browsers */
	background:-moz-linear-gradient(top, #464646 0%, #393939 100%);
	/* FF3.6+ */background:-webkit-linear-gradient(top, #464646 0%,#393939 100%);
	/* Chrome10+,Safari5.1+ */background:-o-linear-gradient(top, #464646 0%,#393939 100%);
	/* Opera11.10+ */background:-ms-linear-gradient(top, #464646 0%,#393939 100%);
	/* IE10+ */background:linear-gradient(top, #464646 0%,#393939 100%);
}





.template{padding: 65px 0 75px 0;overflow: hidden;background-size: 100% 100%;background: #ffffff;padding: 20px;margin-top: 15px;}
.title{font-size: 28px;text-align: center;color: #333;}
.subtitle{font-size: 16px;margin-top: 20px;text-align: center;color: #777;}
.category{text-align: center;}
.category ul{overflow: hidden;margin-top: 40px;background-color: #fff;border-radius: 3px;display: inline-block;border-top: 1px solid #fe7930;border-bottom: 1px solid #fe7930;border-right: 1px solid #fe7930;/* border-left: 1px solid #fe7930; */}
.category ul li{float: left;display: inline-block;font-size: 16px;height: 35px;line-height: 35px;width: 425px;text-align: center;position: relative;cursor: pointer;border-left: 1px solid #fe7930;color: #fe7930;}
.category ul li:after{content: '';height: 50%; border-left: 1px solid #eee; position: absolute; right: 0; top: 25%;}
.category ul li:last-child:after{border-left: none;}
.category ul li:hover{color: #fe782f;}
.category ul li.active{background:#fe782f;color: #fff;}
.category ul li.active:after{border-left: none;}
.content{width: 100%;height: auto;margin-top: 15px;display: none;}
.content.active{display: block;}
.content ul{margin: 0 auto;overflow: hidden;}
.content ul li{float: left;position: relative;width: 243.5px;margin-right: 15px;transition: transform .3s ease,box-shadow .3s ease;}
.content ul li:nth-child(5n+5) {
    margin-right: 0;
}


.content ul li:last-child{margin-right: 0;}
.content ul li .img{width: 100%;border: 1px solid #d0d0d0;}
.content ul li .img img{
    max-width: 100%;
    max-height: 45px;
    margin: 10px 10px 10px 10px;
}
.content ul li .img span{width: 100%;height: 40px;line-height: 40px;text-align: center;display: block;border-top: 1px dashed #e4e4e4;margin-top: 6px;}
.img-img{
    height: 60px;
    text-align: center;
}



.content ul li .bg{transition: opacity .3s;position: absolute;top: 0;left: 0;height: 100%;background: rgba(0,0,0,0);text-align: center;text-align: left;padding: 0px 10px 0px 10px;max-width: 243.5px;height: 110px;}
.content ul li .bg ul{
    max-width: 243.5px;
}
.content ul li .bg ul li{display: inline-block;width: 100%;opacity: 0;transition: opacity .5s;line-height: 30px;color: #fff;font-size: 14px;margin-top: 3px;}


.content ul li:hover{transform: translate3d(0,0px,0);}
.content ul li:hover .bg{background: rgba(0,0,0,.5);}
.content ul li:hover .bg ul li{opacity: 1;}
.content ul li:hover .bg ul li a{
    display: block;
    width: 100px;
    /* height: 30px; */
    background: #fe8600;
    color: #fff;
    /* text-decoration: none; */
    line-height: 30px;
    text-align: center;
    font-size: 16px;
    border-radius: 5px;
    text-align: center;
    margin: 0 auto;
}
.content .more{text-align: center;width: 100%;clear: both;padding-top: 15px;}
.content .more a{display: inline-block;border: 1px solid #f73;color: #f73; transition: background-color .3s,color .3s;padding: 12px 50px;border-radius: 50px;font-size: 18px;}
.content .more a:hover{background: #f73;color: #fff;}
.content.wsc ul{width: 1245px;}
.content.wsc ul li{background:url(../images/phone.png) center center no-repeat;width: 217px;height: 450px;}
.content.wsc ul li .img{margin-top: 44px;margin-left: 9px;}
.content.wsc ul li .bg{width: 200px;height: 356px;left: 9px;top: 44px;}
.content.wsc ul li .bg img{border-radius: 3px;border:10px solid #fff}
.content.dnsc ul{width:1200px}
.content.dnsc ul li{background:url(../images/pc.png) center center no-repeat;width: 340px;height: 220px;overflow: hidden;margin-right: 90px;}
.content.dnsc ul li:nth-child(1),.content.dnsc ul li:nth-child(2),.content.dnsc ul li:nth-child(3){margin-bottom: 40px;}
.content.dnsc ul li:nth-child(3n){margin-right: 0;}
.content.dnsc ul li .img{margin-top: 13px;}
.content.dnsc ul li .img img{max-width: 100%;}
.content.dnsc ul li .bg{width: 100%;height: 100%;top: 13px;}
.content.dnsc ul li .bg img{width: 145px;margin-top: 90px;}

.pzptimg{
    margin-bottom: 15px;
}





/*20190625*/
.gupiao-left{
    float: left;
    width: 310px;
    position: relative;
}
.layout_2{
    overflow: hidden;
    background: #ffffff;
    padding: 20px;
    /* margin-top: 5px; */
}
.gupiao-sj{
    z-index: 1;
}
.gupiao-sj iframe{
    height: 290px;
}

.gupiao-jrlist{
    z-index: 999;
}
.gupiao-jrlist h3{
    height: 40px;
    line-height: 40px;
    background: #ffffff;
    z-index: 999;
    color: #444;
    border-bottom: 4px solid #f44437;
}
.gupiao-jrlist ul{
    margin-top: 5px;
}
.gupiao-jrlist ul li{
    height: 39px;
    line-height: 39px;
    overflow: hidden;
}
.gupiao-jrlist ul li a{}
.gupiao-new{
    float: left;
    width: 600px;
    margin-left: 15px;
    margin-right: 15px;
}
.gupiao-tt{
    margin-bottom: 10px;
    border-bottom: 1px solid #dddddd;
    padding-bottom: 10px;
}

.gupiao-tt-t{
    text-align: center;
}
.gupiao-tt-t a{
    font-size: 24px;
    font-weight: bold;
    color: #f00;
}
.gupiao-tt-smalltext{
    line-height: 25px;
    height: 50px;
    overflow: hidden;
    color: #999;
    text-indent: 2em;
    font-size: 14px;
    margin-top: 10px;
}
.gupiao-ttlist{}
.gupiao-ttlist ul{}
.gupiao-ttlist ul li{
    height: 35px;
    line-height: 35px;
    overflow: hidden;
}
.gupiao-ttlist ul li a{}

.gupiao-right{
    float: right;
    width: 340px;
}
.gupiao-right h3{
    height: 40px;
    line-height: 40px;
    z-index: 999;
    color: #444;
    border-bottom: 4px solid #f44538;
}
.gupiao-right ul{}
.gupiao-right ul li{
    height: 35px;
    line-height: 35px;
    overflow: hidden;
}
.gupiao-right ul li a{}


.gupiao-name{
    color: #333;
    margin-right: 8px;
}
.gupiao-title{}



.layout_3{
    overflow: hidden;
    background: #ffffff;
    padding: 10px 20px 20px 20px;
    /* margin-top: 5px; */
}
.caijing-list{
    float: left;
    width: 416.6px;
}
.w-right{
    margin-right: 15px;
}
.caijing-t{
    height: 35px;
    line-height: 35px;
    background: transparent url(../images/border-l.png) no-repeat scroll left center;
    text-indent: 12px;
    margin-bottom: 5px;
    font-weight: 900;
    border-bottom: 1px solid #dddddd;
}
.caijing-img{
    float: left;
}
.caijing-img ul{}
.caijing-img ul li{
    float: left;
    width: 200px;
    margin-right: 15px;
    margin-top: 10px;
}
.caijing-img ul li:nth-child(2n+2) {
    margin-right: 0;
}
.caijing-img ul li img{
    width: 100%;
    height: 130px;
}
.caijing-img ul li span{
    height: 50px;
    line-height: 25px;
    overflow: hidden;
    display: block;
    margin-top: 8px;
}
.caijing-list8{
    float: left;
    margin-top: 10px;
    border-top: 1px solid #dddddd;
    padding-top: 5px;
    width: 100%;
}
.caijing-list8 ul{}
.caijing-list8 ul li{
    height: 35px;
    line-height: 35px;
    overflow: hidden;
    background: url(/images/listimg.png) no-repeat -10px center;
    text-indent: 15px;
}



.layout_t{
    height: 50px;
    line-height: 50px;
    margin-top: 15px;
    width: 100%;
    background: #ffffff;
    border-bottom: 4px solid #f44437;
}
.layout_t h2{
    float: left;
    width: 120px;
    /* padding-left: 15px; */
    color: #444;
    text-align: center;
    font-size: 24px;
    /* border-bottom: 3px solid #f44437; */
}
.layout_t span{
    float: right;
    width: 1180px;
    padding-right: 15px;
    text-align: right;
    right: 0;
}
.layout_t span ul{
    overflow: hidden;
    text-align: right;
    float: right;
}
.layout_t span ul li{
    float: left;
    margin: 0 10px;
}
.layout_t span ul li a{color: #3e3e3e;}

.jian{position: absolute;top: 0;left: 0;z-index: 9999;}


.layout_4{
    overflow: hidden;
    background: #ffffff;
    padding: 18px 20px 20px 20px;
    /* margin-top: 5px; */
}
.qkl-box-left{
    float: left;
    width: 950px;
    margin-right: 15px;
}
.qkl-box-tw{
    width: 100%;
    float: left;
    overflow: hidden;
}
.qkl-tw-list{
    float: left;
    width: 442px;
    margin-right: 15px;
}
.qkl-tw-list:nth-child(2n+2) {
    margin-right: 0;
}
.qkl-img{
    float: left;
    width: 150px;
    height: 120px;
    margin-right: 15px;
}
.qkl-img ul{}
.qkl-img ul li{
    height: 150px;
    margin-bottom: 15px;
}
.qkl-img ul li a{}
.qkl-img ul li a span{
    height: 40px;
    line-height: 20px;
    overflow: hidden;
    float: left;
    font-size: 14px;
    margin-top: 5px;
}
.qkl-img ul li img{
    width: 100%;
}
.qkl-list{
    float: right;
    width: 276px;
}
.qkl-list ul{}
.qkl-list ul li{
    height: 30px;
    line-height: 30px;
    overflow: hidden;
}

.qkl-box-wz{
    float: left;
    border-top: 1px solid #eee;
    margin-top: 15px;
    padding-top: 15px;
    width: 100%;
}

.qkl-wz-list{
    float: left;
    width: 305px;
    margin-right: 15px;
}
.qkl-wz-list:nth-child(3n+3) {
    margin-right: 0;
}
.qkl-wz-list h3{
    color: #316db9;
}
.qkl-wz-list h3 a{
    float: right;
    font-size: 14px;
    color: #999;
    font-weight: 100;
}
.qkl-wz-list ul{}
.qkl-wz-list ul li{
    height: 35px;
    line-height: 35px;
    overflow: hidden;
}

.qkl-box-right{
    float: right;
    width: 315px;
    margin-top: 0;
}
.qkl-right-listr{
    margin-bottom: 10px;
}
.qkl-right-listr h3{
    height: 35px;
    line-height: 35px;
    background: #ffffff;
    color: #444;
    border-bottom: 4px solid #f44538;
}
.qkl-right-listr h3 a{
    float: right;
    font-size: 14px;
    color: #fff;
    padding-right: 15px;
    font-weight: 100;
}
.qkl-right-listr ul{}
.qkl-right-listr ul li{}
.rjj{
    margin-top: 6px;
    margin-bottom: 0px;
}
.rjj a{
    font-size: 20px;
    font-weight: 900;
    height: 35px;
    line-height: 35px;
    display: block;
    overflow: hidden;
}
.rjj span{
    color: #888;
    font-size: 14px;
    height: 50px;
    line-height: 25px;
    overflow: hidden;
    display: block;
}
.rlb{
    height: 35px;
    line-height: 35px;
    overflow: hidden;
}

.qkl-box-tp{
    float: left;
    border-top: 1px solid #eee;
    margin-top: 5px;
    padding-top: 15px;
    width: 100%;
}
.qkl-box-tp ul{}
.qkl-box-tp ul li{
    float: left;
    width: 148px;
    margin-right: 12px;
}
.qkl-box-tp ul li:nth-child(6n+6) {
    margin-right: 0;
}
.qkl-box-tp ul li a{}
.qkl-box-tp ul li a img{
    width: 100%;
}
.qkl-box-tp ul li a span{
    height: 50px;
    line-height: 25px;
    overflow: hidden;
    display: block;
}

.layout_6{
    overflow: hidden;
    background: #ffffff;
    padding: 20px 20px 10px 20px;
    /* margin-top: 5px; */
}
.lucai-left{
    float: left;
    width: 250px;
    margin-right: 15px;
}
.lucai-left ul{}
.lucai-left ul li{
    height: 235px;
    margin-bottom: 10px;
}
.lucai-left ul li img{
    width: 100%;
    height: 180px;
}
.lucai-left ul li span{
    height: 50px;
    line-height: 25px;
    overflow: hidden;
    margin-top: 5px;
    display: block;
    font-size: 16px;
}

.lucai-right{
    float: left;
    width: 1015px;
}
.lucai-right ul{}
.lucai-right ul li{
    height: 35px;
    line-height: 35px;
    overflow: hidden;
    margin-top: 5px;
    display: block;
    float: left;
    width: 328px;
    margin-right: 15px;
    background: url(/images/listimg.png) no-repeat -10px center;
    text-indent: 15px;
}
.lucai-right ul li:nth-child(3n+3) {
    margin-right: 0;
}
.lucai-right ul li:nth-child(1) a{font-size: 20px;font-weight: 900;}
.lucai-right ul li:nth-child(19) a{font-size: 20px;font-weight: 900;}
.lucai-right ul li:nth-child(2) a{font-size: 20px;font-weight: 900;}
.lucai-right ul li:nth-child(20) a{font-size: 20px;font-weight: 900;}
.lucai-right ul li:nth-child(3) a{font-size: 20px;font-weight: 900;}
.lucai-right ul li:nth-child(21) a{font-size: 20px;font-weight: 900;}

.lucai-right ul li:nth-child(1){font-size: 20px;font-weight: 900;background: url(g) no-repeat -10px center;text-indent: 0;}
.lucai-right ul li:nth-child(19){font-size: 20px;font-weight: 900;background: url(g) no-repeat -10px center;text-indent: 0;}
.lucai-right ul li:nth-child(2) {font-size: 20px;font-weight: 900;background: url(g) no-repeat -10px center;text-indent: 0;}
.lucai-right ul li:nth-child(20){font-size: 20px;font-weight: 900;background: url(g) no-repeat -10px center;text-indent: 0;}
.lucai-right ul li:nth-child(3){font-size: 20px;font-weight: 900;background: url(g) no-repeat -10px center;text-indent: 0;}
.lucai-right ul li:nth-child(21){font-size: 20px;font-weight: 900;background: url(g) no-repeat -10px center;text-indent: 0;}


.layout_7{
    overflow: hidden;
    margin-top: 15px;
}
.zhlist{
    float: left;
    width: 278.5px;
    margin-right: 15px;
    background: #ffffff;
    padding: 20px 20px 10px 20px;
}
.zhlist:nth-child(4n+4) {
    margin-right: 0;
}
.zhlist ul{}
.zhlist ul li{
    height: 35px;
    line-height: 35px;
    overflow: hidden;
}
.zhlist-t{
    height: 40px;
    line-height: 40px;
    background-size: cover;
    border-bottom: 4px solid #f44538;
}
.zhlist-t h2{
    float: left;
    text-align: center;
    color: #444;
    font-size: 20px;
}
.zhlist-t span{
    float: right;
}
.zhlist-t span a{
    font-size: 14px;
    color: #fff;
    padding-right: 15px;
}


.layout_8{
    overflow: hidden;
    background: #ffffff;
    padding: 20px 20px 10px 20px;
    margin-top: 15px;
}
.gslist{width: 335px;float: left;margin-right: 15px;}
.gslist h2{
    height: 35px;
    line-height: 35px;
    color: #444;
    border-bottom: 4px solid #f44639;
}
.gslist h2 a{
    float: right;
    font-size: 14px;
    color: #fff;
    padding-right: 15px;
    font-weight: 100;
}
.gslist ul{
    margin-top: 10px;
}
.gslist ul li{
    height: 36.5px;
    line-height: 36.5px;
    overflow: hidden;
}

.gprjlist{width: 600px;float: left;}
.pzzxlist{width: 315px;float: right;margin-left: 15px;}
.pzzxlist h2{
    height: 35px;
    line-height: 35px;
    color: #444;
    border-bottom: 4px solid #f4473a;
}
.pzzxlist h2 a{
    float: right;
    font-size: 14px;
    color: #fff;
    padding-right: 15px;
    font-weight: 100;
}
.pzzxlist ul{}
.pzzxlist ul li{}
.gprjlistimg{}
.gprjlistimg ul{}
.gprjlistimg ul li a{}
.gprjlistimg ul li a span{
    height: 35px;
    line-height: 35px;
    overflow: hidden;
    margin-top: 6px;
    display: block;
}
.gprjlistimg ul li{
    float: left;
    width: 292px;
    margin-right: 15px;
}
.gprjlistimg ul li:nth-child(2n+2) {
    margin-right: 0;
}
.gprjlistimg ul li img{
    width: 100%;
    height: 200px;
}
.gprjlist-t{overflow: hidden;width: 100%;border-top: 1px solid #dddddd;margin-top: 10px;float: left;padding-top: 10px;}
.gprjlist-t ul{}
.gprjlist-t ul li{
    height: 36.7px;
    line-height: 36.7px;
    overflow: hidden;
    float: left;
    width: 292px;
    margin-right: 15px;
}
.gprjlist-t ul li:nth-child(2n+2) {
    margin-right: 0;
}










