@charset "utf-8";
/* CSS Document */
/*====全局设置====*/
html,body {color:#333;margin:0;height:100%;font-family: "Open Sans", sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-weight:normal;}
* {-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;}
a {text-decoration:none;color:#000;}
a,label,button,input,select {-webkit-tap-highlight-color:rgba(0,0,0,0);}
img {border:0;}
body {background:#fff;}
html,body,div,dl,dt,dd,ol,ul,li,h1,h2,h3,h4,h5,h6,p,blockquote,pre,button,fieldset,form,input,legend,textarea,th,td {margin:0;padding:0;}
fieldset,img{border:0;}address,caption,cite,code,dfn,em,th,var{font-style:normal;font-weight:normal;}
ol,ul,li{list-style:none;}caption,th {text-align:left;}h1,h2,h3,h4,h5,h6{font-size:100%;}q:before,q:after{content:'';}
i{display:inline-block;}
textarea{overflow:auto;padding:1px 0 0 1px;font-size:0.75rem;}
select{font-size:0.75rem;}
cite{line-height:33px;display:none;text-indent:-999px;}
h1, h2, h3, h4, h5, h6 {font-size:12px;	font-weight: normal; font-style: normal; line-height: normal; margin:0px; padding:0}
button {outline:0;}
button,input,optgroup,select,textarea {margin:0;font:inherit;color:inherit;outline:none;}
a,label,button,input,select {-webkit-tap-highlight-color:rgba(0,0,0,0);}
.clearfix::after {clear:both;content:".";display:block;height:0;visibility:hidden;}
.clearfix {}
.clear{ clear:both;}
/*====字体设置====*/
@font-face {
  font-family: 'iconfont';  /* project id 2244306 */
  src: url('https://at.alicdn.com/t/font_2244306_qyrqbv3t1v.eot');
  src: url('https://at.alicdn.com/t/font_2244306_qyrqbv3t1v.eot?#iefix') format('embedded-opentype'),
  url('https://at.alicdn.com/t/font_2244306_qyrqbv3t1v.woff2') format('woff2'),
  url('https://at.alicdn.com/t/font_2244306_qyrqbv3t1v.woff') format('woff'),
  url('https://at.alicdn.com/t/font_2244306_qyrqbv3t1v.ttf') format('truetype'),
  url('https://at.alicdn.com/t/font_2244306_qyrqbv3t1v.svg#iconfont') format('svg');
}
.iconfont {
	font-family: iconfont!important;
	font-style: normal;
	-webkit-font-smoothing: antialiased
}
/*====字体设置====*/
.w1500{ width:1570px; margin:0 auto;}
@media screen and  (max-width:1570px){
.w1500{ width:1300px; margin:0 auto;}
}
@media screen and  (max-width:1280px){
.w1500{ width:1180px; margin:0 auto;}
}
@media screen and  (max-width:768px){
.w1500{ width:92%; margin:0 auto;}

}
/*网站头部*/
.m_header{ display:none;}
.nav_box{ display:none;}
.header{ left:0; top:0; width:100%; position:absolute; z-index:2; background:url("../images/top_bg.png");border-bottom: solid 1px rgba(255,2555,255,.2);}
.top_nav{width: 1570px;margin-right: auto;margin-left: auto;}
.top_nav .logo{ height:100px; line-height:100px; float:left;}
.top_nav .logo img{ display:inline-block; vertical-align:middle; margin-top:-3px;}
.menu.on{ top:0;}
.menu{ z-index:99; width:800px; position:absolute; left:50%;  top:0; margin-left:-400px;
-webkit-transition: all 0.3s ease-out 0s; 
-moz-transition: all 0.3s ease-out 0s; 
-o-transition: all 0.3s ease-out 0s; 
transition: all 0.3s ease-out 0s;}
.menu > ul{ float:left; width:100%; float:left;}
.menu ul .nli{ float:left; width:16.6666667%;z-index:99; text-align:center;}
.menu ul .nli span{ display:inline-block; vertical-align:top; position:relative;}
.menu ul .nli span a{ display:block; width:100%; height:100px; line-height:100px; color:#fff; font-size:16px;}
.menu ul .nli.on span a,
.menu ul .nli:hover span a{ font-weight:bold;}
.menu ul .nli span:before{ content:''; display:block; position:absolute; background:white; width:0; left:50%; height:3px; background:#white; left:50%; bottom:0;-webkit-transition: all 0.3s ease-out 0s; -moz-transition: all 0.3s ease-out 0s; -o-transition: all 0.3s ease-out 0s; transition: all 0.3s ease-out 0s;}
.menu ul .nli.on span:before{ left:0px; width:100%; opacity:1;}
.topTel{ float:right; font-size:15px; line-height:100px; color:white;}
.topTel p{display:inline-block;}
.topTel img{ vertical-align:middle; margin:-3px 16px 0 0; width:26px;}
/*头部图片文字*/
@media screen and  (max-width:1570px){
.top_nav{width: 1300px;margin-right: auto;margin-left: auto;}
}
@media screen and  (max-width:1280px){
.top_nav{width: 1180px;margin-right: auto;margin-left: auto;}
}
@media screen and  (max-width:768px){
.header{ display:none;}
/*头部导航*/
.m_header{ background:rgba(0,0,0,0.5); height:50px; width:100%; position:fixed; top:0; left:0; z-index:9; display:block;}
.m_header a.nav-menu {height:100%;width:50%;box-sizing:border-box}
.m_header a.nav-menu b {width:7vw;height:3vw;display:inline-block;position:absolute;left:2vw}
.m_header .nav-menu:hover {cursor:pointer}
.m_header .nav-menu span {position:absolute;left:10px;top:23px;width:7vw;height:1px;background-color:#fff;}
.fixed-nav .header-nav .one-list-child2 .two-header-nav3, .two-header-nav4, .fixed-nav .header-nav .one-list-child3 .two-header-nav3 {
    height: 46.66666667vw;
    display: none;
}
.m_header .nav-menu span:first-child {-webkit-transform:translateY(4px) rotate(0deg);transform:translateY(4px) rotate(0deg)}
.m_header .nav-menu span:nth-child(2) {opacity:0;width:7vw}
.m_header .nav-menu span:nth-child(3) {-webkit-transform:translateY(-4px) rotate(0deg);transform:translateY(-4px) rotate(0deg)}
.m_header .inner-header-icon-click span:first-child {-webkit-animation-duration:.5s;animation-duration:.5s;-webkit-animation-fill-mode:both;animation-fill-mode:both;-webkit-animation-name:clickfirst;animation-name:clickfirst}
.m_header .inner-header-icon-click span:nth-child(2) {-webkit-animation-duration:.5s;animation-duration:.5s;-webkit-animation-fill-mode:both;animation-fill-mode:both;-webkit-animation-name:clicksecond;animation-name:clicksecond}
.m_header .inner-header-icon-click span:nth-child(3) {-webkit-animation-duration:.5s;animation-duration:.5s;-webkit-animation-fill-mode:both;animation-fill-mode:both;-webkit-animation-name:clickthird;animation-name:clickthird}
@-webkit-keyframes clickfirst {0% {-webkit-transform:translateY(4px) rotate(0deg);transform:translateY(4px) rotate(0deg)}
to {-webkit-transform:translateY(0) rotate(45deg);transform:translateY(0) rotate(45deg)}
}
@keyframes clickfirst {0% {-webkit-transform:translateY(4px) rotate(0deg);transform:translateY(4px) rotate(0deg)}
to {-webkit-transform:translateY(0) rotate(45deg);transform:translateY(0) rotate(45deg)}
}
@-webkit-keyframes clicksecond {0% {opacity:1}
to {opacity:0}
}
@keyframes clicksecond {0% {opacity:1}
to {opacity:0}
}
@-webkit-keyframes clickthird {0% {-webkit-transform:translateY(-4px) rotate(0deg);transform:translateY(-4px) rotate(0deg)}
to {-webkit-transform:translateY(0) rotate(-45deg);transform:translateY(0) rotate(-45deg)}
}
@keyframes clickthird {0% {-webkit-transform:translateY(-4px) rotate(0deg);transform:translateY(-4px) rotate(0deg)}
to {-webkit-transform:translateY(0) rotate(-45deg);transform:translateY(0) rotate(-45deg)}
}
.m_header .inner-header-icon-out span:first-child {-webkit-animation-duration:.5s;animation-duration:.5s;-webkit-animation-fill-mode:both;animation-fill-mode:both;-webkit-animation-name:outfirst;animation-name:outfirst}
.m_header .inner-header-icon-out span:nth-child(2) {-webkit-animation-duration:.5s;animation-duration:.5s;-webkit-animation-fill-mode:both;animation-fill-mode:both;-webkit-animation-name:outsecond;animation-name:outsecond; margin-top:3px;}
.m_header .inner-header-icon-out span:nth-child(3) {-webkit-animation-duration:.5s;animation-duration:.5s;-webkit-animation-fill-mode:both;animation-fill-mode:both;-webkit-animation-name:outthird;animation-name:outthird;margin-top:6px;}
@-webkit-keyframes outfirst {0% {-webkit-transform:translateY(0) rotate(-45deg);transform:translateY(0) rotate(-45deg)}
to {-webkit-transform:translateY(-4px) rotate(0deg);transform:translateY(-4px) rotate(0deg)}
}
@keyframes outfirst {0% {-webkit-transform:translateY(0) rotate(-45deg);transform:translateY(0) rotate(-45deg)}
to {-webkit-transform:translateY(-4px) rotate(0deg);transform:translateY(-4px) rotate(0deg)}
}
@-webkit-keyframes outsecond {0% {opacity:0}
to {opacity:1}
}
@keyframes outsecond {0% {opacity:0}
to {opacity:1}
}
@-webkit-keyframes outthird {0% {-webkit-transform:translateY(0) rotate(45deg);transform:translateY(0) rotate(45deg)}
to {-webkit-transform:translateY(4px) rotate(0deg);transform:translateY(4px) rotate(0deg)}
}
@keyframes outthird {0% {-webkit-transform:translateY(0) rotate(45deg);transform:translateY(0) rotate(45deg)}
to {-webkit-transform:translateY(4px) rotate(0deg);transform:translateY(4px) rotate(0deg)}
}

.logo{ width:150px; left:50%; position:absolute; margin-left:-75px; top:5px;}
.logo img{ width:150px;}
.tel{right:2vw; position:absolute; top:10px; width:36px;}
.tel img{ width:28px;}
/*弹出导航*/
.nav_box{ width:100%; height:100%; background:#000; display:none; position:fixed; top:0; left:0;z-index:10}
.nav_box a.nav-menu {height:100%;width:50%;box-sizing:border-box}
.nav_box a.nav-menu b {width:7vw;height:3vw;display:inline-block;position:absolute;left:2vw}
.nav_box .nav-menu:hover {cursor:pointer}
.nav_box .nav-menu span {position:absolute;left:10px;top:23px;width:7vw;height:1px;background-color:#fff;}
.nav_box .inner-header-icon-click span:first-child {-webkit-animation-duration:.5s;animation-duration:.5s;-webkit-animation-fill-mode:both;animation-fill-mode:both;-webkit-animation-name:clickfirst;animation-name:clickfirst}
.nav_box .inner-header-icon-click span:nth-child(2) {-webkit-animation-duration:.5s;animation-duration:.5s;-webkit-animation-fill-mode:both;animation-fill-mode:both;-webkit-animation-name:clicksecond;animation-name:clicksecond}
.nav_box .inner-header-icon-click span:nth-child(3) {-webkit-animation-duration:.5s;animation-duration:.5s;-webkit-animation-fill-mode:both;animation-fill-mode:both;-webkit-animation-name:clickthird;animation-name:clickthird}

.subnav{margin-top:20%; width:100%;}
.subnav ul{ width:80%; margin:0 auto;}
.subnav ul li{ font-size:16px; line-height:60px;text-align:center; border-bottom:1px solid rgba(255,255,255,0.2); font-weight:200;}
.subnav ul li a{ color:#fff; display:block;}
.subnav dl{ text-align:center; padding-top:30px;}
.subnav dl img{ width:30%;}

}

/* banner*/
.banner{ width: 100%;}
.banner img{ width:100%; display:block;}
.swiper-slide{ position:relative;}
.banner_h1{ color:#fff; font-size:40px; font-weight:100; position:absolute; top:38%;letter-spacing:5px; width:100%; text-align:center}
.banner_h1 span{ color:#db0001; font-weight:bold;}
.banner_h2{ color:#f0f0f0; font-weight:400; font-size:16px; position:absolute; top:52%;letter-spacing:2px; line-height:26px; width:100%; text-align:center}
.banner_h3{ color:#f0f0f0; font-weight:100; font-size:22px; position:absolute; top:52%;letter-spacing:2px; line-height:36px; width:100%; text-align:center}

/*其他页面banner文字*/
.banner_h4{ color:#fff; font-size:40px; font-weight:100; position:absolute; top:25%;letter-spacing:5px; width:100%; text-align:center}
.banner_h4 span{ color:#db0001; font-weight:bold;}
.banner_h5{ color:#f0f0f0; font-weight:400;font-weight:100; font-size:34px; position:absolute; top:35%;letter-spacing:2px; line-height:26px; width:100%; text-align:center}
.banner_h5 span{ color:#db0001; font-weight:bold;}
@media screen and  (max-width:1570px){
.banner_h4{ color:#fff; font-size:32px; font-weight:100; position:absolute; top:27%;letter-spacing:5px; width:100%; text-align:center}
.banner_h5{ color:#f0f0f0; font-weight:400;font-weight:100; font-size:28px; position:absolute; top:37%;letter-spacing:2px; line-height:26px; width:100%; text-align:center}
}
@media screen and  (max-width:1280px){
.banner_h4{ color:#fff; font-size:26px; font-weight:100; position:absolute; top:29%;letter-spacing:5px; width:100%; text-align:center}
.banner_h5{ color:#f0f0f0; font-weight:400;font-weight:100; font-size:16px; position:absolute; top:38%;letter-spacing:2px; line-height:26px; width:100%; text-align:center}
}
@media screen and  (max-width:768px){
.banner{ width: 100%; padding-top:50px;}
.banner_h1{ color:#fff; font-size:14px; font-weight:100; position:absolute; top:25%;letter-spacing:0; width:100%; text-align:center}
.banner_h1 span{ color:#db0001; font-weight:bold;}
.banner_h2{ color:#f0f0f0; font-weight:400; font-size:12px; position:absolute; top:42%;letter-spacing:0; line-height:20px; width:100%; text-align:center}
.banner_h3{ color:#f0f0f0; font-weight:100; font-size:12px; position:absolute; top:48%;letter-spacing:0; line-height:20px; width:100%; text-align:center}
.swiper-container-horizontal>.swiper-pagination-bullets, .swiper-pagination-custom, .swiper-pagination-fraction{ bottom:3px !important}
.banner_h4{ color:#fff; font-size:16px; font-weight:100; position:absolute; top:12%;letter-spacing:2px; width:100%; text-align:center}
.banner_h5{ color:#f0f0f0; font-weight:400;font-weight:100; font-size:12px; position:absolute; top:16%;letter-spacing:1px; line-height:26px; width:100%; text-align:center}
}
/*Bottom*/
.Bottomer{width:100%;background:#333; padding-top:20px; padding-bottom:20px;}
.Bottomer dl{width:1570px; margin:0 auto;color:#ddd; }
.Bottomer dl p{ line-height:32px; }
.Bottomer dl p a{ color:#ddd;}
.footer .Copyright{	width:100%; background:#333;border-top: 1px solid #4d4d4d;}
.Copyright p{ width:1570px; margin:0 auto; line-height:80px; color:#ddd;}
.Copyright p a{ color:#ddd;}
.Bottomer .BottomLinks{float:right;}
.Bottomer .BottomLinks a{ color:#E7E3E3; text-decoration:none; noline:-webkit-tap-highlight-color:rgba(0,0,0,0);}
.Bottomer .BottomLinks a:focus {outline:none; -moz-outline:none;}
.Bottomer .BottomLinks a:hover{ text-decoration:none; color:#d50a03;}
.Bottomer .BottomLinks em{font-style: normal; }
@media screen and  (max-width:1570px){
.Bottomer dl{width:1300px; margin:0 auto;color:#ddd; }
.Copyright p{ width:1300px; margin:0 auto; line-height:80px; color:#ddd;}
}
@media screen and  (max-width:1280px){
.Bottomer dl{width:1180px; margin:0 auto;color:#ddd; }
.Copyright p{ width:1180px; margin:0 auto; line-height:80px; color:#ddd; font-size:14px;}
.Bottomer dl p{ line-height:32px; font-size:14px;}

}
@media screen and  (max-width:768px){
.Bottomer dl{width:92%; margin:0 auto;color:#ddd; }
.Copyright p{ width:92%; margin:0 auto; line-height:20px; color:#ddd; font-size:12px; padding-top:10px;}
.Bottomer dl p{ line-height:22px; font-size:12px;}

}
/*page*/
.pages{ width:100%;text-align:center; margin:5px auto; height:50px; line-height:50px; margin-bottom:10px; padding-bottom:140px;}
.pages ul{ display:table;margin:10px auto; }
.pages ul li{text-align:center;float:left;*float:none;*display:inline;*zoom:1;margin-right:5px;cursor:pointer;height:40px;width:auto; line-height:40px; width:20px;}
.pages ul li.on{background:#222;text-align:center;float:left;*float:none;*display:inline;*zoom:1;margin-right:5px;cursor:pointer;height:40px;width:auto; line-height:40px; width:40px; color:#fff; border-radius:100%;}
.pages ul li a{ color:#999; display:block}
.pages ul li.disabled{ text-decoration:underline;}
.pages ul li.on a{ color:#fff; }
.pages ul li.on:first-child{ margin-right:50px;text-decoration:none;}
.pages ul li.on:last-child{ margin-left:50px;text-decoration:none;}

.pages ul li.no{background:#e8e8e8;text-align:center;float:left;*float:none;*display:inline;*zoom:1;margin-right:5px;cursor:pointer;height:40px;width:auto; line-height:40px; width:40px; color:#fff; border-radius:100%;}
.pages ul li.no:first-child{ margin-right:50px;text-decoration:none;}
.pages ul li.no:last-child{ margin-left:50px;text-decoration:none;}

@media screen and  (max-width:1570px){
.pages{ width:100%;text-align:center; margin:5px auto; height:50px; line-height:50px; margin-bottom:10px; padding-bottom:140px;}
}
@media screen and  (max-width:1280px){
.pages{ width:100%;text-align:center; margin:5px auto; height:50px; line-height:50px; margin-bottom:10px; padding-bottom:100px;}

}
@media screen and  (max-width:768px){
.pages{ width:100%;text-align:center; margin:5px auto; height:50px; line-height:50px; margin-bottom:10px; padding-bottom:50px;}

}



/*中间联系*/
.tc_close {width:18px;position:absolute;right:25px;top:22px;cursor:pointer;}
.tc_close img {width:100%;display:block;}
.tc_close img{transition: all 0.9s; -webkit-transition: all 0.9s;-ms-transition: all 0.9s;-moz-transition: all 0.9s;}
.tc_close img:hover{transform: rotate(180deg);-webkit-transform: rotate(180deg);-ms-transform: rotate(180deg);-moz-transform: rotate(180deg);}
.fl {float: left;}
.fr {float: right;}
.tc_con {width:718px;background:#e83f3f;padding:18px;position:fixed;left:50%;top:50%;transform:translate(-50%,-50%) scale(0);z-index:150;overflow:hidden;transition:all 0.6s;}
.tc_box .tc_con {transform:translate(-50%,-50%) scale(1);}
.tc_box {width:100%;height:100vh;position:fixed;left:0;top:0;z-index:150;background:rgba(0,0,0,0.5);display: none;}
.tc_box .tc_con_l {-webkit-animation:fadeInLeft .7s ease both;animation:fadeInLeft .7s ease both;animation-delay:0.5s;}
.tc_box .tc_con_r {-webkit-animation:fadeInRight .7s ease both;animation:fadeInRight .7s ease both;animation-delay:0.5s;}
.tc_con_r {width:182px;}
.weixin_box {width:100%;border:1px dotted rgba(255,255,255,0.9);padding-top:65px;padding-bottom:65px;padding-left:20px;padding-right:20px;position:relative;}
.tc_con_tel span {font-size:20px;color:#ffffff;font-family:"Microsoft JhengHei";display:block;padding-left:10px;padding-right:10px;}
.tc_con_l {width:calc(100% - 182px - 20px);}
.tc_con_tel span h5 {font-size:22px;display:inline-block;margin-top:0;}
.tc_con_tel {margin-left:-10px;margin-right:-10px;}
.tc_con_l h3 {font-size:42px;color:#ffffff;font-family:"Microsoft JhengHei";margin-top:32px;}
.tc_con_l h5 {font-size:28px;color:#ffffff;margin-top:38px;}
.tc_con_l h5 a {color:#ffffff !important;display:none;}
.tc_con_btn {margin-top:32px;}
.tc_con_btn span {font-family:"Microsoft JhengHei";font-size:20px;color:#ffffff;text-align:center;line-height:44px;width:138px;height:46px;display:block;border:1px solid #ffffff;}
.tc_con_btn span a {display:block;width:100%;height:100%;line-height:44px;color:#ffffff;background:#e83f3f;}
.tc_con_btn_r {margin-left:34px;}
.tc_con_r {margin-right:20px;}
.tc_con_r h5 {font-size:18px;color:#ffffff;color:#ffffff;font-family:"Microsoft JhengHei";text-align:center;margin-top:24px;line-height:1.4;}
.weixin_img {width:100%;display:block;}
.k1 {width:30px;height:30px;border-top:1px solid #ffffff;border-left:1px solid #ffffff;position:absolute;left:0;top:0;display:block;animation:sxg 1.2s infinite;-webkit-animation:sxg 1.2s infinite;}
.k2 {width:30px;height:30px;border-top:1px solid #ffffff;border-right:1px solid #ffffff;position:absolute;right:0;top:0;display:block;animation:sxg 1.2s infinite;-webkit-animation:sxg 1.2s infinite;}
.k3 {width:30px;height:30px;border-bottom:1px solid #ffffff;border-right:1px solid #ffffff;position:absolute;right:0;bottom:0;display:block;animation:sxg 1.2s infinite;-webkit-animation:sxg 1.2s infinite;}
.k4 {width:30px;height:30px;border-bottom:1px solid #ffffff;border-left:1px solid #ffffff;position:absolute;left:0;bottom:0;display:block;animation:sxg 1.2s infinite;-webkit-animation:sxg 1.2s infinite;}
.erweima {position:relative;padding-left:7px;padding-right:7px;padding-top:7px;padding-bottom:7px;margin-top:10px;}

@keyframes sxg {
0% {transform:scale(1);}
to {transform:scale(1.2);}
}

@media screen and  (max-width:768px){
.weixin_box {padding-top:55px;padding-bottom:20px;}
.tc_con {width:92%;}
.tc_con_l {width:100%;}
.tc_con_l h3 {font-size:20px;margin-top:10px;}
.tc_con_l h5 {font-size:14px;margin-top:15px;}
.tc_con_btn{ display:none;}
.tc_box .tc_con_r{ margin:0 auto;margin-top: 125px; float:none;}
}
/*返回头部*/
.cd-top {display:inline-block;height:70px;width:70px;position:fixed;bottom:250px; right:50px;overflow:hidden;text-indent:100%;white-space:nowrap;background:url(../images/totop1.jpg) no-repeat center 50%;visibility:hidden;opacity:0;-webkit-transition:all 0.3s;-moz-transition:all 0.3s;transition:all 0.3s; z-index:9}
.cd-top.cd-is-visible {visibility:visible;opacity:1;}
.cd-top:hover{background:url(../images/totop2.jpg) no-repeat center 50%;height:70px;width:70px;}
/*indexfoot*/
.call-to-action.style-3 {padding: 90px 0;display: block;width: 100%;
  -webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  -ms-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
  animation: color-animate 7s infinite;
  animation-direction: alternate;
  animation-timing-function: ease-in-out;}
.call-to-action.style-3 h2 {font-size: 42px;font-weight: 300; color:#fff; text-align:center;}
.color-animate {animation: color-animate 7s infinite;animation-direction: alternate;animation-timing-function: ease-in-out;opacity: .8 !important;}
@media screen and  (max-width:1570px){
.cd-top {display:inline-block;height:60px;width:60px;position:fixed;bottom:250px; right:10px;overflow:hidden;text-indent:100%;white-space:nowrap;background:url(../images/totop1.jpg) no-repeat center 50%;visibility:hidden;opacity:0;-webkit-transition:all 0.3s;-moz-transition:all 0.3s;transition:all 0.3s; z-index:9}
.cd-top:hover{background:url(../images/totop2.jpg) no-repeat center 50%;height:60px;width:60px;}
}
@media screen and  (max-width:1280px){
.cd-top {display:inline-block;height:40px;width:40px;position:fixed;bottom:250px; right:10px;overflow:hidden;text-indent:100%;white-space:nowrap;background:url(../images/totop1.jpg) no-repeat center 50%;visibility:hidden;opacity:0;-webkit-transition:all 0.3s;-moz-transition:all 0.3s;transition:all 0.3s; z-index:9}
.cd-top:hover{background:url(../images/totop2.jpg) no-repeat center 50%;height:40px;width:40px;}
}
@media screen and  (max-width:768px){
.cd-top {display:inline-block;height:40px;width:40px;position:fixed;bottom:50px; right:10px;overflow:hidden;text-indent:100%;white-space:nowrap;background:url(../images/totop1.jpg) no-repeat center 50%;visibility:hidden;opacity:0;-webkit-transition:all 0.3s;-moz-transition:all 0.3s;transition:all 0.3s; z-index:9}
.cd-top:hover{background:url(../images/totop2.jpg) no-repeat center 50%;height:40px;width:40px;}

}
@-webkit-keyframes color-animate {
  0% {
    background-color: #7b33d4;
  }
  50% {
    background-color: #1abc9c;
  }
  100% {
    background-color: #29c7c8;
  }
}
@-moz-keyframes color-animate {
  0% {
    background-color: #7b33d4;
  }
  50% {
    background-color: #1abc9c;
  }
  100% {
    background-color: #29c7c8;
  }
}
@-o-keyframes color-animate {
  0% {
    background-color: #7b33d4;
  }
  50% {
    background-color: #1abc9c;
  }
  100% {
    background-color: #29c7c8;
  }
}
@keyframes color-animate {
  0% {
    background-color: #7b33d4;
  }
  50% {
    background-color: #1abc9c;
  }
  100% {
    background-color: #29c7c8;
  }
}
/*留言弹出层*/
#cover{ position:fixed; z-index:102; top:0; left:0; display:none; width:100%; height:100%; background: rgba(0,0,0,0.8);}
.msg_box{ width:800px; height:540px;background: #FFFFFF;box-shadow: 0 40px 60px 0 rgba(43,61,160,0.06);border-radius: 10px; position: fixed; top:15%; z-index:103; left:50%; margin-left:-400px; padding-top:90px;}
.msg_close{ position:absolute; right:10px; top:10px; width:30px;cursor:pointer;}
.msg_close img{ width:100%;}
.msg_box dl{font-size: 20px;color: rgba(0,0,0,0.75); font-weight:bold; background:url(../images/msg_02.png) no-repeat 330px 10px; background-size:40px 40px; height:60px; padding-left:60px; line-height:55px; text-align:center;}
.msg_box dd{font-size: 16px;color: rgba(0,0,0,0.75);text-align: center; margin:20px auto;}
.msg_box dt{ text-align:center; margin-top:50px;}
.msg_box dt img{ margin:0 auto;}

@media screen and  (max-width:768px){
/*留言弹出层*/
#cover{ position:fixed; z-index:101; top:0; left:0; display:none; width:100%; height:100%; background: rgba(0,0,0,0.8);}
.msg_box{ width:90%; background: #FFFFFF;box-shadow: 0 40px 60px 0 rgba(43,61,160,0.06);border-radius: 10px; position: fixed; top:25%; z-index:102; left:5%; padding-top:20px; margin-left:0; height:auto;}
.msg_close{ position:absolute; right:10px; top:10px; width:20px;cursor:pointer;}
.msg_close img{ width:100%;}
.msg_box dl{font-size: 20px;color: rgba(0,0,0,0.75); font-weight:bold; background:url(../images/msg_02.png) no-repeat 33% 12px; background-size:30px 30px; height:60px; padding-left:40px; line-height:55px; text-align:center;}
.msg_box dd{font-size: 14px;color: rgba(0,0,0,0.75);text-align: center; margin:10px auto;}
.msg_box dt{ text-align:center; margin-top:20px;}
.msg_box dt img{ width:80%; margin:0 auto;}
}
/*底部留言*/
.message{ width:100%; background:#fafafa;}
.msg_main{ width:1570px; margin:0 auto; padding-top:80px; padding-bottom:80px;}
.msg_main_l{ width:950px; float:left;}
.msg_main_l h1{ font-size:18px; color:#222; margin-bottom:10px;}
.msg_main_l dl{ font-size:13px; color:#bababa;}
.msg_main_l ul{ margin-top:30px;}
.msg_main_l ul li{ color:#949395; font-size:14px; border-bottom:1px solid #c9c9c9; width:30%; float:left; margin-right:5%;}
.msg_main_l ul li:nth-child(3){ margin-right:0;}
.msg_main_l ul li input {font-size:14px;border:0;padding:21px 14px;height:40px;margin-bottom:10px;font-family:PingFang SC,Microsoft YaHei; background:#fafafa; width:165px;}
.msg_main_l ul li input::-webkit-input-placeholder {color:#a8a8a8;font-size:14px}
.msg_main_l ul li input::-moz-placeholder::-ms-input-placeholder {color:#a8a8a8;font-size:14px}
.msg_main_l ul li input::-ms-input-placeholder {color:#a8a8a8;font-size:14px}
.msg_main_l ul li span{ margin-left:15px;}
.msg_main_l h2{ color:#949395; font-size:14px; margin-bottom:10px; font-weight:400; margin-top:30px;}
.msg_main_l h2 span{ margin-left:15px;}
.msg_main_l textarea {font-family:PingFang SC,Microsoft YaHei;font-size:14px;resize:none;overflow:hidden; width:100%; background:#fafafa; border:none; border-bottom:1px solid #c9c9c9; height:80px;}
.msg_main_l textarea::-webkit-input-placeholder {font-family:PingFang SC,Microsoft YaHei;color:#a8a8a8;font-size:14px}
.msg_main_l textarea::-moz-placeholder::-ms-input-placeholder {font-family:PingFang SC,Microsoft YaHei;color:#a8a8a8;font-size:14px}
.msg_main_l textarea::-ms-input-placeholder {font-family:PingFang SC,Microsoft YaHei;color:#a8a8a8;font-size:14px}
.msg_main_l .sub{ width:150px; height:55px; line-height:55px; color:#fff; font-size:14px; text-align:center; background:#2d2d2d; margin-top:30px;cursor:pointer}
.msg_main_l .sub:hover{ background: #db0001;}
.msg_main_r{ width:500px; float:right;}
.msg_main_r dl{ color:#db0001; font-size:30px;}
.msg_main_r dt{ position:relative; padding-top:20px;}
.msg_main_r dt:after{ content:""; position:absolute; bottom:-15px; left:0; width:40px; height:3px; background:#222;}
.msg_main_r .con_tl{ margin-top:40px;}
.msg_main_r .con_tl p{ font-size:14px; color:#222; font-weight:bold; margin-bottom:5px;}
.msg_main_r .con_tl dd{ font-size:14px; color:#bababa; line-height:26px;}
.msg_main_r .object{ margin-top:30px;}
.msg_main_r .object p{ font-size:14px; color:#bababa}
.msg_main_r .object dd{ font-size:14px; color:#222; font-weight:bold; margin-top:10px;}
.msg_main_r .object dd a{color:#222;}
.msg_main_r .object dd span{ margin-left:10px; margin-right:10px;}
.msg_main_r .ewm{margin-top:40px;}
.msg_main_r .ewm ul{}
.msg_main_r .ewm ul li{ width:80px; float:left; margin-right:20px;}
.msg_main_r .ewm ul li img{ width:100%;}
.msg_main_r .ewm ul li p{ text-align:center; font-size:14px; color:#222; line-height:30px;}
@media screen and  (max-width:1570px){
.msg_main{ width:1300px; margin:0 auto; padding-top:80px; padding-bottom:80px;}
.msg_main_l{ width:850px; float:left;}
.msg_main_r{ width:400px; float:right;}
}
@media screen and  (max-width:1280px){
.msg_main{ width:1180px; margin:0 auto; padding-top:40px; padding-bottom:40px;}
.msg_main_l{ width:750px; float:left;}
.msg_main_r{ width:380px; float:right;}
.msg_main_l ul li{ color:#949395; font-size:12px; border-bottom:1px solid #c9c9c9; width:30%; float:left; margin-right:5%;}
.msg_main_l ul li input {font-size:12px;border:0;padding:21px 14px;height:40px;margin-bottom:10px;font-family:PingFang SC,Microsoft YaHei; background:#fafafa; width:146px;}
.msg_main_l ul li input::-webkit-input-placeholder {color:#a8a8a8;font-size:14px}
.msg_main_l ul li input::-moz-placeholder::-ms-input-placeholder {color:#a8a8a8;font-size:14px}
.msg_main_l ul li input::-ms-input-placeholder {color:#a8a8a8;font-size:14px}
.msg_main_l ul li input::-webkit-input-placeholder {color:#a8a8a8;font-size:12px}
.msg_main_l ul li input::-moz-placeholder::-ms-input-placeholder {color:#a8a8a8;font-size:12px}
.msg_main_l ul li input::-ms-input-placeholder {color:#a8a8a8;font-size:12px}
.msg_main_r dt{ position:relative; padding-top:15px;}
.msg_main_r dl{ color:#db0001; font-size:24px;}
.msg_main_r .con_tl dd{ font-size:12px; color:#bababa; line-height:22px;}
.msg_main_r .object{ margin-top:20px;}
.msg_main_r .object dd{ font-size:12px; color:#222; font-weight:bold; margin-top:10px;}
.msg_main_r .ewm{margin-top:20px;}
.msg_main_l .sub{ width:150px; height:45px; line-height:45px; color:#fff; font-size:14px; text-align:center; background:#2d2d2d; margin-top:30px;}
}
@media screen and  (max-width:768px){
/*底部留言*/
.message{ width:100%; background:#fafafa;}
.msg_main{ width:90%; margin:0 auto;padding-top:30px; padding-bottom:30px;}
.msg_main_l{ width:100%;}
.msg_main_l h1{ font-size:16px; color:#222; margin-bottom:10px; font-weight:400;}
.msg_main_l dl{ font-size:12px; color:#bababa;}
.msg_main_l ul{ margin-top:10px;}
.msg_main_l ul li{ color:#222; font-size:12px; border-bottom:1px solid #c9c9c9; width:100%; padding-top:5px; padding-bottom:5px;}
.msg_main_l ul li:nth-child(3){ margin-right:0;}
.msg_main_l ul li input {font-size:14px;border:0;padding:20px 14px;height:30px;font-family:PingFang SC,Microsoft YaHei; background:#fafafa; width:245px; margin-bottom:0;}
.msg_main_l ul li input::-webkit-input-placeholder {color:#a8a8a8;font-size:12px}
.msg_main_l ul li input::-moz-placeholder::-ms-input-placeholder {color:#a8a8a8;font-size:12px}
.msg_main_l ul li input::-ms-input-placeholder {color:#a8a8a8;font-size:12px}

.msg_main_l h2{ color:#222; font-size:12px; margin-bottom:10px; font-weight:400; margin-top:10px;}

.msg_main_l textarea {font-family:PingFang SC,Microsoft YaHei;font-size:14px;resize:none;overflow:hidden; width:100%; background:#fafafa; border:none; border-bottom:1px solid #c9c9c9; height:80px;}
.msg_main_l textarea::-webkit-input-placeholder {font-family:PingFang SC,Microsoft YaHei;color:#a8a8a8;font-size:12px}
.msg_main_l textarea::-moz-placeholder::-ms-input-placeholder {font-family:PingFang SC,Microsoft YaHei;color:#a8a8a8;font-size:12px}
.msg_main_l textarea::-ms-input-placeholder {font-family:PingFang SC,Microsoft YaHei;color:#a8a8a8;font-size:12px}
.msg_main_l .sub{ margin:0 auto;margin-top:20px; color:#fff; background:#2d2d2d; font-size:14px; width:120px; height:40px; line-height:40px;text-align:center}
.msg_main_l .sub a{ display:block;}

.msg_main_r dt{ position:relative; padding-top:10px; font-size:12px;}
.msg_main_r dt:after{ content:""; position:absolute; bottom:-15px; left:0; width:40px; height:3px; background:#222; left:50%; margin-left:-20px;}
.msg_main_r{ width:100%; text-align:center; margin-top:40px;}
.msg_main_r .con_tl{ margin-top:30px;}
.msg_main_r .con_tl p{ font-size:14px; color:#222;  margin-bottom:5px;}
.msg_main_r .con_tl dd{ font-size:12px; color:#bababa; line-height:26px;}
.msg_main_r .object{ margin-top:30px;}
.msg_main_r .object p{ font-size:14px; color:#bababa}
.msg_main_r .object dd{ font-size:14px; color:#222; margin-top:10px;}
.msg_main_r .object dd a{color:#222;}
.msg_main_r .object dd span{ margin-left:10px; margin-right:10px;}
.msg_main_r .ewm{margin-top:20px;}
.msg_main_r .ewm ul{ display:table;margin:10px auto;}
.msg_main_r .ewm ul li{ text-align:center;float:left;*float:none;*display:inline;*zoom:1;margin-right:10px; margin-left:10px;height:120px;width:auto; width:120px;}
.msg_main_r .ewm ul li img{ width:100%;}
.msg_main_r .ewm ul li p{ text-align:center; font-size:14px; color:#222; line-height:30px;}
}