@charset "utf-8";
html,body{font-size: 100%; font-family:microsoft yahei;}
@media(max-width:767px){.container{ width:100%;padding:0px;}}
ul,li{margin:0px; padding:0px; list-style:none;}
a{ color:#000; text-decoration:none;}
a:hover{ color:#000; text-decoration:none;}
img{ margin:0 auto;}

@media(min-width:768px){.header {padding-top: 2.8125em;padding-bottom:1.3125em;  position:fixed; left:0; right:0; z-index:1000;height:auto; background-color:#FFF;}}
@media(max-width:767px){.header {padding-top: 2.8125em;padding-bottom:1.3125em;  position:relative; left:0; right:0; height:auto; background-color:#FFF;}}

@media(max-width:767px){.header_logo{width:100%;position:relative; text-align:center;}.header_right{width:100%; margin-top:2em;position:relative;}}
/*折叠按钮*/
.navbar-toggle .icon-bar{background-color:#ffa400;}
.navbar-toggle{border:#eee 1px solid; position:absolute; top:2.5em; right:0em;z-index:2; }
.navbar-collapse{ padding-left:0px; padding-right:0px;}
.container>.navbar-header, .container-fluid>.navbar-header, .container>.navbar-collapse, .container-fluid>.navbar-collapse{margin-right:0px;margin-left:0px;}
/*折叠按钮*/

@media(min-width:768px){.nav ul li{position:relative; padding-left:2em; float:left;}}
@media(max-width:767px){.nav ul li{position:relative;width:40%; margin:0 30%; border-bottom:#CCC 1px solid; text-align:center;}}

@media(min-width:768px){.link{ margin-top:1.875em; text-align:right;}}
@media(max-width:767px){.link{ margin-top:1.875em;width:100%; text-align:center;}}
.link a{margin:0px 5px;padding:0 10px; background-color:#000; color:#FFF; width:1.75em; height:1.375em; line-height:1.375em;display:inline-block;}
.link a:first-of-type{margin:0px 5px;background-color:#fff;color:#000; width:4em; height:1.375em; line-height:1.375em;display:inline-block; border-right:#000 1px solid;}

.nav ul li .sec_nav {position:absolute; z-index:2; left:-1em; top:2em; width:14.375em; display:none;}
.nav ul li:first-of-type:hover .sec_nav{animation:sec_nav 1s;-webkit-animation:sec_nav 1s; position:absolute; z-index:2; left:-1em; top:2em; display:block;}
@keyframes sec_nav{from {top:1em;opacity:0}to{top:2em;opacity:1}}
@-webkit-keyframes sec_nav{from {top:1em;opacity:0}to{top:2em;opacity:1}}
.nav ul li .sec_nav ul li {position:relative;}
@media(max-width:767px){.nav ul li .sec_nav ul li{position:relative;width:40%; margin:0 30%; border-bottom:#CCC 1px solid;}}
.nav ul li .sec_nav ul li:hover {opacity:0.5;}
.nav ul li .bullet{position:absolute; z-index:2; width:2em; height:2em;top:0em; left:0.3em;opacity:0;}
.nav ul li:hover .bullet{position:absolute; z-index:2; width:2em; height:2em;top:0em; left:0.3em;opacity:1;}



@media(min-width:768px){.banner{padding-top:9.4375em;}.flex-control-nav { position: absolute; bottom: 0px; z-index: 2; width: 80%; text-align: right;}}
@media(max-width:767px){.banner{padding-top:0em;}.flex-control-nav { position: absolute; bottom: 0px; z-index: 2; width: 80%; text-align: right; display:none}}
.flexslider { position: relative;overflow: hidden; background: url(../images/loading.gif) 50% no-repeat;}
.slides { position: relative; z-index: 1; text-align:center; }

.flex-control-nav li { display: inline-block; width: 8px; height: 8px; margin: 0 5px; *display: inline; zoom: 1;}
.flex-control-nav a { display: inline-block; width: 8px; height: 8px; line-height: 40px; overflow: hidden; background: url(../images/dot.png) right 0 no-repeat; cursor: pointer;}
.flex-control-nav .flex-active { background-position: 0 0;}
.flex-direction-nav {*height: 0;}
.flex-direction-nav a  { text-decoration:none; display: block; width: 40px; height: 48px; margin: -20px 0 0; position: absolute; top: 50%; z-index: 10; overflow: hidden; opacity: 0; cursor: pointer; color: rgba(0,0,0,0.8);  background:url(../images/arr.png) no-repeat; text-indent:-999em }
.flex-direction-nav .flex-prev { left: -50px; background-position:0 0 }
.flex-direction-nav .flex-next { right: -50px; background-position:-132px 0}
.flexslider:hover .flex-prev { opacity: 0.7; left: 10px;}
.flexslider:hover .flex-next { opacity: 0.7; right: 10px;}
.flexslider:hover .flex-next:hover, .flexslider:hover .flex-prev:hover { opacity: 1; }
.flex-direction-nav .flex-disabled { opacity: 0!important; filter:alpha(opacity=0); cursor: default; }
@media screen and (max-width: 860px) { .flex-direction-nav .flex-prev { opacity: 1; left: 10px;}.flex-direction-nav .flex-next { opacity: 1; right: 10px;}}



.mid_top{padding-top:1.5625em; padding-bottom:1.5625em;background-color:#fff;}
.mid_top p{ line-height:25px; font-size:15px; color:#666; font-family:microsoft yahei;}
.mid_top img{ margin:0 auto;}
@media(min-width:768px){.mid_bom{padding-bottom:6.875em;background-color:#fff;text-align:right;}.mid_bom ul{margin-right:-15px; padding-top:15px;}}
@media(max-width:767px){.mid_bom{padding-bottom:2em;margin-bottom:30em;background-color:#fff;text-align:right;}.mid_bom ul{text-align:center;padding-top:15px;}}
.mid_bom ul li{display:inline-block;}
.mid_bom ul li:hover{animation:mid_img 3s;-webkit-animation:mid_img 3s;display:inline-block;}
@keyframes mid_img{from{opacity:0.5;}to{opacity:1;}}
@-webkit-keyframes mid_img{from{opacity:0.5;}to{opacity:1;}}

@media(min-width:768px){.mid_left{ padding-top:14.875em;padding-bottom:12.5em;}.mid_right{ padding-top:7.5em;padding-bottom:12.5em;}}
@media(max-width:767px){.mid_left{ padding-top:4em;background-color:#fff;}.mid_right{ padding-top:2em;padding-bottom:2em;background-color:#fff;}}
.mid_right .img{ padding-bottom:1em;}
.mid_right .text{-moz-column-count:2;-webkit-column-count:2;column-count:2;-moz-column-gap:40px;-webkit-column-gap:40px;column-gap:40px;-moz-column-rule:1px solid #999; -webkit-column-rule:1px solid #999;column-rule:1px solid #999; font-size:12px; color:#666; line-height:24px; font-family:microsoft yahei;}




.contact{ background-color:#ffa400; line-height:25px; padding-top:95px; padding-bottom:40px;background-image: url(../images/contact.jpg);background-position: center 60px;background-repeat: no-repeat; font-size:12px; color:#000; text-align:center;}
.bom{ text-align:left; padding:2em 0 1em 0;}


@media(min-width:768px){.con{ padding-top:10em; padding-bottom:9em;}}
@media(max-width:767px){.con{ padding-top:0em; padding-bottom:9em;}}

.case{padding-top:4em; padding-bottom:9em;}
.case_more a{ float:left; display:block;}
@media(min-width:768px){.case_left{ width:30%; float:left; position:fixed;}.case_right{ width:60%;float:right;}}
@media(max-width:767px){.case_left{ width:100%;float:left; padding-left:15px; padding-right:15px;}.case_right{ width:100%;float:right; padding-left:15px; padding-right:15px;}}

@media(min-width:768px){.con_left{ width:10%; float:left; text-align:left;}.con_right{ width:85%; float:right;border-right:#FFF 1px solid; border-bottom:#FFF 1px solid;}.con_right .col-lg-4,.con_right .col-md-4, .con_right .col-sm-4, .con_right .col-xs-12{ padding-left:0px; padding-right:0px;}}
@media(max-width:767px){.con_left{ padding-left:15px; padding-right:15px;}.con_right img{border-right:#FFF 1px solid;}}






.con_left img{ padding-bottom:2em;display:inline;}
.con_left a{ line-height:4em; border-top:#666 1px dashed; display:block;}
.con_right img{float:left; border-left:#FFF 1px solid; border-top:#FFF 1px solid;}
.con_right img:hover{animation:case 1s;-webkit-animation:case 1s; float:left; border-left:#FFF 1px solid; border-top:#FFF 1px solid;}
@keyframes case{from{opacity:0.5;}to{opacity:1;}}
@-webkit-keyframes case{from{opacity:0.5;}to{opacity:1;}}

.con_con{ padding-top:5em;}
.con_con img{ width:100%}
.con_con ul li {background-color:#000; opacity:0.2;}
.con_con ul li:hover {opacity:1;}
.con_con ul li.col-lg-2,.case_con ul li .col-md-2,.case_con ul li .col-sm-4,.case_con ul li .col-xs-4{ padding-left:0px; padding-right:0px; border-bottom:#FFF 1px solid; }

.con_case_class_* img:hover{animation:none;}

@media(min-width:768px){.case_con{ padding-top:20em;word-break:keep-all; word-wrap:break-word;}}
@media(max-width:767px){.case_con{ padding-top:2em;word-break:keep-all; word-wrap:break-word;}}
.case_con img{ width:100%}
.ser_con{padding-top:2em; display:block; clear:both;}
.ser_con ul li {
	background-color: #fff;
	opacity: 1;
    list-style:;	
	list-style-position: inside;
	list-style-type: disc;
}
.ser_con ul li:hover {opacity:1;}