@font-face {
   font-family:Bebas; 
  src: url(../font/bebas_.ttf);
}
@font-face {
  font-family: roboto_m; 
  src: url(../font/roboto-medium-12.ttf);
}
/*===================CSS Reset================*/
::selection {color:#fff;background-color: #f5832a;}
::-moz-selection {color:#fff;background-color: #f5832a;}
::-webkit-selection {color:#fff;background-color: #f5832a;}
::-webkit-scrollbar {width: 3px;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 "微软雅黑", 'Microsoft YaHei', arial, clean, sans-serif; position:relative; color: #333; margin: 0; line-height:1.2; min-width:1200px; overflow-x:hidden}
.hide{display: none}
: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;}


.clearfix:after{ 
visibility:hidden; 
display:block; 
font-size:0; 
content:" "; 
clear:both; 
height:0; 
} 
.clearfix { display: inline-table; } 
/* Hides from IE-mac \*/ 
* html .clearfix { height: 1%; } 
.clearfix { display: block; } 
/* End hide from IE-mac */ 

.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:75px;}
.pad_bot{ padding-bottom:75px;}
/*自定义样式*/
.fl {float: left;}
.fr {float: right;}
.m{ width: 1400px; min-width:1200px; max-width: 95%; 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%;}
.img img{ transition:1s;}
li:hover .img img{ transform:scale(1.1);}
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{ height:100px; width:100%; clear:both; position:relative; z-index:999;}
#logo{ float:left; padding-top:23px;}
#logo img{ }

#nav{ float:left; width:609px;}
#nav>ul{ float:right;}
#nav>ul>li{ float:left; position:relative;}
#nav>ul>li>a{ font-size:15px; color:#282828; display:block;}
#nav>ul>li>a h3{ position:relative; font-size:16px; color:#474749; margin:0 20px; height:100px; line-height:100px;}
#nav>ul>li.on h3,#nav>ul>li:hover h3{ color:#10a6eb; }
#nav>ul>li h3:after{ content:""; display:block; width:60px; height:3px; position:absolute; left:50%; margin-left:-30px; background:#10a6eb; bottom:0px; transition:.3s; transform:scaleX(0); transform-origin:top;}
#nav>ul>li:hover h3:after,#nav ul li.on h3:after{   transform:scaleX(1);}
#nav>ul>li:nth-child(4) .list{ margin-left: auto; margin-left:-500px; }
#nav>ul>li:nth-child(5) .list{ margin-left: auto; margin-left:-500px; }
#nav>ul>li:nth-child(6) .list{ margin-left: auto; margin-left:-450px; }
#nav>ul>li:nth-child(7) .list{ margin-left: auto; margin-left:-500px; }
#nav>ul>li:nth-child(8) .list{ margin-left: auto; margin-left:-500px; }

#nav .sub{position:absolute;top:100px;width:100%; background:#fff; background:rgba(255,255,255,0.9); box-shadow:0 3px 15px rgba(0,0,0,.2); visibility: hidden; opacity:0; font-size:12px;color:#585858;line-height:45px; overflow:  hidden; }
#nav .sub1 li{ padding:0;}
#nav .sub1 li a{ display:block; text-align:center; transition:.3s;}
#nav .sub1>li:hover,#nav .sub1>li.on{ background:#10a6eb; color:#fff; }
#nav .sub1{ left:0; transform:scaleY(0); transition:.5s; transform-origin:top; }
#nav li:hover ul.sub1{ display:block;transform:scaleY(1); visibility:visible; opacity:1; }
#nav li ul.sub1 li:hover ul.sub2{ display:block;}

.top_tel{ float:left; line-height:100px; padding-left:26px; position:relative; margin-left:13px;}
.top_tel:before{ content:""; width:1px; height:15px; background:#c0c0c1; display:block; position:absolute; left:0; top:43px;}
.top_tel p{ font-size:18px; color:#555; font-weight:bold; font-family:arial; padding-left:25px; background:url(../image/top_tel.png) left center no-repeat;}
/*首页banner*/
.banner{ height:605px; width:100%; position:relative;}
.banner li{ width:100vw;  }
.banner li .img{ width:100vw; height:605px; background-size: auto !important; z-index:8; }	
@-webkit-keyframes bgscale {
from { -webkit-transform: scale(1); transform: scale(1); }
to {-webkit-transform: scale(1.05); transform: scale(1.05); }
}
@keyframes bgscale {
from { -webkit-transform: scale(1); transform: scale(1); }
to {-webkit-transform: scale(1.05); transform: scale(1.05); }
}
#banner .slick-current .img{ animation:bgscale 6s linear; animation-fill-mode: forwards; }

#banner li{ position:relative;}
#banner .con{ position:absolute; width:100%; height:100%;  top:0; left:0; z-index:999; padding-left:39px; }
#banner .con .m{ height:100%;}
#banner .txt{  color:#fff; width:790px;}
#banner .txt h3{ font-size:30px; font-weight:bold; line-height:50px; text-transform:uppercase; margin-bottom:1rem; }
#banner .txt p{ font-size:14.3px; font-family:"Myriad Pro"; line-height:21px;  color:rgba(255,255,255,.6);}
#banner .txt .bn_btn{ display: inline-block; width:180px; height:46px; line-height:42px; margin-top:47px; text-align:center; border-radius:30px;  color:#fff; font-size:15px;border:2px solid #fff; border:2px solid rgba(255,255,255,.65); }
#banner .txt .bn_btn.white{ background:#fff;}
#banner li.slick-current{ z-index:999;}


.banner .slick-arrow{ z-index:99; position:absolute;  transform:translate(0,0); opacity:1;
	display:block;
    width: 60px;
    height: 60px;}
.banner .slick-prev{ left:50%; margin-left:-760px; 
	background:url(../image/banner_left.png) left center no-repeat;
	transition:300ms;
	-webkit-transition:300ms;
	}
	
.banner .slick-next{ right:50%; margin-right:-760px; 
	background:url(../image/banner_right.png) right center no-repeat;
	transition:300ms;
	-webkit-transition:300ms;
	}

.slick-prev:before, .slick-next:before{ display:none;}
 


#s_link{}
#s_link ul{ border-top:1px solid #ebebed; border-bottom:1px solid #ebebed; overflow:hidden;}
#s_link ul li{ width:33.333%; float:left; text-align:center; padding-top:45px; padding-bottom:68px;}
#s_link ul li+li{ border-left:1px solid #ebebed;}
#s_link ul li .ico{ height:258px; text-align:center; padding-bottom:29px;}
#s_link ul li .ico img{height: 248px;}
#s_link ul li .txt{ margin-top:20px;}
#s_link ul li .txt h5{ font-size:22px; color:#000; margin-bottom:19px; }
#s_link ul li .txt p{ font-size:13px; color:#6a6a6a;}
#s_link ul li .btn{ display:block; width:170px; height:50px; line-height:48px; margin:0 auto; border:1px solid #bfbfc1; -webkit-transition:.6s;-moz-transition:.6s;transition:.6s; font-size:12px; color:#7f7f7f; font-family:arial; margin-top:43px; position:relative; z-index:1;}
#s_link ul li .btn:before{content:"";position:absolute; z-index:-1;left:0;right:auto;bottom:0;width:0;height:100%; -webkit-transition:.6s;-moz-transition:.6s;transition:.6s; 
​background: -moz-linear-gradient(left, #26abeb 0%, #9fc5eb 100%);
background: -webkit-gradient(linear, left, right, color-stop(0%,#26abeb), color-stop(100%,#9fc5eb));
background: -webkit-linear-gradient(left, #26abeb 0%,#9fc5eb 100%);
background: -o-linear-gradient(left, #26abeb 0%,#9fc5eb 100%);
background: -ms-linear-gradient(left, #26abeb 0%,#9fc5eb 100%);
background: linear-gradient(to right, #26abeb 0%,#9fc5eb 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#26abeb', endColorstr='#9fc5eb',GradientType=0 );
}
#s_link ul li .btn:hover:before{left:auto;right:0;width:100%}
#s_link ul li .btn:hover{ border:1px solid #fff; color:#fff;}


.s_tt{ text-align:center; margin-bottom:46px;}
.s_tt h3{ font-size:32px; color:#222222; font-weight:bold; margin-bottom:12px;}
.s_tt p{ font-size:14px; color:#999999;  }
.s_tt.white h3{ color:#fff;}
.s_tt.white p{ color:#fff; color:rgba(255,255,255,.7);}
#s_fangan{ padding-top:68px; background:#009ce8;}
#s_fangan ul{ overflow:hidden;}
#s_fangan ul li{ width:16.6666%; float:left; text-align:center; font-size:16px; color:#fff; height:122px; padding-top:28px; border-right:1px solid #3bb3ed; position:relative; z-index:1;}
#s_fangan ul li:first-child{ border-left:1px solid #3bb3ed;}
#s_fangan ul li .ico{ margin-bottom:13px; height:36px;}
#s_fangan ul li .ico img{ margin:0 auto;}
#s_fangan ul li:before{content:"";position:absolute; z-index:-1;left:0;right:auto;bottom:0;width:0;height:100%; -webkit-transition:.6s;-moz-transition:.6s;transition:.6s;
background:#26abeb; /* 一些不支持背景渐变的浏览器 */  
​background: -moz-linear-gradient(top, #009ce8 0%, #17a4e7 100%);
background: -webkit-gradient(linear, top, bottom, color-stop(0%,#009ce8), color-stop(100%,#17a4e7));
background: -webkit-linear-gradient(top, #009ce8 0%,#17a4e7 100%);
background: -o-linear-gradient(top, #009ce8 0%,#17a4e7 100%);
background: -ms-linear-gradient(top, #009ce8 0%,#17a4e7 100%);
background: linear-gradient(to bottom, #009ce8 0%,#17a4e7 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#009ce8', endColorstr='#17a4e7',GradientType=0 );
}
#s_fangan ul li:hover:before,#s_fangan ul li.slick-current:before{left:auto;right:0;width:100%}

#s_fuwu{ overflow:hidden; padding-top:50px; padding-bottom:73px;}
#s_fuwu .img{ width:700px; height:430px; float:left;}
#s_fuwu .txt{ width:calc(100% - 754px); float:right; padding-top:57px;}
#s_fuwu .txt .tt{ font-size:30px; color:#3f3e3e; margin-bottom:30px;}
#s_fuwu .txt .con{ font-size:14px; line-height:28px; color:#7e7e7e;}
.s_btn{ display:block; width:170px; height:50px; line-height:50px; text-align: center; color:#fff; font-size:12px; font-family:arial; margin-top:75px;
​background: -moz-linear-gradient(left, #26abeb 0%, #9fc5eb 100%);
background: -webkit-gradient(linear, left, right, color-stop(0%,#26abeb), color-stop(100%,#9fc5eb));
background: -webkit-linear-gradient(left, #26abeb 0%,#9fc5eb 100%);
background: -o-linear-gradient(left, #26abeb 0%,#9fc5eb 100%);
background: -ms-linear-gradient(left, #26abeb 0%,#9fc5eb 100%);
background: linear-gradient(to right, #26abeb 0%,#9fc5eb 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#26abeb', endColorstr='#9fc5eb',GradientType=0 );
}

#s_case{ background:#f6f5fa; padding-top:75px; padding-bottom:70px;}
#s_case ul{ margin:0 -16px; overflow:hidden;}
#s_case ul li{ width:33.3333%; padding:0 16px; float:left; }
#s_case ul li .img{ }
#s_case ul li .img img{ width:445px; height:289px;}
#s_case ul li .txt{ height:195px; background:#fff; padding:0 38px; padding-top:26px;}
#s_case ul li h5{ font-size:19px; color:#484848; position:relative; margin-bottom:22px;}
#s_case ul li i{ width:20px; height:3px; background:#10a6eb; display:block; margin-bottom:23px;}
#s_case ul li p{ font-size:13px; line-height:22px; color:#8a8a8a; height:44px; overflow:hidden;}
.s_case_btn{ font-size:14px; font-family:"微软雅黑"; margin:0 auto; margin-top:56px;}

#s_about{ position:relative; z-index:1; height:570px; background:url(../image/s_about_bg.jpg) center no-repeat; padding-top:94px;}
#s_about .con{ font-size:15px; line-height:30px; color:#fff; text-align:center;}
#s_about  .btn{ width:50px; height:50px; background:url(../image/s_about_more.png) center no-repeat; display:block; margin:0 auto; margin-top:58px;}

#s_news{ height:770px; background:#f6f5fa; padding-top:86px;}
#s_news .hd{ overflow:hidden; margin-bottom:48px;}
#s_news .hd ul{ float:right;}
#s_news .hd ul li{ width:170px; height:50px; float:left; background:#f6f5fa; line-height:48px; text-align:center; margin-left:20px; border:1px solid #c5c4c8;}
#s_news .hd ul li a{ display:block;}
#s_news .hd ul li.on{ background:#10a6eb; color:#fff;}
#s_news .s_tt{ text-align:left; float: left; margin-bottom:0;}


.news1{ width:556px; float:left; }
.news1 .img{ width:556px; height:350px;}
.news1:hover .img img{ transform:scale(1.1);}
.news1 .txt{ padding:15px 9px;}
.news1 .txt h5{ font-size:18px; color:#343434; margin-bottom:15px;}
.news1 .txt p{ font-size:12px; color:#808080; line-height:24px;}
.news1 .bot{ margin-top:10px;}
.news1 .bot span{ font-size:12px; color:#bec0d6; background:url(../image/time.png) left center no-repeat; line-height:30px; padding-left:21px;}
.news1 .bot i{ display:block; float:right; width:50px; height:20px; background:#10a6eb url(../image/news_more.png) center no-repeat; border-radius:10px;}

#s_news .bd{}
#s_news .bd ul{ width:calc(100% - 626px); float:right;}
#s_news .bd ul li{ overflow:hidden; margin-bottom:28px;}
#s_news .bd ul li .img{ width:225px; height:141px; float:left; margin-right:26px;}
#s_news .bd ul li .img img{}
#s_news .bd ul li .txt{ padding-top:13px; width:calc(100% - 252px);float:right;}
#s_news .bd ul li .txt h5{ font-size:18px; color:#171717; margin-bottom:5px;}
#s_news .bd ul li .txt span{ font-size:12px; color:#828282; font-family:arial; background:url(../image/time.png) left center no-repeat; line-height:30px; padding-left:21px; display:block; margin-bottom:10px;}
#s_news .bd ul li .txt p{ font-size:12px; line-height:24px; color:#828282;}

#s_lianxi{ height:490px; background:url(../image/s_lainxi_bg.jpg) center no-repeat; padding-top:80px;}
#s_lianxi ul{ width:1180px; margin:0 auto; overflow:hidden;}
#s_lianxi ul li{ width:25%; float:left; text-align:center; color:#fff;}
#s_lianxi ul li font{ display:block; width:62px; height:62px; margin:0 auto; border-radius:50%; border:1px solid #fff; line-height:60px; margin-bottom:20px;}
#s_lianxi ul li h5{ font-size:16px; margin-bottom:12px;}
#s_lianxi ul li p{ font-size:14px; color:rgba(255,255,255,.6);}
#s_lianxi ul li:hover font img{  -webkit-animation: doudong 1s; -moz-animation: doudong 1s; animation: doudong 1s;}

#s_fangan ul li:hover .ico{  -webkit-animation: doudong 1s; -moz-animation: doudong 1s; animation: doudong 1s;}
@keyframes doudong {
    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) }
}



.j_form{ width:864px; margin:0 auto; margin-top:35px;}
.j_form .form-group{ width:320px; overflow:hidden; margin-bottom:10px; position:relative; margin-right:15px; float:left;}
.j_form .form-group>input{ height:50px; width:100%; padding:0 17px; font-size:15px; color:#373737; background:none; background:#fff; border-radius:4px;}
.j_form .form-group textarea{ background:#fff;  border:1px solid #e5e5e5; width: 100%; float:right; height:140px; font-family:"微软雅黑"; line-height:26px; padding:15px 17px 15px 17px; font-size:16px; color:#373737; }
.j_form .form-group .yzm{ position:absolute; right:20px; top:10px; max-height:100%; height: 40px; background:none !important;}
.j_form .form-group .yzm img{ max-width:100%; max-height:100%; mix-blend-mode: multiply;}
.j_form .btn_tijiao{ display:block; width:100%; height:50px; font-size:15px; border-radius:4px; text-align: center; background:#72cfff; color:#fff; border:0; outline: none; clear:both; transition:.5s; cursor:pointer; margin-top:0px;}
.j_form .btn_tijiao:hover{background:#72cfff;}


input::-webkit-input-placeholder{color:#9e9e9e; }
input::-moz-placeholder{   /* Mozilla Firefox 19+ */color:#9e9e9e;}
input:-moz-placeholder{    /* Mozilla Firefox 4 to 18 */color:#9e9e9e;}
input:-ms-input-placeholder{  /* Internet Explorer 10-11 */ color:#9e9e9e;}/* 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:#999;}
textarea::-moz-placeholder{   /* Mozilla Firefox 19+ */color:#9e9e9e;}
textarea:-moz-placeholder{    /* Mozilla Firefox 4 to 18 */color:#9e9e9e;}
textarea:-ms-input-placeholder{  /* Internet Explorer 10-11 */ color:#9e9e9e;}/* 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;}


.btn_flashcenter {  position: relative; overflow: hidden; transition: 0.52s; }
.btn_flashcenter:hover { box-shadow: 0 4px 10px 0px rgba(0, 0, 0, 0.225); }

.btn_flashcenter .anim { -moz-transform: translateY(-50%) translateX(-50%); -ms-transform: translateY(-50%) translateX(-50%); -webkit-transform: translateY(-50%) translateX(-50%); transform: translateY(-50%) translateX(-50%); position: absolute; top: 50%; left: 50%; }
.btn_flashcenter .anim:before { position: relative; content: ''; display: block; margin-top: 100%; }
.btn_flashcenter .anim:after { content: ''; position: absolute; top: 0; bottom: 0; left: 0; right: 0; border-radius: 50%; }
.btn_flashcenter:hover .anim { -moz-animation: anim-out 0.75s; -webkit-animation: anim-out 0.75s; animation: anim-out 0.75s; }
.btn_flashcenter:hover .anim:after { -moz-animation: anim-out-pseudo 0.75s; -webkit-animation: anim-out-pseudo 0.75s; animation: anim-out-pseudo 0.75s; }


@-webkit-keyframes anim-out-pseudo {
    0% { background: rgba(36, 145, 242, 0.5); }
    100% { background: transparent; }
}

@-moz-keyframes anim-out-pseudo {
    0% { background: rgba(36, 145, 242, 0.5); }
    100% { background: transparent; }
}

@-ms-keyframes anim-out-pseudo {
    0% { background: rgba(36, 145, 242, 0.5); }
    100% { background: transparent; }
}

@keyframes anim-out-pseudo {
    0% { background: rgba(36, 145, 242, 0.5); }
    100% { background: transparent; }
}

@-webkit-keyframes anim-out {
    0% { width: 0%; }
    100% { width: 100%; }
}

@-moz-keyframes anim-out {
    0% { width: 0%; }
    100% { width: 100%; }
}

@-ms-keyframes anim-out {
    0% { width: 0%; }
    100% { width: 100%; }
}

@keyframes anim-out {
    0% { width: 0%; }
    100% { width: 100%; }
}



#foot{ background:#26282b; overflow:hidden; color:#fff; padding:49px 0 0;}
.foot_nav{ overflow:hidden; float:left; border-right:1px solid #3c3e41; padding-top:36px; width:930px; margin-bottom:45px;}
.foot_nav dl{ float:left; margin-right:60px;}
.foot_nav dl dt{ font-size:17px; color:#fff; margin-bottom:22px;}
.foot_nav dl dd{ font-size:14px; color:#888888; line-height:30px;}

.foot_lianxi{ float:right; overflow:hidden; padding-top:36px;}
.foot_lianxi .ewm{ float:left; margin-right:25px;}
.foot_lianxi .txt{ float:right;}
.foot_lianxi .txt p{ font-size:15px;}
.foot_lianxi .txt h5{ font-size:30px; color:#fff; font-family:Bebas; font-weight:300;}
.foot_lianxi .txt .btn{display:block; width:115px; height:36px; line-height:36px; border-radius:18px; text-align: center; color:#fff; font-size:14px; margin-top:30px;
​background: -moz-linear-gradient(left, #26abeb 0%, #9fc5eb 100%);
background: -webkit-gradient(linear, left, right, color-stop(0%,#26abeb), color-stop(100%,#9fc5eb));
background: -webkit-linear-gradient(left, #26abeb 0%,#9fc5eb 100%);
background: -o-linear-gradient(left, #26abeb 0%,#9fc5eb 100%);
background: -ms-linear-gradient(left, #26abeb 0%,#9fc5eb 100%);
background: linear-gradient(to right, #26abeb 0%,#9fc5eb 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#26abeb', endColorstr='#9fc5eb',GradientType=0 );}

#foot a{ transition:.3s;}
#foot a:hover{ color:#fff;}
.foot_bot{ border-top:1px solid #3c3e41; padding:30px 0;}
.copyright{ line-height:40px; font-size:13px; color:#57585b;}

#slide_up_box{ position: absolute; right: 0; top: 0px;}
#bnt_link{cursor:pointer; width:246px; display:block; height:40px; background:#343639 url(../image/icon_up.png) 223px center no-repeat  !important; text-align:left; position:relative;}
#bnt_link:after{ content:""; width:1px; height:100%; position:absolute; background:#444649; top:0; right:38px;}
.icon_un{ background:url(../image/icon_up.png) 165px center no-repeat  !important;}
#bnt_link a{ color:#c5c5c5 !important; display:block; padding:0 15px; font-size:14px; line-height:40px; }
#bnt_link i{ font-size:10px; padding-left:5px;}
#content_link{ display:none; z-index:9;  width:100%; position: absolute; left: 0; bottom: 40px; background:#444649; max-height:300px; overflow:hidden; overflow-y:auto; text-align:left; }
#content_link .box{   background:#444649; padding:5px 0;}
#content_link a{ padding:0 15px; color:#bbb; border-bottom:1px dotted #555; line-height:34px; font-size:14px; display:block; }
#content_link a:hover{ color:#fff !important;}





/*内页banner*/
.bn-box {width: 100%;overflow: hidden;position: relative;z-index:0;}
.ny_banner {width: 2000px;height:350px;position: relative;overflow: hidden;margin-left: 50%;left: -1000px;top: 0; overflow:hidden;}
.ny_banner .m{ display:table; position:relative; }
.ny_banner .m .box{height:350px; vertical-align:middle; display:table-cell; margin:0 auto; text-align:center; }
.ny_banner h5{ font-size:40px; color:#fff; text-transform:uppercase;font-family: roboto_m; font-weight:bold;  }
.ny_banner span{ font-size:26px; color:#fff; display:block; margin-top:8px;  }

/*=====面包屑===*/
.n_position{ /*! height:69px; */ border-bottom:1px solid #e5e5e5; clear:both; position:relative; }
.n_position ul{ float:left;}
.n_position ul li{ height:68px; line-height:68px; text-align:center; float:left; display:inline-block; position:relative;  }
.n_position ul li a{ display:block; position:relative; z-index:1; text-align:center; font-size:16px; color:#555555; width:160px; text-align:center; transition:all ease 600ms;}
.n_position li i { position: absolute; right: 0; bottom: -1px; display: block; height:2px; width:0;  transition:all ease 600ms; z-index:0;
​background: -moz-linear-gradient(left, #26abeb 0%, #9fc5eb 100%);
background: -webkit-gradient(linear, left, right, color-stop(0%,#26abeb), color-stop(100%,#9fc5eb));
background: -webkit-linear-gradient(left, #26abeb 0%,#9fc5eb 100%);
background: -o-linear-gradient(left, #26abeb 0%,#9fc5eb 100%);
background: -ms-linear-gradient(left, #26abeb 0%,#9fc5eb 100%);
background: linear-gradient(to right, #26abeb 0%,#9fc5eb 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#26abeb', endColorstr='#9fc5eb',GradientType=0 );

}
.n_position li:hover i,.n_position li.on i { width:100%; left:0; right:auto;}
.n_position ul li+li:before{ content:""; width:1px; height:10px; display:block; background:#cccccc; position:absolute; left:0; top:30px;	}

.n_position h3{ font-size:14px; display:inline-block; float:right; line-height:68px;display: block;height: 90px;width: 100%;text-align: right;}
.n_position h3:before{ content:url(http://xathei.com/static/default/images/home_ico.png); margin-right:10px; position:relative; top:3px;}
.n_position h3 a{ display:inline-block; font-size:14px; color:#555555; }
.n_position h3 i{ display:inline-block; width:5px; height:7px; background:url(../image/xsj.png) center no-repeat; position:relative; margin:0 10px;}
.n_position h3 em,.n_position h3 a:hover{ 
	 color:#24aaeb;
     background-image: -webkit-gradient(linear, 0 0, right 0, from(#24aaeb), to(#9fc5eb));
     -webkit-background-clip: text;
     -webkit-text-fill-color: transparent;
	 
	 
}
.n_position h3 em i{ display:inline-block; width:5px; height:7px; background:url(../image/xsj2.png) center no-repeat; position:relative; margin-right:10px;}

#main{ overflow: hidden;}
#n_about{ padding:60px 0;}
.ar_article{ font-size:14px; color:#757575; line-height:30px; }
.ar_article p{ font-size:14px; color:#757575; 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_zizhi{ overflow:hidden; padding-bottom:20px; padding-top:60px;}
#n_zizhi ul{ margin:0 -44px;}
#n_zizhi ul li{ width:25%; float:left; text-align:center; margin-bottom:44px;}
#n_zizhi ul li .pic{ width:282px; height:374px; line-height:374px; margin:0 auto; background:url(../image/zizhi_bg.png) center no-repeat; box-shadow:0px 1px 20px 0 rgba(0,0,0,.2); background-size:100% 100%;}
#n_zizhi ul li .pic img{ max-width:214px; max-height:303px; vertical-align:middle;}
#n_zizhi ul li h5{ text-align:center;padding:0 20px; padding-top:22px;}
#n_zizhi ul li h5 span{ font-size:16px; color:#555555; }
#n_zizhi ul li:hover h5 span{color:#24aaeb;
 background-image: -webkit-gradient(linear, 0 0, right 0, from(#24aaeb), to(#9fc5eb));
 -webkit-background-clip: text;
 -webkit-text-fill-color: transparent;}

/*==============分页=====================*/
.j_pages { text-align: center; padding-bottom:80px; }
.j_pages .box{display: inline-block; color:#919191; font-size:14px;  }
.j_pages a[href],.j_pages input,.j_pages button{ border:1px solid #bfbfbf; background:#fbfbfc;}
.j_pages a,.j_pages input,.j_pages button{ height:40px; padding:0 13px; min-width:40px; line-height:38px; text-align:center; display:inline-block; margin:0 3px; color:#919191; font-size:14px; text-transform:uppercase; overflow:hidden; float:left; transition:.3s; }
.j_pages input{ width:50px; padding-left:10px; padding-right:0;}
.j_pages a.on,.j_pages a[href]:hover,.j_pages button:hover{  color:#fff !important; border:1px solid #9fc5eb;
​background: -moz-linear-gradient(left, #26abeb 0%, #9fc5eb 100%);
background: -webkit-gradient(linear, left, right, color-stop(0%,#26abeb), color-stop(100%,#9fc5eb));
background: -webkit-linear-gradient(left, #26abeb 0%,#9fc5eb 100%);
background: -o-linear-gradient(left, #26abeb 0%,#9fc5eb 100%);
background: -ms-linear-gradient(left, #26abeb 0%,#9fc5eb 100%);
background: linear-gradient(to right, #26abeb 0%,#9fc5eb 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#26abeb', endColorstr='#9fc5eb',GradientType=0);
 }
 
#n_news{ padding-top:60px;}
#n_news ul{ margin:0 -15px;}
#n_news ul li{ width:100%; float:left; padding:0 15px; margin-bottom:40px;}
#n_news ul li a{ display:block; background:#f7f7f7;}
#n_news ul li .img{ }
#n_news ul li:hover .img img{ transform:scale(1.1);}
#n_news ul li .txt{ padding:23px 12px;}
#n_news ul li .txt h5{ font-size:18px; color:#343434; margin-bottom:15px;}
#n_news ul li .txt p{ font-size:12px; color:#808080; line-height:24px;}
#n_news ul li .bot{ margin-top:10px;}
#n_news ul li .bot span{ font-size:12px; color:#bec0d6; background:url(../image/time.png) left center no-repeat; line-height:30px; padding-left:21px;}
#n_news ul li .bot i{ display:block; float:right; width:50px; height:20px; background:#10a6eb url(../image/news_more.png) center no-repeat; border-radius:10px;}


#n_pro{ padding-top:60px;}
#n_pro ul{ margin:0 -15px;}
#n_pro ul li{ width:33.3333%; float:left; padding:0 15px; margin-bottom:45px;}
#n_pro ul li .a{ display:block; cursor:pointer;}
#n_pro ul li .pic{ position: relative; background:#f7f7f7; }
#n_pro ul li .pic img{ display:block; max-width:100%;height: 276px;
    margin: 0 auto;}
#n_pro ul li .pic::before,#n_pro ul li .pic::after{position:absolute;content:'';opacity:0;transition:all 0.6s; z-index:999;}
#n_pro ul li .pic::before{top:0;right:0;bottom:0;left:0;border-top:4px solid #9fc5eb;border-bottom:4px solid #9fc5eb;border-image: -webkit-linear-gradient(to right, #24aaeb, #9fc5eb) 20 20;
            border-image: -moz-linear-gradient(to right, #24aaeb, #9fc5eb) 20 20;
            border-image: -o-linear-gradient(to right, #24aaeb, #9fc5eb) 20 20;
            border-image: linear-gradient(to right, #24aaeb, #9fc5eb) 20 20;
			transform:scale(0,1);-webkit-transform-origin:0 0;transform-origin:0 0}
#n_pro ul li .pic::after{top:0;right:0;bottom:0;left:0;border-right:4px solid #9fc5eb;border-left:4px solid #24aaeb;transform:scale(1,0);transform-origin:100% 0;}
#n_pro ul li:hover .pic::before,#n_pro ul li:hover .pic::after{opacity:1;transform:scale(1);transition: all 0.5s;}
#n_pro ul li:hover .pic{ background:none;}

#n_pro ul li h5{ text-align:center; font-size:16px; color:#555555; padding-top:30px;}
.tc{transition:all ease 300ms; position: fixed; width: 100%; height: 100%; overflow: auto;  top: 0; left: 0; z-index:999999999; visibility:hidden;}
.tc{ pointer-events: none;  filter:alpha(opacity=0);   -moz-opacity:0;   -khtml-opacity:0;   opacity:0;transform:scale(1.1); visibility:visible; }
.tc.act{ filter:alpha(opacity=100);   -moz-opacity:1;   -khtml-opacity: 1;   opacity: 1;   pointer-events: auto;transform:scale(1); }
.tc-box{ margin: 0 auto;
    box-sizing: border-box;
    display: block;
    position: relative;
    z-index: 1;
}
.tc_pro,.tc_case { width:778px; background:#fff url(../image/tc_pro_bg.jpg) center bottom no-repeat; padding:45px 54px 54px; border-radius:9px;}
.tc_pro .tc_close,.tc_case .tc_close{ margin:0 auto; margin-top:30px; font-size:14px; cursor:pointer; }
.tc_bg{ height: 100%; background:#1c1c1e; background:rgba(0,0,0,.88); position: absolute; top: 0; left: 0; width: 100%; }
.tc_txt{ height:470px; overflow-y:auto; padding-right:30px;}
.tc .close,.tc{ transition:all ease 400ms; -moz-transition:all ease 400ms; -ms-transition:all ease 400ms; -o-transition:all ease 400ms; -webkit-transition:all ease 400ms; } 
.tc .item{ overflow:hidden; } 
.tc .tc_slide{ border-radius:5px;}
#tc_title{ font-size:24px; color:#363638; margin-bottom:35px; }
#tc_title1{font-size:24px; color:#363638; margin-bottom:10px;}
#tc_title2{ font-size:13px; color:#6e6e70; text-transform:uppercase; opacity:.7;}
.tc_pro #tc_title:after{ content:""; display:block; width:20px; height:3px; background:#10a6eb; margin:0 auto; margin-top:20px;}
#tc_title2:after{ content:""; display:block; width:20px; height:3px; background:#10a6eb; margin:0 auto; margin-top:20px;}
.tc .item img{box-sizing:border-box; margin:0 auto; cursor:pointer; width: 446px;}
.tc-box{ text-align:center; color:#9d9ea0;}
.j_tab{ position:relative;}
#tc_content{  line-height:30px; font-size:14px; text-align:justify; color:#868686; margin-top:35px; }
 

.tc_slide .slick-arrow{ z-index:99; position:absolute; top:50%; margin-top:-22px; transform:translate(0,0); background-repeat:no-repeat; background-position:center;  display:block;width:44px;height: 44px; transition:.3s; opacity:.6;}
.tc_slide .slick-prev{background-image:url(../image/n_pro_left.png); left:50px;}
.tc_slide .slick-next{background-image:url(../image/n_pro_right.png); right:50px; left:auto;}
.tc_slide .slick-arrow:hover{ opacity:.8; }



#n_case{ padding-bottom:40px; padding-top:60px;}
#n_case ul{}
#n_case ul li{ height:393px; padding:30px; position:relative; background:#f7f7f7; margin-bottom:40px; overflow:hidden;}
#n_case ul li .tt{ margin-bottom:28px; position:relative;}
#n_case ul li .tt h5{ font-size:24px; color:#363638; margin-bottom:3px;}
#n_case ul li .tt:after{ content:""; display:block; width:20px; height:3px; background:#10a6eb; margin-top:16px;}
#n_case ul li .tt span{ font-size:13px; color:#6e6e70; opacity:.7; text-transform:uppercase; font-family:arial;}
#n_case ul li .txt{ float:left; font-size:14px; color:#656565; line-height:28px; width:calc(100% - 575px); padding-top:30px;  }
#n_case ul li .txt .con{ height:48px; overflow:hidden; font-size:13px; color:#868686; line-height:24px;}
#n_case ul li .txt p{ font-size:13px; color:#868686; line-height:24px; height:48px; overflow:hidden;}
#n_case ul li .txt .more_btn{ display:block; width:170px; height:50px; line-height:50px; text-align:center; margin-top:54px; background:#6f6f6f; color:#fff;  }
#n_case ul li .txt .more_btn:hover{​background: -moz-linear-gradient(left, #26abeb 0%, #9fc5eb 100%);
background: -webkit-gradient(linear, left, right, color-stop(0%,#26abeb), color-stop(100%,#9fc5eb));
background: -webkit-linear-gradient(left, #26abeb 0%,#9fc5eb 100%);
background: -o-linear-gradient(left, #26abeb 0%,#9fc5eb 100%);
background: -ms-linear-gradient(left, #26abeb 0%,#9fc5eb 100%);
background: linear-gradient(to right, #26abeb 0%,#9fc5eb 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#26abeb', endColorstr='#9fc5eb',GradientType=0);
}
#n_case ul li .img{ float:right; width:514px; height:334px;}
#n_case ul li.li_1{ }
#n_case ul li.li_1 .txt{ float:right; }
#n_case ul li.li_1 .img{ float:left;}


#n_join{ padding-bottom:55px; width:100%; overflow:hidden;}
#n_join .hd{ margin:0 -37px;}
#n_join .hd ul li .box{width:220px;height:290px;margin:0 auto;max-width:95%;text-align:center;border-radius:5px; background:#f7f7f7; color:#323339;font-size:1.125rem;padding-top:35px;box-sizing:border-box;cursor:pointer;position:relative; }
#n_join .hd ul li font{ display:block; width:5.5rem; height:5.5rem; margin:0 auto; border:1px solid #e6e6e6; border-radius:50%; background:url(../image/join.svg) center no-repeat; background-size:2rem;}
#n_join .hd ul li i{ width:20px; height:2px; background:#24aaeb; display:inline-block; margin:1.5rem 0 1rem; }
#n_join .hd ul li h5{ font-size:16px; color:#4c4c4c; text-align:center; margin-bottom:5px; }
#n_join .hd ul li span{ font-size:14px; color:#898989;  font-family:arial; margin:0 auto; display:block;}
#n_join .hd ul li.slick-current .box{ border:2px solid #24aaeb;}
#n_join .hd ul li.on h5{ color:#fff;}
#n_join .hd ul li.on span{ color:#a5bce0;}
#n_join .bd{ border-radius:5px;margin:0 auto;margin-top:50px;background: #f7f7f7;}
#n_join .bd ul li{}
#n_join .bd ul li .box .ar_article{ font-size:15px; color:#555555; line-height:30px;}
#n_join .bd ul li .box{height:352px; overflow:auto; margin:2.5rem;}


#n_join .hd .slick-arrow{ z-index:99; position:absolute; top:50%; margin-top:-1.3rem; transform:translate(0,0); background-repeat:no-repeat; background-position:center;  display:block;width: 34px;height: 24px; transition:.3s; }
#n_join .hd .slick-prev{background-image:url(../image/arrow_left.png); background-size:34px; left:-3rem;}
#n_join .hd .slick-next{background-image:url(../image/arrow_right.png); background-size:34px; right:-3rem; left:auto;}
#n_join .hd .slick-prev:hover{ background-image:url(../image/arrow_left_on.png); }
#n_join .hd .slick-next:hover{ background-image:url(../image/arrow_right_on.png); }
#n_join .hd .slick-arrow:before{ display:none;}
 
.no_padding{ padding:0 !important;}
  


.ar_title {margin-bottom:30px; padding-bottom:20px; border-bottom:1px solid #dfdfdf;}
.ar_title h3{ font-size:27px; color:#403f3f; margin-bottom:10px; }
.ar_title span.time{ font-size:13px; color:#818181; line-height:36px; padding-left:23px; background:url(../image/ar_time.png) left center no-repeat;}


/*新闻详情*/
#n_news_xq{ overflow:hidden; padding-top:58px; padding-bottom:60px;}
.left_news_xq{ width:calc(100% - 430px); float:left;}
.right_news_tujian{ width:368px; float:right; }
.right_news_tujian .tt{ margin-bottom:30px;}
.right_news_tujian .tt span{ font-size:16px; color:#24aaeb;
 background-image: -webkit-gradient(linear, 0 0, right 0, from(#24aaeb), to(#9fc5eb));
 -webkit-background-clip: text;
 -webkit-text-fill-color: transparent;
}
.right_news_tujian .tt h3{ font-size:18px; color:#6d6d6d; margin-top:8px;}
.right_news_tujian ul li{ width:100%; margin-bottom:30px; }
.right_news_tujian ul li a{ display:block; width:100%;}
.right_news_tujian ul li .img{ overflow:hidden; width:100%;}
.right_news_tujian ul li .img img{ width:100%; height:100%; display:block; transition:1s;}
.right_news_tujian ul li:hover .img img{ transform:scale(1.1);}
.right_news_tujian ul li .txt{ padding:18px 15px; background:#f7f7f7; }
.right_news_tujian ul li .txt h5{ font-size:16px; color:#343434; margin-bottom:8px; transition:.3s;}
.right_news_tujian ul li .txt h5:hover{ color:#53b7ee;}
.right_news_tujian ul li .txt span{ display:block; height:20px; line-height:20px; background:url(../image/time.png) left center no-repeat; padding-left:20px; font-size:12px; color:#828282;}


#piaofu_news{ position: absolute; left:50%; margin-left:-790px; top:50px; z-index:9999;}
#piaofu_news ul{}
#piaofu_news ul li{ position:relative; z-index:0;width:50px; height:50px; border:1px solid #c6c6c6; border-radius:50%; cursor:pointer; margin-bottom:11px; }
#piaofu_news ul li font{ display:block; width:50px; height:50px; border-radius:50%; text-align:center; display:table-cell; vertical-align:middle;}
#piaofu_news ul li .txt{ position:absolute; white-space:nowrap; height:50px;  color:#f1f3f5; line-height:49px; font-size:14px; top:-1px; left:-2px; padding-left:50px; padding-right:20px; border-radius:24px; z-index:-1; opacity:0; transform:scaleX(.8); transition:.5s; transform-origin:left;
​background: -moz-linear-gradient(left, #26abeb 0%, #9fc5eb 100%);
background: -webkit-gradient(linear, left, right, color-stop(0%,#26abeb), color-stop(100%,#9fc5eb));
background: -webkit-linear-gradient(left, #26abeb 0%,#9fc5eb 100%);
background: -o-linear-gradient(left, #26abeb 0%,#9fc5eb 100%);
background: -ms-linear-gradient(left, #26abeb 0%,#9fc5eb 100%);
background: linear-gradient(to right, #26abeb 0%,#9fc5eb 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#26abeb', endColorstr='#9fc5eb',GradientType=0 

);


}
#piaofu_news ul li:hover .txt{ opacity:1; transform:scaleX(1);}


/*==============分享插件=====================*/
.shart_box{ display:inline-block; float:left; padding-top:11px;}
#j_shart_s_24 .fx{ position:relative; top:2px; cursor:pointer;}
#j_shart_s_24 .bds_count{ font-size:12px;}
.bdshare-button-style0-16 a, .bdshare-button-style0-24 .bds_more{ float:none !important; display: inline-block; margin-right:2px; width:20px;}
#j_shart_s_24{ position:relative; white-space:nowrap; overflow:hidden; height:30px;}
#j_shart_s_24:hover{ width:auto;}
#j_shart_s_24 .bds_sqq {
    background: url(../image/j_shart2.png) 0px 0px no-repeat;
}
#j_shart_s_24 .bds_tsina {
    background: url(../image/j_shart2.png) -35px 0px no-repeat;
}
#j_shart_s_24 .bds_weixin {
    background: url(../image/j_shart2.png) -73px 0px no-repeat;
}
#bdshare_weixin_qrcode_dialog *,#bdshare_weixin_qrcode_dialog{ box-sizing:content-box; }

#n_yewu{ padding-top:60px; padding-bottom:60px;}
#n_yewu .tt{ text-align:center; font-family:"Futura Md BT"; text-transform:uppercase; margin-bottom:30px;}
#n_yewu .tt h3{ font-size:36px; color:#373739;}
#n_yewu .tt span{ font-size:20px; color:#b8b8b8;}
#n_yewu .tt p{ font-size:14px; line-height:30px; color:#676768; width:658px; margin:0 auto; margin-top:20px;}
#n_yewu ul{ overflow:hidden; margin:0 -19px; margin-bottom:50px;}
#n_yewu ul li{ width:33.33333%; float:left; padding:0 19px;}
#n_yewu ul li .box{ padding:33px 27px; border:1px solid #e5e8ea; background:#f7f7f7; position:relative;}
#n_yewu ul li .tt2{ font-size:20px; color:#3e3e3e; border-bottom:1px solid #dfe0e2; padding-bottom:22px; margin-bottom:23px; position:relative;}
#n_yewu ul li .tt2:before{ content:""; width:36px; height:3px; background:#00aeef; display:block; position:absolute; left:0; bottom:0;}
#n_yewu ul li .con{ font-size:14px; color:#545556; line-height:28px; height:140px; overflow:hidden;}

#n_yewu ul li .box::before,#n_yewu ul li .box::after{position:absolute;content:'';opacity:0;transition:all 0.6s; z-index:999;}
#n_yewu ul li .box::before{top:0;right:0;bottom:0;left:0;border-top:2px solid #9fc5eb;border-bottom:2px solid #9fc5eb;border-image: -webkit-linear-gradient(to right, #24aaeb, #9fc5eb) 20 20;
            border-image: -moz-linear-gradient(to right, #24aaeb, #9fc5eb) 20 20;
            border-image: -o-linear-gradient(to right, #24aaeb, #9fc5eb) 20 20;
            border-image: linear-gradient(to right, #24aaeb, #9fc5eb) 20 20;
			transform:scale(0,1);-webkit-transform-origin:0 0;transform-origin:0 0}
#n_yewu ul li .box::after{top:0;right:0;bottom:0;left:0;border-right:2px solid #9fc5eb;border-left:2px solid #24aaeb;transform:scale(1,0);transform-origin:100% 0;}
#n_yewu ul li .box:hover::before,#n_yewu ul li .box:hover::after{opacity:1;transform:scale(1);transition: all 0.5s;}




.danxuan label {font-size:12px;cursor:pointer; margin-left:10px; font-size:15px; color:#323233;}
.danxuan label i {font-size:18px;font-style:normal;display:inline-block;width:18px;height:18px;text-align:center;line-height:18px;color:#fff;border:#cdac66 1px solid;vertical-align:middle;margin:-2px 5px 1px 0px; color:#7d7d7d; position:relative;}
.danxuan label i:before{ content:""; width:8px; height:8px; display:block; border-radius:50%; background:none; position:absolute; top:4px; left:4px; }
.danxuan input[type="checkbox"],input[type="radio"] {display:none;}
.danxuan input[type="radio"] + i {border-radius:50%;}
.danxuan input[type="checkbox"]:checked + i,input[type="radio"]:checked + i:before{ background:#cdac66;}
.danxuan input[type="checkbox"]:disabled + i,input[type="radio"]:disabled + i {border-color:#ccc;}
.danxuan input[type="checkbox"]:checked:disabled + i,input[type="radio"]:checked:disabled + i {background:#ccc;}


input::-webkit-input-placeholder{color:#6f6f6f; text-transform:uppercase; }
input::-moz-placeholder{   /* Mozilla Firefox 19+ */color:#6f6f6f;}
input:-moz-placeholder{    /* Mozilla Firefox 4 to 18 */color:#6f6f6f;}
input:-ms-input-placeholder{  /* Internet Explorer 10-11 */ color:#6f6f6f;}/* 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:#6f6f6f;}
textarea::-moz-placeholder{   /* Mozilla Firefox 19+ */color:#6f6f6f;}
textarea:-moz-placeholder{    /* Mozilla Firefox 4 to 18 */color:#6f6f6f;}
textarea:-ms-input-placeholder{  /* Internet Explorer 10-11 */ color:#96f6f6f99;}/* 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; }


#pf_form{ position:fixed; width:275px; height:390px; background:#fff url(../image/form_bg.jpg) center bottom no-repeat; bottom:50px; right:10px; padding:18px; z-index:99999; border-radius:3px; overflow:hidden; box-shadow: 0px 1px 2px rgba(0,0,0,.2);}
#pf_form .tt{ line-height:24px; padding-top:10px;}
#pf_form .tt h3{ font-size:14px; color:#009ce8; font-weight:bold;}
#pf_form .tt p{ font-size:13px; color:#414141; }
#pf_form .j_form{ width:100%; margin-top:15px;}
#pf_form .j_form .form-group{ width:100%; overflow:hidden; margin-bottom:10px; position:relative;background:#f6f5fa;  }
#pf_form .j_form .form-group>input{ height:40px; width: calc(100% - 54px); float:right; padding-right:10px; padding-left:0; font-size:13px; color:#373737; background:none;    opacity: .7; font-family:微软雅黑;}
#pf_form .j_form .btn_tijiao{ display:block; width:100%; height:40px; font-size:14px; text-align: center; background:#0f9fe6; color:#fff; border:0; outline: none; clear:both; transition:.5s; cursor:pointer; margin-top:0px;}
#pf_form .j_form .btn_tijiao:hover{background:#058ed2;}
#pf_form .j_form .span{ display:block; width:54px; padding-left:10px; height:100%; position:absolute; top:0; left:0; line-height:40px; font-size:14px; color:#373737; text-align:left;}
#pf_form>i { position: absolute; right: 0; top: 0px; display: block; height:5px; width:100%;  transition:all ease 600ms; z-index:0;
​background: -moz-linear-gradient(left, #26abeb 0%, #9fc5eb 100%);
background: -webkit-gradient(linear, left, right, color-stop(0%,#26abeb), color-stop(100%,#9fc5eb));
background: -webkit-linear-gradient(left, #26abeb 0%,#9fc5eb 100%);
background: -o-linear-gradient(left, #26abeb 0%,#9fc5eb 100%);
background: -ms-linear-gradient(left, #26abeb 0%,#9fc5eb 100%);
background: linear-gradient(to right, #26abeb 0%,#9fc5eb 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#26abeb', endColorstr='#9fc5eb',GradientType=0 );

}
.form_close{ position:absolute; right:10px; top:10px; cursor:pointer;}
 
 

/*online qq*/
aside#top{ }
.online_q {  position: fixed; right: 50px; bottom: 10%;  z-index: 9999; transition:.5s; -webkit-transition:.5s;}
.online_q .btn2{width:45px; height:45px; cursor:pointer; position:relative; font-size:12px; color:#fff; }
.online_q .btn-top{ background:#a4e7fe; padding:0; transition:.5s;}
.online_q .btn-top:hover{ background:#42cfff; }
.online_q .btn2 a{  font-size:12px; color:#fff;}
.online_q .btn2 span{display:block; float:left; width:45px; height:45px; position:relative; z-index:999; overflow:hidden; transition:.3s; -webkit-transition:.3s;}
.online_q .btn2:hover{ }
.online_q .btn-qq span{background:url(../image/piaofu_qq.png) center no-repeat #313134; }
.online_q .btn-shouji span{background:url(../image/piaofu_shouji.png) center no-repeat #313134; }
.online_q .btn-tel span{background:url(../image/piaofu_tel.png) center no-repeat #313134;}
.online_q .btn-zixun span{background:url(http://xathei.com/static/default/images/piaofu_zixun.png) center no-repeat #313134;}
.online_q .btn-wx span{background:url(../image/piaofu_wx.png) center no-repeat #313134; }
.online_q .btn-top span{ height:100%; background:url(../image/piaofu_top.png) center no-repeat #0f9fe6; }

.online_q .btn-qq:hover span{background:url(../image/piaofu_qq_on.png) center no-repeat #0f9fe6; }
.online_q .btn-shouji:hover span{background:url(../image/piaofu_shouji_on.png) center no-repeat #0f9fe6; }
.online_q .btn-tel:hover span{background:url(../image/piaofu_tel_on.png) center no-repeat #0f9fe6;}
.online_q .btn-zixun:hover span{background:url(http://xathei.com/static/default/images/piaofu_zixun_on.png) center no-repeat #0f9fe6;}
.online_q .btn-wx:hover span{background:url(../image/piaofu_wx_on.png) center no-repeat #0f9fe6; }

.online_q .open.pic{ position:absolute; background:#0f9fe6; width:100px; height:100px; right:50px; top:50%; margin-top:-50px; text-align:right; opacity:0; transition: .6s; -webkit-transition: .6s; visibility:hidden;}
.online_q .open.pic img{ width:80px; height:80px; margin-top:10px; margin-right:10px;}
.online_q .btn2:hover .open.pic{ opacity:1; right:60px;visibility:visible;}
.btn2 .btn-tel{ position: relative}

.online_q .open.phone{ /*display:none; height:45px; line-height:45px; z-index:0;background:#eee; color:#0f9fe6; font-family:arial; font-size:18px; transition:width 0s; -webkit-transition:width 0s; text-align:center; position: absolute; right:50px;position: absolute*/
	
position:absolute; background:#0f9fe6; width:195px; height:45px; right:0px;  text-align:right; opacity:0; transition: .6s; -webkit-transition: .6s; visibility:hidden; text-align: center; font-size: 18px;line-height: 45px

}

.online_q .btn2:hover .open.phone{ opacity:1; right:60px;visibility:visible;}


#gotop.hide{ opacity:0; height:0; overflow:hidden;}