@charset "utf-8";
/* CSS Document */
/*===================CSS Reset================*/
@font-face{ font-family:Comfortaa; src: url(../fonts/Comfortaa-Regular.ttf);}
@font-face{ font-family:"Century Gothic"; src: url(../fonts/GOTHIC_0.TTF);}
@font-face{ font-family:"Century Gothic Bold"; src: url(../fonts/GOTHICB_0.TTF);}
::selection {color:#fff;background-color: #e60012;}
::-moz-selection {color:#fff;background-color: #e60012;}
::-webkit-selection {color:#fff;background-color: #e60012;}
::-webkit-scrollbar {width: 10px;height: 8px;background-color: #F5F5F5;}
::-webkit-scrollbar-track {border-radius: 10px;background-color: #E2E2E2;}
::-webkit-scrollbar-thumb {border-radius: 10px; background-color: #333;}
* {padding: 0;margin: 0; box-sizing:border-box;}
@media (min-width:1660px){html{font-size:16px;}}
@media (min-width:1400px) and (max-width:1660px){html{font-size:15px;}}
@media (min-width:640px) and (max-width:1399px){html{font-size:15px;}}
@media (min-width:471px) and (max-width:639px){html{font-size:14px;}}
@media (min-width:329px) and (max-width:470px){html{font-size:13px;}}
@media (max-width:328px){html{font-size:12px;}}


body {font: 14px/1.231  arial,"微软雅黑", 'Microsoft YaHei', clean, sans-serif; position:relative; color: #333; margin: 0; line-height:1.2; min-width:1200px; overflow-x:hidden}

:focus { outline: 0;}
 input,button,a { outline:0;}
article,aside,canvas,details,figcaption,figure,footer,header,hgroup,menu,nav,section,summary {display: block;}
ins {background-color: #ff9;color: #000;text-decoration: none;}
mark {background-color: #ff9;color: #000;font-style: italic;font-weight: bold;}
del {text-decoration: line-through;}
table {border-collapse: collapse;border-spacing: 0;}
hr {display: block;height: 1px;border: 0;border-top: 1px solid #cccccc;margin: 1em 0;padding: 0;}
input,select {vertical-align: top;}
li,ul {list-style-type: none;}
img {border: none; vertical-align:middle;}
a{text-decoration: none; color: inherit;}
a:link,a:hover,a:active,a:visited {text-decoration: none;}
input,textarea {outline: 0;border: 0;}
textarea {resize: none;}
h1,h2,h3,h4,h5,h6,dl,dd,dt,i,em {font-weight: normal;font-style: normal;}
ul, li {list-style: none;margin: 0;padding: 0;}
.j_tab{  width: 100%; height: 100%; display:table;}
.j_tab_cel{width: 100%; height: 100%; display: table-cell; vertical-align:middle; s}
.pad_top{ padding-top:55px;}
.pad_bot{ padding-bottom:70px;}
/*自定义样式*/
.fl {float: left;}
.fr {float: right;}
.m{width: 1200px;margin: 0 auto; display: block; position:relative;}
.m1440{max-width: 1440px; width:90%; margin: 0 auto; display: block; position:relative;}
.m1600{max-width: 1600px; width:90%; margin: 0 auto; display: block; position:relative;}
.m1689{max-width: 1689px; width:90%; margin: 0 auto; display: block; position:relative;}
.m1900{max-width: 1900px; width:90%; margin: 0 auto; display: block; position:relative;}
.img{ overflow:hidden;}
.img img{ width:100%; height:100%;}
h5{ overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
h5 a{ display:block; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
.clear{ clear:both;}

/*头部*/
#header{ width:100%; height:88px; position:relative; z-index:999; }
#header .m{ height:100%;}
.logo{ float:left; width:240px; border-right:1px solid #e5e5e5; height:100%; padding-top:23px; margin-right:40px; margin-left:-13px;}
.top_tel{ width:163px; padding-left:30px; border-left:1px solid #e5e5e5; float:right; height:88px; padding-top:14px; margin-right:-16px; }
.top_tel h4{background:url(../images/top_tel.png) left center no-repeat; font-size:12px; color:#444446; padding-left:18px; margin-bottom:3px;}
.top_tel p{ font-size:20px; color:#e13931; font-family:Comfortaa,arial; font-weight:bold; }
#nav{ }
#nav ul{}
#nav ul li{ float:left; text-align:center; position:relative;}
#nav ul li h3{ font-size:15px; color:#333333; font-weight:bold; line-height:88px; display:inline-block; position:relative; margin:0 20px;}
#nav ul li h3:after{ content:""; display:block; width:100%; height:4px; position:absolute; left:0; background:#e31a20; bottom:0px; transition:.5s; z-index:-1; transform:scaleX(0); -moz-transform:scaleX(0); -ms-transform:scaleX(0); -o-transform:scaleX(0); -webkit-transform:scaleX(0); }
#nav ul li:hover h3:after,#nav ul li.on h3:after{transform:scaleX(1); -moz-transform:scaleX(1); -ms-transform:scaleX(1); -o-transform:scaleX(1); -webkit-transform:scaleX(1);  }
#nav ul li .list{position:absolute;top:88px;width:100%; background:#fff; box-shadow:0 3px 15px rgba(0,0,0,.2); visibility: hidden; opacity:0; font-size:13px;color:#585858;line-height:45px; overflow:  hidden; transition:.3s;transform:scaleY(0); transform-origin:top center; }
#nav ul li .list a{ display:block; text-align:center; margin:0 20px;}
#nav ul li .list a+a{ border-top:1px solid #eee;}
#nav ul li:hover .list{ display:block;transform:scaleY(1); visibility:visible; opacity:1; }
#nav ul li .list a:hover{ color:#9b201c;}
/*首页banner*/

/*首页banner*/
		
#banner{ height:605px; width:100%; position: relative; top:0; left:0; z-index:9; background:#fff;}
#banner .banner_slider{ position:absolute; top:0; left:0; width:100%; height:100%;}
#banner li{ position:relative; }
#banner li .img{ width:100%; height:605px; z-index:8; }	
#banner .m{ height:605px;}
@-webkit-keyframes bgscale {
from { -webkit-transform: scale(1); transform: scale(1); }
to {-webkit-transform: scale(1.1); transform: scale(1.1); }
}
@keyframes bgscale {
from { -webkit-transform: scale(1); transform: scale(1); }
to {-webkit-transform: scale(1.1); transform: scale(1.1); }
}
@-webkit-keyframes letter {
from { letter-spacing:10px; opacity:0;}
to { letter-spacing:0px; opacity:1;}
}
@keyframes letter {
from { letter-spacing:10px; opacity:0;}
to { letter-spacing:0px; opacity:1;}
}

#banner .slick-active .img{ animation:bgscale 7s linear .3s; animation-fill-mode: forwards;  }
#banner .con{ position:absolute; width:100%; height:100%; top:0; left:0; z-index:999; }
#banner .txt{ margin:0 auto; color:#fff; text-align:center; padding-bottom:2rem; }
#banner .txt h3{ opacity:0; text-align:center;}
#banner .txt h3 img{ margin:0 auto;}
#banner li.slick-current{ z-index:999;}
#banner .remove .demo3 h3{ animation:quit 3s linear forwards; }
#banner .slick-current .demo3 h3{ animation:enter 2s .8s ease-out forwards; }
@-webkit-keyframes enter {
    0% { opacity: 0; transform:scale(.8); }
    100% { opacity: 1;  transform:scale(1); }
}

@keyframes enter {
    0% { opacity: 0; transform:scale(.8); }
    100% { opacity: 1;  transform:scale(1); }
}
@-webkit-keyframes quit {
	0% { opacity: 1;   }
    100% { opacity: 0;  }
    
}
@keyframes quit {
   0% { opacity: 1;  }
    100% { opacity: 0;  }
}
#banner .slick-arrow{ z-index:99; position:absolute; top:50%; margin-top:-31px; transform:translate(0,0); opacity:.6;
	display:block;
    width: 60px;
    height: 60px;}
#banner .slick-prev{ left:245px;
	background:url(../images/banner_left.png) left center no-repeat;
	transition:300ms;
	-webkit-transition:300ms;
	}
#banner .slick-prev:hover{ }	
#banner .slick-next{ right:245px;
	background:url(../images/banner_right.png) right center no-repeat;
	transition:300ms;
	-webkit-transition:300ms;
	}
#banner .slick-next:hover{ }	
.slick-prev:before, .slick-next:before{ display:none;}

#s_about{ position:relative; overflow:hidden;}
#s_about .pic{ width:562px; float:left; position:relative; padding-top:59px;}
#s_about .pic .s_about_deng{ position:absolute; top:0; left:0; z-index:9;}
#s_about .pic .s_about_tag{ position:absolute; bottom:57px; left:0; z-index:8;}
#s_about .pic .shafa{}
#s_about .txt{ width:612px; float:right; padding-top:70px;}
#s_about .txt .tt{ font-size:24px; color:#333; font-weight:bold; margin-bottom:20px;}
#s_about .txt .con{ font-size:14px; line-height:26px; color:#5f5f5f; margin-bottom:40px;}
#s_about .txt .btn_more{ display:block; width:145px; height:40px; line-height:40px; background:#e60012; color:#fff; border-radius:3px; text-align:center; font-size:14px; position:relative; overflow:hidden; z-index:1;}
#s_about .txt .btn_more:before{ content:""; display:block; width:100%; height:0; position:absolute; left:0; bottom:0; background:#d00010; transition:.9s; z-index:-1;}
#s_about .txt .btn_more:hover:before{ height:100%; top:0; bottom:auto;}

.s_tt{ text-align:center; margin-bottom:43px;}
.s_tt span{ font-size:30px; font-family:Comfortaa; text-transform:uppercase;}
.s_tt h3{ font-size:20px;}

#s_design{ padding-top:68px; border-top:1px solid #e9e9e9; position:relative; z-index:1; overflow:hidden;}
#s_design:after{ content:""; position:absolute; left:0; bottom:0; height:185px; background:#f9f9f9; width:100%; z-index:-1;}
#s_design ul{}
#s_design ul li{ width:20%; float:left; border:1px solid #eaeaea;}
#s_design ul li .img{ border-bottom:1px solid #eaeaea;}
#s_design ul li .img img{ transition:2s;}
#s_design ul li:hover .img img{ transform:scale(1.1);}
#s_design ul li .txt{ text-align:center; padding-top:30px; padding-bottom:30px; background:#fff;}
#s_design ul li .txt font{ display:block; width:60px; height:60px; line-height:60px; position:relative; z-index:1; margin:0 auto; margin-bottom:25px;}
#s_design ul li .txt font:before{ content:""; width: 100%; height: 100%; border-radius: 50%; background:#333; display: block; position: absolute; z-index:-1; left: 0px; top: 0px; transition: all 0.9s ease 0s; -webkit-transform: all 0.9s ease 0s;}
#s_design ul li .txt font:after{ content:""; width: 100%; height: 100%; border-radius: 50%; display: block; background-color: #e60012; position: absolute; z-index:-1; left: 0px; top: 0px; transform: scale(0.6); -webkit-transform: scale(0.6); opacity: 0; -moz-transition: all 1.2s cubic-bezier(0.445, 0.145, 0.355, 1);
  -o-transition: all 1.2s cubic-bezier(0.445, 0.145, 0.355, 1);
  -ms-transition: all .1.2s cubic-bezier(0.445, 1.045, 0.355, 1);
  transition: all 1.2s cubic-bezier(0.445, 0.145, 0.355, 1); visibility: hidden;}
#s_design ul li:hover .txt font:before{ opacity: 0; transform: scale(1.3); -webkit-transform: scale(1.3); }
#s_design ul li:hover .txt font:after{ transform: scale(1); -webkit-transform: scale(1); opacity: 1; visibility: visible;}

#s_design ul li .txt font img{}
#s_design ul li .txt h5{ font-size:18px; color:#464646;}
#s_design ul li .txt span{ font-size:12px; color:#a9a9a9;}


#s_shigong{ padding-top:80px; background:#f9f9f9;}
#s_shigong .bg{ height:490px;}
#s_shigong ul{}
#s_shigong ul li{ float:left; width:171.42px; text-align:center; height:490px; border-right:1px solid rgba(255,255,255,.13); position:relative; z-index:1;}
#s_shigong ul li:first-child{ border-left:1px solid rgba(255,255,255,.13);}
#s_shigong ul li a{ height:100%; display:block;}
#s_shigong ul li font{ display:block; margin-bottom:20px; height:36px; overflow:hidden;}
#s_shigong ul li h5{ font-size:17px; color:#fff; margin-bottom:10px;}
#s_shigong ul li span{ font-size:12px;color:#fff; opacity:.6; text-transform:uppercase;}
#s_shigong ul li .img{ width:110px; height:110px; border-radius:50%; overflow:hidden; margin:0 auto; margin-top:30px; opacity:0; visibility:hidden; transform:scale(0); height:0;}
#s_shigong li *{ transition:cubic-bezier(0.51, 0.05, 0.53, 1.16) .5s; -webkit-transition:cubic-bezier(0.51, 0.05, 0.53, 1.16) .5s; -moz-transition:cubic-bezier(0.51, 0.05, 0.53, 1.16) .5s; -ms-transition:cubic-bezier(0.51, 0.05, 0.53, 1.16) .5s;}

#s_shigong ul li:hover font{ opacity:0; transform:scale(0); height:0; margin-bottom:0;}
#s_shigong ul li:hover .img{ opacity:1; transform:scale(1); height:110px; visibility:visible;}

#s_shigong ul li:before{ content:""; background:#e60012; display:block; width:100%; height:100%; position:absolute; left:0; top:0; opacity:0; z-index:-1;-webkit-transform:rotateY(90deg);-moz-transform:rotateY(90deg);transform:rotateY(90deg);opacity:0;visibility:hidden;-webkit-transition:.6s;-moz-transition:.6s;transition:.6s}
#s_shigong ul li:hover:before{-webkit-transform:none;-moz-transform:none;-ms-transform:none;transform:none;opacity:1;visibility:visible}

#s_pro{ padding-top:60px;}
#s_pro ul{ margin:-11.5px;}
#s_pro ul li{ padding:11.5px;}
#s_pro ul li .img{ width:385px; height:275px;}
#s_pro ul li .img img{ transition:3s; display:block;}
#s_pro ul li:hover .img img{ transform:scale(1.2);}
#s_pro ul li .txt{ background:#333; color:#fff; height:75px; position:relative;}
#s_pro ul li .txt font{ display:block; width:90px; height:100%; line-height:75px; position:absolute; left:0; bottom:0; text-align:center; background:#e60012;}
#s_pro ul li .txt font img{ display:inline-block; vertical-align:middle;}
#s_pro ul li .txt h5{ margin-left:90px; padding:0 25px;line-height:75px; font-size:16px; color:#fff;}

#s_pro .slick-prev{ width:37px; height:37px; display:block; background:url(../images/s_pro_left.png) center no-repeat; position:absolute; z-index:99; cursor:pointer; top:50%; left:-5rem; }
#s_pro .slick-next{ width:37px; height:37px; display:block; background:url(../images/s_pro_right.png) center no-repeat; position:absolute; z-index:99; cursor:pointer; top:50%; right:-5rem; }
#s_pro .slick-arrow:before{ display:none;}
#s_pro .slick-arrow:hover{ opacity:.7;}
 

#s_pro .btn_more{ display:block; width:140px; height:40px; line-height:40px; background:#e60012; color:#fff; border-radius:15px; text-align:center; font-size:14px; position:relative; overflow:hidden; z-index:1; margin:0 auto; margin-top:50px;}
#s_pro .btn_more:before{ content:""; display:block; width:100%; height:0; position:absolute; left:0; bottom:0; background:#d00010; transition:.9s; z-index:-1;}
#s_pro .btn_more:hover:before{ height:100%; top:0; bottom:auto;}

#s_pro .bot{ text-align:center; width:100%; margin-top:56px; position:relative; z-index:1;}
#s_pro .bot:after{ content:""; width:100%; height:1px; display:block; position:absolute; top:50%; left:0; background:#ededed; z-index:-1;}
#s_pro .bot span{ position:absolute; bottom:140px; font-size:12px; color:#919191; left:50%; margin-left:-400px; top:50%; margin-top:-30px; }
#s_pro .bot span:before{ content:""; display:inline-block; width:2px; height:11px; background:#b4b4b4; margin-right:10px; position:relative; top:1px;}
.btn_line{ width:140px; height:40px; line-height:38px; text-align:center; border-radius:10px; border:1px solid #5d5d5d; color:#747474; display:block; margin:0 auto; margin-top:30px;}

#s_case{ padding-top:55px; padding-bottom:56px;}
#s_case ul{ margin:-11.5px;}
#s_case ul li{ padding:11.5px;}
#s_case ul li .img{ width:385px; height:275px;}
#s_case ul li .img img{ transition:3s; display:block;}
#s_case ul li:hover .img img{ transform:scale(1.2);}
#s_case ul li .txt{ position:relative; padding:25px 17px; border-bottom:1px solid #e5e5e6;}
#s_case ul li .txt h5{ font-size:15px; color:#000000; margin-bottom:13px;}
#s_case ul li .txt p{ font-size:14px; color:#abaaaa;}
#s_case ul li .txt:after{ content:""; display:block; width:28px; height:28px; background:url(../images/link.png) center no-repeat; position:absolute; top:50%; margin-top:-14px; right:17px; transition:.5s;}
#s_case ul li:hover .txt:after{background:url(../images/link_on.png) center no-repeat; opacity:.8;}

#s_case .slick-prev{ width:37px; height:37px; display:block; background:url(../images/s_case_left.png) center no-repeat; position:absolute; z-index:99; cursor:pointer; top:50%; left:-5rem; }
#s_case .slick-next{ width:37px; height:37px; display:block; background:url(../images/s_case_right.png) center no-repeat; position:absolute; z-index:99; cursor:pointer; top:50%; right:-5rem; }
#s_case .slick-arrow:before{ display:none;}
#s_case .slick-arrow:hover{ opacity:.7;}

#s_case .btn_more{ display:block; width:140px; height:40px; line-height:40px; border:1px solid #d0d0d0; color:#727272; border-radius:15px; text-align:center; font-size:14px; position:relative; overflow:hidden; z-index:1; margin:0 auto; margin-top:50px; transition:.9s;}
#s_case .btn_more:before{ content:""; display:block; width:100%; height:0; position:absolute; left:0; bottom:0; background:#e60012; transition:.9s; z-index:-1;}
#s_case .btn_more:hover:before{ height:100%; top:0; bottom:auto;}
#s_case .btn_more:hover{ color:#fff; border:1px solid #e60012; }

#s_shuzi{ height:300px; background:url(../images/s_shuzi_bg.jpg) center no-repeat; overflow:hidden; padding-top:45px;}
#s_shuzi ul{ margin-right:-124px;}
#s_shuzi ul li{ width:260px; height:212px;float:left; text-align:center; padding-top:45px;}
#s_shuzi ul li font{ display:block; margin-bottom:18px; height:26px;}
#s_shuzi ul li span{ font-size:48px; font-family: Barlow Condensed; color:#fff;}
#s_shuzi ul li p{ font-size:12px; color:#fff; margin:0 auto; margin-top:10px;}

#s_news{ padding-top:65px; margin-bottom:65px; overflow:hidden;}
#s_news .hd{ margin-bottom:45px;}
#s_news .hd ul{ text-align:center; font-size:0;}
#s_news .hd ul li{ width:130px; height:35px; line-height:35px; display:inline-block; border-radius:18px; text-align:center; background:#333; color:#fff; font-size:15px; position:relative; z-index:1; overflow:hidden; margin:0 6px;}
#s_news .hd ul li a{ display:block; width:100%; height:100%;}
#s_news .hd ul li:before{ content:""; display:block; width:100%; height:0; position:absolute; left:0; bottom:0; background:#e60012; transition:.9s; z-index:-1;}
#s_news .hd ul li:hover:before,#s_news .hd ul li.on:before{ height:100%; top:0; bottom:auto;}
#s_news .hd ul li.on{}

#s_news .bd{ height: 422px;}
#s_news .bd ul{ width:768px; float:left;}
#s_news .bd ul li{ display:block; width:255px; height:210px; background:#f4f4f7; float:left; margin-right:1px; margin-bottom:1px; position:relative; z-index:1;}
#s_news .bd ul li:before{ content:""; display:block; width:100%; height:0; background:#e60012; position:absolute; z-index:-1; left:0; bottom:0; transition:.7s;}
#s_news .bd ul li a{ display:block; padding:45px 22px 0;}
#s_news .bd ul li h5{ font-size:16px; color:#323334; margin-bottom:10px; transition:.7s;}
#s_news .bd ul li p{ font-size:12px; color:#969698; line-height:20px; height:60px; overflow:hidden; transition:.7s;}
#s_news .bd ul li span{ font-size:12px; color:#969698; font-family:arial; position:relative; margin-top:24px; display:inline-block; position:relative; transition:.7s; position:relative;}
#s_news .bd ul li span:before,#s_news .bd ul li span:after{ content:""; width:100%; height:1px; background:#969698; display:inline-block; position:absolute; right:0; bottom:-1px;}
#s_news .bd ul li span:after{ width:0; transition:.5s;}
#s_news .bd ul li span:before{ transition:.5s .5s; left:0; right:auto;}
#s_news .bd ul li span:hover:before{ width:0; transition:.5s; right:0; left:auto;}
#s_news .bd ul li span:hover:after{ width:100%; transition:.5s .5s; left:0; right:auto;}
#s_news .bd ul li:hover:before{ height:100%; top:0; bottom:auto;}
#s_news .bd ul li:hover h5{ color:#fff;}
#s_news .bd ul li:hover p{ color:#f5b8ba;}
#s_news .bd ul li:hover span{ color:#f5b8ba;}
#s_news .bd ul li:hover span:before,#s_news .bd ul li:hover span:after{ background:#f5b8ba;}

.news_pic{ width:432px; float:right;}
.news_pic .img{ width:100%; height:315px;}
.news_pic .img img{ transition:2s;}
.news_pic:hover .img img{ transform:scale(1.1)}
.news_pic .txt{ height:106px; background:#333; color:#fff; padding:30px;}
.news_pic .txt h5{ font-size:16px; color:#fff; margin-bottom:13px;}
.news_pic .txt p{ font-size:12px; color:#969698;}

#foot{ background:#3d3e40; width:100%; overflow:hidden; color:#fff; padding-top:3rem;}

.foot_nav{ position:relative; float:left; margin-top:1.19rem; padding:0; width:555px; display:flex; justify-content:space-between;}
.foot_nav dl{ display:inline-block; vertical-align:top; }
.foot_nav dl dt{ font-size:15px; color:#fff; margin-bottom:15px; position:relative; }
.foot_nav dl dd{ font-size:13px; color:#a7a7a8; line-height:27px; transition:.3s;}
.foot_nav dl dd:hover{color:#fff;}

input::-webkit-input-placeholder{ color:#b8b8b9;}
input::-moz-placeholder{ /* Mozilla Firefox 19+ */ color:#b8b8b9; }
input:-moz-placeholder{ /* Mozilla Firefox 4 to 18 */ color:#b8b8b9;}
input:-ms-input-placeholder{ /* Internet Explorer 10-11 */ color:#b8b8b9;}
input:focus::-webkit-input-placeholder {color: transparent;}
input:focus:-moz-placeholder {color: transparent;}
input:focus::-moz-placeholder {color: transparent;}
input:focus:-ms-input-placeholder {color: transparent;}

.foot_form{ float:right; width:40%;  text-align:right; }
.foot_form form{margin-top: 1.3rem;width:474px;float:right;clear: both;}
.foot_form .input{text-align:center;font-size:0; margin: 0; }
.foot_form .input .input-text{display:inline-block; *display:inline; *zoom:1;width: 348px;height: 57px;line-height:57px;position:  relative;vertical-align: top;background:none;border: #535353 1px solid;}
.foot_form .input .input-text input{display:block;width:100%;height:100%; font-size:12px; border:none;background:none;padding: 0 1.5rem;position:  relative;z-index: 10;color: #b8b8b9;}
.foot_form .input .btn_tijiao{display:inline-block; float:right; *display:inline; *zoom:1;width:125px; text-transform:uppercase; border:0;font-size:.75rem;height: 57px;color:#fff;line-height:2.8125rem;background: #e60012;margin-left: 0;position:relative;z-index:11;transition: 0.6s;cursor: pointer;}
.foot_form .input .btn_tijiao:hover{background: #c91318;}

.foot_form .input .input-text > input:focus {
  background-color: transparent;
  border-color: transparent;
}
.foot_form .input .input-text > input:focus ~ .input-border {
}
.foot_form .input .input-text > input:focus ~ .input-border:first-of-type:before {
  -webkit-transition: 0.15s ease-in-out all;
  transition: 0.15s ease-in-out all;
  -webkit-transition-delay: 0s;
  transition-delay: 0s;
  width: 100%;
}
.foot_form .input .input-text > input:focus ~ .input-border:first-of-type:after {
  height: 100%;
  -webkit-transition: 0.15s ease-in-out all;
  transition: 0.15s ease-in-out all;
  -webkit-transition-delay: 0.15s;
  transition-delay: 0.15s;
}
.foot_form .input .input-text > input:focus ~ .input-border:last-of-type {
  background: transparent;
}
.foot_form .input .input-text > input:focus ~ .input-border:last-of-type:before {
  -webkit-transition: 0.15s ease-in-out all;
  transition: 0.15s ease-in-out all;

  -webkit-transition-delay: 0.3s;
  transition-delay: 0.3s;
  width: 100%;
}
.foot_form .input .input-text > input:focus ~ .input-border:last-of-type:after {
  height: 100%;
  -webkit-transition: 0.15s ease-in-out all;
  transition: 0.15s ease-in-out all;
  -webkit-transition-delay: 0.45s;
  transition-delay: 0.45s;
  top: 0;
}
.foot_form .input .input-text .input-border {
  bottom: 0px;
  display: block;
  left: -1px;
  position: absolute;
  top: -1px;
  right: -1px;
}
.foot_form .input .input-text .input-border:before,
.foot_form .input .input-text .input-border:after {
  bottom: 0;
  content: '';
  display: block;
  position: absolute;
  top: 0;
  width: 0;
  background-color: #999;
  -webkit-transition: 0.3s ease-in-out all;
  transition: 0.3s ease-in-out all;
}
.foot_form .input .input-text .input-border:first-of-type:before {
  height: 1px;
  left: 0;
  top: 0;
  width: 0;
}
.foot_form .input .input-text .input-border:first-of-type:after {
  height: 0;
  right: 0;
  top: 0;
  width: 1px;
}
.foot_form .input .input-text .input-border:last-of-type:before {
  background-color: #999;

  height: 1px;
  top: calc(100% - 1px);
  right: 0;
  width: 0;
}
.foot_form .input .input-text .input-border:last-of-type:after {
  background-color: #999;
  height: 0;
  top: calc(100% - 1px);
  left: 0;
  width: 1px;
}
.foot_form .tip{ font-size:15px; color:#b0b0b1;}

.foot_bot{ border-top:1px solid #565759; padding-top:30px; margin-top:50px;}

.copyright{ font-size:.75rem;color:#fff; color:rgba(255,255,255,.2);line-height:1.5; margin-top: 1rem;clear: both; float:left;}
.copyright a:hover{ color:#fff;}


.foot_share{ margin-bottom:23px; float:right;}
.foot_share ul{ font-size:0; }
.foot_share ul li{ display:inline-block; margin-right:.625rem; position:relative; vertical-align:top;}
.foot_share ul li a{ display:inline-block; width:40px; height:40px; line-height:40px; text-align:center; border-radius:50%; cursor:pointer;}
.foot_share ul li a img{ transition:.3s; }
.foot_share ul li a{ position: relative; z-index:1; transition: all 0.5s ease 0s; -webkit-transform: all 0.5s ease 0s;}
.foot_share ul li a:before{ content:""; width: 100%; height: 100%; border-radius: 50%; border:1px solid #818183; display: block; position: absolute; z-index:-1; left: 0px; top: 0px; transition: all 0.5s ease 0s; -webkit-transform: all 0.5s ease 0s;}
.foot_share ul li a:after{ content:""; width: 100%; height: 100%; border-radius: 50%; display: block; background-color:#e60012; position: absolute; z-index:-1; left: 0px; top: 0px; transform: scale(0.6); -webkit-transform: scale(0.6); opacity: 0; -moz-transition: all .6s cubic-bezier(0.445, 0.145, 0.355, 1);
  -o-transition: all .6s cubic-bezier(0.445, 0.145, 0.355, 1);
  -ms-transition: all .6s cubic-bezier(0.445, 1.045, 0.355, 1);
  transition: all .6s cubic-bezier(0.445, 0.145, 0.355, 1); visibility: hidden;}
.foot_share ul li a:hover:before{ opacity: 0; transform: scale(1.3); -webkit-transform: scale(1.3); }
.foot_share ul li a:hover:after{ transform: scale(1); -webkit-transform: scale(1); opacity: 1; visibility: visible;}
footer .qrcode{
    width: 120px; 
    position: absolute;
    left: -40px;
    bottom: 50px;
    z-index: 9;
    background: #ddd;
    border-radius: 5px;
    text-align: center;
    padding-top: 5px;
    padding-bottom: 5px;
    display: none;
}
footer .qrcode:before{ content:""; position:absolute; bottom:-6px; left:50%; margin-left:-8px; border-left:transparent 8px solid; border-right:transparent 8px solid; border-top:#ddd 8px solid}
footer .qrcode .pic{
    width: 110px;
    height: 110px;
    padding: 5px;
    display:  inline-block;
}
footer .qrcode img{
    width: 100%;
    display: block;
}
footer .qrcode .txt1{
    line-height: 20px;
    font-size: 13px;
    color: #666;
} 

.foot_ewm{ float:right; margin-top:25px;}
.foot_ewm p{ float:left; font-size:13px; line-height:27px; color:#d2d2d2; margin-top:10px;}
.foot_ewm .pic{ float:left; width:100px; height:100px; line-height:98px; text-align:center; font-size:0; border:1px solid #5a5b5c; margin-left:30px;}
.foot_ewm .pic img{ width:83px; height:83px;}


 
#gotop{ display:none; width:42px; height:42px; border-radius:50%; overflow:hidden; position:absolute; bottom:2rem; right:1rem; position:fixed; z-index:999; background:#e31a20; transition:.7s;}
#gotop img{ animation: hide-dt-f 2.5s infinite; }
@keyframes hide-dt-f{
	0% { opacity: 0; -webkit-transform: translate3d(0px, 10px, 0px); }
    33% { opacity: 1; }
    66% { opacity: 1; }
    100% { opacity: 0; -webkit-transform: translate3d(0px, -10px, 0px); }
}
#gotop.hide { bottom:-50px;}
#piaofu{ position:fixed; right:0; top:50%; margin-top:-66px; z-index:990;}

/*内页banner*/
.n_banner{width: 100%;overflow: hidden;position: relative;z-index:0;}
.ny_banner {width:100%;height:270px;position: absolute;overflow: hidden; left:0; top: 0; }
.n_banner .m{ display:table; position:relative; }
.n_banner .m .box{height:270px; vertical-align:middle; display:table-cell; margin:0 auto; text-align:center; }
.n_banner h5{ font-size:32px; color:#fff; text-transform:uppercase; font-family:"Century Gothic";}
.n_banner span{ font-size:22px; color:#fff; display:block; margin-top:8px;  }

/*=====面包屑===*/
.n_position{ height:73px; border-bottom:1px solid #e5e5e5; clear:both; position:relative; }
.n_position ul li{ display: inline-block; position:relative; z-index:1; line-height:73px; height:73px; font-size:15px; color:#5c5c5c; float:left; margin-right:45px; }
.n_position ul li a{ display:block;}
.n_position ul li:before{ content:""; width:0; height:2px; display:block; background:#e60012; position:absolute; left:0; bottom:0; transition: .5s;	}
.n_position ul li:hover:before,.n_position ul li.on:before{ width:100%;}

.n_position h3{ font-size:12px; color:#737374; display:inline-block; float:right; line-height:73px; background:url(../images/home_ico.png) left center no-repeat; padding-left:15px;}
.n_position h3 a{ display:inline-block; font-size:12px; color:#737374; margin:0 5px; }
.n_position h3 span{ margin-left:5px;}
.n_position h3 span,.n_position h3 a:hover{ color:#e31a20;}

.ar_article{ font-size:14px; color:#6c6d6f; line-height:30px; }
.ar_article p{ font-size:14px; color:#6c6d6f; line-height:30px; padding-bottom:1rem; margin:0;}	
.ar_article strong{ font-weight:bold;}
.ar_article table{border-right:1px solid #c6c5c5;border-bottom:1px solid #c6c5c5;border-spacing: 0; width:100%; margin-bottom:20px;max-width:100%;}
.ar_article td,.ar_article th{ padding:5px 15px; border-left:1px solid #c6c5c5;border-top:1px solid #c6c5c5; vertical-align:middle;}
.ar_article td p,.ar_article th p{ padding-bottom:0; margin-bottom:0; text-align: inherit;}
.ar_article hr{ border: none; height: 1px; background-color: #dedddb;}
.ar_article img{ max-width:100%;}
.ar_article a{ color:#8e8e90;}
.ar_article ul li,
.ar_article ol li{ padding-bottom:0 !important; margin-bottom:0 !important; margin-left:2rem;}
.ar_article ul li p,
.ar_article ol li p{ padding-bottom:0; margin-bottom:3px !important; }
.ar_article ul,
.ar_article ol{ margin-bottom:15px;}


#n_case{ padding-top:55px; padding-bottom:56px;}
#n_case ul{ margin:0 -11.5px; margin-top:-35px; overflow:hidden;}
#n_case ul li{ padding:0 11.5px; width:33.3333%; float:left; margin-top:35px;}
#n_case ul li .img{ width:385px; height:275px;}
#n_case ul li .img img{ transition:3s; display:block;}
#n_case ul li:hover .img img{ transform:scale(1.2);}
#n_case ul li .txt{ position:relative; padding:25px 17px; border-bottom:1px solid #e5e5e6;}
#n_case ul li .txt h5{ font-size:15px; color:#000000; margin-bottom:13px;}
#n_case ul li .txt p{ font-size:14px; color:#abaaaa;}
#n_case ul li .txt:after{ content:""; display:block; width:28px; height:28px; background:url(../images/link.png) center no-repeat; position:absolute; top:50%; margin-top:-14px; right:17px; transition:.5s;}
#n_case ul li:hover .txt:after{background:url(../images/link_on.png) center no-repeat; opacity:.8;}

/*====翻页效果====*/
.j_pages{ margin-top:50px; width:100%; overflow:hidden;text-align: center; }
.j_pages .box{display: inline-block;text-align: center; font-size:0; }
.j_pages a{padding: 0px 13px;height: 34px;line-height: 34px;display:inline-block; margin:0 6px; border:1px solid #eaeaea; color: #3a3a3a;font-size: 12px; box-sizing: border-box;-moz-transition:all .3s ease-in-out;-webkit-transition:all .3s ease-in-out;-o-transition:all .3s ease-in-out;-ms-transition:all .3s ease-in-out;transition:all .3s ease-in-out;}
.j_pages a font{font-size:14px;font-family:SimSun;color:#9f9fa7; line-height:35px;}
.j_pages .on{background:#d81e21;color:#fff!important;border:1px solid #d81e21;}
.j_pages a:hover{background:#d81e21;color:#fff!important;text-decoration:none;border:1px solid #d81e21;}
.j_pages a:hover font{color:#fff}
.j_pages a.u_bnt{ transition: all 1s;-moz-transition: all 1s; /* Firefox 4 */-webkit-transition: all 1s; /* Safari 和 Chrome */-o-transition: all 1s; /* Opera */}

#n_pro{ padding-top:60px;}
#n_pro ul{ margin:-11.5px; overflow:hidden;}
#n_pro ul li{ padding:11.5px; width:33.33333%; float:left;}
#n_pro ul li .img{ width:385px; height:275px;}
#n_pro ul li .img img{ transition:3s; display:block;}
#n_pro ul li:hover .img img{ transform:scale(1.2);}
#n_pro ul li .txt{ background:#333; color:#fff; height:75px; position:relative;}
#n_pro ul li .txt font{ display:block; width:90px; height:100%; line-height:75px; position:absolute; left:0; bottom:0; text-align:center; background:#e60012;}
#n_pro ul li .txt font img{ display:inline-block; vertical-align:middle;}
#n_pro ul li .txt h5{ margin-left:90px; padding:0 25px;line-height:75px; font-size:16px; color:#fff;}

.pic_jia ul li{display:inline-block; *display:inline; *zoom:1; }
.pic_jia ul li .img,.pic_jia ul li .img img{ overflow:hidden; width:100%; height:100%; position:relative}
.pic_jia ul li .img img{ transition:1s; display:block;}
.pic_jia ul li .img .red-bg { position: absolute; left: 0px; top: 0px; width: 100%; height: 100%; opacity: 0; visibility: hidden; transition: 300ms; -webkit-transition: 300ms; }
.pic_jia ul li .img .red-bg{ background:rgba(0,0,0,0.45);}
.pic_jia ul li .img .line { display: block; background: #fff; position: absolute; top: 50%; left: 50%; opacity: 0; visibility: hidden; transition: 400ms; -webkit-transition: 400ms; }
.pic_jia ul li .img .line_1 { width: 52px; height: 1px; margin: -1px 0px 0px -26px; transform: translateX(-55px); -webkit-transform: translateX(-55px); }
.pic_jia ul li .img .line_2 { width: 1px; height: 52px; margin: -26px 0px 0px -1px; transform: translateY(55px); -webkit-transform: translateY(55px); }
.pic_jia ul li .img:hover .red-bg { opacity: 1; visibility: visible; }
.pic_jia ul li .img:hover .line { transform: translate(0); -webkit-transform: translate(0); opacity: 1; visibility: visible; }
.pic_jia ul li .img:hover img{ transform:scale(1.05);}

#n_lianxi{}
#n_lianxi ul{ text-align:center;}
#n_lianxi ul li{ display: inline-block; padding:0 99px; position:relative; }
#n_lianxi ul li+li:before{ content:""; position:absolute; display:block; text-align:center; width:1px; height:75px; background:#d1d1d1; position:absolute; left:0; top:25px;}
#n_lianxi ul li font{ display:block; height:52px; line-height:52px; margin-bottom:28px;}
#n_lianxi ul li span{ font-size:16px; color:#6c6c6c; font-family:"Century Gothic Bold";}
#n_lianxi ul li h4{ margin-top:5px;}
.red{ color:#e60012 !important;}

.lianxi_ewm{ text-align:center; margin-top:45px;}
.lianxi_ewm div{ display:inline-block; width:120px; margin:0 20px;}
.lianxi_ewm div img{ margin-bottom:10px; width:120px; height:120px; border:1px solid #d1d1d1;}



#n_lianxi ul li:hover font img{ -webkit-animation: jello 1s; -moz-animation: jello 1s; animation: jello 1s;}
@-webkit-keyframes jello {
    from, 11.1%, to { -webkit-transform: none; transform: none }
    22.2% { -webkit-transform: skewX(-12.5deg) skewY(-12.5deg); transform: skewX(-12.5deg) skewY(-12.5deg) }
    33.3% { -webkit-transform: skewX(6.25deg) skewY(6.25deg); transform: skewX(6.25deg) skewY(6.25deg) }
    44.4% { -webkit-transform: skewX(-3.125deg) skewY(-3.125deg); transform: skewX(-3.125deg) skewY(-3.125deg) }
    55.5% { -webkit-transform: skewX(1.5625deg) skewY(1.5625deg); transform: skewX(1.5625deg) skewY(1.5625deg) }
    66.6% { -webkit-transform: skewX(-.78125deg) skewY(-.78125deg); transform: skewX(-.78125deg) skewY(-.78125deg) }
    77.7% { -webkit-transform: skewX(0.390625deg) skewY(0.390625deg); transform: skewX(0.390625deg) skewY(0.390625deg) }
    88.8% { -webkit-transform: skewX(-.1953125deg) skewY(-.1953125deg); transform: skewX(-.1953125deg) skewY(-.1953125deg) }
}

@-moz-keyframes jello {
    from, 11.1%, to { -moz-transform: none; transform: none }
    22.2% { -moz-transform: skewX(-12.5deg) skewY(-12.5deg); transform: skewX(-12.5deg) skewY(-12.5deg) }
    33.3% { -moz-transform: skewX(6.25deg) skewY(6.25deg); transform: skewX(6.25deg) skewY(6.25deg) }
    44.4% { -moz-transform: skewX(-3.125deg) skewY(-3.125deg); transform: skewX(-3.125deg) skewY(-3.125deg) }
    55.5% { -moz-transform: skewX(1.5625deg) skewY(1.5625deg); transform: skewX(1.5625deg) skewY(1.5625deg) }
    66.6% { -moz-transform: skewX(-.78125deg) skewY(-.78125deg); transform: skewX(-.78125deg) skewY(-.78125deg) }
    77.7% { -moz-transform: skewX(0.390625deg) skewY(0.390625deg); transform: skewX(0.390625deg) skewY(0.390625deg) }
    88.8% { -moz-transform: skewX(-.1953125deg) skewY(-.1953125deg); transform: skewX(-.1953125deg) skewY(-.1953125deg) }
}

@keyframes jello {
    from, 11.1%, to { -webkit-transform: none; -moz-transform: none; transform: none }
    22.2% { -webkit-transform: skewX(-12.5deg) skewY(-12.5deg); -moz-transform: skewX(-12.5deg) skewY(-12.5deg); transform: skewX(-12.5deg) skewY(-12.5deg) }
    33.3% { -webkit-transform: skewX(6.25deg) skewY(6.25deg); -moz-transform: skewX(6.25deg) skewY(6.25deg); transform: skewX(6.25deg) skewY(6.25deg) }
    44.4% { -webkit-transform: skewX(-3.125deg) skewY(-3.125deg); -moz-transform: skewX(-3.125deg) skewY(-3.125deg); transform: skewX(-3.125deg) skewY(-3.125deg) }
    55.5% { -webkit-transform: skewX(1.5625deg) skewY(1.5625deg); -moz-transform: skewX(1.5625deg) skewY(1.5625deg); transform: skewX(1.5625deg) skewY(1.5625deg) }
    66.6% { -webkit-transform: skewX(-.78125deg) skewY(-.78125deg); -moz-transform: skewX(-.78125deg) skewY(-.78125deg); transform: skewX(-.78125deg) skewY(-.78125deg) }
    77.7% { -webkit-transform: skewX(0.390625deg) skewY(0.390625deg); -moz-transform: skewX(0.390625deg) skewY(0.390625deg); transform: skewX(0.390625deg) skewY(0.390625deg) }
    88.8% { -webkit-transform: skewX(-.1953125deg) skewY(-.1953125deg); -moz-transform: skewX(-.1953125deg) skewY(-.1953125deg); transform: skewX(-.1953125deg) skewY(-.1953125deg) }
}

#n_news{}
#n_news ul{ margin-top:-30px;}
#n_news ul li{ overflow:hidden; width:100%; padding:30px 0; position: relative;}
#n_news ul li:before{ content: ""; display: block; width: 100%; height: 1px; background: #d9d9d9; position: absolute; left: 0; bottom: 0;}
#n_news ul li:after{ content: ""; display: block; width:0; height: 1px; background: #eee; position: absolute; right: 0; bottom: 0; z-index: 2; transition:2s;}
#n_news ul li .img{ width:335px; height:245px; float:left; }
#n_news ul li:hover .img img{ transform: scale(1.1);}
#n_news ul li .txt{ width:829px; float:right; padding-top:25px;}
#n_news ul li .time{ font-size:13px; color:#7b7b7b; padding-left:20px; background:url(../images/time.png) left center no-repeat; margin-bottom:25px; display:block;}
#n_news ul li h5{ font-size:20px; color:#303030; margin-bottom:14px;}
#n_news ul li h5:hover{ color:#e60012; }
#n_news ul li p{ font-size:13px; line-height:26px; color:#878787;}
#n_news ul li:hover:after{ width: 100%;left:0; right: auto;}
#n_news ul li .btn_more{ font-size:13px; color:#878787; font-family:arial; position:relative; margin-top:24px; display:inline-block; position:relative; transition:.7s; position:relative;}
#n_news ul li .btn_more:before,#n_news ul li .btn_more:after{ content:""; width:100%; height:1px; background:#969698; display:inline-block; position:absolute; right:0; bottom:-1px;}
#n_news ul li .btn_more:after{ width:0; transition:.5s;}
#n_news ul li .btn_more:before{ transition:.5s .5s; left:0; right:auto;}
#n_news ul li .btn_more:hover:before{ width:0; transition:.5s; right:0; left:auto;}
#n_news ul li .btn_more:hover:after{ width:100%; transition:.5s .5s; left:0; right:auto;}
 
#n_case_xq{ width:100%; overflow:hidden;}
.case_left{ width:336px; float:left;}
.case_left .tt{ font-size:22px; line-height:1.5; color:#535353; margin-bottom:20px;}
.case_left ul{}
.case_left ul li{ font-size:14px; color:#838587; line-height:26px;}
.case_left .tag{ margin-top:36px; padding-top:36px; border-top:1px solid #e5e6ea;}
.case_left .tag span{ display:inline-block; width:75px; height:22px; line-height:22px; background:#f8f8f8; font-size:12px; color:#8e8f92; text-align:center; margin-right:10px;}
.case_right{ width:764px; float:right;}

#n_news_xq{ width:100%; overflow:hidden;}
.news_left{ width:336px; float:left;}
.news_left .tt{ font-size:18px; line-height:30px; color:#535353; margin-bottom:20px;}
.news_left .time{ font-size:24px; color:#a3a8ac; font-family:"NewsGoth Lt BT";}
.news_left .tag{ margin-top:36px; padding-top:36px; border-top:1px solid #e5e6ea;}
.news_left .tag span{ display:inline-block; width:75px; height:22px; line-height:22px; background:#f8f8f8; font-size:12px; color:#8e8f92; text-align:center; margin-right:10px;}
.news_right{ width:764px; float:right;}

#n_design_xq{ margin-top:-45px;}
.xq_item{ overflow:hidden; padding:45px 0;}
.xq_item+.xq_item{ border-top:1px solid #eee;}
.xq_tt{ width:260px; float:left;}
.xq_tt h3{ font-size:22px;}
.xq_tt span{ font-size:22px; color:#e60012; font-family:"Century Gothic Bold"; text-transform:uppercase;}
.xq_con{ width:903px; float:right;}

#n_form{ height:385px; padding-top:70px;}
#n_form .tt{ color:#fff; margin-bottom:35px;}
#n_form .tt h3{ font-size:30px; margin-bottom:15px;}
#n_form .tt p{ font-size:15px;}

.form_box{ width:100%; overflow:hidden;}
.form_box .form-group{ width:300px; margin-right:13px; float:left; position:relative;}
.form_box input{ height:52px; line-height:52px; border-radius:26px; width:100%; padding:0 1rem; font-size:15px; color:#6d6d6d;}
.form_box textarea{ width:100%; padding:1rem 1rem; border-radius:3px; height:6.25em; font-size:1.0625rem; color:#5e5e5e;}
.form_box .btn_tijiao{ width:100%; height:52px; border-radius:26px; background:#e60012; color:#fff; border:0; font-size:15px; cursor:pointer; }
.form_box .yzm{ position:absolute; right:0; top:0; max-height:100%; height: 52px; line-height:52px; padding-right:15px;}
.form_box .yzm img{ max-width:100%; max-height:100%;}

input::-webkit-input-placeholder{color:#5e5e5e; }
input::-moz-placeholder{   /* Mozilla Firefox 19+ */color:#5e5e5e;}
input:-moz-placeholder{    /* Mozilla Firefox 4 to 18 */color:#5e5e5e;}
input:-ms-input-placeholder{  /* Internet Explorer 10-11 */ color:#5e5e5e;}/* WebKit browsers */
input:focus::-webkit-input-placeholder {color: transparent;/* transparent是全透明黑色(black)的速记法，即一个类似rgba(0,0,0,0)这样的值 */}/* Mozilla Firefox 4 to 18 */
input:focus:-moz-placeholder {color: transparent;}/* Mozilla Firefox 19+ */
input:focus::-moz-placeholder {color: transparent;}/* Internet Explorer 10+ */
input:focus:-ms-input-placeholder {color: transparent;}/* 点击搜索框获取焦点 placeholder消失-结束 */
textarea::-webkit-input-placeholder{color:#5e5e5e;}
textarea::-moz-placeholder{   /* Mozilla Firefox 19+ */color:#5e5e5e;}
textarea:-moz-placeholder{    /* Mozilla Firefox 4 to 18 */color:#5e5e5e;}
textarea:-ms-input-placeholder{  /* Internet Explorer 10-11 */ color:#5e5e5e;}/* WebKit browsers */
textarea:focus::-webkit-input-placeholder {color: transparent;/* transparent是全透明黑色(black)的速记法，即一个类似rgba(0,0,0,0)这样的值 */}/* Mozilla Firefox 4 to 18 */
textarea:focus:-moz-placeholder {color: transparent;}/* Mozilla Firefox 19+ */
textarea:focus::-moz-placeholder {color: transparent;}/* Internet Explorer 10+ */
textarea:focus:-ms-input-placeholder {color: transparent;}/* 点击搜索框获取焦点 placeholder消失-结束 */
textarea::-webkit-scrollbar {width: 1px; }

#n_form .tip{ float:left; font-size:15px; color:#fff; margin-top:46px;}
#n_form .btn_arr{ float:right;}
.btn_arr{ margin-top:1.9rem;}
.btn_arr:hover{  background-position: left bottom;border: 1px solid #c01212; color:#fff;}
.btn_arr{ display:block;width:261px; height:55px; line-height:55px; font-size:15px; color:#fff; border-radius:28px; margin-top:19px; text-align:center; position:relative; z-index:1; transition:.5s; overflow:hidden;
 border:1px solid #b9b9bc;background: linear-gradient(to left, transparent 50%, #e60012 50%);
  background-position: right bottom;
  background-size: 200% 100%; }
.btn_arr:hover{  background-position: left bottom;border: 1px solid #e60012; color:#fff;}
.btn_arr img{ vertical-align:middle; margin-right:.5rem;}