
 

/*---------- import ---------*/

@import url("layout.css");

@import url("page.css");







/*---------- base ---------*/

* {

	transition-property: all;

	-ms-transition-property: all;

	-moz-transition-property: all;

	-webkit-transition-property: all;

	-o-transition-property: all;

}

html, body {

	font-size:14px;

	background:#fff;

	width:100%;

	margin:0px;

	padding:0px;

	font-family: "Microsoft YaHei", Helvetica Neue, Tahoma, Arial, "微软雅黑", "宋体", "黑体";

}

img {

	border:0px;

}

ul, li, p {

	margin:0px;

	padding:0px;

}

ul, li {

	list-style-type:none;

}

dl, dt, dd{

	list-style-type:none;

	margin:0px;

	padding:0px;

}

input, button, select, textarea, select, option {

	outline:none;

}

select, option, textarea {

	resize:none;

	-webkit-appearance: none;

	padding:0;

	margin:0;

	font-weight:normal;

}

input[type="button"], input[type="submit"], input[type="reset"], input[type="text"] {

	-webkit-appearance: none;

	padding:0;

	margin:0;

	font-weight:normal;

}

a{

	color:#333333;

	text-decoration:none;

}

a:hover{

	color:#f00;

	text-decoration:none;

}

.fl{

	float:left;

}

.fr{

	float:right;

}

.clear{

	clear:both;

}

/*导航-幻灯*/

.container {

	position:relative;

	width:1200px;

	margin:0px auto;

}

.container:after {

	content: "020";

	display: block;

	height: 0;

	clear: both;

	visibility:hidden;

}

.seach {

	position:relative;

	margin-top:40px;

	width:300px;

	height:30px;

	background:#fff;

}

.seach .seachText {

	width:260px;

	color:#999999;

	font-size:12px;

	padding:0 0 0 6px;

	line-height:1;

	margin:0;

	border:0;

	height:30px;

}

.seach .btn {

	cursor:pointer;

	position:absolute;

	top:0;

	right:0;

	width:30px;

	height:30px;

	text-align:center;

	line-height:30px;

	background:#474747;

}

.seach .btn {

	transition-duration: .5s;

	-ms-transition-duration: .5s;

	-moz-transition-duration: .5s;

	-webkit-transition-duration: .5s;

}

.seach .btn:hover {

	background:#000;

}

.seach .btn img {

	vertical-align:middle;

}



.header {

	position:fixed;

	width:100%;

	height:120px;

	background:#fff;

	z-index:99999;

	border-bottom:1px solid #e0e0e0;

	box-shadow: 0px 1px 8px #AAA;

}

.header .container {

	height:100%;

}

.header .headerLogo {

	position:absolute;

	top:32px;

	left:60px;

	width:283px;

}

.header .nav .navTop {

	position:absolute;

	top:0px;

	display:none;

	height:4px;

	background:#006CAD;

}

.header .nav .navTop {

	transition-duration: .5s;

	-ms-transition-duration: .5s;

	-moz-transition-duration: .5s;

	-webkit-transition-duration: .5s;

}

.header .nav {

	position:absolute;

	top:0px;

	right:0px;

	width:78%;

	height:120px;

}

.header .nav .child {

	position:relative;

	float:left;

	width:8.5%;

	height:120px;

	line-height:120px;

	text-align:center;

	color:#666;

}
.diuahua {text-align:left !important;}
.diuahua i{width:35px; height:35px;border-radius:50%; text-align:center; float:left; margin-right:15px; line-height:50px;}
.diuahua i img{ width:100%;margin-top: 17%;}
.diuahua{ font-size:20px; color:#03aeda !important;line-height: 40px; width:23% !important;float:right;}

.header .nav .child.navChildSearch {

	line-height:20px !important;

}

.header .nav .child:hover .title {

	color:#006CAD;

}

.header .nav .child .title {

	font-size:16px;

	/* color:#666; */

}

.header .nav .child .title {

	transition-duration: .5s;

	-ms-transition-duration: .5s;

	-moz-transition-duration: .5s;

	-webkit-transition-duration: .5s;

}



.header .nav .child .childContent {

	display:none;

	position:absolute;

	top:120px;

	width:230%;
	margin-left: -70%;

}

.biti { border-top: 4px solid #006CAD; }

.biti a p{color: #006CAD;}

.child:hover{border-top: 4px solid #006CAD;}



.header .nav .navTop {

	transition-duration: .5s;

	-ms-transition-duration: .5s;

	-moz-transition-duration: .5s;

	-webkit-transition-duration: .5s;

}

.header .nav .child .childContent .childContentLi {

	background:#fff;

	color:#666;

	font-size:14px;

	height:38px;

	line-height:38px;

	border-bottom:1px solid #c6c5c4;

	-webkit-box-shadow: 0px 2px 2px 0px rgba(125,125,125,0.2);

	-moz-box-shadow: 0px 2px 2px 0px rgba(125,125,125,0.2);

	-ms-box-shadow: 0px 2px 2px 0px rgba(125,125,125,0.2);

	-o-box-shadow: 0px 2px 2px 0px rgba(125,125,125,0.2);

	box-shadow: 0px 2px 2px 0px rgba(125,125,125,0.2);

}

.header .nav .child .childContent .childContentLi:hover {

	background:#006CAD;

	color:#fff;

}

.header .nav .child .language {

	display:inline-block;

	*display:inline;

	*zoom:1;

	height:16px;

	line-height:16px;

	padding:0 8px;

	font-size:16px;

	color:#666;

}

.header .nav .child .language:hover {

	color:#006CAD;

}

.header .nav .child .language.cn {

	border-right:1px solid #ccc;

}

.header .nav .child .language.on {

	color:#7D2F8D;

}

.header .nav .child .seachIcon {

	cursor:pointer;

}

.header .searchContent {

	display:none;

	position:absolute;

	bottom: -42px;

    right: 5%;

    padding: 5px;

	background-color: #f2efef;

	border-bottom:1px solid #dcdadb;

	border-left:1px solid #dcdadb;

}

.header .searchContent .seach {

	margin:0;

}
 @media (max-width: 1760px){
     
 .header .nav .child .childContent { width:250%;}
}


 @media (max-width: 1600px){
     
 .header .nav .child .childContent { width:260%;}
 .header .nav .child .childContent .childContentLi{ font-size:12px;}
     
}     
 @media (max-width: 1680px){
     
 .header .nav .child{ width:8%}
  .diuahua{ width:28% !important}   
}
 @media (max-width: 1480px){
     
 .header .nav .child{ width:8%}
 .header .nav .child .childContent { width:280%;}
     
}    
 @media (max-width: 1440px){
     
.header .nav .child .title{ font-size:14px;}
.diuahua{ width:28% !important} 
.header .headerLogo {
    position: absolute;
    top: 38px;
    left: 40px;
    width: 277px;
}
.header .nav .child .childContent { width:30px0%;}
.header .nav{ width:79%}
.header .nav .child{ width:7.5%}
}  
 @media (max-width: 1380px){
.header .headerLogo{width: 263px;}      
.diuahua{ width:28% !important}    
.header .nav .child .childContent { width:280%;}
}  
 @media (max-width: 639px) {

.container {

	width:93.75%;

}

.seach {

	margin-top:19px;

	width:150px;

	height:21px;

}

.seach .seachText {

	width:125px;

	font-size:12px;

	padding:0 0 0 5px;

	line-height:21px;

	height: 20px;

}

.seach .btn {

	width:22px;

	height:22px;

	line-height:22px;

}

.header {

	height:50px !important;

}

.header .headerLogo {

	top:13px !important;

	left:16px;

	width:56px;

}

.header .nav .navTop {

	display:none !important;

}

.header .nav {

	display:none;

	top:50px;

	right:0px;

	width:100%;

	height:auto !important;

	background:#fff;

	padding-bottom:10px;

}

.header .nav .child {

	float:none;

	width:90%;

	text-align:left;

	margin:0 auto;

	color:#333333;

	background-color: #f9f9f9;

	border-left:1px solid #dadada;

	border-right:1px solid #dadada;

	border-bottom:1px solid #dadada;

	height:auto !important;

	line-height: 35px !important;

}

.header .nav .child:nth-child(2) {

	border-top:1px solid #dadada;

}

.header .nav .child .title {

	font-size:12px;

	color:#666;

	padding:0 2%;

	display: inherit;

}

.header .nav .child .childContent {

	display:none;

	position:relative;

	top:0px !important;

	width:100%;

}

.header .nav .child .childContent .childContentLi {

	padding:0 4%;

	color:#666;

	font-size:12px;

	height:35px;

	line-height:35px;

	border-top:1px solid #dadada;

	border-bottom:0px;

}

.header .nav .navChildLanguage {

	display:none;

}

.header .nav .navChildSearch {

	display:none;

}

.header .list {

	display:none !important;

}

.header .searchContent {

	display:none !important;

}

}

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

.container {

	width:600px;

}

.mainTitle {

	width:248px;

	line-height:50px;

	font-size:25px;

}

.seach {

	margin-top:17px;

	width:245px;

	height:33px;

}

.seach .seachText {

	width:235px;

	font-size:16px;

	padding:0 0 0 10px;

	line-height:33px;

}

.seach .btn {

	width:33px;

	height:33px;

	line-height:33px;

}



.header {

	height:73px !important;

}

.header .headerLogo {

	top:23px !important;

	left:31px;

	width:94px;

}

.header .nav .navTop {

	display:none !important;

}

.header .nav {

	display:none;

	top:73px;

	right:0px;

	width:100%;

	height:auto !important;

	background:#fff;

	padding-bottom:20px;

}

.header .nav .child {

	float:none;

	width:90%;

	text-align:left;

	margin:0 auto;

	color:#333333;

	background-color: #f9f9f9;

	border-left:1px solid #dadada;

	border-right:1px solid #dadada;

	border-bottom:1px solid #dadada;

	height:auto !important;

	line-height: 35px !important;

}

.header .nav .child:nth-child(2) {

	border-top:1px solid #dadada;

}

.header .nav .child .title {

	font-size:12px;

	color:#666;

	padding:0 2%;

	display: inherit;

}

.header .nav .child .childContent {

	display:none;

	position:relative;

	top:0px !important;

	width:100%;

}

.header .nav .child .childContent .childContentLi {

	padding:0 4%;

	color:#666;

	font-size:12px;

	height:35px;

	line-height:35px;

	border-top:1px solid #dadada;

	border-bottom:0px;

}

.header .nav .navChildLanguage {

	display:none;

}

.header .nav .navChildSearch {

	display:none;

}

.header .searchContent {

	display:none !important;

}

}

@media (min-width: 1024px) and (max-width:1199px ) {

.container {

	width:980px;

}

.header {

	height:80px !important;

}

.header .headerLogo {

	top:16px !important;

	left:60px;

	width:133px;

}

.header .nav .navTop {

	height:2px;

}

.header .nav {

	height:80px !important;

}

.header .nav .child {

	height:80px !important;

	line-height:80px !important;

}

.header .nav .child .title {

	font-size:12px;

}

.header .nav .child .childContent {

	top:80px !important;

}

.header .nav .child .childContent .childContentLi {

	font-size:12px;

	height:30px;

	line-height:30px;

}

.header .nav .child .language {

	height:12px;

	line-height:12px;

	padding:0 4px;

	font-size:12px;

}

.header .nav .child .seachIcon {

	width:14px;

	margin-top: 33px !important;

}

.crumbs {

	padding-top:80px !important;

}

}

@media (min-width: 1200px) and (max-width:1439px ) {

}

@media (min-width: 1440px) and (max-width:1920px ) {

}





/*animate*/



@keyframes rightOpacityShow {

0% {

transform: translateX(-80px);

opacity:0;

}

80% {

transform: translateX(20px);

}

100% {

transform:translateX(0);

opacity:1;

}

}

@-moz-keyframes rotateYOpacityAn {

0% {

-moz-transform: translateX(-80px);

opacity:0;

}

80% {

-moz-transform: translateX(20px);

}

100% {

-moz-transform:translateX(0);

opacity:1;

}

}

@-webkit-keyframes rotateYOpacityAn {

0% {

-webkit-transform: translateX(-80px);

opacity:0;

}

80% {

-webkit-transform: translateX(20px);

}

100% {

-webkit-transform:translateX(0);

opacity:1;

}

}

@-o-keyframes rotateYOpacityAn {

0% {

-o-transform: translateX(-80px);

opacity:0;

}

80% {

-o-transform: translateX(20px);

}

100% {

-o-transform:translateX(0);

opacity:1;

}

}

/*幻灯*/

#box_banner {

	width: 100%;

	float: left;

	margin-top:120px;

}

.columnSpace {

	padding: 0

}

.FrontPublic_slideShow01-d3_c1 img {

	border-top-style: none;

	border-right-style: none;

	border-bottom-style: none;

	border-left-style: none

}

.FrontPublic_slideShow01-d3_c1 ul {

	list-style: none

}

.FrontPublic_slideShow01-d3_c1 a {

	color: #538c9f

}

.FrontPublic_slideShow01-d3_c1 a:hover {

	color: #84b263

}

.FrontPublic_slideShow01-d3_c1 div .wrapper {

	height: 480px;

	overflow: hidden;

	position: relative

}

.FrontPublic_slideShow01-d3_c1 .fn-clear {

	zoom: 1;

	left: 50%;

	width: 1920px;

	height: 800px;

	overflow: hidden;

	margin-left: -960px;

	position: absolute

}

.FrontPublic_slideShow01-d3_c1 .box_skitter ul {

	display: none;

	width: 999999px;

	height: 800px;

	position: relative

}

.FrontPublic_slideShow01-d3_c1 .box_skitter ul li {

	width: 1920px;

	height: 800px;

	text-align: center;

	font-size: 0;

	float: left;

	display: inline

}

.FrontPublic_slideShow01-d3_c1 .box_skitter .container_skitter {

	overflow: hidden;

	position: relative

}

.FrontPublic_slideShow01-d3_c1 .box_skitter .image {

	overflow: hidden;

	position: relative

}

.FrontPublic_slideShow01-d3_c1 .box_skitter .image img {

	display: none

}

.FrontPublic_slideShow01-d3_c1 .box_skitter .box_clone {

	position: absolute;

	top: 0;

	left: 0;

	width: 100px;

	overflow: hidden;

	display: none;

	z-index: 20

}

.FrontPublic_slideShow01-d3_c1 .box_skitter .box_clone img {

	position: absolute;

	top: 0;

	left: 0;

	z-index: 20

}

.FrontPublic_slideShow01-d3_c1 .box_skitter .prev_button {

	position: absolute;

	top: 30%;

	left: 15%;

	width: 57px;

	height: 62px;

	margin-top: -31px;

	overflow: hidden;

	background: url(../images/left.png) no-repeat left top!important;

	z-index: 999;

	text-indent: -9999em

}

.FrontPublic_slideShow01-d3_c1 .box_skitter .next_button {

	position: absolute;

	top: 30%;

	right: 15%;

	width: 57px;

	height: 62px;

	margin-top: -31px;

	overflow: hidden;

	z-index: 999;

	text-indent: -9999em;

	background: url(../images/right.png) no-repeat left top!important

}

.FrontPublic_slideShow01-d3_c1 .box_skitter .label_skitter {

	z-index: 150;

	position: absolute;

	display: none

}

.FrontPublic_slideShow01-d3_c1 .loading {

	position: absolute;

	top: 50%;

	right: 50%;

	z-index: 10000;

	margin: -16px -16px;

	color: #fff;

	text-indent: -9999em;

	overflow: hidden;

	background: url(../images/ajax-loader.gif) no-repeat left top;

	width: 31px;

	height: 31px

}

.FrontPublic_slideShow01-d3_c1 #slideshow ul {

	display: none

}

/*导航-幻灯结束*/

/*----------------------box-------------------------*/

.box{

	width:100%;

	height:auto;

	overflow:hidden;

}

.box1_bg{

	background:#f8f8f8;

	padding:80px 0;

}

.box1{

	width:1200px;

	height:300px;

	margin:0 auto;

}

.box1_right{

	width:580px;

	height:300px;

	float:right;

	overflow: hidden;

}

.box1_right h2{

	color:#555;

}

.box1_right p{

	color:#666;

	font-size: 16px;

    line-height: 30px;

}

.box1_more{

	width:100px;

	height:30px;

	border:1px solid #2A5077;

	border-radius: 5px;

	margin-top: 28px;

}

.box1_more a{

	color:#2A5077;

	font-size:30px;

	line-height:30px;

	text-align:center;

	display:block;

}

.box1_more a:hover{

	background:#2A5077;

	color:#fff;

	text-decoration:none;

}

/*----------------------box2-------------------------*/

.box2_bg{

	

	padding: 30px 0 60px 0;

}

.box2{

	width:1200px;

	height:auto;

	margin:0 auto;

}

.box_tit{

	color:#333;

	width:1200px;

	height:60px;

	text-align:center;

	margin-bottom:10px;

}

.box_tit p{

	font-size:26px;

	line-height:30px;

	margin-bottom:8px;

}

.box_tit span{

	font-size:14px;

	color: #666;

}

/*----------------------box3-------------------------*/

.box3_bg{

	background:#fff;

	padding:20px 0;

}

.box3{

	width:1200px;

	height:auto;

	margin:0 auto;

	overflow:hidden;

}

.box3_1{

	width:1200px;

	/* height:522px; */

	overflow:hidden;

}

.box3_t{

	width:1200px;

	overflow:hidden;

	border-bottom:1px solid #2A5077;

}

.box3_t h3{

	display:inline-block;

	font-weight: normal;

	font-size:20px;

	color:#333;

}

.box3_t p{

	display:inline-block;

	text-indent:20px;

	color:#666;

}

.box3_t a{

	color:#888;

	font-size:26px;

	line-height:30px;

	text-align:center;

	margin:16px 20px 0 0;

	float:right;

}

.box3_t a:hover{

	color:#222;

	text-decoration:none;

}

.box3_1b{

	overflow:hidden;

}

.box3_1b>ul>li:nth-of-type(2n) {

	margin-right: 0px;

}

.box3_1b>ul>li{

	width:580px;

	height:150px;

	border-bottom:1px dashed #dadada;

	float: left;

	margin-right: 35px;

}

.box3_1b>ul>li img{

	float:left;

	margin:10px 20px 0 0;

}

.box3_1b>ul>li a{

	font-size:18px;

	display:block;

	color:#333;

	padding:10px 0 10px 0;

}

.box3_1b>ul>li a:hover{

	color:#f00;

}

.box3_1b>ul>li p{

	font-size:14px;

	line-height:26px;

	text-indent:28px;

	color:#555;

}

.box3_1b>ul>li span{

	font-size:14px;

	display:block;

	color: #888;

	padding:14px 0 10px 0;

}

.box3_2{

	width:580px;

	height:522px;

	overflow:hidden;

}

.box3_2b{

	width:580px;

	overflow:hidden;

}

.box3_2b>dl>dt{

	width:580px;

	height:150px;

	border-bottom:1px dashed #dadada;

}

.box3_2b>dl>dt>a>img{

	float:left;

	margin:10px 20px 0 0;

}

.box3_2b>dl>dt>a>b{

	font-size: 18px;

    display: block;

    color: #333;

	font-weight:normal;

    padding: 10px 0 10px 0;

}

.box3_2b>dl>dt>a>p{

	font-size: 14px;

    line-height: 26px;

	text-indent:28px;

    color: #555;

}

.news_time{

	font-size: 14px;

    display: block;

    color: #666;

	float:left;

    padding: 14px 0 10px 0;

}

.news_hot{

	font-size: 14px;

    display: block;

    color: #666;

	float:right;

    padding: 14px 0 10px 0;

}

.news_hot span{

	color:#f00;

}

.box3_2b>dl>dd{

	width:580px;

	height:42px;

	line-height:42px;

	border-bottom:1px dashed #dadada;

}

.box3_2b>dl>dd>span{

	color: #006CAD;

	display:inline-block;

	width:60px;

	float:left;

	text-align:center;

}

.box3_2b>dl>dd>a{

	width:420px;

	color: #555;

	display:inline-block;

	letter-spacing:1px;

	text-indent:10px;

	font-size:16px;

}

.box3_2b>dl>dd>a:hover{

	color:#f00;

}

.box3_2b>dl>dd>p{

	width:100px;

	display:inline-block;

	text-align:center;

	color: #888;

}

/*----------------------box4-------------------------*/

.box4_bg{

	background:#fff;

}

.box4{

	width:1200px;

	height:auto;

	margin:0 auto;

}

/*----------------------footer-------------------------*/

.footer_bg{

	width:100%;

	height:200px;

	background:#2A5077;

}

.footer{

	width:1200px;

	height:inherit;

	margin:0 auto;

	overflow:hidden;

}

.footer_l{

	width:390px;

	height:inherit;

	border-right:1px solid #fff;

}

.footer_l>dl{

	height:150px;

	margin:20px 0 0 105px;

	overflow:hidden;

}

.footer_l>dl>dt{

	width:200px;

	height:30px;

	font-size:16px;

	color:#fff;

}

.footer_l>dl>dd{

	width:200px;

	height:30px;

	line-height:30px;

	font-size:14px;

	color:#fff;

}

.footer_l>dl>dd>p{

	display:inline-block;

}

.footer_c{

	width:410px;

	height:inherit;

	color:#fff;

	border-right:1px solid #fff;

}

.footer_c p{

	width:410px;

	height:30px;

	line-height:30px;

	margin-top:10px;

	text-align:center;

}

.footer_r{

	width:390px;

	height:inherit;

}
.footer_r .dibu{ width:40%;display:block; margin:auto; margin-top:10px}
.footer_r .p{text-align:center; color:#fff; line-height:40px}

.index_liuyan{

	width:390px;

	height:30px;

	font-size:16px;

	font-weight:bold;

	letter-spacing:10px;

	color:#fff;

	text-align:center;

	line-height:30px;

}

.coolbg{

	width:90px;

	font-size:14px;

	height:30px;

	color:#555;

	background:#fff;

	border-radius: 3px;

	border:1px solid #dadada;

}

.coolbg:hover{

	color:#fff;

	background:#2A5077;

	border:1px solid #fff;

}

/* caselist */

.caselist {

	width: 1200px;

    height: 257px;

    border: 1px solid #fff;

}

.caselist li {

	width:298px;

	height:284px;

	float:left;

	margin:0;

	position:relative;

	overflow:hidden;

	border: 1px solid #cacaca;

}

.tagImg1 {

	width:298px;

	height:284px;

	display:block;

	position:absolute;

	left:0px;

	top:0px;

}

.tagImg1 img {

	width:298px;

	height:257px;

	border:none;

}

.tagImg2 {

	width:120px;

	height:89px;

	display:block;

	float:left;

	margin:0 10px 0 0;

}

.tagImg2 img {

	width:120px;

	height:89px;

}

.tagDiv1 {

	/* background:#FFF; */

	background-color: #F8F8F8;

	padding:10px;

	width:280px;

	height:264px;

	position:absolute;

	left:0px;

	top:290px;

	z-index:2;

}

.tagDiv1 h3 {

	margin:0px;

	font-size:14px;

	color:#333;

	line-height:24px;

}

.tagP1 {

	margin:20px 0 0;

	color:#666;

}

.tagP2 {

	line-height:22px;

	clear:both;

	color:#666;

	padding:5px 0 0;

	height:115px;

	overflow:hidden;

}

.tagP3 {

	height:25px;

}

.tagP3 a {

	display:block;

	color:#2A5077;

	border: 1px solid #2A5077;

	display:inline-block;

	height:25px;

	line-height:25px;

	margin-left:10px;

	text-align:center;

	width:125px;

	border-radius: 5px;

	text-decoration:none;

}

.tagP3 a:hover{

	background:#2A5077;

	color:#fff;

}

/*固定的悬浮窗*/

.yb_conct {

	position: fixed;

	z-index: 9999999;

	top: 207px;

	right: -127px;

	cursor: pointer;

	transition: all .3s ease;

}

.yb_bar ul li {

	width: 180px;

	height: 53px;

	font: 16px/53px 'Microsoft YaHei';

	color: #fff;

	text-indent: 54px;

	margin-bottom: 3px;

	border-radius: 3px;

	transition: all .5s ease;

	overflow: hidden;

}

.yb_bar .yb_top {

	background: #ff4a00 url(../images/fixcont.png) no-repeat 0 0;

}

.yb_bar .yb_phone {

	background: #ff4a00 url(../images/fixcont.png) no-repeat 0 -57px;

}

.yb_bar .yb_QQ {

	text-indent: 0;

	background: #ff4a00 url(../images/fixcont.png) no-repeat 0 -113px;

}

.yb_bar .yb_ercode {

	/*height:200px;*/



	background: #ff4a00 url(../images/fixcont.png) no-repeat 0 -169px;

}

.hd_qr {

	padding: 0 29px 25px 29px;

}

.yb_QQ a {

	display: block;

	text-indent: 54px;

	width: 100%;

	height: 100%;

	color: #fff;

}

/* home partner */

.home_partner_title{text-align:center;padding-top:55px;}

.home_partner_text{color:#222222;font-size:14px;text-align:center;line-height:30px;margin-top:12px;}



.home_partner_list{width:1200px;padding-bottom:20px;}

.home_partner_list table{border-collapse:collapse;border:1px solid #e6e6e6;}

.home_partner_list table td{width:238px;height:138px;border:1px solid #e6e6e6;}

.home_partner_list table td .partner_box{width:200px;height:150px;padding:19px 19px;position:relative;z-index:1;}

.home_partner_list table td .partner_box2:hover{border:8px solid #f6f6f6;padding:11px 11px;}



.partner_box .cont1{width:200px;height:150px;position:absolute;top:19px;left:19px;z-index:2;filter:alpha(opacity=60);-moz-opacity:0.6;opacity:0.6;}  

.partner_box .cont2{width:200px;height:150px;filter:alpha(opacity=0);-moz-opacity:0;opacity:0;position:absolute;top:19px;left:19px;z-index:1;transform:rotateY(180deg);-ms-transform:rotateY(180deg);-moz-transform:rotateY(180deg);-webkit-transform:rotateY(180deg);-o-transform:rotateY(180deg);}  

.partner_box:hover .cont1{transform:rotateY(180deg);z-index:1;alpha(opacity=0);-moz-opacity:0;opacity:0;-ms-transform:rotateY(180deg);-moz-transform:rotateY(180deg);-webkit-transform:rotateY(180deg);-o-transform:rotateY(180deg);}

.partner_box:hover .cont2{transform:rotateY(360deg);z-index:2;filter:alpha(opacity=100);-moz-opacity:1;opacity:1;-ms-transform:rotateY(360deg);-moz-transform:rotateY(360deg);-webkit-transform:rotateY(360deg);-o-transform:rotateY(360deg);}  

.partner_box:hover .cont2{z-index:2;}  

.partner_box .cont1{transition:all .5s linear 10ms;} 

.partner_box .cont2{transition:all .5s linear 10ms;} 



/*---------------------------page-------------------------------*/

.pbox{

	width:100%;

	height:auto;

	overflow:hidden;

}

.pbox1{

	width:1200px;

	height:auto;

	overflow:hidden;

	margin:20px auto 0 auto;

	/*padding-bottom:30px;*/

	border-bottom: 1px solid #006CAD;

}

.pbox1>img{

	margin-left:16px;

}

.anli {

    width: 1200px;

    height: auto;

    overflow: hidden;

    margin: 130px auto 0 auto;

    padding-bottom: 30px;

}

.anli>h3{

	text-align:center;

	letter-spacing: 10px;

    font-size: 20px;

    color: #333;

    height: 50px;

    line-height: 50px;

    border-bottom: 1px solid #006CAD;

}

.anli_cont{

	width:660px;

	height:auto;

	margin:0 auto;

}

.place{

	width:1200px;

	height:40px;

	line-height:40px;

	font-size:16px;

	color:#777;

	text-indent:16px;

}

.place>a{

	color:#777;

}

.place>a:hover{

	color:#f00;

}

.pbox1_r{

	width:650px;

	height:350px;

	overflow:hidden;

	float:right;

	margin-right:30px;

}

.pbox1_r>h3{

	text-align:center;

	font-size:18px;

	color:#525252;

	letter-spacing:8px;

}

.pbox1_r>p{

	font-size:16px;

	color:#444;

	line-height:28px;

}

.pbox1_r>span{

	display:block;

	/* width:310px; */

	height:60px;

	line-height:60px;

	text-align:center;

	font-size:16px;

	float:left;

}

.pbox1_r>span>p{

	display:inline-block;

	color:#f00;

}

.pbox1_r>span>p>a{

	display:inline-block;

	color:#f00;

}

.pbox2{

	width:1200px;

	height:auto;

	overflow:hidden;

	margin:10px auto;

}

.pbox2>ul>li{

	width:290px;

	height:300px;

	margin:10px 0 10px 5px;

	border:1px solid #dadada;

	float:left;

	/* border-radius: 1em 3em; */

}

.pbox2>ul>li:hover{

	border:1px solid #006CAD;

	box-shadow: 0px 1px 10px #006CAD;

}

.pbox2>ul>li>a>img{

	margin:18px 0 0 18px;

}

/*.pbox2>ul>li>a>img:hover{*/

/*	border:1px solid #f00;*/

/*}*/

.pbox2_r{

	width:278px;

	height:200px;

	overflow:hidden;

	float:right;

}

.pbox2_r>h3{

	font-size:18px;

}

.pbox2_r>h3>a{

	color: #525252;

    letter-spacing: 3px;

}

.pbox2_r>h3>a:hover{

	color:#f00;

}

.pbox2_r>p{

	font-size:16px;

	color:#555;

	line-height:45px;

}

.pbox2_r>p>span{

	display:inline-block;

	color:#555;

	margin-left:20px;

}

.pbox2_r>p>a{

	display:inline-block;

	color:#555;

	margin-left:20px;

}

.pbox2_r>p>a:hover{

	color:#f00;

}

.pbox2_b{

	width:260px;

	overflow:hidden;

}

.pbox2_b>p{

	width: 260px;

	padding:10px;

	line-height:30px;

	font-size:16px;

	color:#555;

	/* text-indent:32px; */

	text-align: center;
	white-space: nowrap;

}
.pbox-sear{ width:100%;height:180px; overflow:hidden; display:block; padding:10px 10px 0px 10px ; box-sizing: border-box;}
.pbox2>ul>li>.pbox-sear>img{ margin: 0px;}
.pbox-sear img{ width:100%; height:auto;}
.pbox2_more{

	width:100px;

	height:30px;

	border:1px solid #2A5077;

	border-radius: 5px;

	/* float:right;

	margin-right:30px; */

	margin: 0px auto;

}

.pbox2_more a{

	color:#2A5077;

	font-size:30px;

	line-height:30px;

	text-align:center;

	display:block;

}

.pbox2_more a:hover{

	background:#2A5077;

	color:#fff;

	text-decoration:none;

}

.dbox{

	width:100%;

	height:auto;

	overflow:hidden;

}

.danye{

	width:1200px;

	height:auto;

	overflow:hidden;

	margin:20px auto 0 auto;

	padding-bottom:30px;

}

.danye h3{

	text-align:center;

	letter-spacing:10px;

	font-size:20px;

	color:#333;

	height:50px;

	line-height:50px;

	border-bottom: 1px solid #006CAD;
	margin: 0px;

}

/*-------------------新闻中心-------------------------*/

.news_box{

	width:1200px;

	height:auto;

	overflow:hidden;

	margin:0 auto 30px auto;

}

.news_cont{

	border-bottom:1px dashed #dadada;

	overflow:hidden;

}

.news_cont>a>img{

	margin:20px;

	box-shadow: 0px 1px 8px #AAA;

    border-radius: 15px;

}

.news_cont>a>img:hover{

	box-shadow: 0px 1px 8px #006CAD;

}

.news_r{

	width:885px;

	height:220px;

	overflow:hidden;

	float:right;

	margin-right:60px;

}

.news_r>a>h3{

	font-size:16px;

	color:#333;

	height:30px;

	line-height:30px;

}

.news_r>a>p{

	width:885px;
	height:auto;
	line-height: 40px;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;

}

.news_r>span{

	display:inline-block;

	/* width:398px; */

	height:30px;

	font-size:16px;

	line-height:30px;

	color:#666;

	text-align:center;	

}



.news_r>span>strong{

	color:red;

	padding-left:10px;

}

/*-------------------文章页---------------------*/

.content{

	width:1200px;

	height:auto;

	overflow:hidden;

	margin:20px auto 0 auto;

	padding-bottom:30px;

}

.content h3{

	text-align:center;

	letter-spacing:2px;

	font-size:18px;

	color:#333;

}

.info{

	width:100%;

	height:30px;

	line-height:30px;

	text-align: center;

	margin:0 auto 20px auto;

	border-bottom:1px solid #006CAD ;

}

.info>small{

	display:inline-block;

	font-size:14px;

	color:#666;

	margin-right:20px;

}

.cont{

	padding: 10px 160px;

    overflow: hidden;

    line-height: 35px;

    letter-spacing: 1px;

}

.context{

	width:868px;

	height:60px;

	border-top:1px solid #dadada;

	overflow:hidden;

	margin:0 auto;

	padding-top:20px;

}

.context>ul>li{

	width:868px;

	height:30px;

	line-height:30px;

	color:#555;

}

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

.main {

    padding-top: 20px;

}



    .main div.img {

        text-align: center;

        margin-bottom: 10px;

    }

.prod li {

    border: 2px solid #dbdbdb;

    width: 278px;

    float: left;

   margin-right: 24px;

}
.prod li:last-child{ margin-right:0px;}


    .prod li:hover {

        border: 2px solid #116fa2;

    }



    .prod li h4 {

        /*padding: 10px;*/

        background: #dbdbdb;

        color: #333;

        font-weight: normal;

        font-size: 14px;

        text-align: center;

        width: 100%;
        line-height: 40px;

        white-space: nowrap;

        overflow: hidden;

        text-overflow: ellipsis;
        margin: 0px;

    }



.tem_index_more {

    margin: 0 auto;

    padding-top: 10px;

    width: 200px;

    text-align: center;

}



    .tem_index_more a {

        display: block;

        height: 40px;

        background: #116fa2;

        font-weight: normal;

        font-size: 14px;

        line-height: 40px;

    }

/*遮罩无限循环*/

.box_ling{ width: 100%; height: 360px; margin-top: 40px; background-color: #F8F8F8; padding-top: 30px;}

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

#Mask-hidden{

	height:100%;

	width:1202px;

	overflow:hidden; 

	margin:0px auto;

	}

.Mask-max{ 

    height:100%;

	width:999999px;

	position:relative;}

.Mask-max li{ 

         float:left;  

	     width:310px; 

	     margin:3px; 

	     cursor:pointer

		 }



.Mask-list{

	background:#fe7253;

	width:310px;

	height:220px;

	padding:0;

	margin:0;

	position:relative;

	box-sizing:border-box;

	-webkit-transition:all .4s ease-in-out;

	-moz-transition:all .4s ease-in-out;

	-o-transition:all .4s ease-in-out;

	-ms-transition:all .4s ease-in-out;

	transition:all .4s ease-in-out;

	overflow:hidden}

.Mask-list .Mask-list_img{

	display:block;

	width:310px;

	height: 220px;

	padding:0;

	margin:0;

	position:relative;

	-webkit-transition:all .4s ease-in-out;

	-moz-transition:all .4s ease-in-out;

	-o-transition:all .4s ease-in-out;

	-ms-transition:all .4s ease-in-out;

	transition:all .4s ease-in-out;

	opacity:1;

	overflow:hidden}

.Mask-list:hover .Mask-list_img{

	position:absolute;

	-webkit-transform:scale(1.1);

	-moz-transform:scale(1.1);

	-o-transform:scale(1.1);

	-ms-transform:scale(1.1);

	transform:scale(1.1);

	opacity:.6}

.Mask-list .Mask-list_caption{

	color:#fff;

	padding:0;

	margin:0;

	-moz-backface-visibility:hidden;

	-webkit-backface-visibility:hidden;

	backface-visibility:hidden;

	-webkit-transition:all .4s ease-in-out;

	-moz-transition:all .4s ease-in-out;

	-o-transition:all .4s ease-in-out;

	-ms-transition:all .4s ease-in-out;

	transition:all .4s ease-in-out;

	overflow:hidden}

.Mask-list .Mask-list_caption::before,.Mask-list .Mask-list_caption::after{

	position:absolute;

	content:'';

	opacity:0;

	-webkit-transition:opacity 0.4s,-webkit-transform .4s;

	-moz-transition:opacity 0.4s,-moz-transform .4s;

	-o-transition:opacity 0.4s,-o-transform .4s;

	transition:opacity 0.4s,transform .4s}

.Mask-list .Mask-list_caption::before{

	top:8%;

	right:10%;

	bottom:8%;

	left:10%;

	border-top:1px solid #fff;

	border-bottom:1px solid #fff;

	-webkit-transform:scale(0,1);

	-moz-transform:scale(0,1);

	-o-transform:scale(0,1);

	transform:scale(0,1);

	-webkit-transform-origin:0 0;

	-moz-transform-origin:0 0;

	-o-transform-origin:0 0;

	transform-origin:0 0}

.Mask-list .Mask-list_caption::after{

	top:8%;

	right:10%;

	bottom:8%;

	left:10%;

	border-left:1px solid #fff;

	border-right:1px solid #fff;

	-webkit-transform:scale(1,0);

	-moz-transform:scale(1,0);

	-o-transform:scale(1,0);

	transform:scale(1,0);

	-webkit-transform-origin:100% 0;

	-moz-transform-origin:100% 0;

	-o-transform-origin:100% 0;

	transform-origin:100% 0}

.Mask-list:hover .Mask-list_caption::before,.Mask-list:hover .Mask-list_caption::after{

	opacity:1;

	-webkit-transform:scale(1);

	-moz-transform:scale(1);

	-o-transform:scale(1);

	transform:scale(1)}

.Mask-list .Mask-list_caption,.Mask-list.Mask-list_caption > a{

	position:absolute;

	top:0;

	left:0;

	width:100%;

	height:100%;

	-webkit-transition:all .4s ease-in-out;

	-moz-transition:all .4s ease-in-out;

	-o-transition:all .4s ease-in-out;

	-ms-transition:all .4s ease-in-out;

	transition:all .4s ease-in-out;

	overflow:hidden;

	 z-index:1000}



.Mask-list .Mask-list_caption_h{

	font-size:1.3em;

	font-weight:700;

	text-align:center;

	width:80%;

	position:absolute;

	top:20%;

	left:10%;

	-webkit-transition:all .5s ease-in-out;

	-moz-transition:all .5s ease-in-out;

	-o-transition:all .5s ease-in-out;

	-ms-transition:all .5s ease-in-out;

	transition:all .5s ease-in-out;

	overflow:hidden;

	opacity:0}

.Mask-list .Mask-list_caption_p{

	font-size:1em;

	text-align:center;

	width:80%;

	position:absolute;

	top:60%;

	left:10%;

	-webkit-transition:all .4s ease-in-out;

	-moz-transition:all .4s ease-in-out;

	-o-transition:all .4s ease-in-out;

	-ms-transition:all .4s ease-in-out;

	transition:all .4s ease-in-out;

	overflow:hidden;

	opacity:0}

.Mask-list:hover .Mask-list_caption_p{

	top:45%;

	opacity:1}

.Mask-list:hover .Mask-list_caption_h{top:25%;opacity:1}

.foot{ width: 100%; background-color: #2A5077; height: 50px;  border-bottom: 1px solid #fff;}

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



.foot_tit li{ float: left; line-height: 50px; }

.foot_tit li a{padding: 15px 40px 15px 40px; color: #fff;}

.v9_pages{ width: 1200px; margin: 0px auto; height: 40px;}

.v9_pages a{ padding: 5px; border: 1px solid #CCC; }

.xwlb {

    text-align: center;
    margin-top: 20px;

    /*padding: 30px 0 60px 0;*/

}

.xwlb a {

    display: inline-block;

    padding: 10px 40px;

    border: 1px solid #555;

    margin: 0 20px;
   margin-bottom: 15px;
    position: relative;

}

.xwlb a:hover{ background-color: #006CAD; color: #fff;}

.tiahi{ background-color: #006CAD; color: #fff;}

.xwlb:visited{ color: #006CAD;}

.sendbox {

    height: 700px;

}

/*留言开始*/

textarea{resize: none;}

.messages{padding:15px 0;position:absolute;}

.messages input,.messages select,.messages textarea{margin:0;padding:0; background:none; border:0; font-family:"Microsoft Yahei";}

.messlist {float:left;margin-bottom:30px;}

.messlist label{float:left;width:100px; height:30px; font-size:20px; line-height:30px; text-align:right;padding-right:10px;color:#666;}

.messlist input{float:left;width:600px;height:33px;padding-left:5px;border:#ccc 1px solid;font-size:18px;}

.messlist.textareas{resize:none;height:auto;}

.messlist textarea{float:left;width:595px; height:300px;padding:5px;border:#ccc 1px solid;font-size:18px;}

.messlist.yzms input{width:100px;}

.messlist.yzms .yzmimg{ float:left;margin-left:10px;}

.messsub{padding:0px 0 0 110px;float:left;margin-top:20px;}

.messsub input{width:215px; height:45px; background:#ddd; font-size:14px; font-weight:bold; cursor:pointer;margin-right:115px}

#label0{display:none;color:#0aa770;height:28px;line-height:28px;}

#label1{display:none;color:#0aa770;height:28px;line-height:28px;}

#label2{display:none;color:#0aa770;height:28px;line-height:28px;}

#label3{display:none;color:#0aa770;height:28px;line-height:28px;}

#label4{display:none;color:#0aa770;height:28px;line-height:28px;}

#label5{display:none;color:#0aa770;height:28px;line-height:28px;}

#label6{display:none;color:#0aa770;height:28px;line-height:28px;}

#label7{display:none;color:#0aa770;height:28px;line-height:28px;}

#label8{display:none;color:#0aa770;height:48px;line-height:48px;}

#label9{display:none;color:#0aa770;height:48px;line-height:48px;}

#label10{display:none;color:#0aa770;height:48px;line-height:48px;}

/*留言结束*/



/*main css*/

.izl-rmenu{position:fixed;right:0;margin-left:532px;bottom:10px;padding-bottom:73px;background:url(../images/r_b.png) 0px bottom no-repeat;z-index:999;}

.izl-rmenu .btn{width:72px;height:73px;margin-bottom:1px;cursor:pointer;position:relative;}



.izl-rmenu .btn-qq{background:url(../images/r_qq.png) 0px 0px no-repeat;background-color:#6da9de;}

.izl-rmenu .btn-qq:hover{background-color:#488bc7;}

.izl-rmenu a.btn-qq,.izl-rmenu a.btn-qq:visited{background:url(../images/r_qq.png) 0px 0px no-repeat;background-color:#6da9de;text-decoration:none;display:block;}



.izl-rmenu .btn-wx{background:url(../images/r_wx.png) 0px 0px no-repeat;background-color:#78c340;}

.izl-rmenu .btn-wx:hover{background-color:#58a81c;}

.izl-rmenu .btn-wx .pic{position:absolute;left:-160px;top:0px;display:none;width:160px;height:160px;}



.izl-rmenu .btn-phone{background:url(../images/r_phone.png) 0px 0px no-repeat;background-color:#fbb01f;}

.izl-rmenu .btn-phone:hover{background-color:#ff811b;}

.izl-rmenu .btn-phone .phone{background-color:#ff811b;position:absolute;width:160px;left:-160px;top:0px;line-height:73px;color:#FFF;font-size:18px;text-align:center;display:none;}



.izl-rmenu .btn-top{background:url(../images/r_top.png) 0px 0px no-repeat;background-color:#666666;display:none;}

.izl-rmenu .btn-top:hover{background-color:#444;}



.izl-rmenu .btn-sj{background:url(../images/r_sj.png) 0px 0px no-repeat;background-color:#78c340;}

.izl-rmenu .btn-sj:hover{background-color:#58a81c;}

.izl-rmenu .btn-sj .pic{position:absolute;left:-160px;top:0px;display:none;width:160px;height:160px;}



.footer-ewm img{ width:120px; height:120px;}

/*资质*/

.pbox4{

	width:1200px;

	height:auto;

	overflow:hidden;

	margin:10px auto;

}

.pbox4>ul>li{

	width:233px;

	height:auto;

	margin:10px 0 10px 5px;

	border:1px solid #dadada;

	float:left;

	/* border-radius: 1em 3em; */

}
.pbox4>ul>li .imgthumb{ height:320px; overflow: hidden;}
.pbox4>ul>li img{ width:100%}
.pbox4>ul>li:hover{

	border:1px solid #006CAD;

	box-shadow: 0px 1px 10px #006CAD;

}

.pbox4>ul>li>a>img{

	margin:18px 0 0 18px;

}

.pbox4>ul>li>a>img:hover{

	border:1px solid #f00;

}

.pbox4_r{

	width:278px;

	height:200px;

	overflow:hidden;

	float:right;

}

.pbox4_r>h3{

	font-size:18px;

}

.pbox4_r>h3>a{

	color: #525252;

    letter-spacing: 3px;

}

.pbox4_r>h3>a:hover{

	color:#f00;

}

.pbox4_r>p{

	font-size:16px;

	color:#555;

	line-height:45px;

}

.pbox4_r>p>span{

	display:inline-block;

	color:#555;

	margin-left:20px;

}

.pbox4_r>p>a{

	display:inline-block;

	color:#555;

	margin-left:20px;

}

.pbox4_r>p>a:hover{

	color:#f00;

}

.pbox4_b{

	width:100%;

	overflow:hidden;

}

.pbox4_b>p{

	width: 100%;

	padding:10px;
    height: 50px;
	line-height:30px;

	font-size:13px;

	color:#555;

	/* text-indent:32px; */

	text-align: center;
	box-sizing: border-box;
	overflow: hidden;
}

.pbox4_more{

	width:100px;

	height:30px;

	border:1px solid #2A5077;

	border-radius: 5px;

	/* float:right;

	margin-right:30px; */

	margin: 0px auto;

}

.pbox4_more a{

	color:#2A5077;

	font-size:30px;

	line-height:30px;

	text-align:center;

	display:block;

}

.pbox4_more a:hover{

	background:#2A5077;

	color:#fff;

	text-decoration:none;

}
