@charset "utf-8";
/* CSS Document */

/*全局样式*/
*{ margin:0; padding:0;-webkit-tap-highlight-color:rgba(0,0,0,0)}
input,button,select,textarea{outline:none}
li{list-style:none}
img{border:0; max-width: 100%; height: auto;}
textarea{resize:none}
body,div,span,ul,li,p,h1,h2,h3,h4,h5,h6,img,input, textare{ margin:0; padding:0; }
body{ font-size:12px; color: #666;}
body{ word-wrap : break-word ;word-break:break-all; min-height: 100%; _height:100%;}
a{ text-decoration:none; cursor:pointer;}
a:hover{ text-decoration:none;}
a{ outline:none;}/*去除超链接虚线框*/
a:active{star:expression(this.onFocus=this.blur());}/*去除ie下超链接虚线框*/
a:focus{ outline:0;}/*去除火狐下超链接的虚线*/
a{ text-decoration:none; color:#000}
.clearfloat{clear:both; height:0px; font-size:1px; line-height:0px;}/*清除浮动*/
h1,h2,h3,h4,h5,h6{font-weight:normal;}
em{ font-style:normal}
.fl{ float:left}
.fr{ float:right}
.main{ width:100%; min-width:1200px; max-width:1920px; margin:0 auto; overflow:hidden}
.middle{ width:1200px; margin:0 auto; overflow:hidden}
/*------------------------------------------样式开始------------------------------------------*/
.top{ overflow:hidden; height:30px; background:#c9eafd;}
.top h3{ float:left; line-height:30px; font-size:14px; color:#000}
.top ul{ float:right; overflow:hidden}
.top ul li{ float:left; line-height:30px;}
.top ul li a{ font-size:14px; color:#000; border-right:1px solid #000; padding:0 10px}
.top ul li:last-child a{ border:none}
.top ul li a:hover{ color:#000}
.head{ overflow:hidden; height:90px;}
.logo{ float:left; width:218px}
.logo img{ width:218px; height:60px; margin:15px 0}
.head form { float:right; border:2px solid #00a5d3; margin:25px 0}
.head form input{ float:left; height:34px; width:235px; line-height:34px; color:#666; font-size:14px; border:none; padding-left:20px}
.head form button{ background:url(../images/bg-01.png) center no-repeat #00a5d3; width:50px; height:34px; float:left; border:none; cursor:pointer}

.nav{ overflow:hidden;  /*border-bottom:4px solid #00a5d3;*/}
.nav_text{ width:1200px; margin:0 auto;height:50px; /*background:#45464e*/}
/*一级导航浮动*/  
ul.menu{ position:absolute;width:1200px;}  
ul.menu::after {  content: '';display: block; clear: both; }  
ul.menu > li{float: left;  text-align: center;cursor:pointer; }
ul.menu > li >a{line-height: 50px;  height: 50px; font-size:16px; color:#333;  display:block; padding:0 53px; /*background:url(../images/bg-06.jpg) right center no-repeat*/ font-weight:bold}
ul.menu > li:last-child > a{ background:none}
ul.menu > li >a:hover{ color:#fff}  
ul.submenu > li ul.ts01{ display:none}
ul.submenu > li:hover ul.ts01{ display:block; position:absolute; margin-left:225px; overflow:hidden; margin-top:-40px;background:#fff; width:300px;}  
ul.submenu > li:hover ul.ts01 li a{font-size:13px; color:#000; display:block; height:40px; line-height:40px;font-weight:bold}   
ul.submenu > li:hover ul.ts01 li a:hover{color:#049ed0;}     
/*二级导航项分割线*/    
ul.submenu { /*默认隐藏*/ display: none;  z-index: 999; position:relative; left:-0px; top:0px}     
ul.submenu > li { background:#fff;} 
ul.submenu > li > a{ font-size:14px; color:#333; display:block; height:40px; line-height:40px; font-weight:bold} 
ul.submenu > li > a:hover{ color:#049ed0;} 
 
/*内容区*/   
 .content {min-height: 800px;} 
/*选中特效*/

ul.menu > li > a:hover{ background:none;}
ul.menu > li:hover > ul.submenu {display: block;}
ul.menu > li:hover > a{color:#049ed0;}
 /*动画帧*/
 @keyframes fade {  from {opacity: 0; }to {opacity: 1; } } 
 /*基础动画样式*/
 .animated {animation-duration: 1s; animation-fill-mode: both; } 
 .fadeIn { animation-name: fade; animation-direction: normal; } 
 
.part01{ overflow:hidden; margin-top:50px; margin-bottom:60px}
.part01_nav{ overflow:hidden;margin-bottom:35px;}
.part01_nav .nav01{ float:left; border-left:3px solid #04a1d4; padding-left:10px;}
.part01_nav .nav01 h3{ font-size:30px; color:#333333} 
.part01_nav .nav01 h4{ font-size:16px; color:##666666} 
.part01_nav .nav02{ float:right;}
.part01_nav .nav02 a{ display:block; border:1px solid #04a1d4; width:140px; height:40px; line-height:40px; text-align:center; font-size:16px; color:#777777; font-weight:700; clear:both;margin-left:908px} 
.part01_nav .nav02 a:hover{ color:#04a1d4}
.part01_nav .nav02 span{ display:block; height:1px; background:#04a1d4; width:1050px; margin-top:10px}
.part01 ul{ overflow:hidden} 
.part01 ul li{ float:left; margin-right:18px; width:286px} 
.part01 ul li:last-child{ float:right; margin:0} 
.part01 ul li img{ width:286px; height:286px;} 
.icon01{ overflow:hidden}
.part01 ul li h3{ height:50px; text-align:center; line-height:50px; font-size:18px; color:#666666; background:#f8f8f8}
.part01 ul li:hover img{transform:scale(1.1);transition:all 0.3s;}
.part01 ul li:hover h3{ color:#fff; background:#04a1d4}

.part02{ overflow:hidden; background:#f8f8f8; padding-bottom:50px}
.part02_nav{ overflow:hidden; margin-top:60px}
.part02_nav .nav01{ float:left; border-left:3px solid #04a1d4; padding-left:10px;}
.part02_nav .nav01 h3{ font-size:30px; color:#333333} 
.part02_nav .nav01 h4{ font-size:16px; color:##666666} 
.part02_nav .nav02{ float:right;}
.part02_nav .nav02 a{ display:block; border:1px solid #04a1d4; width:140px; height:40px; line-height:40px; text-align:center; font-size:16px; color:#777777; font-weight:700; clear:both;margin-left:922px} 
.part02_nav .nav02 a:hover{ color:#04a1d4}
.part02_nav .nav02 span{ display:block; height:1px; background:#04a1d4; width:1050px; margin-top:52px}
.part02 ul{ overflow:hidden; background:url(../images/bg-04.png) center no-repeat; margin-top:10px}
.part02 ul li{ float:left; width:208px; margin:10px 110px }
.part02 ul li:nth-child(2n){ float:right;}
.part02 ul li img{ width:200px; height:200px; transition: 0.8s;-moz-transition: 0.8s;-webkit-transition: 0.8s;-o-transition: 0.8s; }
.part02 ul li:hover img{-webkit-transform: rotateY(360deg); }
.part02 ul li h3{ font-size:18px; color:#333; text-align:center; margin-bottom:10px; height:48px;}
.part02 ul li h4{ font-size:14px; color:#333; line-height:25px; text-align:justify}
.part02 ul li:hover h3{ color:#04a1d4}

.part03{ overflow:hidden; margin-top:50px; margin-bottom:60px}
.part03_left{ overflow:hidden; float:left; width:386px}
.part03_left img{ width:386px; height:386px;}
.part03_left a h3{ display:none}
.part03_left a{ display:block}
.part03_left a:hover h3{ display:block; text-align:center; padding:0 30px; font-size:16px; color:#fff; position:absolute; margin-top:-250px; margin-left:110px; border:1px solid #fff; width:100px; height:100px; line-height:100px; z-index:999}
.part03_left a:hover img{filter:alpha(opacity=60);  /*支持 IE 浏览器*/-moz-opacity:0.60; /*支持 FireFox 浏览器*/
opacity:0.60;  /*支持 Chrome, Opera, Safari 等浏览器*/}
.part03_cen{ overflow:hidden; float:left; width:386px; margin-left:20px;}
.part03_cen img{ width:386px; height:183px;}
.part03_cen a h3{ display:none}
.part03_cen a{ display:block}
.part03_cen a:hover h3{ display:block; text-align:center; padding:0 30px; font-size:16px; color:#fff; position:absolute; margin-top:-130px; margin-left:125px;border:1px solid #fff; width:100px; height:80px; line-height:80px; z-index:999}
.part03_cen a:hover img{filter:alpha(opacity=60);  /*支持 IE 浏览器*/-moz-opacity:0.60; /*支持 FireFox 浏览器*/
opacity:0.60;  /*支持 Chrome, Opera, Safari 等浏览器*/}
.part03_right{ overflow:hidden; float:left; width:460px; margin-left:20px;margin-top:20px;}
.part03_right img{ width:460px; height:183px;}
.part03_right a h3{ display:none}
.part03_right a{ display:block}
.part03_right a:hover h3{ display:block; text-align:center; padding:0 30px; font-size:16px; color:#fff; position:absolute; margin-top:-130px; margin-left:150px;border:1px solid #fff; width:100px; height:80px; line-height:80px; z-index:999}
.part03_right a:hover img{filter:alpha(opacity=60);  /*支持 IE 浏览器*/-moz-opacity:0.60; /*支持 FireFox 浏览器*/
opacity:0.60;  /*支持 Chrome, Opera, Safari 等浏览器*/}
.part03_top{ overflow:hidden; float:left; width:313px; margin-left:20px; margin-top:20px;}
.part03_top img{ width:313px; height:183px;}
.part03_top a h3{ display:none}
.part03_top a{ display:block}
.part03_top a:hover h3{ display:block; text-align:center; padding:0 30px; font-size:16px; color:#fff; position:absolute; margin-top:-130px; margin-left:80px;border:1px solid #fff; width:100px; height:80px; line-height:80px; z-index:999}
.part03_top a:hover img{filter:alpha(opacity=60);  /*支持 IE 浏览器*/-moz-opacity:0.60; /*支持 FireFox 浏览器*/
opacity:0.60;  /*支持 Chrome, Opera, Safari 等浏览器*/}

.part04{ overflow:hidden}
.part04_left{ float:left; padding:30px 45px; background:#f8f8f8; width:500px;}
.part04_left h5{ font-size:18px; color:#666; line-height:35px;}
.part04_left p{ font-size:14px; color:#666; line-height:25px; text-align:justify}
.part04 img{ width:590px; float:right;}

.part05{ overflow:hidden; background:#f8f8f8; margin-top:40px; padding-bottom:50px;}
.part05 ul{ overflow:hidden; margin-top:40px;}
.part05 ul li{ float:left; background:url(../images/bg-07.png) center no-repeat;  width:292px; height:79px; margin-right:10px;}
.part05 ul li h2{ font-size:46px; color:#fff; line-height:79px; width:57px; text-align:center; float:left}
.part05 ul li h3{ text-align:center; float:right; width:210px; margin:17.5px 0}
.part05 ul li h3 em{ display:block; font-size:18px; color:#fff}
.part05 ul li h3 span{ display:block; font-size:14px; color:#fff}
.part05 ul li:last-child{ float:right; margin:0}
.part05 ul li:hover{ background:url(../images/bg-08.png) center no-repeat}

.part06{ overflow:hidden; margin-top:50px; margin-bottom:60px}
.part06_left{ float:left; width:580px;}
.part06 ul{ float:right; overflow:hidden; background:#f8f8f8; padding:26px 0}
.part06 ul li{ overflow:hidden;padding: 8px 40px;}
.part06 ul li img{ float:left; width:40px; margin-right:20px;}
.part06 ul li h3{ line-height:46px; float:left; font-size:16px; color:#333}

.foot{ overflow:hidden; background:#c9eafd;}
.foot ul{ overflow:hidden; padding:20px 0}
.foot ul li{ background:url(../images/bg-09.png) right center no-repeat; background-size:5%; float:left}
.foot ul li:last-child{ background:none}
.foot ul li a{ font-size:16px; color:#333; line-height:40px; padding:0 53px}
.foot ul li a:hover{ color:#04a1d4}
.foot p{ text-align:center; line-height:30px;font-size:14px; color:#333; margin-bottom:10px}
.foot p a{ color:#333}

.backTop_Z {display: block; position: fixed;right: 5px; bottom: 5px;
_position: absolute; _top: expression(eval(document.documentElement.scrollTop+document.documentElement.clientHeight-70)); width: 60px; height: 60px; background: transparent url(../images/back_top_Z.png) no-repeat center; outline: none; opacity: 0.9;filter: alpha(opacity=90);border-radius: 8px;z-index: 50;}

.inside{ overflow:hidden; margin-bottom:50px;}
.inside_nav{ height:35px; margin:10px 0 5px 0}
.inside_nav h2{ line-height:35px; font-size:14px; color:#04a1d4}
.inside_nav h2 a{color:#04a1d4}
.inside_left{ float:left; width:340px;}
.inside_left h2.ts02{ background:#00a5d3; height:60px; font-size:26px; color:#fff; line-height:60px; text-align:center}
.navMenu{ overflow:hidden; background:#eeedeb}
.navMenu li{background:#f8f8f8; margin-top:1px}
.navMenu li a.afinve{ background:url(../images/bg-10.png) 314px center no-repeat; font-size:16px; line-height:50px; color:#666666; display:block;padding:0 20px;}
.navMenu li a.active{ background:url(../images/bg-11.png) 314px center no-repeat #00a5d3;color:#fff;}
.sub-menu  li{ background:#c9eafd; margin:0px; border-bottom:1px dashed #bbb}
.sub-menu  li:last-child{ border:none}
.sub-menu  li a{ display:block; margin:0 auto; height:40px;line-height:40px; font-size:14px; color:#333; margin-left:20px;}
.sub-menu  li a:hover{ color:#00a5d3; font-weight:bold}
.sub-menu  li a.on{ color:#00a5d3; font-weight:bold}
.sub-menu  li a.active{ background:none; color:#00a5d3; font-weight:bold}
.inside_right{ width:840px; float:right}
.inside_icon{ overflow:hidden; border-bottom:1px solid #ccc; height:36px;}
.inside_icon h3{ font-size:24px; color:#333; line-height:36px;}
.inside_text01{ overflow:hidden}
.inside_text01 ul.slt01{ overflow:hidden; margin-top:15px;}
.inside_text01 ul.slt01 li{ float:left; width:200px; margin:5px 5px}
.inside_text01 ul.slt01 li img{ width:200px; height:200px;}
.inside_text01 ul.slt01 li h3{ margin:10px 0; font-size:16px; color:#555; text-align:center; height:45px;}
.inside_text01 ul.slt01 li:hover img{transform:scale(1.1);transition:all 0.3s;}
.inside_text01 ul.slt01 li:hover h3{ color:#04a1d4}
.inside_text01 ul.list{ overflow:hidden}
.inside_text01 ul.list li{ overflow:hidden; height:45px; border-bottom:1px dashed #cccccc; list-style:square;}
.inside_text01 ul.list li a{ line-height:45px; font-size:14px; color:#666666; background:url(../images/bg-12.png) left center no-repeat; background-size:4%; padding-left:15px;}
.inside_text01 ul.list li span{ float:right; line-height:45px; font-size:12px; color:#999999}
.inside_text01 ul.list li a:hover{ color:#00a5d3; text-decoration:underline}

.about{ overflow:hidden; margin-bottom:50px;}
.about .part02_nav{ margin-top:50px; margin-bottom:30px;}
.about .part04_left{ background:#f8f8f8}
.about .part04_left h5{ color:#000}
.about .part04_left  p{ color:#000}
.aboot01{ overflow:hidden; margin-bottom:60px;}
.aboot01_text{overflow:hidden;background:url(../images/bg-07.jpg) center no-repeat; height:350px;}
.about_02 p{ font-size:14px; color:#666; line-height:25px; text-align:justify}
.aboot01 ul{ overflow:hidden; background:#fff;filter:alpha(opacity=90);  /*支持 IE 浏览器*/
-moz-opacity:0.90; /*支持 FireFox 浏览器*/opacity:0.90;  /*支持 Chrome, Opera, Safari 等浏览器 */  height:158px; margin-top:192px}
.aboot01 ul li{ float:left; width:359px; margin-top:29px;padding:0 20px;}
.aboot01 ul em{ display:block; height:100px; width:1px; background:#ccc; float:left; margin-top:29px;}
.aboot01 ul li:last-child{ width:360px;}
.aboot01 ul li h3{ font-size:18px; color:#666; margin-bottom:5px; }
.aboot01 ul li p{ font-size:14px; color:#666; line-height:25px; text-align:justify}

.contact{ overflow:hidden}
.contact ul{ padding:20px 15px; background:#f8f8f8; overflow:hidden; margin-top:30px; margin-bottom:20px;}
.contact ul li{ float:left; width:220px; background:#fff; margin-right:17px; padding-bottom:30px;}
.contact ul li.ts03{ float:right;margin-right:0; padding-bottom:0}
.contact ul li.ts03 img{ width:164px; height:164px; margin:22px 28px;}
.contact ul li img{ width:72px; height:72px; margin:30px 74px;}
.contact ul li h3{ text-align:center; line-height:25px; font-size:16px; color:#666} 
.map{ margin-bottom:60px;}


.case{ overflow:hidden}
.case ul{ overflow:hidden; margin-top:30px; margin-bottom:40px;}
.case ul li{ float:left; width:285px; margin-right:20px; margin-bottom:20px;}
.case ul li img{ width:285px; height:200px;}
.case ul li:nth-child(4n){ float:right; margin-right:0}

.case ul li h3{ display:block;  padding:0 10px; color:#333; font-size:14px; text-align:center; line-height:40px; background:#f8f8f8}
.case ul li:hover h3{color:#00a5d3; font-weight:bold}

.inside_text02{ overflow:hidden; margin-top:20px;}




.page{font-size:12px; padding-top:25px; padding-bottom:15px; margin:0 auto; margin-top:15px;}
.page span,.page  a{
padding:5px;
border:1px #CCCCCC solid;
margin-right:2px;
cursor:pointer;
}
.page .current{
border:1px #999999 solid;
background:#FFFFCD;
font-weight:bold;
}
.page  a:hover{
border:1px #333333 solid;
background:#FFFFCD;
text-decoration:none;
}

.detail{padding:15px 10px; padding-top:50px;}
.detail h3{ color:#333; text-align:center; font-size:20px;}
.write{ text-align:center; color:#999; border-bottom:solid 1px #ebebeb; margin:5px 0 18px;}
.write span{ color:#666;}
.detail p{ padding:0 14px;line-height:30px;font-size:14px;}
.dow{border-top:solid 1px #ebebeb;padding-top:15px; margin:30px 0; margin-left:10px; }
.dow b{ color:#0271cb;}
.dow p{ text-indent:0;font-size:12px;}
.info p {line-height:25px;font-size:12px; margin-top:5px; }




.message{width:100%; min-width:1200px; max-width:1920px; margin:0 auto; overflow:hidden;  margin-bottom:10px;}

.message_text{ width:1200px; margin:0 auto; overflow:hidden; border:1px solid #ddd;}

.message_nav{ height:35px; background:#F2F2F2;}

.message_nav h2{ padding-left:15px; font-size:14px; color:#267199; line-height:35px; font-weight:bold}

.message_text h3{ margin:0 5px; height:45px; border-bottom:1px solid #ddd; padding-left:20px; font-size:14px; color:#000; line-height:45px;}

.message_text h3 span{ color:#F00; font-size:12px; padding:0 5px}

.message_text ul{ overflow:hidden; margin-top:10px;}

.message_text ul li{ overflow:hidden; margin:10px 0}

.message_text ul li label{height: 26px;line-height: 26px; display: block; float: left; width: 170px; text-align: right; padding-right: 10px; font-size: 14px;}

.message_text ul li input{color: #000;border: 1px solid #aaa; background-color: #fff;padding: 2px 5px; height:30px; width:220px; float:left; font-size:14px;}

.message_text ul li span{color:#F00; font-size:12px; padding:0 5px}

.message_text ul li h4{ float:left; font-size:12px; color:#000; line-height:26px; margin-left:10px;}

.message_text ul li textarea{width: 600px;height: 150px; padding: 5px;border: 1px solid #aaa; overflow-y: auto; resize: none;font-size:16px;}

.message_text button{ width:120px; height:36px; background:#0657b2; color:#fff; font-size:14px; cursor:pointer; margin:40px 0; margin-left:190px; border:none;-webkit-border-radius: 5px;-moz-border-radius: 5px;border-radius: 5px;}

.map{ margin:5px;}

.inside_fj{ margin:50px 0; overflow:hidden}
.inside_fj a{ font-size:14px;}
.inside_fj a:hover {color:#00a5d3;}



.page{font-size:12px; padding-top:25px; padding-bottom:15px; margin:0 auto; margin-top:15px;}
.page span,.page  a{
padding:5px;
border:1px #CCCCCC solid;
margin-right:2px;
cursor:pointer;
}
.page .current{
border:1px #999999 solid;
background:#FFFFCD;
font-weight:bold;
}
.page  a:hover{
border:1px #333333 solid;
background:#FFFFCD;
text-decoration:none;
}

.detail{padding:15px 10px; padding-top:50px;}
.detail h3{ color:#333; text-align:center; font-size:20px;}
.write{ text-align:center; color:#999; border-bottom:solid 1px #ebebeb; margin:5px 0 18px;}
.write span{ color:#666;}
.detail p{ padding:0 14px;line-height:30px;font-size:14px;}
.dow{border-top:solid 1px #ebebeb;padding-top:15px; margin:30px 0; margin-left:10px; }
.dow b{ color:#0271cb;}
.dow p{ text-indent:0;font-size:12px;}
.info p {line-height:25px;font-size:12px; margin-top:5px; }