@charset "utf-8";

/* Common */
body,p,h1,h2,h3,h4,h5,h6,ul,ol,li,dl,dt,dd,table,th,td,form,fieldset,legend,input,textarea,button{margin:0;padding:0}
body,input,textarea,select,table{font-family:roboto}
img,fieldset{border:0}
li{list-style:none}
em,address{font-style:normal}
a{text-decoration:none}
a:hover,a:active,a:focus{text-decoration:none}
.blind{visibility:hidden;overflow:hidden;position:absolute;top:0;left:0;width:1px;height:1px;text-indent:-10000px}
.dim{position:fixed;top:0;left:0;z-index:1000;width:100%;height:100%;background-color:#000;opacity:.7;filter:alpha(opacity=70);-moz-opacity:.7}
html,body{height:100%}
body{position:relative;min-width:1180px; background: #f2f7fa;}

#header{min-width:1180px}

.hd{position:absolute;top:0;left:58%;width:1180px;height:80px;margin-left:-590px;z-index:100}
.hd .logo a{display:block;float:left;width:150px;height:80px;margin-top:20px;background:url(../images/logo.png) no-repeat; background-size: 60% auto; }
.hd .navi li{float:left;margin:48px 62px 0 0}
.hd .navi li a{font-size:12px;font-family:robotoLight;color:#fff;letter-spacing:1px}
.hd .navi li a:hover,.hd .navi li a.on{border-bottom:1px solid #fff}
.hd .navi li:first-child{margin-left:70px}


#header.fix{position:fixed;z-index:100;width:100%;min-width:1180px;height:80px;border-bottom:1px solid #e6e4e1;background:#fff}
#header.fix .hd .logo a{display:block;float:left;width:150px;height:80px;margin-top:10px;background:url(../images/logo.png) no-repeat;background-size: 60% auto; }
#header.fix .hd .navi li{float:left;margin:30px 62px 0 0}
#header.fix .hd .navi li a{font-size:14px;font-family:roboto;color:#333;letter-spacing:1px}
#header.fix .hd .navi li a:hover,#header.fix .hd .navi li a.on{border-bottom:1px solid #333}
#header.fix .hd .navi li:first-child{margin-left:70px}
#header.fix .hd .select_lang{float:right;margin-top:29px}
#header.fix .hd .select_lang .select_opt{font-size:12px;color:#333}

/* banner */
.picbanner .swiper-container .swiper-slide img { width: 100%;display: block;}
.picbanner .swiper-pagination { position: relative;width: 100%;bottom: 50px;}
.swiper-pagination-bullet {background: #666;width: 8px;height: 8px;margin-right: 8px;border-radius: 100%; -webkit-border-radius: 100%;opacity: 1;}
.swiper-pagination-bullet-active {background: #fff;}

/* 1 */
.section_one {position: relative; padding: 60px 0; text-align: center;}
.section_one h2 {font-family: volteSemiBold; font-size: 24px; color: #e60012; margin-bottom: 8px;}
.section_one h3 {font-size: 16px; color: #808080; margin-bottom: 24px;}
.section_one ul {width: 76%; margin: 20px auto; zoom:1;}
.section_one ul::after {display: block; clear: both; content: ""; visibility: hidden; height: 0}
.section_one ul li{float: left; width: 18%; margin: 0 1%; overflow: hidden;}
.section_one ul li a {display: block; width: 100%; height: 100%; font-size: 0}
.section_one ul li img {cursor: pointer; transition: all 0.6s; width: 100%;}
.section_one ul li img:hover {transform: scale(1.4);}

/* 2 */
.section_two{position:relative; background:url(../images/bg.png) repeat; background-size: 128%; padding-bottom: 50px}
.section_two h2{padding:50px 0 22px; font-family: volteSemiBold; font-size: 24px; color: #e60012; text-align:center}
.section_two h2::after {display: block; margin: 0 auto; width: 74px; height: 2px; background: #808080; margin-top: 5px; content: ""}
.section_two p{width: 76%; margin: 0 auto; text-align: center; font-size: 14px; color: #383838; line-height: 26px}

/* 3 */

.section_three{position:relative;overflow:hidden;width:100%;}
.section_three h2{padding-top:50px; font-family: volteSemiBold; font-size: 24px; color: #e60012; margin-bottom: 8px; text-align:center}
.section_three h3 {font-size: 16px; color: #808080; margin-bottom: 24px; text-align:center}
.section_three ul {width: 76%; margin: 20px auto; zoom:1;}
.section_three ul::after {display: block; clear: both; content: ""; visibility: hidden; height: 0}
.section_three ul li{float: left; width: 29%; margin: 20px 1.1%; padding: 1%;  background: #fff; box-shadow: 1px 1px 3px #ccc;}
.section_three ul li a {display: block; width: 100%; height: 100%; font-size: 0; overflow: hidden;}
.section_three ul li img {cursor: pointer; transition: all 0.6s; width: 100%;}
.section_three ul li img:hover {transform: scale(1.4);}
.section_three ul li p:nth-child(1) {overflow: hidden;}
.section_three ul li p:nth-child(2) { height: 36px; line-height: 42px; font-size: 16px; font-weight: 600; color: #383838;}
.section_three ul li span{display: block; height: 24px; line-height: 24px; font-size: 13px; color: #e60012;}
.section_three .btn{display: flex; display: -webkit-flex; justify-content: center; width: 200px; height: 46px; line-height: 46px; text-align: center; margin: 0 auto; background: #e60012; border-radius: 6px; color: #fff; font-size: 14px;}
.section_three .btn img{width: 20px; height: 20px; margin: 12px 0 0 8px}

/* 4*/
.section_five{overflow:hidden;position:relative;padding:60px 0; text-align: center;}
.section_five h2{margin-bottom:38px;font-family: volteSemiBold; font-size: 24px; color: #e60012; margin-bottom: 8px;}
.section_five h3 {font-size: 16px; color: #808080; margin-bottom: 24px;}

/* 5 */
.footer{height:110px;background:#383838; padding: 20px 0;}
.footer p{line-height: 30px; text-align: center; font-size:13px;}
.footer span, .footer a {margin-right: 50px; color:#999}
.footer address{font-family:robotoLight;font-size:12px;color:gray}