@charset "utf-8";
body{
	font-family:"Microsoft Yahei","SimSun";
	font-size:14px;
	color:#000;
	background:#d5f3fc;
}
@media (max-width: 380px) {body{ font-size:14px; }}
@media (max-width: 325px) {body{ font-size:12px; }}
@media (min-width: 760px) {body{ font-size:22px; }}
@media (min-width: 1200px) {body{ font-size:14px; }}

a{
	color:#0a0a0a;
	/*transition:all 0.2s;*/
}

a:hover{
	color:#c41a1a !important;
}

.fw{
	color:#fff;
}

.fw a{
	color:#fff;
}

.fw a:hover{
	color:#dfdfdf !important;
}

img{
	display:block;
	max-height: 100%;
	max-width: 100%;
}
.pic img{
	height: 100%;
	width: 100%;
}

.wrapper{
	width:100%;
	min-width:1200px;
	max-width:1920px;
	margin:0px auto;
	overflow:hidden;
}

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

h1,h2,h3,h4,h5{
	font-family:"Microsoft Yahei","SimHei";
	overflow:hidden;
}

p,li{
	overflow:hidden;
}





#header{
	background:url(images/header.jpg) no-repeat center top;
}
#header .box{
	height:1140px;
	overflow:hidden;
}





#footer{
	line-height:30px;
	padding:48px 0px;
	text-align:center;
	background:#0283c4;
}







#layout1{
	margin:119px 152px 0px 360px;
	overflow:hidden;
}
#layout1 .title{
	line-height:52px;
	height:52px;
	font-size:16px;
	color:#636364;
	overflow:hidden;
}
#layout1 .title .num{
	float:left;
	width:138px;
	text-align:center;
	font-size:18px;
	color:#106ba8;
	font-weight:bold;
}
#layout1 .title .hot{
	width:300px;
	float:left;
	padding-left:24px;
}
#layout1 .title .bar-code{
	float:left;
	margin:10px 0px 0px 54px;
}

#layout1 .news h5{
	font-size:32px;
	color:#106ba8;
	line-height:45px;
	max-height:90px;
	font-weight:bold;
	text-align:center;
	margin:18px 0px 20px 0px;
}
#layout1 .news h5 a{color:#106ba8;}
#layout1 .news .pic{ text-align:center;}
#layout1 .news .pic img{
	width:600px;
	height:338px;
	display:inline-block;
}
#layout1 .news p{
	font-size:16px;
	color:#333;
	line-height:28px;
	text-indent:2em;
	max-height:112px;
	margin-right:5px;
	margin:15px 0px 18px 0px;
}

#layout1 .list{
	border-top:1px dashed #bfbfbf;
	border-bottom:1px dashed #bfbfbf;
	margin-left:-42px;
	padding:5px 0px 15px 0px;
}
#layout1 .list li{
	width:304px;
	float:left;
	font-size:16px;
	line-height:24px;
	height:48px;
	padding-left:19px;
	background:url(images/li.gif) no-repeat 0px 10px;
	font-weight:bold;
	margin:13px 0px 0px 42px;
}

#layout1 .editor{
	color:#5a5a5a;
	margin-top:22px;
}
#layout1 .editor span{ margin-right:25px;}







#layout2{
	background:url(images/ly2-bg.jpg) no-repeat center top;
}
#layout2 .topic{ margin:56px 0px 80px 32px;}
#layout2 .text{
	position:relative;
}
#layout2 .text ul{ margin:0px 0px 131px -30px;}
#layout2 .text li{
	width:360px;
	height:260px;
	background:#fff;
	border:10px solid #fff;
	float:left;
	margin-left:30px;
}
#layout2 .text li .pic{
	width:100%;
	height:196px;
	position:relative;
}
#layout2 .text .pic img{
	transition: transform 0.3s
}
#layout2 .text .pic:hover img{
	transform: scale(1.03,1.03);
}
#layout2 .text .pic i,.phone-text .pic i{
	width:50px;
	height:50px;
	position:absolute;
	top:50%;
	left:50%;
	margin:-25px 0px 0px -25px;
	background:url(images/play.png) no-repeat;
}
#layout2 .text p{
	color:#106ba8;
	font-size:16px;
	line-height:20px;
	max-height:40px;
	margin:14px 36px 0px 25px;
	text-align:center;
}
#layout2 .text p a{color:#106ba8;}

#layout2 .prve,#layout2 .next{
	width:40px;
	height:75px;
	position:absolute;
	cursor:pointer;
	top:91px;
}
#layout2 .prve{
	background:url(images/prve.png) no-repeat;
	background-size:100%;
	left:-85px;
}
#layout2 .next{
	background:url(images/next.png) no-repeat;
	background-size:100%;
	right:-85px;
}







#layout3{
	background:url(images/ly3-bg.jpg) no-repeat center bottom;
	min-height:559px;
    overflow: visible;
}
#layout3 .list li{
	width:1091px;
	height:180px;
	background:url(images/li1.jpg) no-repeat;
	background-size:100% 100%;
	border-radius:0px 16px 0px 0px;
	overflow:visible;
	position:relative;
	padding:11px 50px 0px 59px;
	margin-top:-11px;
}
#layout3 .list li:first-child{ margin-top:0px;}
#layout3 .list li:last-child{
	height:149px;
	background:url(images/li2.jpg) no-repeat;
	background-size:100% 100%;
}

#layout3 .list .num1{
	width:135px;
	height:36px;
	line-height:36px;
	text-align:center;
	color:#fff;
	font-size:16px;
	background:url(images/num1.png) no-repeat bottom left;
	background-size:100% 100%;
	position:absolute;
	top:-36px;
	left:0;
}
#layout3 .list h5{
	color:#106ba8;
	font-size:20px;
	line-height:56px;
	height:56px;
	border-bottom:1px dashed #c0c0c0;
}
#layout3 .list h5 a{ color:#106ba8;}
#layout3 .list p{
	color:#666;
	line-height:20px;
	height:40px;
	text-indent:2em;
	margin:14px 0px 8px 0px;
}
#layout3 .list .more a{
	color:#3491ce;
	border:1px solid #3491ce;
	width:78px;
	height:22px;
	line-height:22px;
	text-align:center;
	display:inline-block;
	border-radius:11px;
	float:right;
}
#layout3 .more1{
	width:100%;
	height:55px;
	background:url(images/more1.jpg) no-repeat;
	margin-top:0px;
	text-align:center;
}
#layout3 .more1 a{
	font-size:16px;
	color:#666;
	display:inline-block;
	border-radius:16px;
	text-align:center;
	border:1px solid #bfbfbf;
	width:143px;
	line-height:32px;
	height:32px;
}

#layout3 .text{
	height:379px;
	margin:0px 35px 0px 32px;
	overflow:hidden;
	color:#895f30;
}
#layout3 .text h4{
	font-size:20px;
	text-align:center;
	margin:63px 0px 33px 0px;
}
#layout3 .list1{
	border-bottom:1px solid #bf9d77;
	overflow:hidden;
	padding-bottom:29px;
}
#layout3 .block,#layout3 .biao,#layout3 .list1 ul{
	display:inline-block;
	float:left;
}
#layout3 .block1{ margin:0px 43px 0px 94px;}
#layout3 .block3{ margin-left:34px;}
#layout3 .biao i{
	width:1px;
	height:14px;
	display:inline-block;
	background:#895f30;
	margin-left:8px;
}
#layout3 .block3 .biao i{ margin-left:17px;}
#layout3 .biao i:first-child{ margin-bottom:1px;}
#layout3 .biao i:last-child{ margin-top:8px;}
#layout3 .biao h5{
	font-size:16px;
	width:16px;
	line-height:19px;
	height:38px;
}
#layout3 .block3 h5{width:35px;}
#layout3 .list1 li{
	width:60px;
	float:left;
	margin-left:26px;
	text-align:center;
}
#layout3 .list1 li img{
	width:100%;
	height:60px;
	border-radius:30px;
}
#layout3 .list1 li p{
	line-height:33px;
}


#layout3 .list2{
	margin:21px 236px 0px 234px;
}
#layout3 .list2 .left{
	float:left;
	font-size:16px;
	line-height:30px;
}
#layout3 .list2 .left span{ margin-right:19px;}
#layout3 .list2 .ewm{ float:right;}








#layout4{ margin-top:65px;}
#layout4 .title{
	font-size:30px;
	color:#0266a9;
	font-weight:bold;
	line-height:99px;
	height:99px;
}
#layout4 form{
	margin-bottom:41px;
}
#layout4 .k1{
    width:1048px;
    height:51px;
    color: #999;
    line-height:51px;
    font-size: 16px;
    border: none;
    outline: none;
    background:#fff;
	border:1px solid #338ecb;
    padding-left:18px;
    font-family: "Microsoft Yahei","SimSun";
	float:left;
}
#layout4 .k1 input:-moz-placeholder{color:#999;}   
#layout4 .k1 input:-ms-input-placeholder{color:#999;}   
#layout4 .k1 input::-webkit-input-placeholder{color:#999;}
#layout4 .sub{
	width:130px;
	height:55px;
	line-height:55px;
	font-size:16px;
	color:#fff;
	background:#338ecb;
	text-align:center;
	border: none;
    outline: none;
}

#layout4 .block2 ul{
	margin:0px 0px 156px -12px;
	width:1228px;
}
#layout4 .block2 li{
	width:225px;
	height:192px;
	float:left;
	display:inline;
	background:url(images/li3.gif) no-repeat;
	background-size:100% 100%;
	margin:0px 0px 18px 12px;
	padding:63px 43px 0px 27px;
	color:#025f9d;
}
#layout4 .block2 li h5{
	font-size:18px;
	line-height:50px;
	height:50px;
}
#layout4 .block2 li p{
	line-height:24px;
	height:96px;
}







/*自适应样式开始*/
#phone-header,#phone-footer,.phone-topic,.phone-text{ display:none;}
@media(max-width: 767px){
	#footer,#layout1 .title .bar-code,#layout2 .topic,#layout2 .text{ display:none;}
	#phone-header,#phone-footer,.phone-topic,.phone-text{ display:block;}
	.wrapper{min-width:100%;max-width:100%;}
	.box{ width:92%; margin:0px auto;}
	a:hover{ color:#000 !important;}
	.left,.right,#layout1 .list li,#layout3 .block,#layout3 .list2 .left,#layout3 .list2 .ewm{ float:none; width:100%; margin:0; padding:0;}
	img{ width:100%; height:100%;}
	
	#phone-footer{line-height:3em;font-size:1em;background:#0283c4;color:#fff;text-align:center;}
	
	#header{ background: url(images/header1.jpg) no-repeat center top; background-size:100% auto;}
	#header .box{ height:auto; background:url(images/header-box.png) no-repeat top center; background-size:100% 100%; padding:4.8em 6% 3.7em 6%; width:84%;}
	#layout1{ margin:0;}
	#layout1 .title{ font-size:1.4em; line-height:2em; height:auto;}
	#layout1 .title .num,#layout1 .title .hot{ width:auto; font-size:0.9em; display:inline; float:left; padding-left:0%;}
	#layout1 .title .hot{ font-size:0.8em; line-height:1.4em; margin-top:0.55em;}
	#layout1 .news h5{ font-size:1.5em; line-height:1.4em; height:auto; margin:0.3em 0 1em 0; text-align:left;}
	#layout1 .news .pic img{ width:100%; height:auto;}
	#layout1 .news p{ font-size:1em; line-height:1.6em; max-height:none; margin:0.8em 0;}
	#layout1 .list{ padding:1em 0; margin-left:0;}
	#layout1 .list li{ font-size:1.2em; background: url(images/li.gif) no-repeat 0px 0.8em; line-height:1.5em; padding:0.2em 0; height:auto; width:95%; padding-left:5%; display:inline-block;}
	#layout1 .editor{ font-size:1em; margin-top:0.8em;}
	
	#layout2,#layout3{ background:none;}
	.phone-topic{ margin:2em 0 2em -2%; width:104%;}
	.phone-text{position:relative; margin-bottom:4em;}
	.phone-text .news{ width:78%; height:auto; border:6px solid #fff; background:#fff; margin:0 auto;}
	#layout2 .prve, #layout2 .next{ width:1.5em; height:3em; top:40%;}
	#layout2 .prve{ left:0;}
	#layout2 .next{ right:0;}
	.phone-text .pic{ height:10em; position:relative;}
	.phone-text p {font-size:1em;line-height:1.5em; height:3em;margin:0.6em 5%;text-align: center;}
	.phone-text p a{color: #106ba8;}
	
	#layout3 .list li{ width:90%; padding:0.7em 5% 5em 5%; height:auto;}
	#layout3 .list li:last-child{ height:auto; padding-bottom:2.4em;}
	#layout3 .list h5{ font-size:1.2em; font-size: 1.2em;line-height: 1.5em;height: auto;padding-bottom: 10px;}
	#layout3 .list .num1{ font-size:1.1em; width:30%; height:2.2em; line-height:2.2em; top:-2.2em;}
	#layout3 .list p{ font-size:0.9em; line-height:1.6em; height:4.8em; margin:0.8em 0;}
	#layout3 .list .more a{ width:25%; font-size:0.8em; line-height:1.8em;height:1.8em;}
	#layout3 .more1{ height:2.8em;background:url(images/more2.jpg) no-repeat;background-size:100% 100%;}
	#layout3 .more1 a{ font-size:1em; width:30%; line-height:1.8em; height:1.8em;}
	#layout3 .text{ height:auto; margin:0; padding:1.4em 0 2em 0; background:#d4b796;}
	#layout3 .text h4{ font-size:1.4em; margin:0;}
	#layout3 .block{ display:block; overflow:hidden; margin-top:1.2em;}
	#layout3 .list1{ margin:0 4%; padding-bottom:1.2em;}
	#layout3 .list1 ul{ display:block; min-width:94%;}
	#layout3 .block3 ul{min-width:84%;}
	#layout3 .list1 li{ width:3.6em; margin-left:2.4%;}
	#layout3 .list1 li img{ width:3.6em; height:3.6em;}
	#layout3 .list2{ margin:0 4%;}
	#layout3 .list2 .left{ font-size:1em; line-height:1.5em; margin:1em 0 0.8em 0;}
	#layout3 .list2 .left span{ display:block; margin-right:0px;}
	#layout3 .list2 .ewm{ text-align:center;}
	#layout3 .list2 .ewm img{ display:inline-block; width:30%;}

	#layout4{ margin-top:1em;}
	#layout4 .title{ font-size:1.7em; line-height:3em; height:3em;}
	#layout4 .k1{ font-size:1em; width:76%; height:2.4em; line-height:2.4em; padding-left:3%;}
	#layout4 .sub{ font-size:1em; width:19%;line-height:2.7em; height:2.7em;}
	#layout4 form{ margin-bottom:1em;}
	#layout4 .block2 ul{ width:105%; margin:0 0 2em -2%;}
	#layout4 .block2 li{ width:40%; height:auto; margin:0 0 0.5em 2%; padding:3.8em 5% 2.2em 3%;}
	#layout4 .block2 li h5{ font-size:1.3em; line-height:2em; height:2em;}
	#layout4 .block2 li p{ font-size:0.8em; line-height:1.5em; height:9em;}

}
/*自适应样式结束*/

@media(max-width: 767px){
	#layout4 .block2 li{ min-height:11em;}
	#layout4 .block2 li p{height: auto;}
}