@charset "utf-8";

/* CSS Document */

* {

	font-family: "微软雅黑"

}

body, h1, h2, h3, h4, h5, ul, li, dl, dt, dd, input {

	margin: 0;

	padding: 0;

}

img {

	border: none;

}

a, ul, li, h1, h2, dl, dt, dd {

	list-style: none;

	text-decoration: none;

}

.top {

	width: 1200px;

	margin: 0 auto;

	overflow: hidden;
	
	margin-top:20px;

}

.phone {

	float: right;

	font-size: 20px;

	color: #595959;

	padding-left: 26px;

	background: url(../images/phone.png) no-repeat left center;

	margin-right: 10px;

	padding-top: 4px

}

.sear {

	width: 290px;

	height: 31px;

	float: right;

}

.input-box {

	border: none;

	width: 212px;

	float: left;

	height: 27px;

	border: 1px solid #bcbcbc;

	color: #bcbcbc;

	font-size: 13px;

	line-height: 27px;

}

.button {

	border: none;

	width: 76px;

	float: right;

	cursor: pointer;

	height: 29px;

	background: url(../images/sea-but.png);

	line-height: 28px;

	text-align: center;

	padding-left: 6px

}

.nav-box {

	width: 1200px;

	margin: 0 auto;

	overflow: hidden;

	height: 90px

}

.logo {

	float: left;

}

.nav {

	float: right;

	width: 800px;

	padding-top: 50px

}

.nav ul {

	overflow: hidden;

	width: 800px;

	background: url(../images/nav-di.png) no-repeat right;

}

.nav ul li {

	float: left;

	width: 100px;

}

.nav ul li a {

	width: 100px;

	display: block

}

.nav ul li a b {

	width: 100px;

	text-align: center;

	font-weight: normal;

	font-size: 14px;

	color: #535251;

	display: block

}

.nav ul li a em {

	color: #929292;

	font-size: 10px;

	width: 100px;

	text-align: center;

	font-style: normal;

	display: block

}

.banner-box {

	position: relative;

	margin: 0 auto;

height:700px;

	overflow: hidden;

	width: 100%;

}

.banner {

	width: 100%;



	position: absolute;

	bottom: 0;

	left: 50%;

	margin-left: -50%;

}



.small {

	position: absolute;

	left: 50%;

	bottom: 10%;

	margin-left: -70px;

	cursor: pointer

}

.small a {

	width: 20px;

	height: 20px;

	background: url(../images/banner-cur1.png);

	float: left;

	margin: 0 8px;

	line-height: 16px;

	font-size: 12px;

	text-align: center

}

.small .small_s {

	background: url(../images/banner-cur2.png)

}

.mid-box {

	position: relative;

	margin: 0 auto;

	height: 534px;

	overflow: hidden;

	width: 100%;

}

.mid-b {

	width: 1920px;

	height: 534px;

	position: absolute;

	bottom: 0;

	left: 50%;

	margin-left: -960px;

	background: url(../images/midd-di.jpg)

}

.mid {

	width: 1200px;

	height: 480px;

	margin: 0 auto;

	overflow: hidden;

	padding-top: 120px

}

.mid-l {

	float: left;

	width: 193px;

	margin-right: 11px

}

.about {

	width: 193px;

	height: 151px;

	margin-bottom: 7px

}

.mid-m {

	margin-right: 11px;

	float: left;

}

.mid-r {

	float: left

}

.jianjie {

	width: 354px;

	height: 299px;

	color: white;

	font-size: 13px;

	padding-top: 2px;

	line-height: 22px;

	background: #78b82c;

	padding: 20px;

	overflow:hidden;

}

.jianjie a {

	color: white;

}

.midl-m {

	overflow: hidden;

	height: 144px;

	margin-bottom: 7px;

	margin-top: 6px;

}

.pin {

	margin-right: 6px

}

.pin, .jian {

	width: 194px;

	height: 144px;

	float: left

}

.rong {

	width: 394px;

	height: 169px

}

.pronav-box {

	height: 100px;

	border-bottom: 1px solid #c8c8c8

}

.pro-nav {

	width: 1200px;

	margin: 0 auto;

	overflow: hidden

}

.pro-nav h2 {

	float: left;

	width: 120px;

}

.pro-nav ul {

	width: 1000px;

	float: right;

	padding-top: 20px;

}

.pro-nav ul li {

	float: right;

	margin-left: 50px;

}

.pro-nav ul li a {

	text-align: right;

	line-height: 60px;

	font-size: 15px;

	color: #595959

}

.product {

	width: 100%;

	padding-top: 40px

}

.pro {

	width: 1200px;

	margin: 0 auto;

	overflow: hidden

}

.pro li {

	width: 400px;

	height: 286px;

	float: left;

}

.pro li a {

	width: 400px;

	height: 286px;

	display: block;

	position: relative

}

.pro li img {

	width: 400px;

	height: 286px;

	display: block

}

.pro li span {

	width: 400px;

	height: 286px;

	position: absolute;

	display: block;

	top: 0;

	left: 0;

	background: url(../images/an-di.png);

	line-height: 286px;

	text-align: center;

	color: white;

	font-size: 16px

}

.ysh-box {

	width: 100%;

	padding-top: 80px;

}

.ysh {

	width: 1200px;

	margin: 0 auto;

	background: url(../images/youshi-di.jpg);

	height: 506px;

	padding-top: 290px;

}

.ysh ul {

	width: 630px;

	float: right;

	position: relative

}

.ysh ul li {

	font-size: 15px;

	color: #505050;

	position: absolute

}

.you01 {

	width: 625px;

	height: 100px;

	line-height: 24px;

	right: 0;

	top : 55px

}

.you02 {

	width: 586px;

	height: 100px;

	line-height: 24px;

	right: 0;

	top : 166px

}

.you03 {

	width: 586px;

	height: 100px;

	line-height: 24px;

	right: 0;

	top : 290px

}

.you04 {

	width: 626px;

	height: 100px;

	line-height: 24px;

	right: 0;

	top : 412px

}

.you05 {

	width: 654px;

	height: 100px;

	line-height: 24px;

	right: 0;

	top : 440px

}

.anli-box {

	background: #f4f4f4;

	height: 370px

}

.anli-bo {

	width: 1200px;

	margin: 0 auto

}

.anli-bo h2 {

	width: 1200px;

	overflow: hidden

}

.anli-bo h2 p {

	float: left;

	width: 300px;

	margin: 0

}

.anli-bo h2 .aaa {

	float: right;

	background: url(../images/anli-m.png);

	width: 72px;

	height: 27px;

	margin-top: 50px

}

.anli-b {

	padding-top: 20px;

	overflow: hidden;

}

.anli-b .mr_frbox {

	height: 210px;

}

.hezi {

	width: 1100px;

	height: 230px;

	float: left;

	overflow: hidden;

}

.hezi ul {

	width: 100%;

}

.hezi ul li {

	float: left;

	width: 250px;

	height: 230px;

	margin: 0 12px

}

.hezi ul li img {

	width: 250px;

	height: 188px;

	border: 1px solid #CCC;

}

.hezi ul li p {

	width: 250px;

	text-align: center;

	line-height: 24px;

	font-size: 15px;

	margin: 0;

	color: #737373

}

.anli-b .but-left {

	width: 50px;

	height: 50;

	float: left;

	margin-top: 50px;

	cursor: pointer;

	display: inline;

}

.anli-b .but-right {

	width: 50px;

	height: 50px;

	float: right;

	margin-top: 50px;

	cursor: pointer;

}

.zixun {

	width: 1200px;

	margin: 0 auto;

	overflow: hidden;

	height: 450px;

	margin-top: 30px

}

.zi-l {

	float: left;

	width: 350px;

	margin-right: 60px;

	overflow: hidden

}

.zi-l h2 {

	height: 38px;

	line-height: 38px;

	background: url(../images/line3.jpg) no-repeat left 14px;

	padding-left: 15px;

	margin-bottom: 28px;

}

.zi-l h2 a {

	color: #333333;

	font-size: 18px;

	font-weight: 600;

}

.zi-l h2 .more1 {

	float: right;

	line-height: 38px

}

.zi-l h2 .more1 a {

	cursor: pointer;

	font-size: 14px;

	line-height: 38px;

	color: #666;

	font-weight: normal

}

.zi-l h2 em {

	color: #555555;

	font-size: 12px;

	font-weight: normal;

	text-transform: uppercase;

	display: inline-block;

	padding-left: 5px;

}

.lst4 li {

	height: 30px;

	line-height: 30px;

	overflow: hidden;

}

.lst4 li a {

	color: #555555;

	font-size: 14px;

	float: left;

	width: 250px

}

.lst4 li span {

	color: #787878;

	font-size: 12px;

	float: right;

	width: 100px;

	text-align: right

}

.wend {

	float: left;

	width: 380px;

	overflow: hidden;

}

.wend h2 {

	height: 38px;

	line-height: 38px;

	background: url(../images/line3.jpg) no-repeat left 14px;

	padding-left: 15px;

	margin-bottom: 28px;

}

.wend h2 a {

	color: #333333;

	font-size: 18px;

	font-weight: 600;

}

.wend h2 .more1 {

	float: right;

	line-height: 38px

}

.wend h2 .more1 a {

	cursor: pointer;

	font-size: 14px;

	line-height: 38px;

	color: #666;

	font-weight: normal

}

.wend h2 em {

	color: #555555;

	font-size: 12px;

	font-weight: normal;

	text-transform: uppercase;

	display: inline-block;

	padding-left: 5px;

}

.wend dl {

	height: 90px;

	padding: 20px 0 0 0;

	margin-bottom: 10px

}

.wend dt {

	height: 22px;

	padding-left: 25px;

	line-height: 22px;

	background: url(../images/q.png) no-repeat left 0px;

	color: #c8161d;

	overflow: hidden;

}

.wend dt a {

	color: #5f5f5f;

	font-weight: bold;

	font-size: 14px;

}

.wend dd {

	margin-top: 8px;

	padding-left: 25px;

	background: url(../images/a.png) no-repeat left 3px;

	line-height: 22px;

	font-size: 12px;

	color: #555555;

	height: 48px;

	overflow: hidden;

}

.wend dd a {

	color: #5f5f5f;

	font-size: 14px;

}

.bottom-box {

	padding-top: 40px;

	background: #f4f4f4;

	height: 150px

}

.bottom-b {

	height: 90px;

	background: #7d7d7d

}

.bottom {

	width: 1200px;

	margin: 0 auto

}

.bottom ul {

	width: 604px;

	float: left;

	padding-top: 5px;

	overflow: hidden

}

.bottom ul li {

	width: 150px;

	height: 80px;

	border-right: 1px solid #dfdfdf;

	float: left

}

.bottom ul li img {

	display: block;

	margin: 0 auto;

	width: 40px;

	height: 40px

}

.bottom ul li a {

	width: 150px;

	text-align: center;

	color: white;

}

.bottom ul li a em {

	font-style: normal;

	width: 150px;

	display: block;

	font-size: 14px;

	font-family: "宋体";

	text-align: center

}

.bottom ul li a i {

	font-style: normal;

	width: 150px;

	display: block;

	font-size: 14px;

	font-family: "宋体";

	text-align: center

}

.bottom .weibo {

	width: 160px;

	border-right: 1px solid #dfdfdf;

	float: left;

	padding-left: 40px;

	overflow: hidden;

	margin-top: 5px

}

.sina {

	background: url(../images/sina.png) no-repeat center;

	width: 40px;

	height: 80px;

	float: left;

	margin-right: 30px

}

.tenc {

	background: url(../images/tenc.png) no-repeat center;

	width: 40px;

	height: 80px;

	float: left

}

.bottom .dizhi {

	margin-top: 5px;

	margin-left: 30px;

	padding-top: 7px;

	width: 370px;

	float: left

}

.dizhi p {

	margin: 0;

	font-size: 14px;

	font-family: "宋体";

	color: white;

	line-height: 24px;

}

.erweima {

	width: 90px;

	height: 90px;

	float: right

}

.erweima img {

	width: 90px;

	height: 90px

}

.foot {

	width: 1200px;

	font-size: 13px;

	color: #393939;

	margin: 0 auto;

	text-align: center;

	font-family: "宋体";

	clear: both;

	line-height: 34px

}

.foot a {

	font-size: 13px;

	color: #393939;

}

.pagination-wrapper {

	margin: 20px 0;

}

.pagination {

	height: 34px;

	text-align: center;

}

.pagination li {

	display: inline-block;

	height: 34px;

	margin-right: 5px;

}

.pagination li a {

	float: left;

	display: block;

	height: 32px;

	line-height: 32px;

	padding: 0 12px;

	font-size: 16px;

	border: 1px solid #dddddd;

	color: #555555;

	text-decoration: none;

}

.pagination li a:hover {

	background: #f5f5f5;

	color: #0099ff;

}

.pagination li.thisclass {

	background: #09f;

	color: #fff;

}

.pagination li.thisclass a, .pagination li.thisclass a:hover {

	background: transparent;

	border-color: #09f;

	color: #fff;

	cursor: default;

}







.module-default {

    margin: 0;

    padding: 0;

}

.slideshow {

    overflow: hidden;

}

.carousel {

    position: relative;

}

.clearfix {

    *zoom: 1;

}

.clearfix {

    *zoom: 1;

}

.clearfix {

    *zoom: 1;

}

.carousel-item {

    position: relative;

    float: left;

    display: block;

}

.carousel-item .carousel-img {

    display: block;

}

.carousel-item .carousel-img a[href="javascript:;"] {

    cursor: default;

}

.carousel-item .carousel-img img {

    display: block;

}

.carousel-btn-fixed {

    width: 100%;

    position: absolute;

    bottom: 15px;

    left: 0;

    margin: 0;

    z-index: 100;

}

.carousel-btn {

    text-align: center;

    margin: 10px 0;

}

.carousel-btn a {

    display: inline-block;

    width: 12px;

    height: 12px;

    margin: 0 6px;

    background: #ccc;

    border-radius: 50%;

}

.carousel-btn .selected {

    background: #78b82c;

    cursor: default;

}

.carousel-btn a span {

    display: none;

}

@media screen and (max-width:1120px) {



.header1 {

	min-height: 30px !important;

}	

}

@media screen and (max-width:767px) {

.slideshow {

	height: 350px !important;

}

.slideshow img {

	height: 350px !important;

}

}

@media screen and (max-width:640px) {

.slideshow {

	height: 230px !important;

}

.slideshow img {

	height: 230px !important;

}

}

@media screen and (max-width:480px) {

.slideshow {

	height: 145px !important;

}

.slideshow img {

	height: 145px !important;

}

}





 



    



    .zxd-form {

        padding: 0 25px;

        margin-top: 12px;

    }



    .zxd-form .touch-input2 label {

        position: absolute;

        right: 15px;

        top: 16px;

        color: #333;

    }



    .zxd-form div.download-arrow1:after {

        content: '';

        width: 10px;

        height: 10px;

        font-size: 0;

        position: absolute;

        top: 20px;

        right: 18px;

        border-top: 1px solid #999;

        border-right: 1px solid #999;

        -webkit-transform: rotate(45deg);

        -moz-transform: rotate(45deg);

        -ms-transform: rotate(45deg);

        -o-transform: rotate(45deg);

        transform: rotate(45deg);

    }



    #froms #area {

        /*background-color: #fff;*/

        text-align: left;

        border: none;

        -webkit-appearance: none;

        -moz-appearance: none;

        appearance: none;

        height: 50px;

        width: 100%;

        padding-left: 10px;

    }





    .zxbj-f {

        margin-top: -14px;

    }



    .result-queson {

        height: 60px;

        width: 100%;

        display: block;

        border-radius: 4px;

        border: 1px solid #e7e7e7;

        margin-top: -5px;

    }



    .result-queson ul {

        padding-top: 10px;

    }



    .result-queson ul li {

        line-height: 20px;

        padding-left: 25px;

    }



    .result-queson ul li span {

        margin-right: 30px;

        color: #666

    }



    .result-queson ul li span em {

        font-weight: bold;

        color: #666;

    }



    .jishi {

        padding-left: 5px;

        line-height: 50px;

        text-align: left;

    }



    .jishi em {

        padding-left: 5px;

    }



    #zxd-form-submit {

        margin-top: 8px;

    }



.layer-huxing{ position: fixed; left: 0px; top: 0px; z-index: 99; zoom: 1; text-align: center; bottom: 0px; right: 0px; background-color: rgba(0, 0, 0, 0.298039); display: none; } 

.layer-huxing .layer-content{ position: fixed; left: 3%; top: 50%; width: 94%; padding-top: 23px; margin-top: -170px; z-index: 100; zoom: 1; background: #FFF; border-radius: 3px; }

.layer-huxing .column{ position: absolute; top: 24px; left: 50%; margin-left: -80px; padding: 0 15px; width: 160px; text-align: center; background: #fff; font-size: 18px; color: #333; z-index: 10; } 

.layer-huxing .cut-line{ width: auto; margin: 10px 45px 0; height: 1px; display: block; border-bottom: #e3e3e3 1px solid; } 

.layer-huxing .huxing-option{ width: 100%; padding: 30px 5px 10px 15px; border-bottom: 1px #e3e3e3 solid; }

.layer-huxing .huxing-option:after{ content: ''; font-size: 0; height: 0; display: block; clear: both; overflow: hidden; } 

.layer-huxing ul{ width:18%; padding-right: 10px; float: left; }

.layer-huxing ul li{ width: 100%; height: 27px; margin-bottom: 10px; line-height: 27px; background: #f4f4f4; border-radius: 5px; color: #666; } 

.layer-huxing ul li.on{ background: #f79c33; color:#fff; }

.layer-huxing input[type="button"]{ width: 100%; height: 45px; color: #f79c33; font-size: 16px; line-height: 45px; background: none; -webkit-appearance: none; outline: none; border: none; }

#getauthcode-phone{    position: absolute;bottom: 0.65em;right: 0.5em;z-index: 10;width: auto;background-color: #b2b2b2;padding: 0.4em;border: none;border-radius: 0.2em}

#getauthcode-phone i{color: #fff}

.jisuanqi-box{

 width: 100%;

 overflow: hidden;	

 background:#f5f5f5;

 padding:30px 0;

}

.jisuanqi{

 width:1200px;	

 margin:0 auto;

}



.sj-img {

 width: 324px;

 height: 359px;

 position: relative;

 z-index: 1;

 background-image: url(../images/363.png);

 background-repeat: no-repeat;

 float:right;

}

.sj-img img {

 position: absolute;

 top: 43px;

 right: 46px;

}