*{box-sizing: border-box;}
img{border: none;}
body{background-color: #fff; font-family: "微软雅黑" !important;}
p{line-height: 1.1;}

.w{width: 1200px; margin: 0 auto;}

.clearfix:after{content: ''; display: table; clear: both;}

.banner{position: relative; display: block; width: 100%; height: 347px; background: url(../../images/cityBanner.png) no-repeat; background-size: 100% 347px; text-align: center;}
.banner .banner_title{position: absolute; width: 100%; font-size: 40px;  color: #fefefe; top: 100px;}
.banner .banner_txt{position: absolute; width: 100%; font-size: 30px; color: #fff; top: 180px; }


/*晋江起点、晋江由来、晋江名片*/
.origin_come_card{margin-top: 20px;}
/*晋江起点*/
.origin_come_card .origin{width: 376px; height: 394px; margin-right: 36px; float: left;}
.origin .origin_title{font-size: 18px; font-weight: 600; color: #dd4250; padding-left: 12px; margin-bottom: 20px; border-left: 2px #dd4250 solid;}
.origin .origin_content{height: 354px; border: 1px #ebebeb solid;}
.origin_content > a{width: 374px; height: 184px; display: block;}
.origin_content > a img{width: 374px; height: 184px; display: block;}
.origin_content .origin_txt{padding: 20px 22px 0 15px;}
.origin_content .origin_txt p{font-size: 14px; color: #4c4c4c; line-height: 25px; text-indent: 2em;}
/*晋江由来*/
.origin_come_card .come{width: 376px; height: 394px; margin-right: 36px; float: left;}
.come .come_title{font-size: 18px; font-weight: 600; color: #dd4250; padding-left: 12px; margin-bottom: 20px; border-left: 2px #dd4250 solid;}
.come .come_content{height: 354px; border: 1px #ebebeb solid;}
.come_content .come_txt{padding: 10px 22px 0 15px;}
.come_content .come_txt p{font-size: 14px; color: #4c4c4c; line-height: 24px; text-indent: 2em;}

.come_content .comeImg{margin-top: 24px;}
.come_content .comeImg .first{width: 148px; height: 78px; display: block; float: left;}
.come_content .comeImg .first img{width: 148px; height: 78px; display: block;}

.come_content .comeImg .last{width: 222px; height: 78px; display: block; float: right;}
.come_content .comeImg .last img{width: 222px; height: 78px; display: block;}
/*晋江名片*/
.origin_come_card .card{width: 376px; height: 394px; float: left;}
.card .card_title{font-size: 18px; font-weight: 600; color: #dd4250; padding-left: 12px; margin-bottom: 20px; border-left: 2px #dd4250 solid;}
.card .card_content{height: 354px; border: 1px #ebebeb solid;}
.card .card_content .card_btn{margin-top: 5px;}
.card_content a{display: inline-block; font-size: 14px; color: #4c4c4c; /*padding: 10px 24;*/ margin: 6px 5px; background-color: #f2f2f2;}
.card_btn .btn1{padding:10px 24px;} 
.card_btn .btn2{padding:10px 10px;}
.card_btn .btn3{padding:10px 7px;} 
.card_btn .btn4{padding:10px 7px;} 
.card_btn .btn5{padding:10px 13px;}
.card_btn .btn6{padding:10px 14px;}
.card_btn .btn7{padding:10px 7px;} 
.card_btn .btn8{padding:10px 13px;}
.card_btn .btn9{padding:10px 43px;}
.card_btn .btn10{padding:10px 5px;} 
.card_btn .btn11{padding:10px 57px;} 
.card_btn a:hover{background-color: #DD4250; color: #fff;}


/*晋江概览*/
.overview{width: 100%; margin-top: 37px; padding-top: 22px; background-color: #F5F5F5;}
.view{height: auto;}
.view .view_title{font-size: 18px; font-weight: 600; color: #dd4250; padding-left: 12px; margin-bottom: 15px; border-left: 2px #dd4250 solid;}

.view .view_content{padding-bottom: 30px;}
.view_content .culture_income{width: 460px; height: 560px; float: left;}
/*文化名城*/
.view_content .culture{position: relative; width: 460px; height: 200px; background: url(../../images/viewImg1.png) no-repeat; cursor: pointer;}
.culture > p{position: absolute; bottom: 0; width: 460px; height: 50px; font-size: 14px; font-weight: 600; line-height: 50px; color: #fff;
			 padding-left: 30px; background-color: rgba( 0, 0, 0, 0.3 ); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#4c000000,endColorstr=#4c000000)\9;}

.culture .culture_txt{position: absolute; top: 0; left: 0; width: 460px; height: 200px; padding: 0 30px; overflow: hidden; background-color: rgba( 0, 0, 0, 0.3 ); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#4c000000,endColorstr=#4c000000)\9;}
.culture .culture_txt a{display: block; font-size: 14px; color: #fff; line-height: 24px;}

/*经济强市*/
.view_content .income{position: relative; width: 460px; height: 360px; background: url(../../images/viewImg4.png) no-repeat; cursor: pointer;}
.income > p{position: absolute; bottom: 0; width: 460px; height: 50px; font-size: 14px; font-weight: 600; line-height: 50px; color: #fff;
			 padding-left: 30px; background-color: rgba( 0, 0, 0, 0.3 ); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#4c000000,endColorstr=#4c000000)\9;}

.income .income_txt{position: absolute; top: 0; left: 0; width: 460px; height: 360px; padding: 0 30px; overflow: hidden; background-color: rgba( 0, 0, 0, 0.3 ); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#4c000000,endColorstr=#4c000000)\9;}
.income .income_txt a{display: block; font-size: 14px; color: #fff; line-height: 24px;}

.view_content .brand_zone{width: 740px; height: 362px; float: left;}
/*品牌之都*/
.view_content .brand{position: relative; width: 460px; height: 362px; background: url(../../images/viewImg2.png) no-repeat; cursor: pointer; float: left;}
.brand > p{position: absolute; bottom: 0; width: 460px; height: 50px; font-size: 14px; font-weight: 600; line-height: 50px; color: #fff;
			 padding-left: 30px; background-color: rgba( 0, 0, 0, 0.3 ); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#4c000000,endColorstr=#4c000000)\9;}

.brand .brand_txt{position: absolute; top: 0; left: 0; width: 460px; height: 362px; padding: 0 30px; overflow: hidden; background-color: rgba( 0, 0, 0, 0.3 ); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#4c000000,endColorstr=#4c000000)\9;}
.brand .brand_txt a{display: block; font-size: 14px; color: #fff; line-height: 24px;}

/*区位独特*/
.view_content .zone{position: relative; width: 280px; height: 362px; background: url(../../images/viewImg3.png) no-repeat; cursor: pointer; float: left;}
.zone > p{position: absolute; bottom: 0; width: 280px; height: 50px; font-size: 14px; font-weight: 600; line-height: 50px; color: #fff;
			 padding-left: 30px; background-color: rgba( 0, 0, 0, 0.3 ); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#4c000000,endColorstr=#4c000000)\9;}

.zone .zone_txt{position: absolute; top: 0; left: 0; width: 280px; height: 362px; padding: 0 30px; overflow: hidden; background-color: rgba( 0, 0, 0, 0.3 ); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#4c000000,endColorstr=#4c000000)\9;}
.zone .zone_txt a{display: block; font-size: 14px; color: #fff; line-height: 24px;}

.view_content .plate_town{width: 740px; height: 198px; float: left;}
/*晋江板块*/
.view_content .plate{position: relative; width: 280px; height: 198px; background: url(../../images/viewImg5.png) no-repeat; cursor: pointer; float: left;}
.plate > p{position: absolute; bottom: 0; width: 280px; height: 50px; font-size: 14px; font-weight: 600; line-height: 50px; color: #fff;
			 padding-left: 30px; background-color: rgba( 0, 0, 0, 0.3 ); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#4c000000,endColorstr=#4c000000)\9;}

.plate .plate_txt{position: absolute; top: 0; left: 0; width: 280px; height: 198px; padding: 0 30px; overflow: hidden; background-color: rgba( 0, 0, 0, 0.3 ); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#4c000000,endColorstr=#4c000000)\9;}
.plate .plate_txt a{display: block; font-size: 14px; color: #fff; line-height: 24px;}
/*著名侨乡*/
.view_content .town{position: relative; width: 460px; height: 198px; background: url(../../images/viewImg6.png) no-repeat; cursor: pointer; float: left;}
.town > p{position: absolute; bottom: 0; width: 460px; height: 50px; font-size: 14px; font-weight: 600; line-height: 50px; color: #fff;
			 padding-left: 30px; background-color: rgba( 0, 0, 0, 0.3 ); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#4c000000,endColorstr=#4c000000)\9;}

.town .town_txt{position: absolute; top: 0; left: 0; width: 460px; height: 198px; padding: 0 30px; overflow: hidden; background-color: rgba( 0, 0, 0, 0.3 ); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#4c000000,endColorstr=#4c000000)\9;}
.town .town_txt a{display: block; font-size: 14px; color: #fff; line-height: 24px;}


/*产业布局*/
.product{margin-top: 20px;}
.product .product_title{font-size: 18px; font-weight: 600; color: #dd4250; padding-left: 12px; margin-bottom: 15px; border-left: 2px #dd4250 solid;}
/*左侧*/
.product .product_left{width: 500px; margin-left: 12px; float: left;}
.product_left .product_details{font-size: 14px; color: #4c4c4c; line-height: 25px;}
.product_left .product_txt{width: 490px; font-weight: 600;}
.product_txt p{font-size: 14px; color: #4c4c4c; line-height: 25px;}
.product_left .plus{font-size: 14px; color: #4c4c4c; line-height: 25px; text-indent: 2em;}
.product_left > a{width: 500px; height: 248px; display: block; margin-top: 21px;}
.product_left > a img{width: 500px; height: 248px; display: block;}
/*右侧*/
.product .product_right{width: 640px; float: right; overflow: hidden;}

.product_right .product_content{position: relative; width: 300px; height: 262px; background-color: #fff; margin-bottom: 20px; margin-left: 20px; cursor: pointer; float: left;}

.product_content .content_imgDiv{position: absolute; width: 300px; height: 262px; border: 1px #dbdbdb solid; background-color: #fff; z-index: 200;}
.product_content .content_img{text-align: center; margin-top: 90px;}
.product_content .content_img img{width: 54px; height: 54px;}
.product_content .content_img p{font-size: 14px; color: #4c4c4c; font-weight: 600; text-align: center; margin-top: 10px;}

.product_content .contentTxt{position: absolute; z-index: 100; width: 320px; height: 262px; padding: 0 15px; background-color: rgba( 0, 0, 0, 0.8 ); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#c8000000,endColorstr=#c8000000)\9;}
.contentTxt a{display: block; font-size: 14px; color: #fff; line-height: 24px;}