@charset "utf-8";
/*--公共部分--*/

h1, h2, h3, h4, h5, h6, p, dl, dt, dd, ul, ol { margin: 0; padding: 0; font-weight: normal; }


.clearfix:after { visibility: hidden; display: block; font-size: 0; content: " "; clear: both; height: 0; }
.clearfix { *zoom: 1; }
* { webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }

.commonweb { padding-left: 0px; padding-right: 0px; }
.commonwebbox { margin-left: 0px; margin-right: 0px; }

@media (min-width: 767px) {
    .commonwebbox { margin-left: -10px; margin-right: -10px; }

    .commonleft { float: left; }
    .commonright { float: right; }
    .col-sm-1, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-10, .col-sm-11, .col-sm-12 { float: left; padding-left: 15px; padding-right: 15px; }

    .col-sm-12 { width: 100%; }
    .col-sm-11 { width: 91.66666667%; }
    .col-sm-10 { width: 83.33333333%; }
    .col-sm-9 { width: 75%; }
    .col-sm-8 { width: 66.66666667%; }
    .col-sm-7 { width: 58.33333333%; }
    .col-sm-6 { width: 50%; }
    .col-sm-5 { width: 41.66666667%; }
    .col-sm-4 { width: 33.33333333%; }
    .col-sm-3 { width: 25%; }
    .col-sm-2 { width: 16.66666667%; }
    .col-sm-1 { width: 8.33333333%; }
    .visible-sm { display: block; }
    .hidden-sm { display: none; }
}


@media (min-width: 991px) {
    .commonwebbox { margin-left: -10px; margin-right: -10px; }
    .col-md-1, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-10, .col-md-11, .col-md-12 { float: left; padding-left: 15px; padding-right: 15px; }
    .col-md-12 { width: 100%; }
    .col-md-11 { width: 91.66666667%; }
    .col-md-10 { width: 83.33333333%; }
    .col-md-9 { width: 75%; }
    .col-md-8 { width: 66.66666667%; }
    .col-md-7 { width: 58.33333333%; }
    .col-md-6 { width: 50%; }
    .col-md-5 { width: 41.66666667%; }
    .col-md-4 { width: 33.33333333%; }
    .col-md-3 { width: 25%; }
    .col-md-2 { width: 16.66666667%; }
    .col-md-1 { width: 8.33333333%; }
    .visible-md { display: block; }
    .hidden-md { display: none; }
}

@media (min-width: 1200px) {
    .commonweb { margin: 0px auto; max-width: 1200px; padding-left: 0; padding-right: 0; }
    .commonleft { float: left; }
    .commonright { float: right; }
    .col-lg-1, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-lg-10, .col-lg-11, .col-lg-12 { float: left; padding-left: 15px; padding-right: 15px; }
    .col-lg-12 { width: 100%; }
    .col-lg-11 { width: 91.66666667%; }
    .col-lg-10 { width: 83.33333333%; }
    .col-lg-9 { width: 75%; }
    .col-lg-8 { width: 66.66666667%; }
    .col-lg-7 { width: 58.33333333%; }
    .col-lg-6 { width: 50%; }
    .col-lg-5 { width: 41.66666667%; }
    .col-lg-4 { width: 33.33333333%; }
    .col-lg-3 { width: 25%; }
    .col-lg-2 { width: 16.66666667%; }
    .col-lg-1 { width: 8.33333333%; }
    .visible-lg { display: block; }
    .hidden-lg { display: none; }
}
.inabout { padding-top: 0.1%; padding-bottom: 1.5%; }


/*首页main*/
.wow{visibility:inherit !important;}
.c_0100_1{ padding:10px 0;}
.c_0100_1 ul{ width:100%; float:left;}
.c_0100_1 ul .boxmn{ float:left; width:7.69%; padding-left:90px; position:relative; height:440px; overflow:hidden;}
.c_0100_1 ul .boxmn.on{ width:45.09%;}
.c_0100_1 ul li{ width:90px; height:100%; float:left; margin-left:1px; overflow:hidden; position:absolute; left:0; top:0; cursor:pointer;
-moz-border-radius:2px; 
-webkit-border-radius:2px; 
-khtml-border-radius:2px;
border-radius:2px;}
.c_0100_1 ul li h4{ width:100%; height:100%; position:absolute; left:0; top:0; background-size:cover; background-position:center center; position:relative; padding:36px 30px 0 30px; font-size:22px; color:white; text-align:center; line-height:26px; background-size:100% 100%;}
.c_0100_1 ul li h4 svg{ display:block; width:7px; height:7px; background:white; opacity:0.5; position:absolute; left:50%; bottom:30px; margin-left:-3.5px;
-moz-border-radius:50%; 
-webkit-border-radius:50%; 
-khtml-border-radius:50%;
border-radius:50%;}
.c_0100_1 ul li.l1 h4{ background-image:url(../images/zbg3_1.jpg);}
.c_0100_1 ul li.l2 h4{ background-image:url(../images/zbg3_2.jpg);}
.c_0100_1 ul li.l3 h4{ background-image:url(../images/zbg3_3.jpg);}
.c_0100_1 ul li.l4 h4{ background-image:url(../images/zbg3_4.jpg);}
.c_0100_1 ul li.l5 h4{ background-image:url(../images/zbg3_5.jpg);}
.c_0100_1 ul li.l6 h4{ background-image:url(../images/zbg3_6.jpg);}
.c_0100_1 ul .zbox{ width:100%; height:440px; float:left; overflow:hidden; position:relative;}
.c_0100_1 ul .zbox img{ width:625px; height:440px; position:absolute; left:50%; top:50%; max-width:none; margin:-220px 0 0 -312.5px;}
.c_0100_1 ul .zbox a{ display:block; width:360px; height:357px; background:white; background:rgba(255,255,255,0.95); padding:35px 40px 20px 40px; position:absolute; left:31px; bottom:35px;}
.c_0100_1 ul .zbox a h5{ width:100%; float:left; font-size:18px; color:#dc6b10; line-height:28px;}
.c_0100_1 ul .zbox a svg{ display:block; float:left; margin-top:10px; width:56px; height:1px; background:#dc6b10; opacity:0.1;}
.c_0100_1 ul .zbox a .p{ width:100%; float:left; font-size:14px; color:#666; line-height:30px; margin-top:7px; height:190px; overflow:hidden;}
.c_0100_1 ul .zbox a .btn{ width:25px; height:25px; float:left; margin-top:21px; background:url(../images/zbtn1.png) no-repeat center center #dc6b10;
-moz-border-radius:13px; 
-webkit-border-radius:13px; 
-khtml-border-radius:13px;
border-radius:13px;
-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_1 ul .zbox a:hover .btn{ width:65px;}
.c_0100_1 ul .boxmn.on .zbox{
	-webkit-animation:fadeInUp1 0.5s 0s ease both;
-moz-animation:fadeInUp1 0.5s 0s ease both;}
@-webkit-keyframes fadeInUp1{
0%{ width:0;}
100%{ width:100%;}
}
@-moz-keyframes fadeInUp1{
0%{ width:0;}
100%{ width:100%;}
}
@media screen and (max-width: 1199px) {
.c_0100_1 ul .boxmn{ width:7.5%; padding-left:80px;}
.c_0100_1 ul .boxmn.on{ width:59.5%;}
.c_0100_1 ul li{ width:80px;}
.c_0100_1 ul li h4{ padding:36px 20px 0 20px;}
}
@media screen and (max-width: 991px) {
.c_0100_1{ padding:40px 0;}
.c_0100_1 ul li h4{ padding:26px 15px 0 15px; font-size:18px; line-height:20px;}
.c_0100_1 ul li{ height:340px;}
.c_0100_1 ul .zbox{ height:340px;}
.c_0100_1 ul .zbox a{ width:330px; height:227px; padding:20px 20px 10px 20px; left:21px; bottom:25px;}
.c_0100_1 ul li h4 svg{ width:6px; height:6px; bottom:20px; margin-left:-3px;} 
.c_0100_1 ul .boxmn{ width:6%; padding-left:60px;}
.c_0100_1 ul .boxmn.on{ width:58%;}
.c_0100_1 ul li{ width:60px;}
}
@media screen and (max-width: 767px) {
.c_0100_1{ padding:20px 0px;}
.c_0100_1 ul .boxmn{ width:100%; padding-top:40px; padding-left:0px; height:40px;}
.c_0100_1 ul .boxmn.on{ width:100%; height:280px;}
.c_0100_1 ul li{ height:40px; width:100%; margin-left:0; margin-top:1px;}
.c_0100_1 ul .zbox{ height:240px; width:100%;}
.c_0100_1 ul .zbox a{ width:80%; height:167px;}
.c_0100_1 ul .zbox a h5{ font-size:14px; line-height:22px;}
.c_0100_1 ul .zbox a svg{ margin-top:5px; width:36px;}
.c_0100_1 ul .zbox a .p{ font-size:12px; line-height:22px; margin-top:4px; height:66px;}
.c_0100_1 ul .zbox a .btn{ width:20px; height:20px; margin-top:11px; background-size:contain;}
.c_0100_1 ul li h4{ padding:0 15px; font-size:16px; line-height:40px; text-align:left;}
.c_0100_1 ul li h4 svg{ bottom:auto; top:50%; margin:-3px 0 0 0; left:94%;}
@-webkit-keyframes fadeInUp1{
0%{ width:100%; height:0;}
100%{ width:100%; height:240px;}
}
@-moz-keyframes fadeInUp1{
0%{ width:100%; height:0;}
100%{ width:100%; height:240px;}
}
}