@charset "UTF-8";
* { margin: 0; padding: 0; }

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

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; font-family: "Helvetica Neue", "Luxi Sans", "DejaVu Sans", Tahoma, "Hiragino Sans GB", "Microsoft Yahei", 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; -webkit-transition: all 0.2s ease-out 0s; transition: all 0.2s ease-out 0s; }

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; }

.inner_banner, .banner { -webkit-transform: translateZ(0); transform: translateZ(0); -webkit-backface-visibility: hidden; backface-visibility: hidden; }

.boxsizing { box-sizing: border-box; -webkit-box-sizing: border-box; }

.middle { top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); }

.txtoverflow { overflow: hidden; white-space: nowrap; text-overflow: ellipsis; }

.w_1200 { width: 96%; margin: 0 auto; max-width: 1200px; }

.trans300 { -webkit-transition: all 0.3s linear 0s; transition: all 0.3s linear 0s; }

/*icon hover*/
/*txt middle*/
/*pic middle*/
/*banner*/
.inner_banner, .banner { -webkit-transform: translateZ(0); transform: translateZ(0); -webkit-backface-visibility: hidden; backface-visibility: hidden; }

html.state { overflow: hidden; }

.top_bar { width: 100%; height: 36px; line-height: 36px; background: #fff; border-bottom: 1px solid #dcdcdc; overflow: hidden;}
.top_bar .share { float: left; line-height: 24px; height: 24px; }
.top_bar .share .iconfont { font-size: 24px; color: #a0a0a0; }
.top_bar .share a:hover .iconfont { color: #ef0000; }
.top_bar .top_right { float: right; line-height: 36px; }
.top_bar .tel { float: left; padding-left: 32px; color: #d6201a; font-size: 14px; margin-right: 22px; }
.top_bar .tel .iconfont { font-size: 24px; vertical-align: middle; margin-right: 12px; }
.top_bar .search { float: left; background: #a6a6a6; width: 170px; height: 21px; line-height: 21px; border-radius: 10px; position: relative; margin-top: 7.5px; }
.top_bar .search .text { display: block; float: left; width: 74%; padding: 0 5%; height: 21px; background: none; color: #fff; font-size: 13px; }
.top_bar .search .iconfont { display: block; float: left; width: 16%; height: 21px; background: none; color: #fff; font-size: 14px; }
.top_bar .search .btn { display: block; position: absolute; right: 0; top: 0; width: 16%; height: 21px; background: none; }
.top_bar .language { float: left; margin-left: 10px; }
.top_bar .language .en { font-size: 14px; color: #444444; }

.header { height: 108px; width: 100%; position: relative; }
.header .logo { display: block; float: left;    height: 108px;
    line-height: 108px; }
.header .logo img { max-width: 373px;    vertical-align: middle; }
.header .header_right { float: right;margin-top: 39px; }
.nav{float: right;}
.header .header_right .nav li > a { display: block; padding: 0 19px;  height: 30px;line-height: 30px;  border-radius: 14px;
   font-size:14px;  }
.header .header_right .nav li { text-align: center; float: left; }


.header .header_right .nav dl { display: none; }

.banner { width: 100%; position: relative; }
.banner .swiper-slide .img:after{position: absolute; left: 0;bottom: 0; width: 100%;height: 28px; background: url(../images/banner_botbg.png) no-repeat center bottom; content: "";   }

.banner .swiper-slide .img { height: 0; width: 100%; padding-bottom: 600px; }
.banner .swiper-slide .img em { background-position: center center; background-size: cover; position: absolute; left: 0; top: 0; width: 100%; height: 100%; display: block; }

.banner .swiper-button-prev, .banner .swiper-button-next { display: block; opacity: 0; position: absolute; left: 10px; top: 50%; width: 34px; height: 34px; margin-top: -17px; display: block !important; background: url(../images/banner_icon.png) no-repeat; text-indent: -999em; -webkit-transition: all 0.3s cubic-bezier(0.55, 0.085, 0.68, 0.53); transition: all 0.3s cubic-bezier(0.55, 0.085, 0.68, 0.53); -webkit-transform: translate3d(-45px, 0, 0); transform: translate3d(-45px, 0, 0); }

.banner .swiper-button-next { left: auto; right: 10px; background-position: center bottom; }

.banner .swiper-button-next { -webkit-transform: translate3d(45px, 0, 0); transform: translate3d(45px, 0, 0); }

.banner:hover .swiper-button-next, .banner:hover .swiper-button-prev { -webkit-transform: translate3d(0px, 0, 0); transform: translate3d(0px, 0, 0); opacity: 1; }

.sec_about { padding-top: 70px; padding-bottom: 63px; }
.sec_about .about_dllist { overflow: hidden; position: relative; width: 100%; background: #fcfcfc; box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.1); }
.sec_about .about_dllist dt { float: left; width: 50%; padding-bottom: 33.5%; height: 0; position: relative; }
.sec_about .about_dllist dt em { background-position: center center; background-size: cover; position: absolute; left: 0; top: 0; width: 100%; height: 100%; display: block; }
.sec_about .about_dllist dd { text-align: center; }
.sec_about .about_dllist dd .wrap { padding: 0 10%; position: absolute; right: 0; top: 50%; margin-top: -133px; width: 30%; height: 266px; }
.sec_about .about_dllist dd h3 span { font-size: 20px; color: #181818; display: block; line-height: 43px; margin-bottom: 12px; }
.sec_about .about_dllist dd h3 i { display: block; width: 38px; height: 2px; background: #da2d28; margin: 0 auto 38px; }
.sec_about .about_dllist dd .txt { line-height: 22px; color: #181818; font-size: 12px; margin-bottom: 50px; height: 88px; overflow: hidden; }
.sec_about .about_dllist dd .txt p { text-indent: 2em; }

.more_btn { line-height: 33px; font-size: 12px; color: #fff; height: 33px; display: block; background: #e13630; text-align: center; width: 140px; margin: 0 auto; border-radius: 15px; -webkit-transition: all 0.3s linear 0s; transition: all 0.3s linear 0s; }
.more_btn:hover { background: #e55c57; }

.common_title { text-align: center; margin-bottom: 23px; }
.common_title span { display: block; line-height: 30px; font-size: 20px; color: #7f7f7f; text-transform: uppercase; }
.common_title em { display: block; line-height: 34px; font-size: 20px; color: #181818; text-transform: uppercase; }

.common_idea { text-align: center; margin-bottom: 50px; }
.common_idea .en { display: block; line-height: 23px; font-size: 12px; color: #3d3d3d; }
.common_idea .cn { display: block; line-height: 28px; font-size: 14px; color: #3d3d3d; }

.sec_case { padding-bottom: 60px; }
.sec_news{padding-top: 64px;}

.case_list li { float: left; width: 33%; background: #fafafa; margin-right: 0.5%; padding-bottom: 0.5%; position: relative; overflow: hidden; }
.case_list li a { display: block; }
.case_list li .img { width: 100%; height: 0; padding-bottom: 63%; overflow: hidden; position: relative; }
.case_list li .img em { background-position: center center; background-size: cover; position: absolute; left: 0; top: 0; width: 100%; height: 100%; display: block; }
.case_list li .txt { position: absolute; left: 0; top: 50%; right: 0; padding: 0 10%; text-align: center; height: 151px; margin-top: -76px; opacity: 0; -webkit-transition: all 0.3s linear 0s; transition: all 0.3s linear 0s; -webkit-transform: translateY(20px); -ms-transform: translateY(20px); transform: translateY(20px); }
.case_list li .txt dl { line-height: 22px; margin-bottom: 47px; }
.case_list li .txt dl dt { font-size: 24px; color: #fff; margin-bottom: 15px; margin-bottom: 26px; }
.case_list li .txt dl dd { font-size: 12px; color: #fff; text-align: left; }
.case_list li .txt dl dd b { font-weight: bold; }
.case_list .li3, .case_list .li5 { margin-right: 0; }
.case_list .li1 .img { padding-bottom: 127.5%; }

.case_list li .img:after { position: absolute; left: 0; top: 0; width: 100%; height: 100%; background: rgba(0, 0, 0, 0.5); content: ""; opacity: 0; -webkit-transition: all 0.3s linear 0s; transition: all 0.3s linear 0s; }

.case_list li:hover .img:after { opacity: 1; }

.case_list li:hover .txt { opacity: 1; -webkit-transform: translateY(0%); -ms-transform: translateY(0%); transform: translateY(0%); }


.sec_product{ background: url(../images/service_bg.jpg) no-repeat center; background-size:cover; padding-top: 43px; padding-bottom: 95px; }
.sec_product .common_title{margin-bottom: 37px;}
.js_product .tit li.on a span, .js_product .tit li.on a i { color: #de312c; }

.js_product .tit { text-align: center; font-size: 0; margin-bottom: 60px;  }
.js_product .tit li { display: inline-block; margin: 0 2%; width: 15%; }
.js_product .tit li em { width: 90px; height: 90px; margin: 0 auto; display: block; }
.js_product .tit li span { display: block; margin-top: 18px; color: #181818; font-size: 20px; font-weight: normal; text-align: center; }
.js_product .tit li i { display: block; margin-top: 5px; color: #333; font-size: 12px; text-align: center; }
.js_product .item li { float: left; width: 30%; margin-right: 5%; margin-bottom: 5%; position: relative; }
.js_product .item li .img { position: relative; width: 100%; padding-bottom: 68%; height: 0; }
.js_product .item li .img em { background-position: center center; background-size: cover; position: absolute; left: 0; top: 0; width: 100%; height: 100%; display: block; }
.js_product .item li .txt { position: absolute; left: 0; top: 50%; right: 0; padding: 0 10%; text-align: center; height: 24px; margin-top: -12px; opacity: 0; -webkit-transition: all 0.3s linear 0s; transition: all 0.3s linear 0s; -webkit-transform: translateY(20px); -ms-transform: translateY(20px); transform: translateY(20px); }
.js_product .item li .txt span { font-size: 24px; color: #fff; display: block; }
.js_product .item li:nth-child(3n) { margin-right: 0; }

.js_product .item li .img:after { position: absolute; left: 0; top: 0; width: 100%; height: 100%; background: rgba(0, 0, 0, 0.5); content: ""; opacity: 0; -webkit-transition: all 0.3s linear 0s; transition: all 0.3s linear 0s; }

.js_product .item li:hover .img:after { opacity: 1; }

.js_product .item li:hover .txt { opacity: 1; -webkit-transform: translateY(0%); -ms-transform: translateY(0%); transform: translateY(0%); }

.sec_news { padding-bottom: 70px; }
.js_newstab .cont a:hover .img em{  transform:scale(1.05);   -webkit-transform:scale(1.05);  }
.js_newstab .cont a:hover{ box-shadow: 0 0 5px rgba(0,0,0,0.3); }
.js_newstab .cont a{   transition:all 0.3s ease 0s;  -webkit-transition:all 0.3s ease 0s;}
.js_newstab .cont { float: left; width:33.33%; }
.js_newstab .cont .txt{ padding: 0 92px 0 20px; height: 48px;line-height: 48px; background: #f8f8f8; position: relative; }
.js_newstab .cont .txt span{ position: absolute; right: 20px; top: 0;height: 48px;line-height: 48px;width: 72px; text-align: right; font-size: 12px;color: #292929;  }
.js_newstab .cont .txt em{  display: block; height: 48px;line-height: 48px;  overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;font-size: 14px;color: #292929;font-weight: bold;  }
.js_newstab .cont .img {overflow: hidden; position: relative; width: 100%; height: 0%; padding-bottom: 300px; position: relative; }
.js_newstab .cont .img em { background-position: center center; background-size: cover; position: absolute; left: 0; top: 0; width: 100%; height: 100%; display: block;
    transition:all 0.3s ease 0s;  -webkit-transition:all 0.3s ease 0s;
 }
.js_newstab .tit { float: right; width: 54.58%; }
.js_newstab .tit li { margin-bottom: 48px;  }
.js_newstab .tit li a{ display: block; position: relative;padding-left: 108px; }
.js_newstab .tit li .date{width: 80px;height: 67px; border-right: 1px solid #949494; position: absolute; left: 0;top: 0; }
.js_newstab .tit li .date b{display: block;font-size: 45px; line-height: 45px;  padding-top: 2.5px; color: #555555; }
.js_newstab .tit li .date span{display: block;font-size: 12px;line-height: 17px;color: #555555; }
.js_newstab .tit li a:hover h3 { color: #da2f2a; }
.js_newstab .tit li:nth-child(2n) { margin-right: 0; }
.js_newstab .tit h3 { color: #555; font-size: 15px; line-height: 18px; -webkit-transition: all .25s .05s linear; transition: all .25s .05s linear; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; font-weight: bold; margin-bottom: 5px; }
.js_newstab .tit h4 { font-size: 12px; color: #555; line-height: 20px; height: 40px; overflow: hidden; }

.sec_contact { background: url(../images/contact_bg.png) no-repeat center center; height: 400px; overflow: hidden; }
.sec_contact .sec_contactwrap { height: 100%; height: 418px; float: right; width: 33%; padding: 0 4%; box-sizing: border-box; background: #da2f2a; color: #fff; }
.sec_contact .sec_contactwrap ul { padding-bottom: 42px; }
.sec_contact .sec_contactwrap ul li { padding-bottom: 7px; }
.sec_contact .sec_contactwrap ul li i { padding-right: 35px; font-size: 18px; }
.sec_contact .sec_contactwrap .more_btn { cursor: pointer; margin-bottom: 0; }
.sec_contact .sec_contactwrap .more_btn:hover { color: #fff; }
.sec_contact .common_title { padding-top: 29px; }
.sec_contact .common_title span { color: #eac4c3; }
.sec_contact .common_title em { color: #fff; }
.sec_contact .common_title i { display: block; width: 38px; height: 2px; background: #fff; margin: 15px auto 25px; }

.footer { padding: 15px 0; background: #373737; color: #faf7f0; font-size: 12px; line-height: 20px; }
.footer .left { float: left; }
.footer .right { float: right; }
.footer a { color: #faf7f0; }
.footer ul li { display: inline-block; margin-left: 35px; }
.footer ul li a { -webkit-transition: all 0.3s linear 0s; transition: all 0.3s linear 0s; }
.footer ul li a:hover { color: #d94f4b; }

/*header*/
/*涓嬫媺*/
.nav ul li { position: relative; z-index: 999; }

.nav ul .on > a, .nav ul li:hover > a { background: #dd312b; color: #fff;font-weight:bold; }
.header .header_right .nav li .on > a,
.header .header_right .nav li li:hover > a{  color:#fff;}

.nav dl { position: absolute; display: none; background: #fff; top: 30px; left: 0; width: 218px; padding: 22px 0 22px;  }

.nav dl dd { padding: 0 25px; }

.nav dl dd a { display: block; line-height: 55px; height: 55px; overflow: hidden; -webkit-transition: all 0.3s ease 0s; transition: all 0.3s ease 0s; font-size: 16px; color: #666666; border-bottom: 1px solid #f2f2f2; background: url(../images/nav_subicon.png) no-repeat right bottom; }

.nav dl dd a:hover { background-position: right top; color: #da2f2a; }

.nav ul li:nth-child(7) dl, .nav ul li:nth-child(8) dl { left: auto; right: 0; }

.nav_btn { width: 44px; height: 44px; position: absolute; right: 5%; top: 20px; display: none; text-align: center; line-height: 44px; }
.nav_btn .iconfont { font-size: 26px; color: #444; }

.m_nav { display: none; }

.close_btn { position: absolute; right: 15px; top: 15px; display: block; padding: 5px; z-index: 9999; }
.close_btn .iconfont { font-size: 22px; color: #666; }

.m_navlistwrap { padding: 15px 30px; }
.m_navlistwrap li { text-align: center; }
.m_navlistwrap li > a { line-height: 40px; text-align: center; color: #212121; font-size: 20px; text-transform: uppercase; font-weight: lighter; display: block; position: relative; }
.m_navlistwrap li > a:after { content: " "; width: 10px; height: 1px; background: #2a2a2a; position: absolute; bottom: 0; left: 50%; margin-left: -5px; }
.m_navlistwrap dl dd a { display: block; text-align: center; font-size: 14px; font-weight: 300; line-height: 2; position: relative; text-transform: uppercase; color: #818181; }

/*-----------鍐呴〉-----------*/
.menue_level2 { font-size: 0; text-align: center; border-bottom: 1px solid #ddd;  position: relative; height: 50px; margin-top: 50px;margin-bottom: 52px; }
.menue_level2 h3 { display: none; }
.menue_level2 li { display: inline-block; margin: 0 0.5px; }
.menue_level2 li a { display: block; font-size: 18px; color: #3d3d3d; padding: 0 38px; line-height: 50px; height: 50px; background: #ededed; }
.menue_level2 .on a { background: #de312c; color: #fff; }

/*list_aboutpage*/
.list_aboutpage { padding-bottom: 50px; font-size: 14px; color: #4c4c4c; line-height: 34px; }
.list_aboutpage b { font-weight: bold; }
.list_aboutpage img { max-width: 100%; height: auto !important; }

.list_picpage { padding: 10px 0 45px; }

.list_picul li { float: left; width: 31%; margin-right: 3.5%; text-align: center; margin-bottom: 50px; }
.list_picul li a { display: block; border: 1px solid #eeeeee; padding: 13px 9px; background: #f6f6f6; }
.list_picul li .img { width: 100%; height: 0; padding-bottom: 66%; overflow: hidden; position: relative; }
.list_picul li .img em, .list_picul li .img img { display: block; position: absolute; left: 0; top: 0; width: 100%; height: 100%; background-position: center center; background-size: cover; }
.list_picul li .txt { padding: 26.5px 5px; line-height: 24px; height: 24px; font-size: 18px; color: #333333; }
.list_picul li:nth-child(3n) { margin-right: 0; }

.Gallery { width: 100%; height: 100%; position: fixed; left: 0; top: 0; background: #111; opacity: 0; z-index: 999999; transition: all .3s ease; -moz-transition: all .3s ease; -webkit-transition: all .3s ease; }

.Gallery.show { opacity: 1; }

.g-bottom, .g-left, .g-right, .g-top { z-index: 99; display: block; -webkit-appearance: none; transition: all .3s ease; -moz-transition: all .3s ease; -webkit-transition: all .3s ease; }

.g-top { position: absolute; top: 0; left: 0; width: 100%; background: rgba(0, 0, 0, 0.7); height: 45px; text-align: center; line-height: 45px; color: #fff; z-index: 120; }

.g-left.none, .g-right.none { opacity: .3; cursor: not-allowed; }

.g-bottom { position: absolute; bottom: 0; left: 0; width: 100%; background: rgba(0, 0, 0, 0.7); height: 45px; text-align: center; line-height: 45px; color: #fff; z-index: 120; }

.g-left { position: absolute; top: 43%; left: 0; height: 14%; background: rgba(0, 0, 0, 0.5); width: 55px; cursor: pointer; }

.g-right { position: absolute; top: 43%; right: 0; height: 14%; background: rgba(0, 0, 0, 0.5); width: 55px; cursor: pointer; }

.Gallery img { max-height: 87%; max-width: 99%; }

.Gallery.Gallery-none img { max-height: 100%; max-width: 99%; }

.Gallery-wrap { width: 100%; height: 100%; position: relative; transform: translate3d(0, 0, 0); -moz-transform: translate3d(0, 0, 0); -webkit-transform: translate3d(0, 0, 0); }

.g-left:after { content: ''; width: 20px; height: 2px; background: #fff; position: absolute; left: 16px; top: 50%; margin-top: -1px; }

.g-left:before { content: ''; width: 10px; height: 10px; border: 2px solid #fff; -ms-transform: rotate(45deg); transform: rotate(45deg); -moz-transform: rotate(45deg); -webkit-transform: rotate(45deg); border-top: none; border-right: none; display: block; position: absolute; left: 16px; top: 50%; margin-top: -6px; }

.g-right:after { content: ''; width: 20px; height: 2px; background: #fff; position: absolute; right: 16px; top: 50%; margin-top: -1px; }

.g-right:before { content: ''; width: 10px; height: 10px; border: 2px solid #fff; -ms-transform: rotate(45deg); transform: rotate(45deg); -moz-transform: rotate(45deg); -webkit-transform: rotate(45deg); border-left: none; border-bottom: none; display: block; position: absolute; right: 16px; top: 50%; margin-top: -6px; }

.g-list { width: 100%; height: 100%; text-align: center; vertical-align: middle; position: absolute; left: 0; top: 0; }

.g-list span { display: inline-block; vertical-align: middle; height: 100%; }

.g-list img { vertical-align: middle; cursor: -webkit-grab; cursor: grab; transition: all .4s ease; -moz-transition: all .4s ease; -webkit-transition: all .4s ease; }

.Gallery-wrap.grab .g-list img { cursor: -webkit-grabbing; cursor: grabbing; }

.g-top .g-count { width: auto; height: 100%; position: absolute; left: 0; top: 0; padding: 0 18px; }

.g-top button { height: 45px; width: 45px; border: none; position: absolute; right: 0; top: 0; opacity: .8; background: 0 0; -webkit-tap-highlight-color: transparent; }

.g-top span { display: block; width: 100%; height: 100%; line-height: 45px; color: #fff; }

.g-close { cursor: pointer; }

.g-close:after { content: ''; width: 24px; height: 2px; background: #fff; display: block; -ms-transform: rotate(45deg); transform: rotate(45deg); -moz-transform: rotate(45deg); -webkit-transform: rotate(45deg); position: absolute; left: 8px; top: 21px; }

.g-close:before { content: ''; width: 24px; height: 2px; background: #fff; display: block; -ms-transform: rotate(-45deg); transform: rotate(-45deg); -moz-transform: rotate(-45deg); -webkit-transform: rotate(-45deg); position: absolute; left: 8px; top: 21px; }

.g-top button:hover { opacity: 1; }

.loading { width: 100%; height: 100%; background: #111111; position: absolute; left: 0; top: 0; z-index: 1000; }

.loading s { display: block; width: 30px; height: 30px; background: #0ad1a9; border-radius: 50%; position: absolute; left: 50%; top: 50%; margin-top: -15px; margin-left: -15px; -moz-animation: load 1.5s linear infinite; -webkit-animation: load 1.5s linear infinite; }

.loading p { text-align: center; font-size: 12px; position: relative; top: 50%; margin-top: 25px; }

@keyframes load { 0% { -webkit-transform: scale(0.5); transform: scale(0.5); opacity: 1; }
  100% { -webkit-transform: scale(1.5); transform: scale(1.5); opacity: 0; } }
@-webkit-keyframes load { 0% { transform: scale(0.5); -webkit-transform: scale(0.5); opacity: 1; }
  100% { transform: scale(1.5); -webkit-transform: scale(1.5); opacity: 0; } }
.back_topbtn { display: none; width: 65px; height: 65px; position: fixed; right: 10px; bottom: 20px; background: #f6f6f6 url(../images/back_topicon.png) no-repeat center center; border-radius: 4px; text-align: center; text-indent: -999em; }

.page { text-align: center; font-size: 0; }

.page a { height: 30px; line-height: 30px; display: inline-block; margin: 0 5px 5px; border: 1px solid #cccccc; padding: 0 10px; font-size: 14px; color: #4c4c4c; -webkit-transition: all 0.3s ease 0s; transition: all 0.3s ease 0s; }

.page a.prev, .page a.next { padding: 0 12px; }

.page a.on, .page a:hover { background: #de312c; color: #fff; border-color: #de312c; }

.list_newspage { padding-bottom: 92px; }
.list_newspage .news_listwrap { padding-bottom: 56px; }
.list_newspage .news_dl { -webkit-transition: all 0.3s linear 0s; transition: all 0.3s linear 0s; }
.list_newspage .news_dl a { display: block; padding-bottom: 36px; border-bottom: 1px solid #dbdce0; position: relative; overflow: hidden; padding-top: 36px; }
.list_newspage .news_dl dt { float: left; position: relative; width: 240px; height: 140px; overflow: hidden; margin-right: 38px; }
.list_newspage .news_dl dt em { position: absolute; left: 0; width: 100%; top: 0; height: 100%; }
.list_newspage .news_dl dd h3 { overflow: hidden; margin-bottom: 21px; margin-top: 12px; }
.list_newspage .news_dl dd h3 em { float: right; display: block; overflow: hidden; }
.list_newspage .news_dl dd h3 em span { float: left; font-size: 13px; color: #999999; margin-left: 18px; }
.list_newspage .news_dl dd h3 em .time { background: url(../images/news_icon1.png) no-repeat left center; padding-left: 18px; }
.list_newspage .news_dl dd h3 em .view { background: url(../images/news_icon2.png) no-repeat left center; padding-left: 31px; }
.list_newspage .news_dl dd h3 b { font-size: 18px; color: #000000; display: block; float: left; width: 60%; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; -webkit-transition: all 0.3s linear 0s; transition: all 0.3s linear 0s; }
.list_newspage .news_dl dd .txt { font-size: 14px; color: #666666; line-height: 22px; height: 44px; overflow: hidden; margin-bottom: 7px; }
.list_newspage .news_dl dd .more { background: url(../images/news_more.png) no-repeat left center; height: 24px; width: 39px; display: inline-block; }
.list_newspage .news_ul { padding-top: 23px; }
.list_newspage .news_ul li a { display: block; line-height: 59px; height: 59px; border-bottom: 1px dashed #cccccc; overflow: hidden; padding-left: 20px; position: relative; }
.list_newspage .news_ul li a:after { position: absolute; left: 0; top: 50%; width: 4px; height: 4px; background: #999797; content: ""; margin-top: -2px; -webkit-transition: all 0.3s linear 0s; transition: all 0.3s linear 0s; }
.list_newspage .news_ul li a:hover em { color: #de312c; -webkit-transform: translateX(6px); -ms-transform: translateX(6px); transform: translateX(6px); }
.list_newspage .news_ul li a:hover:after { background: #de312c; }
.list_newspage .news_ul li em { float: left; display: block; width: 75%; color: #333333; font-size: 15px; -webkit-transition: all 0.3s linear 0s; transition: all 0.3s linear 0s; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; -webkit-transition: all 0.3s linear 0s; transition: all 0.3s linear 0s; }
.list_newspage .news_ul li span { float: left; display: block; width: 25%; text-align: right; font-size: 14px; color: #808080; }

.list_newspage .news_dl dd h3 b:hover { color: #de312c; }

/*list_contactpage*/
.list_contactpage { padding-bottom: 30px; width: 92%; margin: 0 auto; }

.list_contactpage .itemdl dt .title { font-size: 22px; color: #333333; padding-left: 32px; background: url(../images/contact_titicon.png) no-repeat left 0px; padding-bottom: 20px; border-bottom: 1px solid #dbdbdb; }

.list_contactpage .itemdl dt h4 { font-size: 18px; font-weight: bold; color: #4c4c4c; margin-top: 23px; margin-bottom: 13px; }

.list_contactpage .itemdl dt ul { font-size: 14px; color: #4c4c4c; }

.list_contactpage .itemdl dt ul li { line-height: 24px; padding: 5px 0; padding-left: 32px; position: relative; }

.list_contactpage .itemdl dt ul li:after { position: absolute; left: 0; top: 0; background: url(../images/contact_listicon.png) no-repeat; width: 24px; height: 35px; content: ""; }

.list_contactpage .itemdl dt ul li.li2:after { background-position: left -35px; }

.list_contactpage .itemdl dt ul li.li3:after { background-position: left -70px; }

.list_contactpage .itemdl dt ul li.li4:after { background-position: left -105px; }

.contact_listtop .itemdl dt { padding-bottom: 20px; }

.contact_listtop dl dd { overflow: hidden; margin-bottom: 35px; }

.contact_listtop .map { height: 340px; border: 1px solid #dbdbdb; }

.contact_listtop #allmap { width: 100%; height: 100%; }

.contact_listbot .itemdl { width: 48%; float: left; padding-bottom: 10px; padding-top: 45px; }

.contact_listbot .dl1, .contact_listbot .dl3 { margin-right: 4%; }

.menue_level3 { line-height: 32px; position: relative; margin-bottom: 30px; }

.menue_level3 ul { text-align: center; font-size: 0; }

.menue_level3 ul li { display: inline-block; }

.menue_level3 ul li i { font-size: 14px; font-weight: bold; color: #333333; }

.menue_level3 ul li a { -webkit-transition: all 0.3s linear 0s; transition: all 0.3s linear 0s; font-size: 14px; font-weight: bold; color: #333333; padding: 0 32px; }

.menue_level3 ul .on a { color: #de312c; }

.menue_level3 ul li a:hover { color: #de312c; }

.cont_infopage { padding-top: 50px; }

.post_article { padding-bottom: 50px; width: 92%; margin: 0 auto; }

.post_article .wrap:after { position: absolute; right: 0; top: 0; width: 1px; height: 100%; background: #dbdbdb; content: ""; }

.post_article .post_header { padding-bottom: 30px; }

.post_article .post_header .title { text-align: center; font-size: 20px; font-weight: bold; color: #4c4c4c; margin-bottom: 23px; line-height: 32px; }

.post_article .post_header .meta { line-height: 20px; height: 20px; overflow: hidden; border: 1px solid #dbdbdb; border-width: 1px 0; padding: 15px 0; }

.post_article .post_header .meta .left { float: left; }

.post_article .post_header .meta .left span { font-size: 12px; color: #808080; margin-right: 5px; }

.post_article .post_header .meta .right { float: right; font-size: 12px; color: #808080; }

.post_article .post_cont { font-size: 14px; color: #4c4c4c; line-height: 32px; margin-bottom: 60px; }

.post_article .post_cont img { max-width: 100%; height: auto; }

.post_article .turnpage li { line-height: 32px; overflow: hidden; height: 32px; }

.post_article .turnpage a { font-size: 14px; color: #333333; font-weight: bold; -webkit-transition: all 0.3s ease 0s; transition: all 0.3s ease 0s; }

.post_article .turnpage a span { color: #4c4c4c; font-weight: normal; -webkit-transition: all 0.3s ease 0s; transition: all 0.3s ease 0s; }

.post_article .turnpage a:hover { color: #c60015; }

.post_article .turnpage a:hover span { color: #c60015; }

.post_article .post_header .meta .right .bdsharebuttonbox { height: 16px; line-height: 16px; }

.post_article .post_header .meta .right .bdshare-button-style2-16 span { float: left; }

.post_article .post_header .meta .right .bdshare-button-style2-16 a { width: 20px; height: 20px; line-height: 20px; margin: 0px 0px 0px 6px; padding-left: 0; background: url(../images/share_icon2.png) no-repeat; }

.post_article .post_header .meta .right .bdshare-button-style2-16 a.bds_tsina { background-position: -26px center; }

.post_article .post_header .meta .right .bdshare-button-style2-16 a.bds_tqq { background-position: right center; }

.top_bar .share { margin-top: 6px; }
.top_bar .share .bdshare-button-style2-16 a { background-position: left center; background: url(../images/share_icon3.png) no-repeat; width: 24px; height: 24px; margin: 0 10px 0 0; padding: 0; line-height: 24px; -webkit-transition: color 0.3s ease 0s; transition: color 0.3s ease 0s; }
.top_bar .share .bdshare-button-style2-16 .bds_weixin { background-position: -34px center; }
.top_bar .share .bdshare-button-style2-16 .bds_weixin:hover { background-position: -136px center; }
.top_bar .share .bdshare-button-style2-16 .bds_tqq { background-position: 0 center; }
.top_bar .share .bdshare-button-style2-16 .bds_tqq:hover { background-position: -102px center; }
.top_bar .share .bdshare-button-style2-16 .bds_tsina { background-position: -68px center; }
.top_bar .share .bdshare-button-style2-16 .bds_tsina:hover { background-position: -170px center; }


.list_honorpage .list_picul li .img img{ position: absolute;
    -webkit-transform: translate3d(-50%,-50%,0);
    -ms-transform: translate3d(-50%,-50%,0);
    -moz-transform: translate3d(-50%,-50%,0);
    transform: translate3d(-50%,-50%,0);
    left: 50%;
    top: 50%;
    width: auto;
    min-width: 100px;
    max-width: 100%;
    max-height: 100%;
    min-height: 0px;}


.js_product .tit li em{ width: 90px;height: 90px;border-radius: 50%; }
.js_product .tit li img{width: 100%;height: 100%; border-radius: 50%;}




@media only screen and (max-width: 1200px) { .w_1200 { width: 90%; }
  .nav { display: none; }
  .nav_btn { display: block; }
  .header { height: 84px; }
.header .logo{ height: 84px;line-height: 84px;}
.header .logo img{height: 70px;}


}
@media only screen and (max-width: 991px) { .top_bar .share { display: none; }
  .top_bar .search { width: 120px; }
  .top_bar .top_right { float: none; }
  .top_bar .tel { padding-left: 0; }
  .top_bar .search { float: right; }
  .top_bar .language { display: none; }
  .banner .swiper-slide .img { padding-bottom: 50%; }
  .sec_about { padding-top: 35px; padding-bottom: 35px; }
  .sec_about .about_dllist dd h3 i { margin-bottom: 15px; }
  .sec_about .about_dllist dt { float: none; width: 100%; padding-bottom: 67%; }
  .sec_about .about_dllist dd { float: none; width: 100%; }
  .sec_about .about_dllist dd .txt { margin-bottom: 25px; }
  .sec_about .about_dllist dd .wrap { position: static; margin-top: 10px; width: 80%; padding-bottom: 20px; height: auto; }
  .common_idea { margin-bottom: 20px; }
  .case_list li { float: none; width: 100%; }
  .case_list li .txt, .case_list li .img:after { opacity: 1; -webkit-transform: translateY(0); -ms-transform: translateY(0); transform: translateY(0); }
  .sec_case { padding-bottom: 35px; }
  .js_product .tit li em img { width: 60px; height: 60px; }
  .js_product .tit li { margin: 0; float: none;width: auto; }
  .js_product .item li { float: none; width: 100%; margin-right: 0; }
  .js_product .item li .img:after, .js_product .item li .txt { opacity: 1; -webkit-transform: translateY(0); -ms-transform: translateY(0); transform: translateY(0); }
  .sec_news { padding-bottom: 0; }
  .js_newstab .cont { display: none; }
  .js_newstab .tit { float: none; width: 100%; }
  .js_newstab .tit li { float: none; width: 100%; margin-right: 0; }
  .sec_contact .sec_contactwrap { width: 100%; }
  .footer { text-align: center; }
  .footer .left, .footer .right { float: none; }
  .footer ul li { margin: 0 5px; }
  .menue_btn { display: block; }
  .menue_level2 { z-index: 999; height: 46px; line-height: 0; }
  .menue_level2 .title { display: block; background: #f7f7f7; height: 45px; line-height: 45px; position: relative; font-size: 16px; width: 100%; box-sizing: border-box; overflow: hidden; }
  .menue_level2 .title a { color: #222; display: block; overflow: hidden; }
  .menue_level2 .title::before { box-sizing: border-box; position: absolute; right: 2%; top: 0; content: "+"; color: #a8a8a8; font-size: 16px; cursor: pointer; -webkit-transition: -webkit-transform 0.3s ease 0s; transition: -webkit-transform 0.3s ease 0s; transition: transform 0.3s ease 0s; -webkit-transition: -webkit-transform 0.3s ease 0s, -webkit-transform 0.3s ease 0s; transition: transform 0.3s ease 0s, -webkit-transform 0.3s ease 0s; }
  .menue_level2 .title.hopen::before { -webkit-transform: rotate(45deg) scale(1.08); -ms-transform: rotate(45deg) scale(1.08); transform: rotate(45deg) scale(1.08); }
  .menue_level2 ul { box-sizing: border-box; width: 100%; text-align: left; padding: 0px 0%; position: absolute; top: 45px; left: 0; background: #fff; display: none; }
  .menue_level2 ul.ulopen { display: block; }
  .menue_level2 ul li { display: block; float: none; margin-right: 0; border-bottom: 1px solid #f7f7f7; }
  .menue_level2 ul li a { padding: 0 14px; display: block; height: 34px; line-height: 34px; }
  .menue_level2 { margin-bottom: 20px; }
  .list_newspage .news_dl dd h3 { margin-bottom: 10px; }
  .list_newspage .news_dl dd h3 b { width: 100%; }
  .list_newspage .news_dl dd h3 em { display: block; float: left; }
  .list_newspage .news_dl dd h3 em .time { padding-left: 0; margin-left: 0; }
  .list_newspage .news_dl a { padding: 20px 0; }
  .list_newspage .news_dl dt { width: 192px; height: 112px; margin-right: 15px; }
  .list_picul li { width: 48%; margin-right: 4%; }
  .list_picul li:nth-child(3n) { margin-right: 4%; }
  .list_picul li:nth-child(2n) { margin-right: 0; }
  .post_article .post_header .meta { height: auto; }
  .post_article .post_header .meta .left, .post_article .post_header .meta .right { display: block; width: 100%; float: none; margin-bottom: 5px; }
  .menue_level3 ul li a { padding: 0 10px; }

  .sec_product{ display: none;}
  .sec_news{padding-top: 0;}
  .list_newspage .news_listwrap,.list_newspage{padding-bottom: 30px;}
  .list_picul li{margin-bottom: 30px;}
  .banner .swiper-slide .img:after{ height: 14px; background-size: auto 14px!important; }

  .more_btn{ display: none;}
  .header .logo img{height: 50px;}
   }

@media only screen and (max-width: 420px) { .list_picul li { width: 100%; margin-right: 0; }
  .list_picul li:nth-child(2n) { margin-right: 0; } 


.list_newspage .news_dl dt{ width: 100%;margin-right: 0;  height: 0; padding-bottom: 62.63%;}
.list_newspage .news_dl dd{float: left;width: 100%;}
 .header .logo img{height: 42px;}
}

/*# sourceMappingURL=common.css.map */