@charset "utf-8";
/* CSS Document */
@font-face { font-weight: 400; font-style: normal; font-family: HELVETICANEUELTPRO-THEX; src: url(../fonts/HELVETICANEUELTPRO-THEX.OTF) }
*{ margin:0; padding:0; border:0; font-family:PingFang SC, HELVETICANEUELTPRO-THEX, Arial, "微软雅黑";}
ul,li{ list-style:none;}
a{ text-decoration:none;}
.clear{ clear:both;}


body, html, main {
 /* important */
 height: 100%;
}

#header { position: fixed; z-index: 9999; width: 100% ; height:auto; background-color:rgba(0,0,0,0.4); box-shadow:0 0 5px rgba(0,0,0,0.2);}

#header .wrapper { width:100%; height: auto }
#header .logo{ width:150px; height:50px; float:left; margin-left:40px; margin-top:15px;}
#header .logo img{ width:100%; height:auto;}






 
.i_fixed-bg {
 min-height: 100%;
 background-size: cover;
 background-attachment: fixed;
 background-repeat: no-repeat;
 background-position: center center;
}
.i_fixed-bg2 {
 min-height:300px;
 background-size: cover;
 background-attachment: fixed;
 background-repeat: no-repeat;
 background-position: center center;

}
 
.i_fixed-bg.i_bg-1 { background-image: url(../images/cd-background-1.jpg);}
.i_fixed-bg2.i_bg-2 { background-image: url(../images/cd-background-2.jpg);}
.i_fixed-bg.i_bg-3 { background-image: url(../images/cd-background-3.jpg);}
.i_fixed-bg.i_bg-4 { background-image: url(../images/cd-background-1.jpg);}
 
.i_scrolling-bg { min-height: 100%;}
.i_scrolling-bg2{ min-height:300px;}
.i_scrolling-bg3{ min-height:120px;}


.i_color-4{ background-color:#F7F7F7;}


.module .module_container { margin: 0 auto; padding-right: 5px; padding-bottom: 70px; padding-left: 5px; max-width: 1170px }
.ad01 .item_block.first .item_img:before { position: absolute; top: 0; z-index: 2; margin: 10px; width: calc(100% - 22px); height: calc(100% - 22px); border: 1px solid transparent; content: ''; transition: all ease-out .3s }
.ad01 { position: relative; border-top: 1px solid transparent }
.ad01 .item_block.first .item_img:after, .ad01 .item_info .description, .ad01 .item_date, .ad01 .module_container .container_header { display: none }
.ad01 .module_container { position: relative; z-index: 2; padding: 90pt 5px }
.ad01 .item_block.first { position: relative; float: left; width: 585px; height: 584px }
.ad01 .item_block.first .item_img { display: block; width: 585px; height: 585px }
.ad01 .item_block.first .item_img img { width: 100%; height: 100% }
.ad01 .item_block.first .item_wrapper { display: none }
.ad01 .item_block { position: relative; float: left; overflow: hidden; width: 292px; height: 292px; box-shadow: 0 0 1px rgba(0,0,0,.2) }
.ad01 .item_wrapper { position: absolute; bottom: 0; left: 0; width: 100%; height: 78px; background-color: transparent; transition: all .6s cubic-bezier(.215, .61, .355, 1) 0s }
.ad01 .item_info { display: block; padding: 15px 30px; transition: all 0.01s ease-out 0s; }
.ad01 .title { color: #fe6902; font-size: 1pc; line-height: 26px; }
.ad01 .subtitle { color: #999; font-size: 9pt }
.ad01 .item_img { position: relative; display: block; overflow: hidden }
.ad01 .item_img img { width: 100%; transition: all .3s ease-out 0s }
.ad01 .item_img:after { position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: 0 0; content: ''; transition: all .6s cubic-bezier(.215, .61, .355, 1) 0s }
.ad01 .item_block:hover .item_img:after { background-color: transparent }
.ad01 .item_block:hover .subtitle { color: hsla(0,0%,100%,.56) }
.ad01 .item_block:hover .item_wrapper .title { color: #fff }
.ad01 .item_block:hover .item_wrapper { height: 66pt; background-color: #fe6902 }
.ad01 .item_block:hover .item_img img { -webkit-transform: scale(1.06, 1.06); transform: scale(1.06) }
.ad01 .item_block.first .item_img:hover img { -webkit-transform: scale(1.06, 1.06); transform: scale(1.06, 1.06) }
.ad01 .item_block.first:hover .item_img:before { border: 1px solid #fe6902 }
.ad01 .container_category { display: none }




.prolist{ margin: 0 auto; padding-right: 5px; padding-bottom: 70px; padding-left: 5px; max-width: 1160px}
.prolist ul li{ width:290px; height:290px; float:left; position:relative; overflow:hidden;}
.prolist ul li img{ width:calc(90% - 2px); padding:5%;}
.prolist ul li span{ width:100%; height:30px; color:#666; text-align:center; line-height:30px; background:#fff; position:absolute; bottom:0; left:0; z-index:1}
.prolist ul li:hover img{ -webkit-transform: scale(1.06, 1.06); transform: scale(1.06);transition: all ease-out .6s }
.prolist ul li:hover img:before{ border:1px #F90 solid;}
.prolist ul li:hover span{ bottom:30px; transition: all ease-out .6s}


.color-3{ background:#F6F6F6;}
.contact_tit{ width:290px; height:auto; line-height:50px; float:left; padding-top:10px;}
.contact_tit h2{ font-weight:100;}


.center-wrap {
    position: relative;
    z-index: 1;
	width:80%;
    max-width: 1040px;
    height: 100%;
    margin: 0 auto;
	overflow:hidden;
}
.center-wrap5 {
    position: relative;
    z-index: 1;
	width:80%;
    max-width: 1040px;
    height: 100%;
    margin: 0 auto;
	overflow:hidden;
}

.footer-link { padding: 30px 0;  border-bottom: 1px solid #565454; background:#2c2c2c; color: #717171;}
.footer-link dl { float: left; width: 19.9%;}
.footer-link dt { line-height: 45px; font-weight: 700; color:#FFF;}
.footer-link dd { line-height: 28px; font-size:12px;}
.footer-link a { color: #717171; text-decoration: none;}
.footer-link a:hover { color: #fff;}


.footer{ width:100%; height:500px;} 
.contacts{ padding-top:50px; padding-bottom:30px !important; color:#666;}
.contacts .foot_m{ width:290px; line-height:25px; font-size:14px; padding:20px; height:auto;  float:left;}
.contacts .ewm{ width:500px; height:190px; border-radius:25px; padding:25px; float: left; padding:20px; }
.contacts .ewm div{ width:290px; font-size:14px; line-height:35px; float:left;}
.contacts .ewm .ewm_img{ float:left; width:150px; height:150px; }
.contacts .ewm .ewm_img img{ width:100%; height:auto;}
.contacts .ewm .tel{ padding:5px 0px; display:inline; float: left; font-size:18px;}
.contacts .ewm .tel span{ color:#C00; font-size:14px;}
.contacts .foot_l .foot_tit h1,.foot_n .foot_m .foot_tit h1{ font-size:30px; height:50px; line-height:50px; color:#515151; font-weight:500;}
.contacts .foot_l .foot_tit span,.foot_n .foot_m .foot_tit span{ font-size:20px; color:#515151; line-height:20px; height:20px; display:block; font-family:myfont;}
.di{ height: auto !important; color:#717171; font-size:14px; line-height:40px; background:#2c2c2c;}
.di a{ color:#717171;}
.di_n{}
.di_n .copyright{ float:left; }
.di_n .gxb{ width:30px; height:auto; float: left;}
.di_n .gxb img{ width:100%; height:auto;}
#mainCon{margin-top:1px}
.thumbnail {position:relative;z-index:999999;}
.thumbnail img{border-width:0;padding:2px;position:absolute;background-color:#FFFFE0;left:60px; top:0;border:1px dashed gray;visibility:hidden;color:#000;text-decoration:none;padding:1px; width:140px; height:auto;}
.thumbnail a:hover img{visibility:visible;}

.thumbnail2 {position:relative;z-index:999999;}
.thumbnail2 img{border-width:0;padding:2px;position:absolute;background-color:#FFFFE0;left:60px; top:0; border:1px dashed gray;visibility:hidden;color:#000;text-decoration:none;padding:1px; width:140px; height:auto;}
.thumbnail2 a:hover img{visibility:visible;}

.nav {
    width: 100%;
    margin: 0 auto;
    background: #f7f7f7;
}
.nav>div {
    width: 1200px;
    margin: 0 auto;
}
.clearfix {
    zoom: 1;
}
.clearfix {
    zoom: 1;
}
.nav ul li {
    float: left;
    line-height: 50px;
    margin-right: 55px;
}
.nav ul li a {
    color: #888;
}




/*-------------------------------------------------------------------产品中心-----------------------------------------------------------------------*/
.p_fixed-bg {
 height:320px;
 background-size:100%,cover;
 background-attachment: fixed;
 background-repeat: no-repeat;
 background-position: top center;
}
.p_fixed-bg2 {
 min-height:300px;
 background-size: cover;
 background-attachment: fixed;
 background-repeat: no-repeat;
 background-position: center center;

}
 
.p_fixed-bg.p_bg-1 { background-image: url(../images/bulb-2287759_1920.jpg);  background-position:center;}
.p_fixed-bg2.p_bg-2 { background-image: url(../images/cd-background-2.jpg);}
.p_fixed-bg.p_bg-3 { background-image: url(../images/1491380279987.jpg);}
.p_fixed-bg.p_bg-4 { background-image: url(../images/cd-background-1.jpg);}
 
.p_scrolling-bg { min-height: 100%;}
.p_scrolling-bg2{ min-height:300px;}
.p_scrolling-bg3{ min-height:120px;}



/*分类*/
.container_category { margin:50px 0; text-align: center }
.container_category a { position: relative; display: inline-block; margin-left: 10px; padding: 8px 25px; height: 1pc; color: #898989; line-height: 1pc; transition: all .3s ease-out 0s }
.container_category a:after { position: absolute; margin-top: 7px; margin-left: 25px; width: 10px; height: 1px; background-color: #dbdbdb; content: '' }
.container_category a:last-of-type:after { width: 0; height: 0 }
.container_category a.active,.container_category a:hover { background-color:#333; color: #fff }
/*分页*/
#pages { padding: 20px 0 60px; height: 24px; text-align: center }
#pages span { display: inline-block; margin: 0 10px; color: #222; line-height: 28px }
#pages a { color:#999; display: inline-block; margin-right: 5px; padding:5px; text-align: center; text-decoration: none; font-family: Arial; line-height: 24px; transition: all .2s ease-out }
#pages a:after { display: block; margin: 2px auto; width: 0; height: 1px; background-color: #d4d4d4; content: "" }
#pages a.active { color:#333 }
#pages a.active:after, #pages a:hover:after { width: 10px }





/*---------------------------------------------------------------------方案中心------------------------------------------------------------------*/
.n_fixed-bg {
 height:320px;
 background-size:100%,cover;
 background-attachment: fixed;
 background-repeat: no-repeat;
 background-position: top center;
}
.n_fixed-bg.n_bg-8 { background-image: url(../images/project.jpg);}


.projectlist{
    margin:20px auto; padding-right: 5px; padding-bottom: 70px; padding-left: 5px; width: calc(100% - 10px); max-width: 1160px
}
.projectlist .item_img { width: 55%; float: left; }
.projectlist .item_img img {
    float: none;
    width: 100%;
}
.projectlist .item_wrapper { width: 40%; float: left; padding-top: 50px; padding-left: 2%; }
.projectlist .item_block { border-top: 1px dotted #d3d3d3; padding: 40px 0 20px; }
.projectlist .item_block:first-child { border-top-color: transparent; }
.projectlist .item_block:after { content: ''; display: block; clear: both; }
.projectlist .item_block .title { font-size: 16px; color: #777; font-weight: bold; }
.projectlist .item_block .subtitle { color: #a6a6a6; margin-top: 4px }
.projectlist .item_block .description { color: #777; line-height: 24px; margin-top: 28px; }
.projectlist .item_block .details { padding: 10px 40px; background: #666; color: rgb(255, 255, 255); text-decoration: underline; margin: 40px 0 0; display: inline-block; }



/*--------------------------------------------------------------------------新闻中心----------------------------------------------------------------*/
.n_fixed-bg {
 height:320px;
 background-size:100%,cover;
 background-attachment: fixed;
 background-repeat: no-repeat;
 background-position: top center;
}
.n_fixed-bg.n_bg-7 { background-image: url(../images/1501571310681.jpg); background-size:cover,cover; }



#newslist .newstitem {background-color: #fff;}
#newslist .newstitem:hover {background: #291b20;}
#newslist .newstitem:hover { background: #291b20; }
#newslist .newstitem { background-color: #eeefef; height: 140px; }
#mnews .content .header { padding-bottom: 120px; }
#newslist .newscontent { padding-top: 32px; }
#newslist .newsbody .description { margin-top: 16px; width: 510px; font-size: 12px; }
#newslist .newsinfo .md { color: #B1B1B1; }
#newslist .newsdate {
    width: 240px;
}
#newslist .newsinfo .md {
    color: #dcdcdc;
    font-size: 40px;
    line-height: 80px;
    text-align: right;
	height:80px;
	overflow:hidden;
}
#newslist .newsinfo .year {
    color: #bdbdbd;
    font-size: 16px;
    text-align: right;
}
#newslist .newsbody {
    margin-left: 50px;
}
#newslist .newsbody .title {
	width:100%;
    max-width: 520px;
    height: 20px;
    line-height: 20px;
    font-size: 16px;
    color: #464646;
}
#newslist .newstitem i {
    font-size: 36px;
    margin-top: 20px;
    color: rgba(0,0,0,0);
    transition: all ease-out .3s;
    text-indent: -30px;
}
#newslist .newsinfo {
    margin-left: 160px;
    transition: all 0.6s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;
}
.fl {
    float: left;
}
.fr {
    float: right;
}
.hide, .popup {
    display: none;
}
#newslist .newsbody .description {
	width:100%;
    max-width: 460px;
    height: 42px;
    line-height: 22px;
    font-size: 13px;
    color: #6a6a6a;
    margin-top: 10px;
    overflow: hidden;
}



/*------------------新闻中心(内)-----------------------*/
.news_n{ margin:20px auto; padding-right: 5px; padding-bottom: 70px; padding-left: 5px; width:100%; max-width: 1160px; overflow:hidden;}
.content .header {
    padding-bottom: 50px;
    padding-top: 80px;
}
#sitecontent .npagePage .content .header.fw p.title {
    margin-left: 0;
}
#sitecontent .npagePage .content .header.fw p.subtitle {
    margin-left: 0;
}
.content .header p.subtitle {
    font-size: 12px;
    margin-top: 5px;
    color: #707070;
    font-family: "Times New Roman", "微软雅黑";
}
.content .header p.title {
    font-size: 24px;
    font-family: "Times New Roman", "微软雅黑";
}
.content .header p.title {
    color: #444;
    font-size: 26px;
}
.content .header p {
    text-align: center;
}
.postbody{color: #999;}
.postbody img{ width:100%; height:auto;}
.postbody p {
    word-wrap: break-word;
    word-break: normal;}
	.postbody {
    color: #757575;
	font-size: 13px;
    line-height: 26px;
}




/*--------------- case wangliuzhan [[ --------------------*/
.case_banner{height: 500px;width: 100%;background: url("../images/case_banner.jpg") no-repeat center center;text-align: center;}
.case_banner p{font-size: 40px;color: #fff;padding-top: 242px;}
.case_sec{padding-bottom: 75px;min-height:960px;}
.cc_container{width: 1190px;margin: 0 auto;padding-top: 43px;position:relative;min-height: 1368px;}
.cc_container .cc_item{display: block;float: left;border: 1px solid #ececec;width: 370px;margin-top: 56px;text-align: center;position: absolute;min-height: 400px;}
.cc_container .cc_item img{width: 370px;height: 230px;}
.cc_container .cc_item.cc_one{position: absolute;left: 0;top:0;}
.cc_container .cc_item.cc_two{position: absolute;left: 405px;top:0;}
.cc_container .cc_item.cc_three{position: absolute;left: 810px;top:0;}
.cc_container .cc_item.cc_four{position: absolute;left: 0;top:456px;}
.cc_container .cc_item.cc_five{position: absolute;left: 405px;top:456px;}
.cc_container .cc_item.cc_six{position: absolute;left: 810px;top:456px;}
.cc_container .cc_item.cc_seven{position: absolute;left: 0;top:912px;}
.cc_container .cc_item.cc_eight{position: absolute;left: 405px;top:912px;}
.cc_container .cc_item.cc_nine{position: absolute;left: 810px;top:912px;}
.cc_container .cc_item .ci_title{font-size: 20px;color: #333;margin-top: 20px;}
.cc_container .cc_item .ci_txt{font-size: 14px;color: #888;margin: 24px auto 0 auto;width: 90%;border-bottom: 1px solid #ececec;padding-bottom: 26px;text-align: left;height:100px;}
.cc_container .cc_item .ci_btn{padding-right: 5%;margin: 6px 0 10px 70%;}
.cc_container .cc_item a{display: inline-block;width: 40px;height: 40px;}
.cc_container .cc_item.cc_message a.ci_home{background-position:-674px 0;}
.cc_container .cc_item.cc_message a.ci_message{background-position:-714px 0;}
.cc_container .cc_item a.ci_home{background-position:-754px 0;margin-right: 4px;}
.cc_container .cc_item a.ci_message{background-position:-634px 0;}
.cc_container .ci_message_content{display: none;}
.ci_message_content .cmc_icon_left{width: 42px;height: 40px;background-position:-998px 0;}
.ci_message_content .cmc_icon_right{width: 39px;height: 40px;background-position:-555px 0;float: right;margin-right: 5%;}
.ci_message_content .cmc_txt{width: 90%;margin: 0 auto 25px auto;font-size: 14px;color: #888;text-align: left;}
.ci_message_content .cmc_tips{margin-right: 5%;font-size: 16px;color: #333;text-align: right;margin-top: 80px;padding-bottom: 28px;border-bottom: 1px solid #ececec;}

/*--------------- case wangliuzhan ]] --------------------*/
@media screen and (max-width: 1442px){
	.bs_one h1{padding-top: 4.5em}
	.bs_three h1{padding-top: 5em}
	.en_banner_one h1,.bs_two h1{margin-top: 5em;}
	.home_banner .hb_container{padding-top:15em;}
}





/*-------------- contact_us lihao [[ -----------------*/
.top_bg{background-image: url("../images/local_01.jpg");background-repeat: no-repeat;width: 100%;height: 300px; background-position: center center;}
.clearfix:after {content: " "; display: block; clear: both; height: 0;}.clearfix {zoom: 1;}
.nav{width: 100%;margin: 0 auto;background: #f7f7f7;}
.nav>div{ width:100%;max-width:1200px;margin: 0 auto;}
.nav ul li{float: left;line-height: 50px;margin-right: 55px;}
.nav ul li a{color: #888}
.nav ul li.active a,.nav ul li a:hover{color: #12cd3e;}
.contactbox h2{font-size: 36px;color: #333;text-align: center; font-weight:500;margin: 80px auto 25px;}
hr{height: 3px;width: 50px;display: block;margin: 0 auto 50px;border: 0;background: #0cf;}
.contact_sty{ width:100%; max-width: 1200px;margin: 0 auto;padding: 0 0 80px;}
.contact_sty>div{float: left;background-image:url("../images/line_03.jpg") ;background-position: right center;background-repeat: no-repeat; width:100%;max-width: 400px; text-align: center;}
.contact_sty .icon,.icons .icon{ background-image: url(../images/icons.png);background-repeat: no-repeat; margin:0 auto 18px;}
.contact_sty .icon1{height:36px;width:36px;background-position:0 -65px;  }
.contact_sty .icon2{height:36px;width:36px;background-position:0 -101px;}
.contact_sty .icon3{height:36px;width:24px;background-position:0 -29px; }
.icon_bg{background: #f7f7f7;width: 100%;padding: 50px 0 }
.icons{ width:80%;max-width: 1122px;margin: 0 auto;}
.icons ul li{display:inline-block; width:20%;text-align: center;margin-right: 15%;vertical-align:top;}
.icons ul li:nth-child(3){margin-right:0; }
.icons ul li .zh{color: #484848;}
.icons ul li .email{margin: 40px 0 20px;display: block;color: rgb(51,51,51);background-image: url(../images/icons.png);background-repeat: no-repeat;background-position:0 6px;text-align: left;padding-left:20px; }
.icons .icon{height:81px;width:81px;}
.icons .icon5{background-position:0 -137px;}
.icons .icon6{background-position:0 -461px;}
.icons .icon7{background-position:0 -218px;}
.icons .icon8{background-position:0 -380px;}
.icons .icon9{background-position:0 -299px;}
.icons .icon10{background: url("../images/icon5.png");}
.icons ul li .tel{color: rgb(51,51,51);background-image: url(../images/icons.png);background-repeat: no-repeat;background-position:0 -12px;text-align: left;padding-left: 20px; }
.BMapLabel{  top: 17px!important;left: 43px!important;}

/*-------------- contact_us lihao ]] -----------------*/
/*-------------- contact_us en lihao [[ -----------------*/
.clearfix:after {content: " "; display: block; clear: both; height: 0;}.clearfix {zoom: 1;}
.contact_bg1{background-image: url("../images/banner_01.jpg");width: 100%;background-size: cover;background-repeat: no-repeat;background-position: center;height: 300px;}
.cu_banner{background: #f7f7f7;width: 100%;}
.cu_banner ul{width: 1200px;margin: 0 auto;}
.cu_banner ul li{line-height: 50px;font-size: 14px;float: left;margin-right: 60px;cursor: pointer}
.cu_banner ul li a{color: #919191; }
.cu_banner ul li.active a,.banner ul li a:hover{color: #31d051;}
.cu_content{width: 100%;}
.cu_content h1{padding-top: 88px;margin-bottom: 95px;text-align: center;font-weight: 500;font-size: 36px;color: #333;}
.cu_container{width: 1086px;margin: 0 auto;}
.cu_container ul li{float: left;width: 361px;margin-bottom: 90px;text-align: center;height: 200px;}
.cu_container ul li>div{margin: 0  auto 40px;}
.cu_container ul li>p.tit{color: #333;font-size: 22px;margin-bottom: 20px;text-align: center;}
.cu_container ul li>p,.cu_container ul li a{padding-left: 0px;text-align: left;color: #494949;font-size: 16px;}
.cu_container .lg_p{font-size: 18px;text-align: center;}
.cu_content .icon{background-image: url("../images/icons.png");background-repeat: no-repeat;}
.cu_content .icon1{height:56px;width:70px;background-position:-325px 0; }
.cu_content .icon2{height:53px;width:48px;background-position:-76px 0;}
.cu_content .icon3{height:60px;width:60px;background-position:-192px 0;}
.cu_content .icon4{height:60px;width:60px;background-position:-127px 0;}
.cu_content .icon5{height:60px;width:83px;background-position:-399px 0;}
.cu_content .icon6{height:60px;width:60px;background-position:-260px 0;}
.cu_content .icon7{  background-image:url("../images/icon7_06.png");background-position:left center;background-repeat: no-repeat;}
.cu_content .icon8{ background-image:url("../images/icon8_03.png");background-position: left center;background-repeat: no-repeat}
.cu_content .icon9{background-image:url("../images/icon9_07.png");background-position:left center;background-repeat: no-repeat}
.cu_content .icon10{background-image:url("../images/icon10.png");background-position:left center;background-repeat: no-repeat}
.cu_content .pl15{padding-left: 18px}
.cu_content a.ml80{display: block;}
.cu_content .tel{width: 240px;margin-left: 60px;}
.border_r{border-right: 1px solid #ebebeb;}
/*-------------- contact_us en lihao ]] -----------------*/




/*--------------------------------------------------------------------------关于我们----------------------------------------------------------------*/

.n_fixed-bg {
 height:320px;
 background-size:100%,cover;
 background-attachment: fixed;
 background-repeat: no-repeat;
 background-position: top center;
}
.n_fixed-bg.n_bg-1 { background-image: url(../images/1501571310681.jpg);}
.n_fixed-bg.n_bg_down { background-image: url(../images/8faf96e3725aeb35fb2660bba8d5c956.jpg); }
.n_fixed-bg.n_bg_case { background-image: url(../images/business-man-and-woman-handshake-in-work-office-picjumbo-com.jpg);}
.n_fixed-bg.n_bg_news { background-image: url(../images/season-1985856_1920.jpg);}
.n_fixed-bg.n_bg_about { background-image: url(../images/teacup-2325722_1920.jpg); background-position:center; background-size:cover,cover;}
.n_fixed-bg.n_bg_prduct { background-image: url(../images/bulb-2287759_1920.jpg);}










/*--------------------------------------------------------------------------资料下载----------------------------------------------------------------*/
.btn {
    display: inline-block;
    padding: 6px 15px;
    margin-bottom: 0;
    font-size: 14px;
    font-weight: 300;
    line-height: 1.57142857;
    text-align: center;
    white-space: nowrap;
    vertical-align: middle;
    -ms-touch-action: manipulation;
    touch-action: manipulation;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    background-image: none;
    border: 1px solid transparent;
    border-radius: 3px;
}
.met-download .met-download-list .list-group-item {
    padding: 30px 0px;
}
.list-group-dividered .list-group-item:first-child {
    border-top-color: transparent;
}
.list-group-item:first-child {
    border-top-left-radius: 3px;
    border-top-right-radius: 3px;
}
.list-group-item {
    position: relative;
    display: block;
    padding: 10px 15px;
    background-color: #fff;
    border-bottom: 1px solid #e4eaec;
}
.media-body {
    width: 10000px;
}
.media-body, .media-left, .media-right {
    display: table-cell;
    vertical-align: top;
}
.list-group .media .media-right, .list-group .media .pull-right {
    padding-left: 20px;
}
.pull-right {
    float: right!important;
}
.list-group .media .media-heading {
    font-size: 14px;
}
.media-heading {
    margin-top: 0;
    margin-bottom: 5px;
}
.h1, .h2, .h3, .h4, .h5, .h6, h1, h2, h3, h4, h5, h6 {
    text-shadow: rgba(0,0,0,.15) 0 0 1px;
}
.h1, .h2, .h3, .h4, .h5, .h6, h1, h2, h3, h4, h5, h6 {
    font-family: Roboto,sans-serif;
    font-weight: 400;
    line-height: 30px;
    color: #37474f;
}
small {
    font-size: smaller;
}
.met-download .met-download-list h4.media-heading a {
    color: #2a333c;
    font-size: 16px;
}
.met-download .met-download-list .media-left i {
    font-size: 38px;
    color: #a3afb7;
}
.list-group-item .icon {
    margin-right: 10px;
}
[class*=" fa-"], [class^=fa-] {
    position: relative;
    display: inline-block;
    font-family: FontAwesome;
    font-style: normal;
    font-weight: 400;
    -webkit-transform: translate(0,0);
    -ms-transform: translate(0,0);
    -o-transform: translate(0,0);
    transform: translate(0,0);
    text-rendering: auto;
    speak: none;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}
.met-download .met-download-list .media-left {
    padding-right: 5px;
    padding-left: 10px;
}
.met-download .met-download-list a.btn {
    margin-right: 10px;
}
.btn-outline.btn-primary {
    color: #62a8ea;
    background-color: transparent;
}
.btn-squared {
    border-radius: 0;
}

.btn-primary {
    border-color: #62a8ea;
}
.btn{
	background-color: #62a8ea; color:fff !important;
    padding: 6px 15px;
    font-size: 14px;
    line-height: 1.57142857;
    border-radius: 3px;
    -webkit-transition: border .2s linear,color .2s linear,width .2s linear,background-color .2s linear;
    -o-transition: border .2s linear,color .2s linear,width .2s linear,background-color .2s linear;
    transition: border .2s linear,color .2s linear,width .2s linear,background-color .2s linear;
    -webkit-font-smoothing: subpixel-antialiased;
}

.no-gutter > [class*=col-] {
    padding-right: 0;
    padding-left: 0;
}

.col-lg-3 {
    width: 25%;
}

.col-lg-1, .col-lg-10, .col-lg-11, .col-lg-12, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9 {
    float: left;
}
.col-lg-1, .col-lg-10, .col-lg-11, .col-lg-12, .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-md-1, .col-md-10, .col-md-11, .col-md-12, .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-sm-1, .col-sm-10, .col-sm-11, .col-sm-12, .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-xs-1, .col-xs-10, .col-xs-11, .col-xs-12, .col-xs-2, .col-xs-3, .col-xs-4, .col-xs-5, .col-xs-6, .col-xs-7, .col-xs-8, .col-xs-9 {
    position: relative;
    min-height: 1px;
    padding-right: 15px;
    padding-left: 15px;
}
/* ---------------------------------------------------------------------------- */
/* ------------------------------Portfolio Box--------------------------------- */
/* ---------------------------------------------------------------------------- */	
.portfolio-box {display: block;position: relative;margin: auto;overflow: hidden;max-width: 500px; height:687px;}

/****** Zoom Effect ******/
.portfolio-box.zoom-effect .portfolio-box-caption{background: rgba(0, 0, 0,.45);}
.portfolio-box.zoom-effect img{-webkit-transition: 0.5s ease;transition: 0.5s ease; min-width:100%; min-height:100%;}
.portfolio-box:hover.zoom-effect img{-webkit-transform:scale(1.1); /* Safari and Chrome */-moz-transform:scale(1.1); /* Firefox */-ms-transform:scale(1.1); /* IE 9 */-o-transform:scale(1.1); /* Opera */transform:scale(1.1);}

.portfolio-box .portfolio-box-caption {display: block;position: absolute;bottom: 0;width: 100%;height: 100%;text-align: center;color: #fff;-webkit-transition: all .35s;-moz-transition: all .35s;transition: all .35s;}
.portfolio-box .portfolio-box-caption .portfolio-box-caption-content {position: absolute;top: 50%;width: 100%;text-align: center;transform: translateY(-50%);}

.portfolio-box .portfolio-box-caption .portfolio-box-caption-content .project-social,
.portfolio-box .portfolio-box-caption .portfolio-box-caption-content .project-category,
.portfolio-box .portfolio-box-caption .portfolio-box-caption-content .project-name {padding: 0 15px;text-transform: uppercase;font-weight: 600;letter-spacing: 2px;}
.portfolio-box .portfolio-box-caption .portfolio-box-caption-content .project-category {font-size: 13px;color: #12B99F;margin-bottom: 10px;}
.portfolio-box .portfolio-box-caption .portfolio-box-caption-content .project-name {font-size: 16px;margin-bottom: 3px;}
.portfolio-box .portfolio-box-caption .portfolio-box-caption-content .project-social{transition: all 1s ease;opacity: 0; height: 0;overflow: hidden;}
.portfolio-box .portfolio-box-caption .portfolio-box-caption-content .project-social i.fa{font-size: 25px;}
.portfolio-box .portfolio-box-caption .portfolio-box-caption-content .project-social ul li{margin: 20px 5px 0;}
.portfolio-box .portfolio-box-caption .portfolio-box-caption-content .project-social ul li a{display: block;width: 48px;height: 48px;color: #12B99F;background: #fff;transition-duration: 0.3s; line-height:48px;border-radius: 50%;text-shadow: none;}
.portfolio-box .portfolio-box-caption .portfolio-box-caption-content .project-social ul li a:hover{color: #fff;background-color: #12B99F;}

.portfolio-box:hover .portfolio-box-caption {opacity: 1;background: none;}
.portfolio-box:hover .portfolio-box-caption .portfolio-box-caption-content .project-social{opacity: 1;height: auto;}
.portfolio-box:hover .portfolio-box-caption .portfolio-box-caption-content .project-category,
.portfolio-box:hover .portfolio-box-caption .portfolio-box-caption-content .project-name{display: none;}


    .portfolio-box .portfolio-box-caption .portfolio-box-caption-content .project-category {font-size: 15px;}
    .portfolio-box .portfolio-box-caption .portfolio-box-caption-content .project-name {font-size: 19px;}
.list-inline {
    padding-left: 0;
    margin-left: -5px;
    list-style: none;
}
.list-inline>li {
    display: inline-block;
    padding-right: 5px;
    padding-left: 5px;
}

/**
 * Responsiveness
 */
@media screen and (max-width: 1024px)
{	
	body
	{
		font-size: 18px;
		line-height: 27px;
	}
	.contactbox h2{font-size: 18px;color: #333;text-align: center; font-weight:500;margin: 80px auto 25px;}
	.icons ul li{display:inline-block; width:30%;text-align: center;margin-right: 2%;vertical-align:top;}
	#newslist .newsinfo {
    margin-left: 160px;
    transition: all 0.6s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;
}
}

@media screen and (max-width: 800px)
{	
	h1 span
	{
		display: block;
	}
	
	div.block
	{
		height: 85vh;
		padding: 15vh 15vw 0 15vw;
	}
	.icons ul li{display:inline-block; width:100%;text-align: center;margin-right: 0;vertical-align:top;}
	#newslist .newsinfo {
    margin-left:0;
    transition: all 0.6s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;
}
}

@media screen and (max-width: 420px)
{	
	body
	{
		font-size: 12px;
		line-height: 18px;
	}
}

@media screen and (max-width: 360px)
{	
	h1
	{
		font-size: 3em;
	}
}




/*-----------------------------下载内页---------------------------*/
.xz_tit{ line-height:150px; font-size:24px; text-align:center;}
.xz_lj a{ display: block;
    padding: 5px 10px;
    width: 100px;
    background: #0CF;
    color: #FFF;
    margin: 0 auto;
	 text-align:center; background:#0CF;}
.xz_lj a:hover{background:#09F;}