@import "dongyuan-wei.css";

.c2{ color: #ff7f01;}
.matb30{ margin: 30px auto;}
section.one{ margin-top: 30px;}
.d-about p{ color: #666;}


.d-news .i_news_li{ display: block; height: auto; overflow: hidden; border: 1px solid #ccc; box-shadow: 0 3px 3px #ccc; margin-bottom: 20px; }
.d-news .i_news_li a{ display: block;}
.d-news .i_news_li span{ display: block; width: 17%; background: #0093dd; color: #fff; font-size: 24px; font-weight: bold;
text-align: center;
float: left;
position: relative;
}

.d-news .i_news_li span:after{ position: absolute; right: -6px; top: 50%; margin-top: -6px; content: ""; border-bottom: 6px solid transparent;
border-top: 6px solid transparent;
border-left: 6px solid #0093dd; }
.d-news .i_news_li span small{ font-size: 14px;}
.d-news .i_news_li .n_right{ width: 83%; float: left; padding-left: 15px;}
.d-news .i_news_li .n_right h4{ font-size: 14px; color: #333; margin-bottom: 6px; margin-top: 5px;text-overflow: ellipsis; word-break: break-all; white-space: nowrap; overflow: hidden;}
.d-news .i_news_li .n_right p{ font-size: 12px; color: #666; margin-bottom: 0;}


.se li{ border-bottom: 1px solid #ccc; padding-top: 10px;}
.se li:first-child{ padding-top: 0;}
.se li p{ margin-bottom:5px ;}
.se li figure {
    float: left;
    margin-right: 10px;
    width: 23px;
    color: #0093dd;
}

.i_lianxi { background: #CCC; margin-top: -15px; padding:5px 10px;}
.i_lianxi a{
font-size: 24px;
color: #0093dd;
}
.i_lianxi p{ margin-bottom: 5px;}



section.two{ margin-top: 50px;}

.d-case{ position: relative; overflow: hidden; width: 100%;}
.d-case figcaption{ position: absolute; width: 100%; height: 55px; padding:10px 20px; border-top: 5px solid #0093dd; bottom: 0; left: 0;
overflow: hidden;
transition: all 0.55s ease;
background: rgba(255,255,255,.7);
}

@media only screen  and (max-width: 767px) {
	.d-case figcaption{  height: 60px; }
}

@media only screen and (min-width: 768px)  {
	.ianli li:hover .d-case figcaption{ height: 100%;}
}



.d-case figcaption h4{ text-align: center; color: #333;}

.btn-ye{ background: #fdc93c; border-color: #fdc93c; }
.my-btn{ box-shadow: 0 2px 3px #333; display: block; margin: auto; text-align: center;}


#ianli .owl-stage-outer{ }
#ianli .owl-nav{ position: absolute; width: 100%; top: 25px; left: 0; }
#ianli .owl-dots{ }

@media only screen  and (max-width: 767px) {
	#ianli .owl-nav{ display: none !important; }
	#ianli { padding: 0 15px;}
}
	


#ianli .owl-nav .owl-prev,#ianli .owl-nav .owl-next{
	position: absolute; padding: 0; font-size: 30px; background: none; color: #999; top: 0px;
	 
}


#ianli .owl-nav .owl-prev:before {
	font: normal normal normal 80px/1 FontAwesome;
  content: "\f104";
  position: absolute; left: 20%; top: 50%; margin-top: -40px;
}


#ianli .owl-nav .owl-next:before {
	font: normal normal normal 80px/1 FontAwesome;
  content: "\f105";
  position: absolute; right: 20%; top: 50%; margin-top: -40px;
}



#ianli .owl-nav .owl-next{ 
min-width: 250px;
right: -5px;
left: auto;
background-image: -webkit-linear-gradient(left,rgba(255,255,255,.0001) 0,rgba(255,255,255,1) 100%);
background-image: -o-linear-gradient(left,rgba(255,255,255,.0001) 0,rgba(255,255,255,1) 100%);
background-image: -webkit-gradient(linear,left top,right top,from(rgba(255,255,255,.0001)),to(rgba(255,255,255,1)));
background-image: linear-gradient(to right,rgba(255,255,255,.0005) 0,rgba(255,255,255,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#80ffffff', GradientType=1);
background-repeat: repeat-x;
height: 100%;

}


#ianli .owl-nav .owl-prev{
min-width: 250px;
left: -5px;
height: 100%;
background-image: -webkit-linear-gradient(left,rgba(255,255,255,1) 0,rgba(255,255,255,.0001) 100%);
background-image: -o-linear-gradient(left,rgba(255,255,255,1) 0,rgba(255,255,255,.0001) 100%);
background-image: -webkit-gradient(linear,left top,right top,from(rgba(255,255,255,1)),to(rgba(255,255,255,.0001)));
background-image: linear-gradient(to right,rgba(255,255,255,1) 0,rgba(255,255,255,.0001) 100%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#80000000', endColorstr='#00000000', GradientType=1);
background-repeat: repeat-x;

}



footer,footer p,footer a{ color: #e6e6e6;}
.d-foot{ background: #646464;}
.d-foot h3{ position: relative; font-size: 1.6em; color: #ccc; margin: 0 0 30px 0;}
.d-foot h3:after{ content: "" ; width: 90%; height: 2px; background: #ccc; border-top: 1px solid #444;
position: absolute;  top: 35px; left: 0;}

.d-foot .col-sm-6{ margin-bottom: 0px; height: auto; }

.f-nav  li{ width: 50%; float: left; display: block;  position: relative; padding: 5px 5px 5px 20px; height: auto; overflow: hidden;}
.f-nav  li:before{
	position: absolute;
left: 0px;
top: 50%;
margin-top: -6px;
content: "";
border-bottom: 6px solid transparent;
border-top: 6px solid transparent;
border-left: 6px solid #e6e6e6;}

.f-nav  li a{ display: block; color: #e6e6e6;}

@media only screen and (max-width: 767px) {
	
	/*.f-nav  li{ width: 100%; float: none;}*/
	.d-foot h3:after{width: 100%; }
	.f-nav  li:before{ display: none;}
}



.f-lianxi li figure{ float: left; margin-right: 10px;}
.f-lianxi li figure span{ color: #e6e6e6;}


.f-fen img{ max-width: 80px;}
.f-fen figure{ float: left; margin-right: 20px;}
.guanzhu { float: left; margin-top: 15px;}
.guanzhu a{ display: inline-block; width: 40px; height: 40px;  border: 1px solid #e6e6e6; border-radius: 100%; margin: 5px;
position: relative;
}
.guanzhu a i{ position: absolute; font-size: 24px; left: 50%; top: 50%; margin-left: -12px; margin-top: -12px;}


@media (max-width: 767px){

    .f-fen figure{float: left !important;}
 
}



.mui-bar {
    position: fixed;
    z-index: 10;
    right: 0;
    left: 0;
    height: 44px;
    padding-right: 10px;
    padding-left: 10px;
    border-bottom: 0;
    background-color: #f7f7f7;
    -webkit-box-shadow: 0 0 1px rgba(0,0,0,.85);
    box-shadow: 0 0 1px rgba(0,0,0,.85);
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
}

.mui-bar-tab {
    bottom: 0;
    display: table;
    width: 100%;
    min-height: 50px;
    padding: 0;
    table-layout: fixed;
    border-top: 0;
    border-bottom: 0;
    -webkit-touch-callout: none;
}


.mui-bar-tab .mui-icon img{ max-width: 40px;}
.mui-bar-tab .mui-tab-item {
    display: table-cell;
    overflow: hidden;
    width: 1%;
    height: 50px;
    text-align: center;
    vertical-align: middle;
    white-space: nowrap;
    text-overflow: ellipsis;
    color: #929292;
}

.mui-bar-tab .mui-tab-item.mui-active {/*color: #007aff;*/}

.mui-bar-tab .mui-tab-item {
    text-align: center;
    white-space: nowrap;
    color: #929292;
}

.mui-bar-tab .mui-tab-item .mui-icon ~ .mui-tab-label {
    font-size: 14px;
    display: block;
    overflow: hidden;
    text-overflow: ellipsis;
    color: #ff6600;
}




.has-left .left .title{ background: url(../img2/a_05.png) no-repeat; background-size: 100% 100%; min-height: 30px; padding: 5px 20px;}
.has-left .left .list-group-item.active h3{font-weight: 600; font-size: 18px; position: relative; padding-left: 10px;}
.has-left .left .list-group-item.active h3:before{position: absolute; left: -5px; top: 5px; content: ""; width: 2px; height: 35px; background:#0886c0; }
.has-left .left .list-group-item.active h3 span{ display: block; color: #999; font-size: 14px; }
.has-left .left .list-group .list-group-item {
    padding-left: 25px;  color: #0886c0;
}
.has-left .left .list-group .list-group-item:hover,.has-left .left .list-group .list-group-item.on{ background: #0886c0; color: #fff;}
.has-left .left .list-group .list-group-item i {
    position: relative;
    left: -3px;
    top: -1px;
}

.has-left .left .list-group-item.active{ background: url(../img2/a_05.png) no-repeat; background-size: 100% 100%; color: #0886c0;border: 0; }
.has-left .left .list-group-item.active:hover{background: url(../img2/a_05.png) no-repeat; background-size: 100% 100%; color: #0886c0;border: 0;}

.has-left .left .lianxi-left .on{ font-weight: 600;}
.has-left .left .lianxi-left .on i{ margin-right: 10px; top:0 ;}
.has-left .left{ margin-top: 30px;}


.has-right .title{ border-bottom: 1px solid #0886c0; display: inline-block;height: 100%; width: 100%;}
.has-right .title .breadcrumb{ float: left; margin: 0;}
.has-right .title .t-right{ float: right; color: #0886c0; font-weight: 600; line-height: 2em; padding-right: 2em;}
.has-right .title .t-right span{ position: absolute; right: 0; top: 24px; height: 30px; background: #fff; font-size: 1.4em;}
.has-right article p{ text-indent: 2em;}
.has-right .zhengshu{ padding: 5em;}


.has-right li figure { text-align: center;}
.has-right li figure p{ text-align: left;}

#zhengshu .owl-prev,#zhengshu .owl-next{
display: inline-block;
font: normal normal normal 14px/1 FontAwesome;
font-size: inherit;
text-rendering: auto;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
position: absolute;
cursor: pointer;
z-index: 100; top:50%; width:50px; height:80px; line-height:75px; font-size:30px; margin-top:-40px; color:#fff; background:#333; opacity:.5;
}
#zhengshu .owl-prev{left:.5%; }
#zhengshu .owl-next{right:.5%; }
#zhengshu .owl-prev:before{content:"\f053"; }
#zhengshu .owl-next:before{content:"\f054"; }
#zhengshu:hover .owl-next,#zhengshu:hover .owl-prev{ opacity:.9; }


.has-right .list-cp{ margin: 30px 0;}
.has-right .list-cp li { margin-bottom: 20px;}
.has-right .list-cp li a{ color: #333;}
.has-right .list-cp li h3{ font-size: 16px; margin: 15px 0; text-align: center;}


@media only screen and (min-width: 768px) {
	.mdpa30{ padding: 30px;}
}

.has-right .f-lianxi li figure span {
    color: #666;
}

.has-right .h-news{margin-top:40px ; padding: 10px; border: 1px solid #ccc;}
.has-right .h-news ul{ margin-bottom: 0;}
.has-right .h-news li{ height: auto; overflow: hidden;}
.has-right .h-news .right{ background: #eee; padding: 15px;}
.has-right .h-news .right h3{ font-size: 1.2em; font-weight: 600; margin-bottom: 10px;}

.has-right .h-news .owl-nav{ position: absolute; right: 20px; bottom: 20px;}
.has-right .h-news .owl-nav .owl-prev,.has-right .h-news .owl-nav .owl-next{font: normal normal normal 14px/1 FontAwesome; background: #0886c0;
color: #fff; border-radius: 0;}
.has-right .h-news .owl-nav .owl-prev:before {
    content: "\f104"; 
}
.has-right .h-news .owl-nav .owl-next:before {
    content: "\f105";
}

.list-news{ margin-top: 40px;}
.list-news li{ height: auto; overflow: hidden; border-bottom: 1px solid #ccc; position: relative; padding: 10px 10px 10px 20px; }
.list-news li:before{
	position: absolute;
  font: normal normal normal 14px/1 FontAwesome;   content: "\f0da"; left: 5px; top: 10px; color: #0886c0;
}
.list-news li a{ color: #666;}
.list-news li span{ color: #666;}


.i_tel.ft{ margin-left: 60px;}
.i_tel.ft a span{ color: #eee;}







/********************jjjjjjjjjjjjjjjjjjjjjj*******************/

ul li{list-style: none;}
.starter-template {
  padding: 0px 10px 20px 10px;
  text-align: center;
}
.top-1{
	height: 100px;
	padding: 20px;
	}
.loog-2{
	
	}
.biaoti{
	position: absolute;
	font-size: 26px;
	font-weight: 400;
	font-family: "微软雅黑";
	
	line-height: 40px;
	letter-spacing:9.5px;
	}
.xiao{
	word-spacing:2px;
	position:relative;
	left:53px;
	top: -20px;
	display: inline-block;
	
}
.lunbo{
	height: 200px;
	
	}
.swiper-container {
        width: 100%;
        height: 100%;
        
    }
 .swiper-slide {
        text-align: center;
        font-size: 18px;
        background: #fff;
        width: 100% !important;
        /* Center slide text vertically */
        display: -webkit-box;
        display: -ms-flexbox;
        display: -webkit-flex;
        display: flex;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        -webkit-justify-content: center;
        justify-content: center;
        -webkit-box-align: center;
        -ms-flex-align: center;
        -webkit-align-items: center;
        align-items: center;
    }
.swiper-slide img{
      width: 100%;
      height: 100%;
    }
.neirong{
	padding:0 100px;
	height: auto;
	text-align: center;
	}
.geren{
	margin-top: -12px;
	}
.tupian001{
	width: 100%;
	margin: 20px 0;
	}
.ppi{
	margin-bottom:5px;
}
.span-1{
	letter-spacing:1px;
	font-size: 26px;
	font-weight: 600; 
	color: #038dd6;
	}
.span-2{
	letter-spacing:1px;
	color: #000000;
	font-size: 14px;
	font-weight: 600;
}
.neirong-1{
	letter-spacing:3px;
	text-align: left;
	 text-indent:3em;
	 line-height: 26px;
}
.fuwu{
	padding: 20px 0;
	display: flex;
}

.fuwu dl img{
	width: 100%;
	}

	flex: 1;
	}
	}
.dl-2{
	display: inline-block;
	}
.dl-3{
	display: inline-block; 
	float: right;
	}
}
.d-news .i_news_li{ width: 100%; display: block; height: auto; overflow: hidden; border: 1px solid #ccc; box-shadow: 0 3px 3px #ccc; margin-bottom: 100px; padding: 10px 0;}
.d-news .i_news_li a{ display: block;}
.d-news .i_news_li span{ display: block; width: 16%; background: #0093dd; color: #fff; font-size: 16px; font-weight: bold;
text-align: center;
float: left;
position: relative;
}
.d-news .i_news_li span:after{ position: absolute; right: -6px; top: 50%; margin-top: -6px; content: ""; border-bottom: 6px solid transparent;
border-top: 6px solid transparent;
border-left: 6px solid #0093dd; }
.d-news .i_news_li span small{ font-size: 14px;}
.d-news .i_news_li .n_right{ width: 83%; float: left; padding-left: 15px;}
.d-news .i_news_li .n_right h3{ text-align: left; font-size: 16px;font-weight: 400; color: #333; margin-bottom: 6px; margin-top: 5px;}
.d-news .i_news_li .n_right p{ font-size: 12px; color: #666; margin-bottom: 0; text-overflow: ellipsis; word-break: break-all; white-space: nowrap; overflow: hidden;}
.se li{ border-bottom: 1px solid #ccc; padding-top: 10px;}
.se li:first-child{ padding-top: 0;}
.se li p{ margin-bottom:5px ;}
.se li figure {
    float: left;
    margin-right: 10px;
    width: 23px;
    color: #0093dd;
}

.i_lianxi { background: #CCC; margin-top: -15px; padding:5px 10px;}
.i_lianxi a{
font-size: 24px;
color: #0093dd;
}	


.my-s-nav{ float: right; display: block; }
#dropdownMenu1{ display: block;}

.my-s-nav .dropdown-menu{ z-index: 9999; right: 0 !important; left: auto; background: #ccc;}
.my-s-nav .dropdown-menu.dropdown-menu:before {
    right: 9px;
    top: -7px;
    border-right: 12px solid transparent;
    border-bottom: 12px solid #ccc;
    border-left: 12px solid transparent;
    display: inline-block;
    position: absolute;
    content: "";
    color: #eee;
}

.my-s-nav .dropdown-menu.dropdown-menu li{ position: relative; }
.my-s-nav .dropdown-menu.dropdown-menu li:before {
    left: 9px;
    top: 10px;
    border-top:3px solid transparent ;
    border-bottom: 3px solid transparent;
    border-left: 3px solid #333;
    display: inline-block;
    position: absolute;
    content: "";
    color: #eee;
}
.my-s-nav .dropdown-menu.dropdown-menu li a{ padding-left: 25px;}

.navbar-toggle{ margin-top: 33px;}
.loog-1{ max-width: 230px;}
#demo{ width: 100%; height: 261px;  overflow: hidden;}
#demo1,#demo2{ width: 200%; height: auto; overflow:hidden;}
.ianli li{ float: left; width: 200px; padding: 0 10px;}



.weixiner {position: relative;}
.weixiner img{ opacity: 0; max-width:100px; transition: all 0.5s ease; position: absolute; bottom: -70px; right: -100px; }
@media only screen and (min-width: 992px)  {
.weixiner:hover img{ opacity: 1; bottom: 0px; right: -100px;}
}