@charset "utf-8";
/* CSS Document */
/*切图：zcy*/
html{ overflow-x:auto; overflow-y:auto;}
*{ outline:none !important;
  -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
          box-sizing: border-box;}
ul, ol,li{ list-style-type:none;}
body, button, input, select, textarea{  font-family: 'Microsoft yahei'; font-size:12px;}
code, kbd, pre, samp { font-family: 'Microsoft yahei';}
a{ text-decoration:none; color:#333; cursor:pointer;
-webkit-transition: all 0.2s ease-out 0s; 
   -moz-transition: all 0.2s ease-out 0s; 
	 -o-transition: all 0.2s ease-out 0s; 
		transition: all 0.2s ease-out 0s;}
img{border:0; max-width:100%;}
li { line-height:normal; }
table { border-collapse: collapse; border-spacing: 0; }
h1,h2,h3,h4,h5,h6{margin:0; font-weight:normal; font-family: 'Microsoft yahei'; }
input,table,tr,td{ margin:0; padding:0; border:none;}
button,table{ border:none; background:none; margin:0; padding:0;}
body{ position:relative; float:left; width:100%;}
select{ margin:0; padding:0; font-family: 'Microsoft yahei'; border:none;}
textarea{ resize:none;outline:none; }
label{ margin-bottom:0; font-weight:normal;}
input,select,textarea{ margin:0; padding:0; border:0; outline:none;
 -moz-border-radius:0px; 
 -webkit-border-radius:0; 
 -khtml-border-radius:0;
 border-radius:0;

}
::-webkit-input-placeholder { /* WebKit, Blink, Edge */
    color:    #fff;
}
:-moz-placeholder { /* Mozilla Firefox 4 to 18 */
   color:    #fff;
}
::-moz-placeholder { /* Mozilla Firefox 19+ */
   color:    #fff;
}
:-ms-input-placeholder { /* Internet Explorer 10-11 */
   color:    #fff;
}




.c_0100_4{ width:100%; float:left; padding:118px 0 120px 0;}
.c_0100_4 ul{ width:100%; float:left;}
.c_0100_4 ul li{ width:50%; float:left; padding:0 15px;}
.c_0100_4 ul li .zbox{ width:100%; float:left; height:340px; position:relative; text-align:center; background-size:cover; background-repeat:no-repeat; background-position: center center;}
.c_0100_4 ul li .zbox .pf{ width: 234px; height:122px; position:absolute; left:50%; top:-61px; margin-left:-117px;}
.c_0100_4 ul li .zbox h4{ width:100%; float:left; position:absolute; left:0; top:50%; margin-top:-68px; font-size:30px; color:white; line-height:42px; letter-spacing:5px;}
.c_0100_4 ul li .zbox .more{ width:100%; float:left; position:absolute; left:0; top:50%; margin-top:-1px;}
.c_0100_4 ul li .zbox .more a{ display:inline-block; *zoom:1; *display:inline; width:160px; height:44px; line-height:42px; border:solid 1px white; font-size:14px; color:white; cursor:pointer;
-moz-border-radius:6px; 
-webkit-border-radius:6px; 
-khtml-border-radius:6px;
border-radius:6px;
}
.c_0100_4 ul li.l1 .zbox{}
.c_0100_4 ul li.l2 .zbox{ }
.c_0100_4 ul li.l2 .zbox h4{ color:#222;}
.c_0100_4 ul li.l2 .zbox .more a{ border-color:#9a9fa2; color:#333;}
.c_0100_4 ul li .zbox .more a:hover{ border-color:#9a9fa2; background:#9a9fa2; color:white;}
@media screen and (max-width:1199px) {
.c_0100_4{ padding:68px 0 70px 0;}
.c_0100_4 ul li .zbox{ height:240px;}
.c_0100_4 ul li .zbox .pf{ width: 134px; height:70px; top:-35px; margin-left:-67px;}
.c_0100_4 ul li .zbox h4{ margin-top:-48px; font-size:20px; line-height:32px;}
.c_0100_4 ul li .zbox .more a{ width:100px; height:34px; line-height:32px; font-size:12px;}
}
@media screen and (max-width:767px) {
.c_0100_4{ padding:38px 20px 40px 20px;}
.c_0100_4 ul li{ padding:0 5px;}
.c_0100_4 ul li .zbox{ height:200px;}
.c_0100_4 ul li .zbox .pf{ top:-25px;}
.c_0100_4 ul li .zbox h4{ margin-top:-38px; font-size:16px; line-height:22px; padding:0 5px;}
.c_0100_4 ul li .zbox .more{margin-top:10px;}
}

.c_0100_5{ width:100%; float:left; padding:30px 0 31px 0; background:#f2f2f2;}
.row_3{ margin:0 -20px;}
.c_0100_5 .slide_pic_12{ width:100%; float:left;}
.c_0100_5 .slide_pic_12 .li{ padding:7px 20px 5px 20px; width:100%; float:left; margin-left:-1px; border-left:dashed 1px #a9a9a9;}
.c_0100_5 .slide_pic_12 .li .text{ width:auto; padding-left:90px; position:relative; min-height:68px;}
.c_0100_5 .slide_pic_12 .li .text .ico{ width:68px; height:68px; position:absolute; left:0; top:0; border:solid 1px #dbdbdb;
-moz-border-radius:50%; 
 -webkit-border-radius:50%; 
 -khtml-border-radius:50%;
 border-radius:50%;
 -webkit-transition: all 0.3s ease-out 0s; 
-moz-transition: all 0.3s ease-out 0s; 
-o-transition: all 0.3s ease-out 0s; 
transition: all 0.3s ease-out 0s;}
.c_0100_5 .slide_pic_12 .li .text .ico img{ width:100%; float:left;}
.c_0100_5 .slide_pic_12 .li .text h4{ width:100%; float:left; margin-top:7px; font-size:18px; color:#333; font-weight:bold; line-height:33px;}
.c_0100_5 .slide_pic_12 .li .text h4 span{ font-size:18px; color:#888;font-family: 'OPENSANS-LIGHT'; text-transform:uppercase; margin-left:12px; padding-left:12px; background:url(images/bian_5.jpg) no-repeat left center; font-weight:normal;}
.c_0100_5 .slide_pic_12 .li .text h5{ width:100%; float:left; font-size:14px; color:#666; line-height:26px;}
.c_0100_5 .slide_pic_12 .li:hover .text .ico{ transform:rotate(360deg);}
.slide_pic_12 .slick-dots {
	position: absolute;
	bottom: -0px;
	display: block;
	width: 100%;
	padding: 0;
	margin: 0;
	list-style: none;
	text-align: center;
	overflow:hidden;
}
.slide_pic_12 .slick-dots li {
	position: relative;
	display: inline-block;
	width: 8px;
	height: 8px;
	margin: 0 3px;
	padding: 0;
	cursor: pointer;
	background:black;
	opacity:0.6;
	-moz-border-radius:50%; 
-webkit-border-radius:50%; 
-khtml-border-radius:50%;
border-radius:50%;

}
.slide_pic_12 .slick-dots li.slick-active{
	opacity: 1;
}
@media screen and (max-width:1569px) {
.c_0100_5{ padding:20px 0 21px 0;}
.row_3{ margin:0;}
.c_0100_5 .slide_pic_12 .li{ padding:0 10px; text-align:center; margin-top:20px;}
.c_0100_5 .slide_pic_12 .li .text{ padding-left:0;}
.c_0100_5 .slide_pic_12 .li .text .ico{ position:relative; display:inline-block; *zoom:1; *display:inline;}

.c_0100_5 .slide_pic_12 .li .text{ padding-left:0;}
}
@media screen and (max-width:1199px) {
.c_0100_5{ padding:10px 0 11px 0;}
.c_0100_5 .slide_pic_12{ padding-bottom:20px;}
.c_0100_5 .slide_pic_12 .li .text .ico{ width:48px; height:48px;}
.c_0100_5 .slide_pic_12 .li .text h4{ margin-top:4px; font-size:16px; line-height:28px;}
.c_0100_5 .slide_pic_12 .li .text h4 span{ font-size:14px; margin-left:6px; padding-left:6px;}
.c_0100_5 .slide_pic_12 .li .text h5{ font-size:12px; line-height:22px;}

}
@media screen and (max-width:767px) {
.c_0100_5{ padding:6px 0 11px 0;}
.c_0100_5 .slide_pic_12 .li{ border:0;}
.c_0100_5 .slide_pic_12 .li .text .ico{ width:38px; height:38px;}
}

/*首页弹窗*/
.pf_mb{ width:100%; height:100%; position:fixed; left:0; top:0; background:url(../images/bg_9.png); z-index:9999; display:none;}
.tc_930{ width:930px; height:504px; background:url(../images/bg_8.png); position:fixed; left:50%; top:50%; margin:-252px 0 0 -465px; padding:57px 55px 0 55px; z-index:10001; display:none;}
.tc_930 .bian{ width:96%; height:92%; border:dashed 1px #e7a8aa; left:2%; top:4%; position:absolute; z-index:1;}
.tc_930 .btn{ width:42px; height:42px; position:absolute; right:35px; top:33px; cursor:pointer; z-index:9999;}
.tc_930 .title{ width:100%; float:left;}
.tc_930 .title img{ display:block; float:left;}
.tc_930 .title span{ display:block; float:left; margin-left:21px; margin-top:7px;}
.tc_930 ul{ margin:0 -10px; z-index:9999; position:relative;}
.tc_930 ul li{ width:50%; float:left; margin-top:20px; padding:0 10px;}
.tc_930 ul li .zbox{ width:100%; float:left; border:solid 1px #db7c7f; padding:0 4px 0 60px; position:relative;
-moz-border-radius:6px; 
-webkit-border-radius:6px; 
-khtml-border-radius:6px;
border-radius:6px;}
.tc_930 ul li .zbox .ico{ width:54px; height:54px; position:absolute; left:6px; top:0;}
.tc_930 ul li .zbox .ico img{ width:100%; float:left;}
.tc_930 ul li .zbox .name{ float:left; font-size:16px; color:white; line-height:54px;}
.tc_930 ul li .zbox .txk{ margin-left:38px; position:relative;}
.tc_930 ul li .zbox .txk input{ display:block; width:100%; height:54px; line-height:54px; color:white; font-size:16px; background:none;}
.tc_930 ul li.l1 .zbox .txk{ margin-left:88px;}
.tc_930 ul li.l2 .zbox .txk{ margin-left:56px;}
.tc_930 ul li.l3{ width:100%;}
.tc_930 ul li.l3 textarea{ display:block; width:100%; height:75px;border:solid 1px #db7c7f; padding:10px 19px; font-size:16px; line-height:24px; background:none; color:white;
-moz-border-radius:6px; 
-webkit-border-radius:6px; 
-khtml-border-radius:6px;
border-radius:6px;}
.tc_930 ul li.l2.l2_yz .zbox .txk{ padding-right:133px;}
.tc_930 ul li.l2.l2_yz .zbox .txk span{ width:129px; height:51px; position:absolute; right:2px; top:2px; cursor:pointer;}
.tc_930 ul li.l2.l2_yz .zbox .txk span img{width:100%; height:100%;}
.tc_930 ul li.l4 input{ display:block; width:100%; height:56px; line-height:54px; color:#d32329; font-size:24px; cursor:pointer; background:white;  border:solid 1px white;
-moz-border-radius:6px; 
-webkit-border-radius:6px; 
-khtml-border-radius:6px;
border-radius:6px;
-webkit-transition: all 0.3s ease-out 0s; 
-moz-transition: all 0.3s ease-out 0s; 
-o-transition: all 0.3s ease-out 0s; 
transition: all 0.3s ease-out 0s;}
.tc_930 ul li.l4 input:hover{ background:#d32329; color:white;}
@media screen and (max-width:991px) {
.tc_930{ width:92%; height:364px; left:4%; margin:-182px 0 0 0; padding:37px 35px 0 35px;}
.tc_930 .btn{ width:22px; height:22px; right:20px; top:28px;}
.tc_930 .title{ height:47px;}
.tc_930 .title img{ height:100%;}
.tc_930 .title span{ height:40px; margin-left:11px; margin-top:4px;}
.tc_930 ul{ margin:0 -5px;}
.tc_930 ul li{ margin-top:10px; padding:0 5px;}
.tc_930 ul li .zbox{ padding:0 4px 0 40px;}
.tc_930 ul li .zbox .ico{ width:34px; height:34px;}
.tc_930 ul li .zbox .name{ font-size:14px; line-height:34px;}
.tc_930 ul li .zbox .txk{ margin-left:32px;}
.tc_930 ul li .zbox .txk input{ height:34px; line-height:34px; font-size:14px;}
.tc_930 ul li.l1 .zbox .txk{ margin-left:78px;}
.tc_930 ul li.l2 .zbox .txk{ margin-left:46px;}
.tc_930 ul li.l3 textarea{ padding:6px 14px; font-size:14px; line-height:22px;}
.tc_930 ul li.l2.l2_yz .zbox .txk{ padding-right:83px;}
.tc_930 ul li.l2.l2_yz .zbox .txk span{ width:79px; height:31px; top:1px;}
.tc_930 ul li.l4 input{ height:36px; line-height:34px; font-size:18px;}
}
@media screen and (max-width:767px) {
.tc_930 ul li{ width:100%;}
.tc_930{ height:484px; margin:-242px 0 0 0;}
}
@media screen and (max-width:480px) {
.tc_930{ height:444px; margin:-222px 0 0 0; padding:27px 25px 0 25px;}
.tc_930 .title{ height:27px;}
.tc_930 .title span{ height:20px; margin-left:6px;}
.tc_930 .bian{ height:96%; top:2%;}
}