﻿/* 欧方源码 */
/* www.ofym.com */
/* 服务：建站 开发 设计 营销 企云 */
/* QQ：11696561 */
*{font-family:"微软雅黑",Arial, Helvetica, sans-serif; -webkit-text-size-adjust:none; /*_behavior:url(/iepng/iepngfix.htc);*/behavior:url(/inc/file/ie-css3.htc);}
/* td,th,div,input,select,textarea,li,ol,dt,dd,h1,h2,h3,h4,h5,h6{font-size:12px; color:#333;} */
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,blockquote{padding:0; margin:0;}
h1,h2,h3,h4,h5,h6{font-weight:normal;}
li{list-style-type:none;}
img{border:none; vertical-align:middle; }
.img img{max-height:100%; max-width:100%;}
.line{border-bottom:1px dashed #ccc; height:1px; overflow:hidden;}
.border{border:1px solid #ccc;}
.fl{float: left;}
.fr{float: right;}

/*文字大小，颜色，行距定义 fz:font-size；fc:font-color；flh:font-line-height*/
.fz_12px{font-size:12px;}
.fz_14px{font-size:14px;}
.fz_16px{font-size:16px;}
.fc_red{color:#ff0000;}
.fc_gory{color:#666;}
.fc_white{color:#fff;}
.fc_yellow{color:#ff6600;}
.flh_150{line-height:150%;}
.flh_180{line-height:180%;}

/*form*/
.form_input{border:1px solid #ccc; color:#333; background:url(../images/input_bg.gif) #fff repeat-x; height:20px; line-height:20px;}
.form_area{border:1px solid #ccc; color:#333; background:url(../images/input_bg.gif) #fff repeat-x; line-height:180%;}
.form_button{border:none; background:#505050; color:#fff; height:22px; line-height:22px; padding:0 5px; overflow:hidden; width:80px;}
.form_button_130{width:130px;}
.form_focus{border-color:red;}
.form_gory_button{border:none; background:url(../images/button_grey.gif); width:110px; height:25px; line-height:25px; font-weight:bold; color:#555; text-align:center;}
select.form_focus{background:#ccc;}

.clean{zoom:1;}
.clean:after, clean:before{display:table; content:'';}
.clean:after{clear:both;}

/* padding */
.clear{margin:0px auto; clear:both; height:0px; font-size:0px; overflow:hidden;}
.blank3{margin:0px auto; clear:both; height:3px; font-size:1px; overflow:hidden;}
.blank6{margin:0px auto; clear:both; height:6px; font-size:1px; overflow:hidden;}
.blank9{margin:0px auto; clear:both; height:9px; font-size:1px; overflow:hidden;}
.blank12{margin:0px auto; clear:both; height:12px; font-size:1px; overflow:hidden;}
.blank15{margin:0px auto; clear:both; height:15px; font-size:1px; overflow:hidden;}
.blank20{margin:0px auto; clear:both; height:20px; font-size:1px; overflow:hidden;}
.blank25{margin:0px auto; clear:both; height:25px; font-size:1px; overflow:hidden;}

/*a*/
a{color:#333; text-decoration:none;}
a:hover{color:#ff0000; text-decoration:none;}
a.red{color:red; text-decoration:none;}
a.red:hover{color:red; text-decoration:underline;}

/*turn page*/
/* #turn_page{text-align:center; height:26px; line-height:26px;}
#turn_page .page_button{background:#fff; border:1px solid #ccc; margin:0 3px; padding:2px 5px;}
#turn_page .page_item{background:#fff; border:1px solid #ccc; padding:2px 5px; margin:0 3px;}
#turn_page .page_item_current{background:#f0f0f0; border:1px solid #ccc; padding:2px 5px; margin:0 3px; color:red;} */
#turn_page{text-align:center;margin:40px 0;}
#turn_page a,#turn_page font{display: inline-block;vertical-align: middle;}
#turn_page .page_button{background:#fff; border:1px solid #e5e5e5;width: 118px;height: 38px;line-height: 38px; margin:0 3px;color: #757575;font-size: 14px;}
#turn_page .page_item{background:#fff; border:1px solid #e5e5e5;width: 38px;height: 38px;line-height: 38px; margin:0 3px;color: #757575;font-size: 14px;}
#turn_page .page_item_current{background:#dd0c0c; border:1px solid #dd0c0c;width: 38px;height: 38px;line-height: 38px; margin:0 3px; color:#fff;font-size: 14px;}



/* 通用 */

.blank5,.blank10,.blank15,.blank20,.blank30,.blank50,.blank60 {clear:both;height:5px;overflow:hidden;}
.blank10 {height:10px;}
.blank15 {height:15px;}
.blank20 {height:20px;}
.blank30 {height:30px;}
.blank50 {height:50px;}
.blank60 {height:60px;}

 
 .color-orange {color:#FE6604}

@media (min-width: 768px) {
    .navbar-brand {padding:10px 15px;}
    .navbar-default.active .navbar-brand img,.navbar-default.active a.navbar-brand img {max-height:40px;}
}

@media (min-width: 1600px) {
.container {
    width: 1570px;
}
}
.section1{margin-bottom: -70px;background: #fff;}
.s1{position: relative;top: -70px;z-index: 9;padding: 20px;background: #fff;box-shadow: 1px 1px 15px rgba(0, 0, 0, 0.3);}
.s1-item{text-align: center;margin: 10px 0;}
.s1-item h2{color: #333;position: relative;}
.s1-item h2 span{font-size: 50px;font-weight: bold;color: #555;	}
.s1-item h2 em{font-size: 14px;font-style:normal;vertical-align:top;}
.s1-item p{font-size: 16px;color: #999;}
.section1 .row [class*="col-"]+[class*="col-"] .s1-item{border-left:1px solid #ccc;}



.section2{padding: 60px 0;background: #fff;}
.s2{position: relative;}
.s2-text{padding-right: 350px;}
.s2-text1{background: #FCAF15;padding: 80px 160px 80px 40px;}
.s2-text h4{color: #fff;font-size: 56px;text-overflow:ellipsis;white-space:nowrap;overflow:hidden;}
.s2-text h4 a{color: #fff; transition: all 0ms ease-in-out 0s;}
.s2-text span{color: #fff;display: block;margin-bottom: 40px;font-size: 20px;opacity: .6;}
.s2-text p{color: #fff;font-size: 16px;line-height: 24px;height: 72px;overflow: hidden;}
.s2-img{position: absolute;right: 0;top: 50%;width: 466px;height: 262px;margin-top: -131px;}
@media screen and (min-width: 992px) {
.s2-img:after{content:"";display: block;height: 5px;width: 100px;background: #FCAF15;position: absolute;right: -10px;bottom: -10px;}
.s2-img::before{content:"";display: block;height: 100px;width: 5px;background: #FCAF15;position: absolute;right: -10px;bottom: -10px;}
}
@media screen and (min-width: 0) and (max-width: 991px){
.s2-img{position: static;margin-top: 0;width: 100%;height: auto;}
.s2-img img{width: 100%;height: auto;}
.s2-text{margin: 0;padding: 0;}
.s2-text1{padding: 40px;}
.s2-text h4{font-size: 40px;}
}




.section3{padding: 60px 0 20px;background: #F4F4F4;}
.title10{margin-bottom: 15px;}
.title10:after{content:"";display: table;clear: both;}
.title10 ul{padding: 0;margin: 10px 0 0 0;float: right;	}
.title10 ul li{display: inline-block;font-size: 16px;}
.title10 ul li a{display: inline-block;padding: 8px 20px;color: #666;}
.title10 ul li a:hover,
.title10 ul li a.on{background: #0071B9;color: #fff;}
.title10 h4{font-size: 30px;color: #333;}
.title10 h4 a{color: #333;}
.title10 p{font-size: 16px;color: #999;}


@media screen and (min-width: 0) and (max-width: 767px){
.title10 ul{display: none;}
}
.s3-item{margin:20px 0;box-shadow:1px 1px 20px rgba(0,0,0,.1)}
.s3-img{display:block;overflow:hidden;position:relative}
.s3-img img{width:100%;height:auto;margin:0 auto;transition:.6s}
.s3-item:hover .s3-img img{-webkit-transform:scale(1.1);-moz-transform:scale(1.1);-ms-transform:scale(1.1);-o-transform:scale(1.1);transform:scale(1.1)}
.s3-img:after{content:"";display:block;height:54px;width:54px;background:url(../images/s3-item-ico.jpg) left top no-repeat;position:absolute;left:0;top:0}
.s3-text{border-top:1px solid #eee;background:#fff;padding:15px 20px;text-align:center}
.s3-text h4{font-size:22px;font-weight:normal;color:#444;margin-bottom:5px}
.s3-text h4 a{color:#444;text-decoration:none;}
.s3-text p{color:#999;font-size:14px;margin-bottom:0}
.s3-text p a{color:#999}
.s3-item:hover{box-shadow:1px 1px 20px rgba(0,0,0,.5)}
.s3-item:hover .s3-text{background:#0171B9}
.s3-item:hover .s3-text,.s3-item:hover .s3-text h4,.s3-item:hover .s3-text h4 a,.s3-item:hover .s3-text p a,.s3-item:hover .s3-text p{text-decoration:none; color:#fff}




.section4{padding: 20px 0 40px;background: #F4F4F4;}

.s4{position: relative;}	
.swiper4-button-prev,
.swiper4-button-next{
font: normal normal normal 14px/1 FontAwesome;font-size: inherit;text-rendering: auto;-webkit-font-smoothing: antialiased;-moz-osx-font-smoothing: grayscale; 
display: block;height: 40px;width: 40px;outline:none;
position: absolute;top: 50%;margin-top: -20px;cursor: pointer;overflow: hidden;z-index: 11;display: inline-block;
line-height: 40px;text-align: center;color: #fff;}
.swiper4-button-prev{left: 0;background: rgba(0,0,0,.3)}
.swiper4-button-next{right: 0;background:  rgba(0,0,0,.3)}
.swiper4-button-prev:before{content: "\f104";}
.swiper4-button-next:before{content: "\f105";}
.swiper4-button-prev:hover{background: rgba(0,0,0,.7)}
.swiper4-button-next:hover{background:  rgba(0,0,0,.7)}


.s4-item{margin:20px 0}
.s4-img{display:block;overflow:hidden;background:#fff}
.s4-img img{width:100%;height:auto;margin:0 auto;transition:.6s}
.s4-item:hover .s4-img img{-webkit-transform:scale(.95);-moz-transform:scale(.95);-ms-transform:scale(.95);-o-transform:scale(.95);transform:scale(.95)}
.s4-text{background:#fff;padding:20px;text-align:center}
.s4-text h4{text-overflow:ellipsis;white-space:nowrap;overflow:hidden;font-size:28px;color:#333}
.s4-text h4 a{color:#333}
.s4-text p{line-height:24px;height:72px;overflow:hidden;color:#666;margin:20px 0}
.s4-text a.more{display:inline-block;padding:2px 60px;border:1px solid #ccc;font-size:14px;color:#666;border-radius:60px;margin-bottom:10px}
.s4-item:hover .s4-text a.more{background:#0071B9;color:#fff;border-color:#0071B9}




.section5{padding: 80px 0;background: #fff url(../images/s5-bg.jpg);background-size:cover;}

.s5{max-width:820px;margin: 0 auto;}
.s5:after{content:"";display: table;clear: both;}
.s5-img{float: right;width: 243px;height: 262px;overflow: hidden;}
.s5-img img{width: 100%;height: auto;object-fit: cover;}
.s5-text{overflow: hidden;height: 262px;overflow: hidden;background: #0071B9;padding: 30px 20px;text-align: center;}
.s5-text h4{font-size: 36px;color: #fff;font-weight: bold;text-overflow:ellipsis;white-space:nowrap;overflow:hidden;}
.s5-text h4 a{color: #fff;}
.s5-text h4:after{content:"";margin: 35px 0;height: 22px;display: block;background: url(../images/s5-line.png) center center no-repeat;}
.s5-text p{padding: 0 20px;font-size: 16px;color: #fff;opacity: .9;line-height: 24px;height: 48px;overflow: hidden;}
@media screen and (min-width: 0) and (max-width: 767px){
.s5-img{float: none;margin: 0 auto;width:100%;}
}



.section6{padding:60px 0;background: #fdfdfd;}
.s6-l{margin:20px 0;background:#F4F4F4;padding:30px}
.s6-l span{color:#999;font-size:18px;margin-bottom:15px}
.s6-l h4{margin-bottom:20px;color:#444;font-size:22px;text-overflow:ellipsis;white-space:nowrap;overflow:hidden}
.s6-l-img{display:block;overflow:hidden}
.s6-l-img img{width:100%;height:auto;margin:0 auto;transition:.6s}
.s6-l-img img{-webkit-transform:scale(1.1);-moz-transform:scale(1.1);-ms-transform:scale(1.1);-o-transform:scale(1.1);transform:scale(1.1)}
.s6-l a.more{background:#0071B9 url(../images/s3-item-ico.jpg) center center no-repeat;display:block;height:32px;width:120px;margin-top:25px}
.s6-r{margin:20px 0}
.s6-item{padding:32px 20px;border-top:1px solid #ccc}
.s6-item:hover{box-shadow:1px 1px 20px rgba(0,0,0,.3)}
.s6-item h4{font-size:24px;color:#333;text-overflow:ellipsis;white-space:nowrap;overflow:hidden}
.s6-item h4 a{color:#333;display:block;text-overflow:ellipsis;white-space:nowrap;overflow:hidden}
.s6-item:hover h4{color:#0071B9}
.s6-item:hover h4 a{color:#0071B9}
.s6-item p{line-height:24px;height:48px;overflow:hidden;color:#888;margin-bottom:0}
.s6-item h4 small{font-size:26px;color:#999;float:right;margin-left:20px}
.s6-item p a.more{display:block;float:right;height:16px;width:35px;background:url(../images/s6-more.png) center center no-repeat;margin:18px 0 0 50px}




.section7{padding: 80px 0 0;height: 650px;text-align: center;background:#fff url(../images/s7-bg.jpg) center center no-repeat;background-size:cover;}
.section7 h4{font-size: 48px;margin-bottom: 15px;}
.section7 .s7-span{color: #999;display: block;margin: 10px 0 40px;font-size: 18px;}
.section7 p{color: #666;font-size: 16px;max-width:980px;margin: 0 auto;}




.section8{padding: 100px 0;background: #fff;}
.s8{position: relative;}	
.swiper8-button-prev,
.swiper8-button-next{
font: normal normal normal 14px/1 FontAwesome;font-size: inherit;text-rendering: auto;-webkit-font-smoothing: antialiased;-moz-osx-font-smoothing: grayscale; 
display: block;height: 40px;width: 40px;
position: absolute;top: 50%;margin-top: -20px;cursor: pointer;overflow: hidden;z-index: 11;display: inline-block;
line-height: 40px;text-align: center;color: #fff;}
.swiper8-button-prev{left: 0;background: rgba(0,0,0,.3)}
.swiper8-button-next{right: 0;background:  rgba(0,0,0,.3)}
.swiper8-button-prev:before{content: "\f104";}
.swiper8-button-next:before{content: "\f105";}
.swiper8-button-prev:hover{background: rgba(0,0,0,.7)}
.swiper8-button-next:hover{background:  rgba(0,0,0,.7)}
@media screen and (min-width: 1300px) {
.swiper8-button-prev{left: -50px;}
.swiper8-button-next{right: -50px;}
}
@media screen and (min-width: 1092px) and (max-width: 1199px){
.swiper8-button-prev{left: -50px;}
.swiper8-button-next{right: -50px;}
}
@media screen and (min-width: 868px) and (max-width: 991px){
.swiper8-button-prev{left: -50px;}
.swiper8-button-next{right: -50px;}
}
.s8-item{border:1px solid #ccc;margin: 10px 5px;position: relative;top: 0; transition: all 300ms ease-in-out 0s;}
.s8-item:hover{box-shadow: 1px 1px 20px rgba(0, 0, 0, 0.3);top: -5px;}
.s8-item img{width: 100%;height: auto;}

