html,body,div,span,h1,h2,h3,h4,h5,h6,p,a,em,font,img,strong,b,i,dl,dt,dd,ol,ul,li,form{margin:0;padding:0;border:0;outline:0; vertical-align:baseline;}
html,body{font-size:12px;line-height:1;color:#777;font-family:"微软雅黑",Verdana,Arial; }
* {box-sizing: border-box;-moz-box-sizing: border-box;-o-box-sizing: border-box;-webkit-box-sizing: border-box;-ms-box-sizing: border-box;}
 /*滚动条宽度*/
::-webkit-scrollbar{width: 8px;height: 6px;}
div::-webkit-scrollbar{ width: 6px;height: 6px; }
/* 轨道样式 */
::-webkit-scrollbar-track{background: #f1f1f1;}
/* Handle样式 */
::-webkit-scrollbar-thumb{border-radius: 10px;background: #bcbcbc;/*rgba(0,0,0,0.2)*/
;}
/*当前窗口未激活的情况下*/
::-webkit-scrollbar-thumb:window-inactive{background: #a8a8a8;/*rgba(0,0,0,0.1)*/
;}
/*hover到滚动条上*/
::-webkit-scrollbar-thumb:vertical:hover{background-color: #a8a8a8;/*rgba(0,0,0,0.3)*/
;}
/*滚动条按下*/
::-webkit-scrollbar-thumb:vertical:active{background-color: #a8a8a8;/*rgba(0,0,0,0.7)*/
;}
body{padding:0;margin:0;font-family:"微软雅黑";background: #eff0f2;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;-o-user-select:none;user-select:none;-webkit-text-size-adjust:none;-moz-text-size-adjust:none;-ms-text-size-adjust:none;-o-text-size-adjust:none;text-size-adjust:none;overflow-x:hidden;}
ul,li{list-style-type:none}
a{outline:0;text-decoration:none;color: #666;}
a:hover{color: #00a0e9;}
:focus{outline:0}
header,footer,article,section,nav,menu{display:block}
ul,li{list-style-type:none}
img{border:0;vertical-align:middle;}
.wrap{width: 1100px;margin:0 auto;position: relative;}
.fl{ float: left; display: inline }
.fr{ float: right; display: inline }
.clearfix:after{clear: both;content: " ";display: block;height: 0; overflow: visible;}
/*head*/
header{width:100%;height:120px;background:#4291db;}
header .logo{float:left; width:384px;height:76px;margin-top: 17px;}
header .head_r{float: right;width: 290px;height: 120px;background:url(../images/head_map.png) no-repeat center;text-align: right;}
header .head_r .h_t{margin-top: 16px;color: #fff;}
header .head_r .h_t a{color: #fff;}
header .head_r .h_b{float: right; background:url(../images/icon_tel.png) no-repeat;height: 26px;line-height:26px;font-size: 24px;color: #fff;margin-top: 37px;padding-left: 36px;}

nav{background: url(../images/nav_bg.png);height: 40px;}
nav ul li{float:left;text-indent:0;list-style:none;white-space:nowrap;position: relative;}
nav ul li a{font-size:14px;height: 40px; line-height: 37px;width: 132px;display: inline-block;text-align: center; text-decoration:none;color:#fff;transition:color .2s ease;-o-transition:color .2s ease;-moz-transition:color .2s ease;-webkit-transition:color .2s ease;-ms-transition:color .2s ease;}
nav ul li a:hover,nav ul li a.active,nav ul li a.on{background: url(../images/nav_on.png);color: #fff;}
nav ul li ul.subnav{ width:132px;position: absolute;top:35px;left:0px;z-index: 999;padding-top: 5px; display:none;}
nav ul li ul.subnav li{ clear:both; width:100%;margin-left: 0;line-height: 29px;border-bottom: 1px solid #6896ad;background:#286a89;}
nav ul li ul.subnav li a{font-size:12px;line-height: 29px;height: 29px; width:132px;}
nav ul li ul.subnav li a:hover{background:#1b5b72;}
/*head end*/

/*body text*/
.banner{width: 100%;height: 410px; overflow: hidden;position: relative;background: url(../images/banner.jpg) no-repeat center;margin-bottom:13px;}
.banner .txt01{position: absolute;top: 138px;left: 50%;margin-left: -425px;}
.banner .txt02{position: absolute;top: 188px;left: 50%;margin-left: -420px;}
.banner .diqiu{position: absolute;top: 20px;left: 50%;margin-left: 125px;}

.index_tit{font-size: 14px;height: 32px;line-height: 32px;background:#00a0e9;border-radius: 10px;padding: 0 15px;color: #fff;margin-bottom: 7px;}
.index_tit span{font-size: 10px;text-transform: uppercase;margin-left:5px;color: #92ddff;}
.index_tit a{float: right;}

.index_l{width: 305px;float: left;}
.index_l .index_about{background: url(../images/index_01_bg.png);width: 305px;height:255px;}
.index_l .index_about dl{padding: 11px 16px;}
.index_l .index_about dl dt{width: 273px;height: 106px;overflow: hidden;}
.index_l .index_about dl dt img{-webkit-transition: opacity 0.35s, -webkit-transform 0.35s;transition: opacity 0.35s, transform 0.35s;-webkit-transform: scale(1);transform: scale(1);}
.index_l .index_about dl dt:hover img{-webkit-transform: scale(1.1);transform: scale(1.1);}
.index_l .index_about dl dd{line-height: 22px;margin-top: 13px;}

.index_m{width: 395px;float: left;margin-left:31px;}
.index_m .index_news{background: url(../images/index_02_bg.png);width: 395px;height:255px;}
.index_m .index_news dl{padding: 11px 20px;}
.index_m .index_news dl dt{float: left;width: 153px;}
.index_m .index_news dl dd .tit{color: #002222;font-size: 14px;margin-bottom:10px;height: 14px;overflow: hidden;}
.index_m .index_news dl dd p{color: 999999;line-height: 20px;}
.index_m .index_news ul{padding: 0px 20px;}
.index_m .index_news ul li{line-height: 31px;border-bottom: 1px dotted #d4d4d4;}
.index_m .index_news ul li span{float: right;}

.index_r{width: 338px;float: right;}
.index_r .index_pro{background: url(../images/index_03_bg.png) no-repeat;width: 338px;height:255px;padding: 11px 20px;}

.focusBox{ position: relative;width: 301px; height: 204px; overflow: hidden;  text-align: left; }	
.focusBox .pic img{ width: 301px; height: 204px; display: block; }	
.focusBox .txt-bg{ position: absolute; bottom: 0; z-index: 1; height: 36px; width:100%;  background: #333; filter: alpha(opacity=40); opacity: 0.4; overflow: hidden; }
.focusBox .txt{ position: absolute; bottom: 0; z-index: 2; height: 36px; width:100%; overflow: hidden; }
.focusBox .txt li{ height:36px; line-height:36px; position:absolute; bottom:-36px;}	
.focusBox .txt li a{ display: block; color: white; padding: 0 0 0 10px; font-size: 12px; font-weight: bold; text-decoration: none;}
.focusBox .num{ position: absolute; z-index: 3; bottom: 8px; right: 8px; }
.focusBox .num li{ float: left; position: relative; width: 18px; height: 15px; line-height: 15px; overflow: hidden; text-align: center; margin-right: 1px; cursor: pointer; }
.focusBox .num li a,.focusBox .num li span{ position: absolute; z-index: 2; display: block; color: white; width: 100%; height: 100%; top: 0; left: 0; text-decoration: none; }
.focusBox .num li span{ z-index: 1; background: black; filter: alpha(opacity=50); opacity: 0.5; }	
.focusBox .num li.on a,.focusBox .num a:hover{ background:#00a0e9;  }

/* 下面是前/后按钮代码，如果不需要删除即可 */
.focusBox .prev,
.focusBox .next{ position:absolute; left:3%; top:50%; margin-top:-25px; display:block; width:32px; height:40px; background:url(../images/slider-arrow.png) -110px 5px no-repeat; filter:alpha(opacity=50);opacity:0.5;   }
.focusBox .next{ left:auto; right:3%; background-position:8px 5px; }
.focusBox .prev:hover,
.focusBox .next:hover{ filter:alpha(opacity=100);opacity:1;  }
.focusBox .prevStop{ display:none;  }
.focusBox .nextStop{ display:none;  }

.banner_bg{width: 100%; height: 246px;background-repeat: no-repeat;background-position: center;}

.con{padding:24px 0 50px;}
.con .tit{text-align:center;font-size:28px;color:#3881cb;margin-bottom: 30px;}
.con .pro_pic{text-align: center;}
.con .pro_pic img{max-height: 600px;}
.con .tit_e{height:16px;font-size:16px;color:#999;text-align:center;margin:20px 0;text-transform: uppercase;}
.con .dashed{width:100%; height:16px; background:url(../images/tit_bg.png) repeat-x; margin:0 auto;}
.con .text{font-size:15px;line-height:25px;color:#666;  margin-top:63px;}
.con .content p{line-height: 1.8; margin-bottom: 15px;}
.con .content img{max-width: 100%;}
.con .content table{border-top: 1px solid #bbb;border-left: 1px solid #bbb;}
.con .content table td{border-right: 1px solid #bbb;border-bottom: 1px solid #bbb;padding: 3px 5px}
.con .text .pic{float: right;margin-left:55px;}

.news_list{ margin-bottom:50px;}
.first_news
{
    width:776px;
    border-bottom:1px dotted #333;
    margin:0 auto;
    margin-top:60px;
    position:relative;
}
.first_news img{ margin-bottom: 10px;}
.news_text{ width:493px; position:absolute;
    top:0px;
    left:277px;
    height:140px;
    text-overflow:ellipsis;
}
.news_text p
{
    line-height:20px;
}
.first_title
{
    width:493px;
    height:19px;
    line-height:19px;
    font-size:17px;
    margin-bottom:20px;
    color:#666;
}
.first_title a:hover
{
    text-decoration:underline;
}
.first_title a:first-child
{
    color:#222;
    font-size:15px;
}
.first_title a:first-child:hover{text-decoration:none;}
.news_list ul li{ width:776px; margin:0 auto; height:60px; line-height:60px; border-bottom:1px dotted #999;}
.news_list ul li a{ color:#777; font-size:15px;}
.news_list ul li a:hover{ text-decoration:underline;}
.news_list ul li span{float: right;}

.xcms_page_botton{text-align: center;overflow: hidden;padding-top:10px;}
#pagelist,#xcms_bbs_pagelist{color:#818181;font-size:14px;}
.pagination{font-family: '微软雅黑','Microsoft YaHei UI','Microsoft YaHei',arial, helvetica, sans-serif;overflow: hidden;padding:10px 0px;font-size:12px;margin: 0px;}
/*按钮色彩样式*/
.pagination a{border: #777 1px solid;color: #666;text-decoration: none;overflow: hidden;padding:3px 5px;margin: 0px 0px 0px 5px;}
.pagination a:visited{text-decoration: none;overflow: hidden;}
.pagination a:active{text-decoration: none;overflow: hidden;}
.pagination a:hover{color: #fff;background-color: #777;overflow: hidden;}
.pagination span.current{border: #777 1px solid;color: #fff;overflow: hidden;padding:3px 5px;margin: 0px 0px 0px 5px;}
.pagination span.disabled{background-color: #777;}


.form_1{width:720px;margin:0 auto;text-align:left;font-size:17px;margin-top:60px;}
.form_1 div{line-height:60px;}
.form_1 div label{float: left;width: 100px;text-align: right;}
.form_1 div input[type=text]{margin-left:30px;height:40px;line-height:40px;width:580px;background-color:#eff0f2; border:none;border-bottom:1px solid #999;text-indent:20px;font-size:18px;color:#666;}
.form_1 div input[type=text]:focus{border-bottom:1px solid #4d93d9;}
.form_1 div input[type=radio]{color:#4d93d9;margin-left:30px;}
.form_1 div textarea{background-color:#eff0f2; border:none;border-bottom:1px solid #999;margin-left:30px;width: 580px;text-indent:20px;line-height:40px;}
.userclass a:first-child{margin-left: 40px;width:100px;}
.userclass a:last-child{margin-left:80px;}
.userclass input{margin-left:20px;}
.submitinfo{margin:0 auto;width:157px;margin-top:60px;}
.submitinfo input{border-style:none;width:157px;text-align:center;background:#fff;color:#4d93d9;border:2px solid #4d93d9;border-radius:10px;cursor:pointer;height:46px;font-size:17px;font-family: "微软雅黑";transition:border-color .3s ease,color .3s ease ,background .3s ease;-o-transition:border-color .3s ease,color .3s ease ,background .3s ease;-moz-transition:border-color .3s ease,color .3s ease ,background .3s ease;-ms-transition:border-color .3s ease,color .3s ease ,background .3s ease;-webkit-transition:border-color .3s ease,color .3s ease ,background .3s ease;}
.submitinfo input:hover{border-color:#fff;color:#fff;background:#4d93d9;}

.contact .pic{width: 533px;height: 349px;overflow: hidden;-webkit-box-shadow: 0 10px 20px rgba(0,0,0,0.1);box-shadow: 0 10px 20px rgba(0,0,0,0.1);}
.contact .pic img{-webkit-transition: opacity 0.35s, -webkit-transform 0.35s;transition: opacity 0.35s, transform 0.35s;-webkit-transform: scale(1);transform: scale(1);}
.contact .pic:hover img{-webkit-transform: scale(1.1);transform: scale(1.1);}
.contact ul{background: url(../images/icons.png) no-repeat;padding-left: 45px;}
.contact ul li{line-height: 50px;}

.pro_nav{text-align: center;}
.pro_nav a{display: inline-block;height: 42px;width: 163px;margin:32px 8px;text-align: center;color: #4488ce;border-radius: 10px;border:1px solid #4488ce;font-size: 14px;line-height: 40px;-webkit-transition: all 0.3s ease-in-out;transition: all 0.3s ease-in-out;}
.pro_nav a:hover,.pro_nav a.hover{background-color: #4488ce;color: #fff;}

.pro_list dl{width: 241px;height: 321px;float: left;margin-right: 45px;margin-bottom: 45px; position: relative;overflow: hidden;}
.pro_list dl:nth-child(4n){margin-right:0;}
.pro_list dl dd{position: absolute;left: 0px;bottom: 0px;width: 100%; height: 40px;line-height: 40px;text-align: center;background:url(../images/black_bg.png); -webkit-transition: all 0.35s ease-in-out;transition: all 0.35s ease-in-out;}
.pro_list dl dd .title{font-size: 14px;color: #fff;}
.pro_list dl dd a{display: block;width: 100%;height: 100%; background: url(../images/icon_02.png) no-repeat center 92px;opacity:0;}
.pro_list dl:hover dd{height: 321px;}
.pro_list dl:hover dd a{transition: opacity 0.35s;opacity:1;}

.newslist_read{margin:30px 0 10px;font-size: 14px;padding-top:20px;border-top:1px solid #bbb;}
.newslist_read li{line-height: 24px;}
/*body text end*/
/*footer */
footer{background:#313131;height:46px;line-height: 46px;color: #777777;margin-top: 20px;}
footer a{color: #777777;}
footer a:hover{color: #fff;}
footer .f_l{float: left;}
footer .f_r{float: right;}
footer .f_r a{margin:0 3px;}

.slidebtn{-webkit-animation: arrowly 2s infinite;
         -moz-animation: arrowly 2s infinite;
         -o-animation: arrowly 2s infinite;
         -ms-animation: arrowly 2s infinite;
         animation: arrowly 2s infinite;
}

@-webkit-keyframes arrowly
{
  0% {-webkit-transform: translateY(-8px);}
  50% {-webkit-transform: translateY(-4px);}
  100% {-webkit-transform: translateY(-8px);}
}
@keyframes arrowly
{
  0% { transform: translateY(-8px);}
  50% {transform: translateY(-4px);}
  100% {transform: translateY(-8px);}
}
@-webkit-keyframes arrowlx
{
  0% {-webkit-transform: translateX(-8px);}
  50% {-webkit-transform: translateX(-4px);}
  100% {-webkit-transform: translateX(-8px);}
}
@keyframes arrowlx
{
  0% { transform: translateX(-8px);}
  50% {transform: translateX(-4px);}
  100% {transform: translateX(-8px);}
}

.animationt{

-webkit-animation:fadeInDown 1s .2s ease both;
animation:fadeInDown 1s .2s ease both;}
@-webkit-keyframes fadeInDown{
0%{opacity:0;
-webkit-transform:translateY(-80px)}
100%{opacity:1;
-webkit-transform:translateY(0)}
}
@keyframes fadeInDown{
0%{opacity:0;
transform:translateY(-80px)}
100%{opacity:1;
transform:translateY(0)}
}




.animationb{
-webkit-animation:fadeInUp 1s .2s ease both;
animation:fadeInUp 1s .2s ease both;}

@-webkit-keyframes fadeInUp{
0%{opacity:0;
-webkit-transform:translateY(80px)}
100%{opacity:1;
-webkit-transform:translateY(0)}
}
@keyframes fadeInUp{
0%{opacity:0;
transform:translateY(80px)}
100%{opacity:1;
transform:translateY(0)}
}





.animationl{
-webkit-animation:fadeInLeft 1s .2s ease both;
animation:fadeInLeft 1s .2s ease both;}
@-webkit-keyframes fadeInLeft{
0%{opacity:0;
-webkit-transform:translateX(-80px)}
100%{opacity:1;
-webkit-transform:translateX(0)}
}
@keyframes fadeInLeft{
0%{opacity:0;
transform:translateX(-40px)}
100%{opacity:1;
transform:translateX(0)}
}

.animationr{
    opacity:1;
-webkit-animation:fadeInRight 1s .2s ease both;
animation:fadeInRight 1s .2s ease both;}
@-webkit-keyframes fadeInRight{
0%{opacity:0;
-webkit-transform:translateX(80px)}
100%{opacity:1;
-webkit-transform:translateX(0)}
}
@keyframes fadeInRight{
0%{opacity:0;
transform:translateX(80px)}
100%{opacity:1;
transform:translateX(0)}
}