@charset "gb2312";
 body, h1, h2, h3, h4, h5, h6, hr, p, blockquote,dl, dt, dd, ul, ol, li, 
pre,form, fieldset, legend, button, input, textarea, th, td{margin: 0;padding: 0;}
/** 设置默认字体 **/
body,button, input, select, textarea ,p ,a/* for ie */ {font-family: "΢���ź�", tahoma, arial, \5b8b\4f53, sans-serif;font-size: 14px;}
h1, h2, h3, h4, h5, h6 { font-size: 100%;  font-weight:100}
address, cite, dfn, em, var { font-style: normal; } /* 将斜体扶�?*/
code, kbd, pre, samp { font-family: courier new, courier, monospace; } /* 统一等宽字体 */
small { font-size: 12px; } /* 小于 12px 的中文很难阅读，�?small 正常�?*/
i,em{ font-style:normal; display:block}
input,textarea{outline: none;resize: none}
/** 重置列表元素 **/
ul, ol,li { list-style: none; }
 /** 重置文本格式元素 **/
a { text-decoration: none; color: #666;cursor: pointer;}
a:hover { text-decoration: none; cursor: pointer; }
 
sup { vertical-align: text-top; } /* 重置，减少对行高的影�?*/
sub { vertical-align: text-bottom; }
 /** 重置表单元素 **/
legend { color: #000; } 
fieldset, img { border: none; }
button, input, select, textarea { font-size: 100%; } /* 使得表单元素�?ie 下能继承字体大小 */
.fz12{font-size: 12px;}
.fz14{font-size: 14px;}
.fz16{font-size: 16px;}
.fz18{font-size: 18px;}
.blue{color:#2585ab}
/*清除自身浮动*/
.clearfix{*zoom:1;}.clearfix:after{display:block; content:"clear"; height:0; clear:both; overflow:hidden; visibility:hidden;}
.clear{ clear:both}
/*隐藏元素*/
.hide{display:none;}
.block{ display: block;}

/*单行文字溢出虚点显示*/
.ell{text-overflow:ellipsis; white-space:nowrap; overflow:hidden;}

/*给placeholder设置颜色*/
::-webkit-input-placeholder { color:#999;}
::-moz-placeholder { color:#999;}
:-ms-input-placeholder { color:#999;}
.fl{ float:left}
.fr{ float:right}
.w1000 {width: 1000px; margin: 0 auto; overflow: hidden; }
.w1200{width:1200px; margin:0 auto; }
 .xian{ border-top:1px solid #999}
 
 
 
.head{ height:40px;  line-height:40px; color:#7a7a7a; background:#f7f7f7; font-size:12px; color:#999; margin-bottom:20px; border-bottom:1px solid #EEE; min-width:1200px}
.head a{ margin:0 3px;font-size:12px; color:#999 }
.head span{ float:right}
.logo .wz{ font-size:20px; padding:20px 0 0 0; display: block; color:#333 }
.logo em{ display:block; color:#666}
.logos{width:570px;}
.tel{width:284px; background:url(../images/tel.jpg) no-repeat 0 10px; padding-left:75px; height:70px; color:#333333; font-size:15px; padding-top:15px; line-height:25px; margin-bottom:20px;}
 .tel span{ color:#1985e1; font-size:18px; font-weight:bold }

.menu{ background:#1985e1; height:58px; line-height:58px; min-width:1200px}
.menu ul{}
.menu ul li{width:auto;  color:#fff; float:left;}
.menu ul  a{  color:#fff;font-size:15px; display:block;width:auto; padding:0 30px; }
.menu ul a:hover{ background:#094b95}
.menu ul .on{ background:#094b95}


.fullSlide{width:100%;position:relative;height:500px;overflow:hidden;background:#fff url(../images/loading.gif) no-repeat center center; margin-bottom:40px; min-width:1200px}
.fullSlide .bd{position:relative;z-index:0;overflow:hidden;width:1920px;position:absolute;left:50%;margin-left:-960px}
.fullSlide .bd ul{width:100%!important}
.fullSlide .bd li{width:100%!important;height:500px;overflow:hidden;text-align:center}
.fullSlide .hd{width:100%;position:absolute;z-index:1;bottom:15px;left:0;height:auto}
.fullSlide .hd ul{text-align:center}
.fullSlide .hd ul li{cursor:pointer;display:inline-block;zoom:1;width:25px;height:25px;margin:0 3px;overflow:hidden;background:#000;filter:alpha(opacity=70);opacity:.7;color:#fff;line-height:25px}
.fullSlide .hd ul .on{background:#024292}
.fullSlide .next,.fullSlide .prev{display:block;position:absolute;z-index:1;top:50%;margin-top:-30px;left:8%;z-index:1;width:40px;height:60px;background:url(../images/slider-arrow.png) -126px -137px #000 no-repeat;cursor:pointer;filter:alpha(opacity=50);opacity:.5;display:none}
.fullSlide .next{left:auto;right:8%;background-position:-6px -137px}


.about{ margin-top:20px; background:url(../images/map.jpg) no-repeat 750px 0 ; height:370px;}
.about .t{   padding-left:8px; width:172px;}
.about .t em{ display:block;color:#666}
.about .t i{width:3px; background:#2189e1; display:block; height:30px; margin:8px 8px 0 0; }
.about .left{ wdith:980px;}
.about .right{width:300px;}
.about .right em{width:147px; height:40px; text-align:center; border:1px solid #2189e1; line-height:40px;border-radius: 5px; background:#fff}
.about .right .sh{ margin:100px 0 0 260px;}
.about .right .sz{margin:20px 0 0 100px;}
.about .right .nj{margin:30px 0 0 240px;}
.about .right .on{ background:#2189e1; color:#fff;animation:myfirst 1s;}


#headm{ width:100%;height:58px; background:#1985e1;}
#headm li{text-align: center; float:left; width:100px; display:inline;}
#headm .dh{ position:relative; float:left;}
#headm .dh2 ul{ width:340px;}
#headm li .topa{background:#67b9ff; height:58px; color: #fff;}
#headm li a{z-index:5; position: relative; width:120px; line-height:58px; display: block; height:58px; color: #fff; overflow: hidden;float:left;}
#headm li a:hover{background:#67b9ff; height:58px; color: #fff; }
#headm li ul{z-index: 1; position: absolute;width: 120px; padding-right: 0px; display: none; background: #1985e1; top:58px; left: 0px}
#headm li ul li{ line-height: 58px; width: 120px;  float: left; height: 58px; font-weight: 400;}
#headm li ul li a{line-height: 58px; border:none; background: none; width: 120px; height:58px; color: #fff;  float:left;}
#headm li ul li a:hover {line-height: 58px;text-decoration: underline}
#headm li.showw ul{display: block}
#headm li.showw .topa{ display: block; background: #67b9ff; height:58px; color: #fff; border-bottom:none; text-decoration: none}

@keyframes myfirst
{
from {background:#fff;}
to {background:#2189e1;}
}







.about .t b{ font-size:18px;}


.about ul{ background:url(../images/about_bg.jpg) no-repeat 0  35px; height:40px;width:585px; margin-top:5px;}
.about ul li{ float:left;width:120px; height:35px; text-align:center; color:#000; line-height:35px; margin-right:5px;}

.about ul .on{ background:#2189e1;color:#fff; }

.about .msg{ margin:5px 0 0 0;width:720px; line-height:28px;}
.about .msg p{ float:left;width:400px; margin:20px 0 0 20px;  color:#6C6C6C }
.about .msg p b{ font-size:17px; padding-bottom:10px; display:block; color:#000}
.fangan{ background:#2189e1; height:470px;}
.fangan ul{ padding:50px 0 0 120px; font-size:16px; }
.fangan ul li{ width:135px; height:42px; border-radius:5px; border:0; text-align:center; line-height:42px; float:left; color:#fff;}
.fangan ul   .on{ width:135px; height:42px; background:#fff; border-radius:5px; border:0; text-align:center; line-height:42px; float:left;color:#2189e1}
 
 
.fangan .box{ height:340px; background:url(../images/fangan_bg.jpg) no-repeat 0 bottom; margin-top:37px;}

.fangan .box .t{width:280px; color:#fff;}
.fangan .box .t1{ font-size:25px;}
.fangan .box .t2{font-size:26px; line-height:45px}
.fangan .box .t3{font-size:16px;}

.fangan .box2{width:850px; height:255px; background:#fff;}

.fangan .box2 .t4{ font-size:17px; color:#2189e1; font-weight:bold; margin-bottom:8px;}
.fangan .box2 .left{ width:380px; padding:40px 20px  0; line-height:28px; }
.fangan .box2 .left em{ display:inline-block}
.fangan .box2 .right{ width:415px;}

.fangan .box2 .t4 a{ font-size:16px;}
 
.pro{ margin-top:30px}
.pro .t{ text-align:center;}
 
.pro .t span{ font-size:20px; color:#999; display:block}
.pro .t em{ font-size:25px; background:url(../images/nav_bg.jpg) no-repeat 196px; height:41px; line-height:35px; color:#000}
.pro .t i{ font-size:18px; color:#333333}


.pro .pp{ margin:30px 0 0 130px;;}
.pro .pp li{ float:left; margin-right:50px;}
.pro .pp a:hover{ box-shadow: 3px 3px 3px  3px #CCC;  }



.pro .list{ margin-top:30px;}
.pro .list li{ }
.pro .list li em{ height:45px; background:#2189e1;color:#fff; line-height:45px;  font-size:16px;}
.pro .list  a{ color:#fff;width:225px;display:block; float:left; margin:0 15px 20px 0; border:1px solid #cccccc; text-align:center;}



.pro .list a:hover{ box-shadow: 3px 3px 3px  2px #CCC;  }
.pro .list li img{ width:100%}


.nav_banner{ background:url(../images/nav_banner.jpg) no-repeat center; height:180px;  margin:50px 0 50px 0; color:#fff;min-width:1200px}
.nav_banner .wz{ width:600px; padding:30px 0 0 30px;}
.nav_banner b{ font-size:26px; display:block}
.nav_banner span{ font-size:23px; display:block; line-height:40px}
.nav_banner span em{color:#30a0ff; display:inline-block}
.nav_banner i{ font-size:24px;}
.nav_banner i em{color:#30a0ff; display:inline-block; font-size:28px; font-weight:bold}
.nav_banner  .zixun{ display:block; float:right;width:245px; height:56px; background:#2189e1; font-size:24px; border:0; margin-top:60px; color:#fff; text-align:center; line-height:56px; border-radius:5px; margin-right:20px}

.nav_banner  a:hover{  box-shadow: 3px 3px 10px  3px #999;}





.case{}

.case .t{ text-align:center;}
 
.case .t span{ font-size:20px; color:#999; display:block}
.case .t em{ font-size:25px; background:url(../images/nav_bg.jpg) no-repeat 196px; height:41px; line-height:35px; color:#000}

.case ul{ padding:50px 0 0 120px; font-size:16px; }
.case ul li{ width:135px; height:42px; border-radius:5px; border:0; text-align:center; line-height:42px; float:left; color:#4c4343;}
.case ul   .on{ width:135px; height:42px; background:#2189e1; border-radius:5px; border:0; text-align:center; line-height:42px; float:left;color:#fff}
 
.case .box{ border:2px solid #82c6ff; margin-top:30px;}
.case .box p{width:520px; padding:30px; font-size:16px; line-height:28px; color:#686868}
.case .box p b{ color:#06C }
.case .box p a{ display:block; border:1px solid #2189e1; width:145px; height:40px;border-radius:5px; float:left; margin:20px 40px 0 0; text-align:center; line-height:40px; color:#2189e1; }

.case .box p a:hover{ background:#09F; color:#fff; }





.youshi{ clear:both; padding-top:50px;}
.youshi .t{ text-align:center;} 
.youshi .t span{ font-size:19px; color:#999; display:block}
.youshi .t em{ font-size:25px; background:url(../images/nav_bg.png) no-repeat 178px; height:41px; line-height:35px; color:#000}

.youshi .box{ padding-top:30px; background:url(../images/youshi_bg.jpg) no-repeat center; height:556px; }
.youshi .box ul li{ float:left; margin-right:300px; height:300px; }
.youshi .box ul li dl dt{ font-size:55px; color:#2189e1; float:left;font-style: italic;font-family: sans-serif;}
.youshi .box ul li dl dd{ line-height:25px; padding:15px 0 0 15px; float:left; font-size:18px;}
.youshi .box ul li dl dd em{ color:#333; font-size:15px;}
.youshi .box ul li p{ clear:both;width:410px; line-height:28px; padding:20px 0 0 10px}
.youshi .box ul li p em{ display:inline-block; color:#2189e1; font-size:15px;}
.youshi .box ul li p a{ background:url(../images/zixun.jpg) ;width:156px;height:48px; display:block; margin:20px 0 0 200px; }



.honor{ clear:both; padding-bottom:50px;}
.honor .t{ text-align:center;} 
.honor .t span{ font-size:19px; color:#999; display:block}
.honor .t em{ font-size:25px; background:url(../images/nav_bg.jpg) no-repeat 196px; height:41px; line-height:35px; color:#000}

.honor ul{ padding-top:30px;}
.honor ul li{ float:left; margin-right:5%; width:20%}
.honor ul li img{ width:100%; display:block}
.honor ul li h3{ text-align:center; line-height:3rem; }


.vod{ background:url(../images/vod_bg.jpg) no-repeat center; height:482px; margin-top:50px; color:#fff; padding-top:50px; min-width:1200px  }
.vod .left{width:480px;}
.vod .left span{ display:block; font-size:26px;}
.vod .left b{ font-size:26px; line-height:45px;}
.vod .left em{ font-size:16px;}
.vod .left p{ margin-top:30px; line-height:28px;}
.vod .right{ border:3px solid #FFF;}
.vod .right img{    display: block;}


.news{ margin-top:50px;}
.news .t{ background:url(../images/tb3.jpg) no-repeat right 15px;width:175px; font-size:26px;}
.news .t em{}
.news .more{ display:block; padding-top:15px}
.news .more span{ font-size:23px; color:#ff6b54; padding-top:20px;}

.news .left{ margin-top:20px;}
.news .right{margin-top:20px;border:1px solid #dedede; width:356px; line-height:28px;  height:380px;}
.news .title{ line-height:35px; font-size:16px; }
.news .right a{ color:#000}
.news .right p{ color:#666}
.news .right .s{display:block; margin-top:10px; color:#72abe9; text-align:right;}



.news ul{ width:100%; margin-top:30px; font-size:14px;}
.news ul li{ line-height:25px; background:url(../images/news_tb.png) no-repeat 0 14px; margin-right:40px; padding-left:20px; padding-right:40px; line-height:35px; border-right:1px solid #CCC; float:left; width:40% }
.news ul li span{ float:right; color:#333  }
.news ul li a{ color:#333 }


.bottom{background:#2c2f32; height:440px; margin-top:50px; color:#fff;min-width:1200px}
.bottom .t{ margin-right:50px; font-size:18px; padding:30px 0; font-weight:bold}
.bottom dl{ padding:10px 0 0 0; line-height:25px; height:25px;}
.bottom dl dt{ float:left;margin-right:30px;}
.bottom dl dd{ float:left; margin-right:30px; color:#999; width:auto;}
.bottom dl dd em{ background: url(../images/tb2.png) no-repeat 0 3px; width:19px; height:21px;}


.bottom .menu2{ border-top:1px solid #666666; margin:30px 0; padding-top:20px; }
.bottom .menu2 a{font-size:13px; margin:0 15px; color:#fff}

 
 .bottom_logo{ background: url(../images/logo2.png) no-repeat 20px 40px; width:200px; height:135px; }
 .bottom .wz{ margin:30px 0 0 60px; width:640px;line-height:30px}
 .bottom_ewm{width:145px; text-align:center; font-size:12px; margin:5px 0 0 0; line-height:28px;}
 
 .link{ background:#191c1e; height:80px; line-height:80px;min-width:1200px}
 .link em{ font-size:18px; color:#fff; float:left; width:100px;}
 .link a{   }



.case2{ overflow: hidden;}
.case2 .LeftBotton{ width:37px; height:50px; float:left; margin-top:80px; background:url(../images/tb1.jpg) no-repeat;}
.case2 .RightBotton{width:37px; height:50px; float:left; margin-top:80px;background:url(../images/tb1.jpg) no-repeat;}


.case2 ul{float:left;   margin:0 0 0 5px}
  
.case2{ padding:20px 0 0 0}
.case2 ul li{ float:left; margin-right:15px; border:3px solid #82c6ff;width:355px;}
 
 

.case2 .Cont{height:280px; width:1125px;overflow:hidden;float:left }
.case2 img{ width:100%; display:block}
.case2 a{ display:block; height:135px;}
.case2 .ScrCont {width: 100000px;}
.case2 #list1, .case #list2 {float: left}



.page{}
.page li{ float:left; margin-right:5px; border:1px solid #CCC; padding:2px 5px;}
.page .thisclass{ background:#09F; color:#fff;}
.page .thisclass a{  color:#fff;}






.pro_list{ margin-bottom: 20px}
.pro_l{width:220px; float: left;}
.pro_l ul,.pro_l .case_l{ border-left: 1px solid #dddddd;border-right: 1px solid #dddddd;width:217px; padding:  11px 0}
.pro_l ul li{border-bottom: 1px solid #dddddd; padding:10px 0 10px 35px; line-height: 28px; background: url(../images/d2.jpg) no-repeat  15px center; font-size: 14px;}
.pro_l ul li span{ font-size: 10px; margin-left: 2px }
.pro_l ul li  a{color:#4E5490}


.pro_l ul .on{background: url(../images/d1.jpg) no-repeat  15px center; }

.pro_l .pro_lxwm{  padding-left:55px; background:url(../images/pro2.jpg) no-repeat top;color:#fff}
.pro_l .pro_lxwm h3{ line-height:59px; font-size:16px }
.pro_l .pro_lxwm p{ line-height:24px; padding:12px 0;}

.pro_r{ float:right;width:760px;}
.pro_r ul li{ float:left; width:227px;  margin-left: 10px ;border: 1px solid #dddddd; margin-bottom: 7px; }
.pro_r  ul li img{ width:226px; height:226px}
.pro_r  ul li span{ text-align:center;  background:#000; display:block;color:#fff;opacity:0.7; height:28px; line-height:28px}
.pro_r  ul li:hover  {border: 1px solid #36F; }







.pro_l .case_l{  text-align:center}
.pro_l .case_l dl{ float:left}
.pro_l .case_l dl dt{ float:left; width:204px; margin-left:6px}
.pro_l .case_l dl dt img { padding:1px; border:1px solid #CCC}


.case_t{ height:70px; border:1px solid #E8E8E8; line-height:70px; font-size:16px; margin-top:15px;}
.case_t em{ width:100px; text-align:center; float:left; background:#09F; color:#fff }
.case_t ul li{ float:left; margin-left:20px;}

.case_t ul li a{  padding:5px 10px; font-size:15px; }
.case_t ul li a:hover{ background:#09F; color:#fff;}

.case_list li{width:370px; margin-right:26px;}

.case_list{ margin-top:20px;}
.case_list ul{ width:100%; overflow:hidden; padding-bottom:50px;}
.case_list ul li{ text-align:center;box-shadow: 3px 3px 3px  3px #CCC; float:left; margin-bottom:40px }
.case_list ul li .wz{ line-height:45px; font-size:16px; height:45px; display:block}
.case_list ul li p{ position:absolute; margin:-305px 0 0  0px;background:url(/templets/home_images/tm.png);width:330px; height:140px; padding:120px 0 0 50px; display:none}
.case_list ul li p a{  color:#fff;  }
.case_list .zx1{ background:#00a0e9; width:110px; height:35px; line-height:35px; display:block; float:left; margin-right:50px;border-radius:5px;}
.case_list .zx2{ background:#f58101; width:110px; height:35px; line-height:35px; display:block; float:left;border-radius:5px;}
.case_list ul li img{width:370px; height:260px;}


.t {
    text-align: center;
    font-size: 26px;
}