* { margin: 0; padding: 0; }

html { -ms-text-size-adjust: 100%; -webkit-text-size-adjust: 100%; overflow-x: hidden; }

body { color: #474747; margin: 0 auto; background: #ffffff; min-width: 320px; font-size: 12px; line-height: 24px; font-family: "Microsoft Yahei",Helvetica,Arial,sans-serif; }

ol, ul, li { list-style: none; }

img { border: none; vertical-align: top; }

a { color: #474747; text-decoration: none; outline: none; }

a:hover { color: #323233; }

button, input, select, textarea { font-size: 100%; font-family: tahoma; margin: 0; outline: 0 none; vertical-align: baseline; *vertical-align: middle; border: none; }

input { -webkit-appearance: none; outline: none; border-radius: 0; }

input:focus, textarea:focus { outline: none; }

input:focus { -webkit-tap-highlight-color: transparent; -webkit-user-modify: read-write-plaintext-only; }

input[type="button"], input[type="submit"], input[type="reset"] { -webkit-appearance: none; }

textarea { -webkit-appearance: none; }

h1, h2, h3, h4, h5, h6 { font-weight: normal; }

.clearfix:before, .clearfix:after { content: ''; display: table; }

.clearfix:after { clear: both; }

.clearfix { *zoom: 1; }

.none { display: none; }

em, i { font-style: normal; }

b { font-weight: normal; }

table { border-collapse: collapse; border-spacing: 0; }

td, th { padding: 0; }

button, input, optgroup, select, textarea { color: inherit; /* 1 */ font: inherit; /* 2 */ margin: 0; }

button { overflow: visible; }

button, select { text-transform: none; }

button, html input[type="button"], input[type="reset"], input[type="submit"] { -webkit-appearance: button; /* 2 */ cursor: pointer; }

button[disabled], html input[disabled] { cursor: default; }

button::-moz-focus-inner, input::-moz-focus-inner { border: 0; padding: 0; }

input { line-height: normal; }

input[type="checkbox"], input[type="radio"] { box-sizing: border-box; /* 1 */ padding: 0; }

input[type="number"]::-webkit-inner-spin-button, input[type="number"]::-webkit-outer-spin-button { height: auto; }

input[type="search"] { -webkit-appearance: textfield; /* 1 */ box-sizing: content-box; }

input[type="search"]::-webkit-search-cancel-button, input[type="search"]::-webkit-search-decoration { -webkit-appearance: none; }

.dobuletxtoverflow { overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; }
@font-face { font-family: 'hya3gj'; src: url("../font/hya3gj.eot"); src: url("../font/hya3gj.eot?#font-spider") format("embedded-opentype"), url("../font/hya3gj.woff") format("woff"), url("../font/hya3gj.ttf") format("truetype"), url("../font/hya3gj.svg") format("svg"); font-weight: normal; font-style: normal; }
@font-face { font-family: 'bodonimt'; src: url("../font/bodonimt.eot"); src: url("../font/bodonimt.eot?#font-spider") format("embedded-opentype"), url("../font/bodonimt.woff") format("woff"), url("../font/bodonimt.ttf") format("truetype"), url("../font/bodonimt.svg") format("svg"); font-weight: normal; font-style: normal; }
.hya3gj{font-family: "hya3gj"; }
.bodonimt{ font-family: "bodonimt";}
.about_topdl dd ul li b{ font-family: "bodonimt";}
.inner_tit .txt i{ font-family: "bodonimt";}
.header_right .search_icon span,
.header_right .nav ul li a i,
.common_title em,
.sec3_newscont .tit li .time,
.sec3_newscont .tit li .more span,
.sec2_project .project_cont li .title b,
.sec2_project .project_cont li .title i,
.sec1_aboutcont .about_title li .num,
.sec1_aboutcont .date span,
.sec1_aboutcont .txt dd .more{ font-family: "bodonimt";}
.sec1_aboutcont .date b{font-family: "hya3gj"; }


@font-face { font-family: 'trajanprobold'; src: url("../font/trajanprobold.eot"); src: url("../font/trajanprobold.eot?#font-spider") format("embedded-opentype"), url("../font/trajanprobold.woff") format("woff"), url("../font/trajanprobold.ttf") format("truetype"), url("../font/trajanprobold.svg") format("svg"); font-weight: normal; font-style: normal; }
.trajanprobold{ font-family: "trajanprobold"; }

@font-face { font-family: 'helveticaneuemedium'; src: url("../font/helveticaneuemedium.eot"); src: url("../font/helveticaneuemedium.eot?#font-spider") format("embedded-opentype"), url("../font/helveticaneuemedium.woff") format("woff"), url("../font/helveticaneuemedium.ttf") format("truetype"), url("../font/helveticaneuemedium.svg") format("svg"); font-weight: normal; font-style: normal; }
.helveticaneuemedium{ font-family: "helveticaneuemedium"; }

@font-face { font-family: 'helveticaneueLt'; src: url("../font/helveticaneueLt.eot"); src: url("../font/helveticaneueLt.eot?#font-spider") format("embedded-opentype"), url("../font/helveticaneueLt.woff") format("woff"), url("../font/helveticaneueLt.ttf") format("truetype"), url("../font/helveticaneueLt.svg") format("svg"); font-weight: normal; font-style: normal; }
.helveticaneueLt{ font-family: "helveticaneueLt"; }


@font-face { font-family: 'trajanprobold'; src: url("../font/trajanprobold.eot"); src: url("../font/trajanprobold.eot?#font-spider") format("embedded-opentype"), url("../font/trajanprobold.woff") format("woff"), url("../font/trajanprobold.ttf") format("truetype"), url("../font/trajanprobold.svg") format("svg"); font-weight: normal; font-style: normal; }
.trajanprobold{font-family: "trajanprobold"; }
.list_eventdl dt{  font-family: "trajanprobold"; }
.news_listleft ul li .date b{ font-family: "helveticaneuemedium"; }
.news_listleft ul li .date i{ font-family: "helveticaneueLt"; }

/*header*/
.w_1200{ width: 96%; max-width: 1200px; margin:0 auto; }
.header{ background: #fff;width: 100%;position: relative;}
.header .w_1200{ position: relative;}
.header .logo{ display: block;float: left; margin-top: 22px;}
.header .logo img{ display: block;float: left;margin-right: 17px;}
.ewm-wrap {position: absolute;left: 50%;top: 50%;transform: translate(-50%, -50%);display: none;	}

.header_right{ float: right;padding-right: 100px;}
.header_right{ float: right;}
.header_right .nav{float: left;margin-right: 4px;}
.header_right .nav ul{ }
.header_right .nav ul li{float: left; padding:0 28px; }
.header_right .nav ul li a{ display: block; padding: 22px 0 37px; text-align: center; position: relative;}
.header_right .nav ul li a i{display: none; line-height: 15px;font-size: 10px;color: #cccccc;text-transform: uppercase; 
  -webkit-transform:scale(0.83);  transition: color 0.4s cubic-bezier(0.4, 0, 0.2, 1); -webkit-transition: color 0.4s cubic-bezier(0.4, 0, 0.2, 1);     }
  
.header_right .nav ul li a span{display: block;line-height: 21px;margin-top:15px; font-size: 15px;color: #333333;transition: color 0.4s cubic-bezier(0.4, 0, 0.2, 1); -webkit-transition: color 0.4s cubic-bezier(0.4, 0, 0.2, 1); }
.header_right .nav ul .on a i,.header_right .nav ul li a:hover i{color: #3e2528; }
.header_right .nav ul .on a span,.header_right .nav ul li a:hover span{ color: #3e2528;}
.header_right .nav ul li>a:before { content: ""; width: 36px; height: 3px; background: #3e2528; position: absolute; left: 50%; margin-left: -18px; bottom: 25px; -ms-transform-origin: 100%; transform-origin: 100%; -webkit-transform-origin: 100%; -webkit-transition: -webkit-transform 0.4s cubic-bezier(0.4, 0, 0.2, 1); transition: -webkit-transform 0.4s cubic-bezier(0.4, 0, 0.2, 1); transition: transform 0.4s cubic-bezier(0.4, 0, 0.2, 1); -webkit-transition: -webkit-transform 0.4s cubic-bezier(0.4, 0, 0.2, 1), -webkit-transform 0.4s cubic-bezier(0.4, 0, 0.2, 1); transition: transform 0.4s cubic-bezier(0.4, 0, 0.2, 1), -webkit-transform 0.4s cubic-bezier(0.4, 0, 0.2, 1); -ms-transform: scaleX(0); transform: scaleX(0); -webkit-transform: scaleX(0); visibility: hidden\9; }
.header_right .nav ul .on>a:before,.header_right .nav ul li>a:hover:before { -ms-transform: scaleX(1); transform: scaleX(1); -webkit-transform: scaleX(1); -moz-transform: scaleX(1); -ms-transform-origin: 0; transform-origin: 0; -webkit-transform-origin: 0; visibility: visible\9; }

.header_right .nav ul li{
    position: relative;}
.header_right .nav ul li>a{    display: block;
    position: relative;
    -webkit-transition: all .3s ease;
    transition: all .3s ease; }
.header_right .nav ul li dl{    transition: all .5s ease;width: 120px; 
    z-index: 9999;
    padding: 0;
    border: 0;
    box-shadow: rgba(0,0,0,.2) 0 1px 5px 1px;
    background: #fff;
    border-top: 2px solid #3e2528;    border-color: #3e2528;    border-top-left-radius: 0;
    border-top-right-radius: 0;right: auto;
    left: 50%; margin-left: -60px;
     position: absolute;top: 95px; opacity: 0; visibility: hidden; transform:translateY(10px); -webkit-transform:translateY(10px); }
.header_right .nav ul li dl dd a{  position: relative;
    border-bottom: 1px solid #ebebeb;    -webkit-transition: all .3s ease;
    transition: all .3s ease;    padding: 12px 15px;   line-height: 1.2;
    display: block; text-align: center;font-size: 13px;color: #2a333c; }
.header_right .nav ul li:hover dl{ opacity: 1; visibility: visible; transform:translateY(0px); -webkit-transform:translateY(0px); }
.header_right .nav ul li dl:after{ display: inline-block;  position: absolute; left:50%; 
  top: -6px;
width: 0;
height: 0;
content: "";
margin-left: -6px;
vertical-align: middle;
border-right: 6px solid transparent;
border-left: 6px solid transparent;
border-bottom: 6px solid #3e2528;
transition: .25s;}
.header_right .nav ul li:hover>a{ color: #3e2528;}
.header_right .nav ul li dd a:hover{ background: #f0f0f0; }



.header_right .search_icon{ position: absolute;right: 0;top: 0; z-index: 999;
    width: 100px;height: 136px; background: url(../images/search_bg.jpg) repeat; text-align: center;  }
.header_right .search_icon .icon{ display:block; width: 100%;line-height: 91px; height: 91px;overflow: hidden; }
.header_right .search_icon .icon img{ vertical-align: middle; }
.header_right .search_icon span{ display: block; line-height: 20px;
 padding: 15px 0 10px;font-size: 12px;color: #cccccc; }
 .header_right .search_icon:hover{ background: #492f31;}

/*banner*/
.banner{ width: 100%;}
.banner .img{ position: relative; padding-bottom: 500px; }
.banner .img em{display: block;position: absolute;left: 0;top: 0;
    width: 100%;height: 100%; background-position: center; background-size:cover; }

.banner .swiper-button-prev,
 .banner .swiper-button-next {
    display: block;
    width: 25px;
    height: 42px;
    position: absolute;
    top: 50%; margin-top: -21px;
    z-index: 99;
    cursor: pointer;
    opacity: 0;
    visibility: hidden;
    transition: all 600ms 900ms;
    -webkit-transition:all 600ms 900ms;
}

.banner .swiper-button-prev {
    background: url(../images/ip-prev.png) no-repeat left center;
    left: -15px;
}
.banner .swiper-button-next{ right: -15px; background: url(../images/ip-next.png) no-repeat right center;} 
.banner:hover .swiper-button-prev{  left: 15px; opacity: 1; visibility:visible; }
.banner:hover .swiper-button-next{  right: 15px; opacity: 1; visibility:visible;  }
.banner .swiper-pagination{ display: none;}

/*sec1_about*/
.common_title{ margin-bottom: 30px;text-align: center;}
.common_title b{display: block; line-height: 30px; padding-bottom: 11px;font-size: 24px;color: #292929; }
.common_title i{display: block; width: 26px;height: 2px; background: #3e2528; margin: 0 auto;}
.common_title em{display: inline-block;position: relative; line-height: 38px;  height: 38px; border:1px solid #dbdbdb; border-width: 1px 0; padding: 0 18px;
    font-size: 20px;color: #333333;text-transform: uppercase;}
.common_title em:after{ position: absolute; left: 0;top: 0;width: 1px;height: 38px; content: ""; background: url(../images/tit_line.png) no-repeat left center;}
.common_title em:before{ position: absolute; right: 0;top: 0;width: 1px;height: 38px; content: ""; background: url(../images/tit_line.png) no-repeat left center;}

/*.index_section{  background: #fbfbfb url(../images/about_bg.jpg) no-repeat center top;}
.sec1_about{ padding: 37px 0 30px;}
.sec1_aboutcont .img{ float: left;width: 20%;height: 300px;position: relative;}
.sec1_aboutcont .img a{ display: block;height: 300px;position: relative;}
.sec1_aboutcont .img em{display: block;position: absolute;left: 0;top: 0;
    width: 100%;height: 100%; background-position: center; background-size:cover; }
.sec1_aboutcont .date{ position: absolute;right: -100px;top: 40px;width: 120px;  z-index: 999; }
.sec1_aboutcont .date b{ display: block;text-align: center;height: 34px;line-height: 34px; text-align: center;background: url(../images/date_bg.jpg) repeat;color: #fff;font-size: 20px; }
.sec1_aboutcont .date span{display: block;margin-top: 11px;text-align: center;font-size: 26px;color: #3e2528; }
.sec1_aboutcont .txt{float: left;width: 35%;margin-left: 10%; height: 282px;overflow: hidden; }
.sec1_aboutcont .txt .item2,.sec1_aboutcont .txt .item3,.sec1_aboutcont .txt .item4{ display: none;}
.sec1_aboutcont .txt a{ }
.sec1_aboutcont .txt dt{  max-height: 48px; overflow: hidden; margin:34px 0 28px;
    font-size: 14px;color: #292929; transition:all 0.4s cubic-bezier(0.4, 0, 0.2, 1); }*/

/*20180427xg1*/
.index_section{  background: #fbfbfb url(../images/about_bg.jpg) no-repeat center top;}
.sec1_about{ padding: 37px 0 30px;}
.sec1_aboutcont{position: relative;}
.sec1_aboutcont .date{ position: absolute;left: 18%;top: 40px;width: 120px;  z-index: 999; }
.sec1_aboutcont .date b{ display: block;text-align: center;height: 34px;line-height: 34px; text-align: center;background: url(../images/date_bg.jpg) repeat;color: #fff;font-size: 20px; }
.sec1_aboutcont .date span{display: block;margin-top: 11px;text-align: center;font-size: 26px;color: #3e2528; }
.sec1_aboutcont .txt{float: left;width: 63.93%; height: 282px;overflow: hidden; }
.sec1_aboutcont .txt .item2,.sec1_aboutcont .txt .item3,.sec1_aboutcont .txt .item4{ display: none;}
.sec1_aboutcont .txt a{ }
.sec1_aboutcont .txt dd{ float: left; margin-left: 15.38%; width: 53.85%;}
.sec1_aboutcont .txt dd .topname{ max-height: 48px; overflow: hidden; margin:34px 0 28px;
    font-size: 14px;color: #292929; transition:all 0.4s cubic-bezier(0.4, 0, 0.2, 1);}
.sec1_aboutcont dt{  }
.sec1_aboutcont dt{ float: left;width: 30.77%;height: 300px;position: relative;}
.sec1_aboutcont .img{ display: block;height: 300px;position: relative;}
.sec1_aboutcont .img em{display: block;position: absolute;left: 0;top: 0;
    width: 100%;height: 100%; background-position: center; background-size:cover; }
/*20180427xg end*/


.sec1_aboutcont .txt dd{ }
.sec1_aboutcont .txt dd .detail{margin-bottom: 33px; max-height: 96px; overflow: hidden;
    font-size: 12px;color: #808080; }
.sec1_aboutcont .txt dd .more{width: 118px;height: 40px; line-height: 40px; background: #fff; border:1px solid #b3b3b3;text-align: center; font-size: 12px; color: #4c4c4c; transition:all 0.4s cubic-bezier(0.4, 0, 0.2, 1); }
.about_special{ float: right;width: 30%;height: 280px;position: relative;}
.about_special:before{position: absolute;left: 20px;top: -19px; content: ""; background: #fff; border:1px solid #dbdbdb; bottom: 20px;right: -20px;}
.about_special .imgbg{display: block;position: absolute;left: 0;top: 0;
    width: 100%;height: 100%; background-position: center; background-size:cover;}
.sec1_aboutcont .about_title{ background: #fff; position: absolute;left: 10px;top: 10px;right: 10px;bottom: 10px; }
.sec1_aboutcont .about_title li{ float: left;text-align: center;width: 33.33%;margin-top: 63px;}
.sec1_aboutcont .about_title li a{ }

.sec1_aboutcont .about_title li .icon{display: block;width: 54px;height: 62px; margin: 0 auto 8px;transition:all 0.4s cubic-bezier(0.4, 0, 0.2, 1); }
.sec1_aboutcont .about_title li .num{display: block; line-height: 48px; height: 48px;overflow: hidden;font-size: 44px;color: #242424;transition:all 0.4s cubic-bezier(0.4, 0, 0.2, 1); }
.sec1_aboutcont .about_title li span{display: block;font-size: 12px;color: #333333;transition:all 0.4s cubic-bezier(0.4, 0, 0.2, 1); }
.sec1_aboutcont .about_title li.li1 .icon{ background: url(../images/about_numicon1.png) no-repeat center top; }
.sec1_aboutcont .about_title li.li2 .icon{background: url(../images/about_numicon2.png) no-repeat center top;  }
.sec1_aboutcont .about_title li.li3 .icon{background: url(../images/about_numicon3.png) no-repeat center top;  }
.sec1_aboutcont .about_title li .icon:hover{ background-position: center bottom!important;}
.sec1_aboutcont .about_title .on .icon{ background-position: center bottom!important;}
.sec1_aboutcont .about_title .on .num{ color: #3e2528;}
.sec1_aboutcont .about_title .on span{ color: #3e2528;}

.sec1_aboutcont .txt dl a:hover dt{ color: #3e2528;}
.sec1_aboutcont .txt dl a .more:hover{  border:1px solid #3e2528;background: #3e2528; color: #fff;}

.sec2_project{ }
.sec2_project .project_cont{ }
.sec2_project .project_cont li{float: left;width: 300px;  }
.sec2_project .project_cont li a{display: block;position: relative;  }
.sec2_project .project_cont li .img{display: block; width: 100%; padding-bottom:150%;overflow: hidden; position: relative;}
.sec2_project .project_cont li .img em{display: block;position: absolute;left: 0;top: 0;
    width: 100%;height: 100%; background-position: center; background-size:cover; -webkit-transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1);transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1);}
.sec2_project .project_cont li a:hover .img em{ transform:scale(1.05); -webkit-transform:scale(1.05);}
.sec2_project .project_cont li .txt{position: absolute;left: 0;width: 100%;bottom: 0; background: rgba(0,0,0,0.4);color: #fff;text-align: center; transition:all 0.4s cubic-bezier(0.4, 0, 0.2, 1);  }
.sec2_project .project_cont li .title{ margin-bottom: 16px; padding-top: 14px;}
.sec2_project .project_cont li .title b{display: block; line-height: 35px; height: 35px;font-size: 40px; }
.sec2_project .project_cont li .title em{display: block; line-height: 27px; height: 27px; font-size: 18px;font-weight: bold;}
.sec2_project .project_cont li .title i{display: block;  line-height: 16px; height: 16px;font-size: 12px;
    color: rgba(255,255,255,0.6);
    color: #999999\9;text-transform: uppercase; }
.sec2_project .project_cont li .detail{padding: 0 10%; height: 0; overflow: hidden;transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1); opacity: 0; visibility: hidden;  }
.sec2_project .project_cont li .more{margin-bottom: 17px; width: 100%;height: 25px; background: url(../images/project_moreicon.png) no-repeat center top;transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1);  }
.sec2_project .project_cont li a:hover .txt{ background: rgba(0,0,0,0.8);}
.sec2_project .project_cont li a:hover .detail{  line-height: 22px; height: 44px; height: 44px; opacity: 1; visibility: visible;  }
.sec2_project .project_cont li a:hover .more{margin-top: 26px; background-position: center bottom; }
.js_project .swiper-button-next,.js_project .swiper-button-prev{ display: none;}

.sec3_news{width: 100%;padding-bottom: 80px;padding-top: 35px; background: url(../images/news_bg.jpg) no-repeat center bottom;}
.sec3_newscont{ position: relative;width: 100%; }
.sec3_newscont .img{ float: left;width: 46%; height: 360px;overflow: hidden;}
.sec3_newscont .img .item{ }
.sec3_newscont .img .item .img{display: block;width: 100%;height: 360px;overflow: hidden;position: relative;}
.sec3_newscont .img .item em{display: block;position: absolute;left: 0;top: 0;
    width: 100%;height: 100%; background-position: center; background-size:cover;  }
.sec3_newscont .sec3_newsright{float: left;width:50%; margin-left: 4%; height: 360px;overflow: hidden;}
.sec3_newscont .tit{  height: 183px;overflow: hidden; }
.sec3_newscont .tit{ }
.sec3_newscont .tit .more{ width: 100%;text-align: right; background: #f2f2f2; }
.sec3_newscont .tit .more span{display: inline-block;height: 30px; line-height: 30px;border-left: 20px solid #fff; padding: 0 13px;background: #333333; font-size: 12px; color: #fff;}
.sec3_newscont .tit .time{ line-height: 26px; margin:18px 0 5px;}
.sec3_newscont .tit .time b{font-size: 30px;color: #333333; }
.sec3_newscont .tit .time i{font-size: 12px;color: #333333; }
.sec3_newscont .tit .title{  line-height: 24px; height: 24px;overflow: hidden;  white-space: nowrap; text-overflow: ellipsis;
    font-size: 16px;color: #242424;  -webkit-transition: all 0.4s cubic-bezier(0.25, 0.46, 0.45, 0.94); transition: all 0.4s cubic-bezier(0.25, 0.46, 0.45, 0.94);font-weight: normal; overflow: hidden; }

/*.sec3_newscont .tit .title em { display: inline-block; width: 0px; height: 1px; background-color: #bea05a; margin-right: 3px; -webkit-transition: all 0.4s cubic-bezier(0.25, 0.46, 0.45, 0.94); transition: all 0.4s cubic-bezier(0.25, 0.46, 0.45, 0.94); }
.sec3_newscont .tit a:hover .title em { width: 12px; }*/
.sec3_newscont .tit a:hover .title { color: #3e2528; }

.sec3_newscont .tit .line{ display: block;position: relative; width: 30px;height: 2px;margin:14px 0; background: #3e2528; }
.sec3_newscont .tit .line:after{}
.sec3_newscont .tit .line:after { position: absolute; left: 0%; bottom: -1px;  width: 100%; height: 1px; background: #ffda82; content: "";
 -ms-transform-origin: 100%; transform-origin: 100%; -webkit-transform-origin: 100%; 
 -webkit-transition: -webkit-transform 0.4s cubic-bezier(0.4, 0, 0.2, 1); 
 transition: -webkit-transform 0.4s cubic-bezier(0.4, 0, 0.2, 1); 
   transform: scaleX(0);
   -webkit-transform: scaleX(0); visibility: hidden\9; }

.sec3_newscont .tit .line:after { bottom: 0; height: 2px; }

.sec3_newscont .tit a:hover .line:after{ -ms-transform: scaleX(1); transform: scaleX(1); -webkit-transform: scaleX(1); -moz-transform: scaleX(1); -ms-transform-origin: 0; transform-origin: 0; -webkit-transform-origin: 0; visibility: visible\9; }


.sec3_newscont .tit .detail{ line-height: 22px; height: 44px;overflow: hidden;font-size: 12px;color: #808080; }
.sec3_newscont .news_list{position: absolute;right: 0;bottom: 0; width: 50%; z-index: 999; height: 121px;}
.sec3_newscont .news_list li{ }
.sec3_newscont .news_list li a{display: block; height: 24px; margin-bottom: 10px;position: relative; padding-left: 14px; }
.sec3_newscont .news_list li a:after{position: absolute;left: 0;top: 50%;width: 4px;height: 4px; background: #4d4d4d;  margin-top: -2px; content: ""; border-radius: 50%;      }
.sec3_newscont .news_list li em{float: left;width: 70%;overflow: hidden;  white-space: nowrap; text-overflow: ellipsis;font-size: 14px;color: #4c4c4c;}
.sec3_newscont .news_list li span{float: left;width: 30%; text-align: right;
    font-size: 14px;color: #999999; }
.sec3_newscont .news_list li a:hover em{ color: #3e2528;}
.sec3_newscont .news_list li a:hover:after{ background: #3e2528;} 
.sec3_newscont .tit li a:hover .title{color: #3e2528;}
.sec3_newscont .tit li a:hover .more span{  background: #3e2528;}
/*footer*/
.footer{width: 100%; padding:30px 0; background: #f2f2f2;  }
.footer .footer_nav{width: 100%;}
.footer .footer_nav .wrap{ float:left;}
.footer .footer_nav dl{float:left; margin-right:20px; box-sizing:border-box;  }
.footer .footer_nav dl dt a{line-height: 16px; padding-bottom: 2px; font-size: 16px;font-weight: bold;color: #1a1a1a;
    -webkit-transition: all .3s ease-out; transition: all .3s ease-out;}
.footer .footer_nav dl dd a{font-size: 12px;font-weight: lighter;color: #666666;  }
.footer .footer_nav dl dd a:hover{ color: #1a1a1a;}
.footer .footer_right{width: 100%;position: relative;display:flex;justify-content: space-between;align-items: center;margin-top: 15px;}
.js_link{width:200px;height: 38px;line-height: 38px; border:1px solid #d4d4d4; font-size: 14px;color: #4c4c4c;float:right;}
.footer .footer_right .share{height: 44px;font-size: 0;text-align: right; }
.footer_share{display:flex;justify-content: center;}
.footer .footer_right .share li{display: inline-block;margin-left: 20px; }
.footer .footer_right .share li a{ display: block;width: 44px; height: 44px; background: url(../images/share_icon.png) no-repeat;-webkit-transition: all .3s ease-out; transition: all .3s ease-out; }
.footer .footer_right .share li a:hover{ opacity: 0.8;}
.footer .footer_right .share .weixin_icon a{ 
    background-position: left center;  }
.footer .footer_right .share .sina_icon a{background-position: -64px center;  }
.footer .footer_right .share .qq_icon a{background-position: -128px center;  }

.footer .footer_right .tel{font-size: 14px;font-weight: bold;color: #4c4c4c;text-align: center;display:flex;justify-content: center; }
.footer .footer_right .tel span{ background: url(../images/tel_icon.png) no-repeat left center;padding-left: 28px; }


.footer_bot{width: 100%;
    line-height: 24px; padding: 13px 0;
    background: #3d3d3d; font-size: 14px;color: #d2d2d2; }
.footer_bot .left{float: left; }
.footer_bot .right{float: right; }
.footer_bot .right a{color: #fff; -webkit-transition:all 0.3s ease 0s; transition:all 0.3s ease 0s;}
.footer_bot .right a:hover{ color: #d2d2d2;}



.select {  background: #f2f2f2; position: relative; z-index: 999; }
.select:after { content: ''; display: block; -webkit-transition: -webkit-transform .3s ease-out, top .3s ease-out; transition: transform .3s ease-out, top .3s ease-out; width: 0; height: 0; border-left: 6px solid transparent; border-right: 6px solid transparent; border-top: 7px solid #333333; position: absolute; right: 13px; top: 50%; margin-top: -3.5px; }
.select p { padding: 0 19px; line-height: 38px; cursor: pointer; font-size: 14px; color: #4c4c4c; }
.select ul { list-style-type: none; border: 1px solid transparent; width: 100%; overflow-y: auto; position: absolute; bottom: 38px; left: 0; height: 0; margin-left: -1px; }
.select ul li { padding: 0 10px; line-height: 30px; cursor: pointer; font-size: 14px; color: #4c4c4c; }
.select ul li a{ color: #4c4c4c;}
.select ul li:hover { background-color: #fafafa; }
.select ul li.selected { background-color: #fafafa; }
.select.open ul { height: 120px; -webkit-transform-origin: 50% 0; -ms-transform-origin: 50% 0; transform-origin: 50% 0; border-color: #cccccc; -webkit-transition: max-height .2s linear; transition: max-height .2s linear; background-color: #fff; }
.select.open:after { -webkit-transform: rotate(180deg); -ms-transform: rotate(180deg); transform: rotate(180deg); -webkit-transition: all .3s linear; transition: all .3s linear; }


.js_news .swiper-button-next, .js_news .swiper-button-prev{ display: none;}

.js_news .swiper-pagination{ position: absolute;left: auto;right: 0; width: 50%;  top: 202px; text-align: left; }
.js_news .swiper-pagination-bullet{ width: 10px;height: 10px; border:1px solid #472f32; border-radius: 50%;  background: none; }
.js_news .swiper-pagination-bullet-active{ background: #3e2528; border-color: #3e2528; }
.js_news .swiper-pagination-bullet{ margin:0 12px 0 0!important;}



/*popup*/
.hidden_search .text { width: 100%; height: 20px; padding: 8px 0; font-size: 14px; color: #444; }
.hidden_search .btn { display: block; background: url(../images/search_icon2.jpg) no-repeat center center; position: absolute; right: 0; top: 0; height: 36px; width: 36px; text-indent: -999em; }
.hidden_search .search_wrap { border: 1px solid #e4eaec; position: relative; padding-right: 56px; padding-left: 20px; height: 36px; }
.hidden_search .close_btn { position: absolute; right: 0; top: 0; padding: 10px; width: 22px; height: 22px; transition: 0.5s; }
.hidden_search .close_btn:after, .hidden_search .close_btn:before { background: #cccccc; width: 20px; height: 3px; display: block; transition: all 0.3s ease 0s; content: ""; position: absolute; left: 10px; top: 11px; }
.hidden_search .close_btn:before { transform-origin: left bottom; transform: rotate(45deg); }
.hidden_search .close_btn:after { transform-origin: left top; transform: rotate(-45deg); top: 25px; }
.hidden_search .close_btn:hover { transform: rotate(360deg); }
.hidden_search .close_btn:hover:after, .hidden_search .close_btn:hover:before { background: #3e2528; }

.pop .cd-popup-close { position: absolute; right: 0; top: 0; padding: 10px; width: 22px; height: 22px; transition: 0.5s; }
.pop .cd-popup-close:after, .pop .cd-popup-close:before { background: #cccccc; width: 20px; height: 3px; display: block; transition: all 0.3s ease 0s; content: ""; position: absolute; left: 10px; top: 11px; }
.pop .cd-popup-close:before { transform-origin: left bottom; transform: rotate(45deg); }
.pop .cd-popup-close:after { transform-origin: left top; transform: rotate(-45deg); top: 25px; }
.pop .cd-popup-close:hover { transform: rotate(360deg); }
.pop .cd-popup-close:hover:after, .pop .cd-popup-close:hover:before { background: #2d1b1d; }

.hidden_search.on { display: block; }
.cd-popup { position: fixed; left: 0; top: 0; height: 100%; width: 100%; background-color: rgba(0, 0, 0, 0.3); opacity: 0; visibility: hidden; -webkit-transition: opacity 0.3s 0s, visibility 0s 0.3s; -moz-transition: opacity 0.3s 0s, visibility 0s 0.3s; transition: opacity 0.3s 0s, visibility 0s 0.3s; z-index: 9999; }

.cd-popup.is-visible { opacity: 1; visibility: visible; -webkit-transition: opacity 0.3s 0s, visibility 0s 0s; -moz-transition: opacity 0.3s 0s, visibility 0s 0s; transition: opacity 0.3s 0s, visibility 0s 0s; }

.cd-popup-container { position: relative; height: 36px; padding: 40px; background: #fff; width: 60%; margin: 0 auto; top: 50%; margin-top: -58px; background: #FFF; text-align: center; box-shadow: 0 0 20px rgba(0, 0, 0, 0.2); -webkit-transform: scale(1.2); -moz-transform: scale(1.2); -ms-transform: scale(1.2); -o-transform: scale(1.2); transform: scale(1.2); -webkit-backface-visibility: hidden; -webkit-transition-property: -webkit-transform; -moz-transition-property: -moz-transform; transition-property: transform; -webkit-transition-duration: 0.3s; -moz-transition-duration: 0.3s; -ms-transition-duration: 0.3s; -o-transition-duration: 0.3s; transition-duration: 0.3s; }

.is-visible .cd-popup-container { -webkit-transform: scale(1); -moz-transform: scale(1); -ms-transform: scale(1); -o-transform: scale(1); transform: scale(1); }



.m_navbtn { display: none; position: absolute; right: 0; top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); width: 20px; padding: 13px 12px 7px; }
.m_navbtn span { display: block; margin: 0 auto 6px; width: 20px; height: 2px; background: #2d1b1d; }


/*scroll*/
.common_title {
    opacity: 0;
    visibility: hidden;
    -webkit-transform: translateY(30px);
    transform: translateY(30px);
    -webkit-transition: 600ms 100ms;
    transition: 600ms 100ms;
}
.articleShow .common_title {
    opacity: 1;
    visibility: visible;
    -ms-transform: translateY(0);
    transform: translateY(0);
    -webkit-transform: translateY(0);
}

.sec2_project .project_cont li a{ 
transform: translateY(100%);
-webkit-transform: translateY(100%);
-webkit-transition: -webkit-transform 600ms 300ms,opacity 600ms 300ms;
transition: transform 600ms 300ms,opacity 600ms 300ms; }
.sec2_project .project_cont li:nth-child(2n) a{ 
transform: translateY(-100%);
-webkit-transform: translateY(-100%);
opacity: 0;
visibility: hidden;
-webkit-transition: transform 600ms 300ms,opacity 600ms 300ms;
transition: transform 600ms 300ms,opacity 600ms 300ms;
 }
.sec2_project.articleShow .project_cont li a{ opacity: 1;
visibility: visible;
transform: translateY(0);
-webkit-transform: translateY(0);
}



.project_cont li{ position: relative;}

.project_cont li::before { content: ""; position: absolute; top: 0; right: 0; bottom: 0; left: 0; background-color: #f2f2f2;
 -webkit-transform: scaleY(0);  transform: scaleY(0);
 -webkit-transition: -webkit-transform 0.4s cubic-bezier(0.4, 0, 0.2, 1); 
 transition: transform 0.4s cubic-bezier(0.4, 0, 0.2, 1); 
transition: transform 0.4s cubic-bezier(0.4, 0, 0.2, 1); 
-webkit-transform-origin: center top;  transform-origin: center top; }

.sec2_project.articleShow .project_cont li::before { -webkit-transform: scaleY(1); -ms-transform: scaleY(1); transform: scaleY(1); }

.sec2_project.articleShow .project_cont li:nth-child(2n)::before { -webkit-transform-origin: center bottom; transform-origin: center bottom; }


.sec3_newscont .tit,.js_news .swiper-pagination{ opacity: 0;
visibility: hidden;
-ms-transform: translateX(30px);
transform: translateX(30px);
-webkit-transform: translateX(30px);
-webkit-transition: 600ms 200ms;
transition: 600ms 200ms;

}
.articleShow .sec3_newscont .tit,.articleShow .js_news .swiper-pagination{ opacity: 1;
visibility: visible;
-ms-transform: translateX(0);
transform: translateX(0);
-webkit-transform: translateX(0);}
.sec3_newscont .news_list li{ opacity: 0;
visibility: hidden;
-ms-transform: translateX(30px);
transform: translateX(30px);
-webkit-transform: translateX(30px);
-webkit-transition: 600ms 200ms;
transition: 600ms 200ms;}
.sec3_newscont .news_list li:nth-child(2){  -webkit-transition: 600ms 300ms;
transition: 600ms 300ms;}
.sec3_newscont .news_list li:nth-child(3){  -webkit-transition: 600ms 400ms;
transition: 600ms 400ms;}
.sec3_newscont .news_list li:nth-child(4){  -webkit-transition: 600ms 500ms;
transition: 600ms 500ms;}
.articleShow .news_list li{ opacity: 1;
visibility: visible;
-ms-transform: translateX(0);
transform: translateX(0);
-webkit-transform: translateX(0);}
.sec3_newscont .img .item em{  -webkit-transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1); 
 transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1);     opacity: 0;
    visibility: hidden;
    -ms-transform: translateY(30px);
    transform: translateY(30px);
    -webkit-transform: translateY(30px);
    -webkit-transition: 600ms 200ms;
    transition: 600ms 200ms;}
.sec3_newscont .img .item em:hover{ opacity: 0.8;}
.articleShow .sec3_newscont .img .item em{    opacity: 1;
    visibility: visible;
    -ms-transform: translateY(0);
    transform: translateY(0);
    -webkit-transform: translateY(0); }

.footer .footer_nav dl,.footer .footer_right{ opacity: 0;
visibility: hidden;
-ms-transform: translateY(30px);
transform: translateY(30px);
-webkit-transform: translateY(30px);}

.footer.articleShow .footer_nav dl,.footer.articleShow .footer_right{ opacity: 1;
visibility: visible;
-ms-transform: translateY(0);
transform: translateY(0);
-webkit-transform: translateY(0);}

.footer .footer_nav dl:nth-child(1){
    -webkit-transition: 600ms 300ms;
    transition: 600ms 300ms;
}

.footer .footer_nav dl:nth-child(2){
    -webkit-transition: 600ms 400ms;
    transition: 600ms 400ms;
}
.footer .footer_nav dl:nth-child(3){
    -webkit-transition: 600ms 500ms;
    transition: 600ms 500ms;
}
.footer .footer_nav dl:nth-child(4){
    -webkit-transition: 600ms 600ms;
    transition: 600ms 600ms;
}
.footer .footer_nav dl:nth-child(5){
    -webkit-transition: 600ms 700ms;
    transition: 600ms 700ms;
}
.footer .footer_nav dl:nth-child(6){
    -webkit-transition: 600ms 800ms;
    transition: 600ms 800ms;
}
.footer .footer_right{
    -webkit-transition: 600ms 900ms;
    transition: 600ms 900ms;
}


.sec1_aboutcont .img{     opacity: 0;
    visibility: hidden;
    -ms-transform: translateX(30px);
    transform: translateX(30px);
    -webkit-transform: translateX(30px);
    -webkit-transition: 600ms 200ms;
    transition: 600ms 200ms;}
.articleShow .sec1_aboutcont .img{opacity: 1;
visibility: visible;
-ms-transform: translateX(0);
transform: translateX(0);
-webkit-transform: translateX(0); }
.sec1_aboutcont .txt{ opacity: 0;
    visibility: hidden;
    -ms-transform: translateY(30px);
    transform: translateY(30px);
    -webkit-transform: translateY(30px);
    -webkit-transition: 600ms 200ms;
    transition: 600ms 200ms; }
.articleShow .sec1_aboutcont .txt{opacity: 1;
visibility: visible;
-ms-transform: translateY(0);
transform: translateY(0);
-webkit-transform: translateY(0); }

.about_special:before,.about_special .imgbg,.sec1_aboutcont .about_title{ opacity: 0;
    visibility: hidden;
    transform: translate(-30px,30px);
    -webkit-transform: translate(-30px,30px);
    -webkit-transition: 600ms 200ms;
    transition: 600ms 200ms;}
.about_special .imgbg{  -webkit-transition: 600ms 300ms;
    transition: 600ms 300ms; }
.sec1_aboutcont .about_title{   -webkit-transition: 600ms 300ms;
    transition: 600ms 300ms;}
.articleShow .about_special:before,.articleShow .about_special .imgbg,.articleShow .sec1_aboutcont .about_title{ opacity: 1;
visibility: visible;
    transform: translate(0);
    -webkit-transform: translate(0);
}



/*float_rightside*/
.float_rightside{ position: fixed;right: 0;top: 50%; height: 231px; margin-top: -115px; z-index: 999;  }
.float_rightside .oa{  display: block; margin-bottom: 4px; background: #958f8f; width: 104px;height: 99px;text-align: center;font-size: 16px;font-weight: bold;color: #ffffff;  border-radius: 5px 5px 0 0;}
.float_rightside .oa span{display: block; padding: 26px 35px;  }
.float_rightside .ewm{   }
.float_rightside .ewm .img{  margin-bottom: 4px; border:1px solid #dbdbdb;width: 102px;text-align: center;  background: #fff;
}
.float_rightside .ewm .img img{width: 96px;  }
.float_rightside .ewm .txt{  line-height: 26px;  height: 26px;  background: #958f8f; font-size: 12px;color: #fff;  border-radius: 0 0 5px 5px; text-align: center; }


/*20180328xg*/
.float_rightside{ display: none;}


/*20180328xg*/
.footer_share .bdshare-button-style2-16  a{ float: right; width: 44px; height: 44px; margin: 0; margin-left: 20px;padding: 0;}
.footer_share .bdshare-button-style2-16 .bds_weixin{ background:url(../images/share_icon.png) no-repeat left center;margin-left:0}
.footer_share .bdshare-button-style2-16 .bds_qzone{ background:url(../images/share_icon.png) no-repeat right center;}
.footer_share .bdshare-button-style2-16  a.oa{background:url(../images/share_icon.png) no-repeat -64px center; }
.footer_share .bdshare-button-style2-16  a:first-child{}



/*scroll*/
@media only screen and (max-width: 1250px) {
.header_right .nav ul li{     padding: 0 20px;}

}

@media only screen and (max-width: 1200px) {
.w_1200{ width: 96%;}
.m_navbtn { display: block; }
.header_right{display: none;}
.header .logo{ margin-top: 10px;margin-bottom: 10px;}
/*201804027xg2*/
/*.sec1_aboutcont .img,.sec1_aboutcont .img a{  height: 280px; }
.about_special{float: left;width: 70%; }
.about_special:before{ display: none;}
.sec1_aboutcont .txt{width: 100%;margin-left: 0; }
.sec1_aboutcont .txt{ height: auto;}*/

}
@media only screen and (max-width: 992px) {
.header .logo img{ height: 40px;}
/*201804027xg3*/
.sec1_aboutcont dt{ display: none;}
.about_special{width: 100%;}
.sec1_aboutcont .date{ display: none;}
.sec1_aboutcont .txt{ width: 100%;  height: auto;}
.sec1_aboutcont .txt dd{margin-left: 0;width: 100%;}

/*201804027xg3 end*/
.js_news .swiper-pagination{ display: none;}
.sec3_newscont .sec3_newsright{ height: 324px;}
.sec3_newscont .news_list{ width: 100%;}
/*sec3_news*/
.sec3_newscont .img,.sec3_newscont .sec3_newsright{width: 100%;float: none; margin-left: 0;}
.sec3_newscont .img{ margin-bottom:28px; }
/*footer*/
.footer .footer_nav .wrap{margin-right: 0;}
.footer .footer_nav,.footer .footer_right{ float: none;width: 100%;}
.footer .footer_right{ margin-left: 0; margin-top: 28px;}
.footer_bot .left,.footer_bot .right{float: none;width: 100%;text-align: center;}
.footer .footer_right .share,.footer .footer_right .tel{ text-align: left;}
.footer .footer_right .share li{ margin-left: 0;margin-right: 20px;}

/*992 end*/
}
@media only screen and (max-width: 768px) {
.sec1_about {padding: 18.5px 0 15px;}
.common_title{     margin-bottom: 15px;}
.sec1_aboutcont .txt dt{  margin: 17px 0 14px;}
.sec1_aboutcont .txt dd .detail{ margin-bottom: 16.5px;}
.about_special{ height: 280px;}
.sec1_aboutcont .about_title li{ margin-top: 63px;}

 /*sec3_news   */
.sec3_news{padding-bottom: 40px;  }
/*footer*/
.footer{ padding: 35px 0;}
.footer .footer_nav dl dt {padding-bottom: 9px;}
.footer .footer_right{     margin-top: 14px; }
.footer .footer_right .js_link{ margin-bottom: 14px;}
.footer .footer_nav dl{float: none; width: 100%; height: auto; margin-bottom: 15px;padding-bottom: 15px; border-left: none; 
    border-bottom : 1px solid #e4e4e4;}
.footer .footer_nav dl dd{float: left; margin-right:10px;}
.footer .footer_nav .wrap{width:100%;display:flex}
.footer .footer_nav .wrap dl{flex:1;text-align:center;margin-right:0}
.footer .footer_nav {    display: flex;    flex-wrap: wrap;justify-content: center}
/*768 end*/
}
@media only screen and (max-width: 480px) {

/*480 end*/
}