@charset "utf-8";

/* CSS Document */

* {

    -webkit-transition: all .5s;

    transition: all .5s;

}

*{ font-family:"微软雅黑"}

body, h1,h2,h3,h4,h5,ul,li,dl,dt,dd,input,p{ margin:0; padding:0;}

fieldset,img{ border:none; }

a,ul,li,h1,h2,dl,dt,dd{ list-style:none; text-decoration:none;}

em,b,i{ font-style: normal;font-weight: normal;}

form,fieldset{display: block; margin:0 ; padding:0}





.headerBox{ height: 44px;background:white; }

.header{width: 1200px; margin: 0 auto; line-height:40px;}

.heRight{ float:right; font-size:14px; color:#fff; background: url(../images/01.png); width: 358px; height: 40px; text-align: center}

.heRight a { margin: 0 5px; font-size:14px; color:#fff;}





.titleBox{ height:100px;background:white}

.htitle{overflow:hidden; width:1200px; margin:0 auto}

.htitle dl{ padding-top:10px; width:700px; float:left}

.htitle dl dt{ height:86px; margin-right:10px; float:left}

.htitle dl dd{ float:left; width:400px}

.htitle dl dd h1{ font-weight:normal; font-size:20px; line-height:30px; height:30px; padding-top:21px; color:#333;}

.htitle dl dd h2{ font-weight:normal; font-size:16px; color:#666;}

.htitle div{  float:right; background: url(../images/02.png) no-repeat left center; width: 160px; padding-left: 60px; margin-top: 32px}

.htitle div span{ text-align:right; font-size:14px;text-transform: uppercase; color:#666;}

.htitle div p{ text-align:left; font-size:18px; color:#333;}

.htitle div em{ font-weight:bold; font-size:20px; font-style:normal; color:#15415e;}









.nav{ height:60px;  position:relative; border-bottom: 1px solid #e2e2e2;border-top: 1px solid #e2e2e2}

.menu { overflow:hidden; height:100%; overflow: hidden; width:1200px; margin:0 auto; }

.menu .mainlevel { font-size:14px; display: block;float: left; height: 60px; /*IE6 only*/ }

.menu .mainlevel .nava{color:#585858;font-size: 15px;line-height:60px; display:block; padding: 0 54px ;border-left: 1px solid #e2e2e2}



.menu .mainlevel .nava:hover{ background:#02d1bb;-webkit-transition: all 0.5s ease-in-out; color: #fff}



.menu .mainlevel .menual{ position:absolute; z-index:9999;  display:none; top:60px;}

.mainlevel .menual li { border-bottom:1px solid #fff; background-color:#c9f5f0; height:46px;  overflow:hidden}

.mainlevel .menual li a{;font-size: 13px;line-height:45px; text-align:center;height:45px; -webkit-transition: all 0.5s ease-in-out; display:block; min-width: 200px; color: #333}

.mainlevel .menual li:hover{ background:#02d1bb;-webkit-transition: all 0.5s ease-in-out;}

.mainlevel .menual li a:hover{ color:white;-webkit-transition: all 0.5s ease-in-out;}










.banner{position:relative; margin:0 auto; height:500px; overflow:hidden; width:100%;}

.banner ul{ width:1920px; height:500px; position:absolute; bottom:0; left:50%; margin-left:-960px; }

.banner ul li{ width:1920px; height:500px;}

.banner ul li img{ width:1920px; height:500px;}

.small{ position:absolute; left:50%; bottom:8%;cursor:pointer; margin-left:-40px}

.small a{ width:24px; height:24px; background:#383838; float:left; margin:0 6px; line-height:24px; text-align:center; color:white; font-size:14px; border-radius: 20px;}

.small .small_s{ background:#02d1bb;-webkit-transition: all 0.5s ease-in-out;}

















.zy-second {overflow: hidden; padding-top: 70px}

.proimg{ width:1070px; margin: 0 auto; padding-left: 130px; background: url(../images/04.png) no-repeat left top; }

.second-top {overflow: hidden; margin-bottom: 30px; background: url(../images/06.png) no-repeat  88px 14px; padding-left: 80px}

.second-top li{  background: url(../images/05.png) no-repeat center 8px; height: 50px;  float: left; padding-top: 30px }

.second-top li a {margin: 0px 10px; display:block; text-align: center;font-size: 14px;  color: #666666;-webkit-transition: all 0.5s ease-in-out;  width: 95px; }

.second-top li.cur{ background: url(../images/05-1.png) no-repeat center 0px}

.second-top li.cur a{ color: #fc9a00; font-weight:bold;}





.second-ny {overflow: hidden;clear: both; padding-left: 30px}

.second-ny li {width:310px;float: left;overflow: hidden; height:350px; border: 3px  solid #f3f3f3; margin-left: 15px; margin-right: 15px}

.second-ny li a {display: block;cursor: pointer;}



.showImg { width: 310px; height: 270px; overflow: hidden; margin-bottom: 20px}

.showImg img{ display:block;  width: 310px; height: 270px}

.showImg img:hover{

  -webkit-transform: scale(1.2);

          transform: scale(1.2);

/*  opacity: .5;

  filter: alpha(opacity=50);*/

}

.second-ny li span {display: block;font-size: 14px; color: #666;   line-height: 20px; text-align: center}

.second-ny li b{display: block;font-size: 14px; color: #666;   line-height: 20px; text-align: center; font-weight: bold}















.xlv{ width:1200px; margin: 0 auto}

.xlv ul{ overflow:hidden; padding-left: 40px; padding-top: 50px; padding-bottom: 50px}

.xlv ul li{ position:relative; width: 191px; height: 221px; margin: 0 48px; float: left}

.xlv ul li img{ position:absolute; top: 0; left: 25px}

.xlv ul li:hover img{

transform:rotate(90deg);

-ms-transform:rotate(90deg); /* IE 9 */

-moz-transform:rotate(90deg); /* Firefox */

-webkit-transform:rotate(90deg); /* Safari 和 Chrome */

-o-transform:rotate(90deg); /* Opera */

}

.xlv ul li span{color:#fff; font-size: 16px; text-align: center; position: absolute; bottom: 118px;left: 0px; display: block; width: 191px;}

.xlv ul li p{color:#999; font-size: 14px; text-align: center; position: absolute; top:160px;left: 0; display: block; width: 191px;}






.shfw{width:1200px; margin: 0 auto; overflow: hidden; height: 200px; margin-bottom: 70px}

.shfw img{ float:left; width: 516px; height: 200px}

.shfw  a{ float:right; background: #f8f8f8; font-size: 14px; color: #636363; line-height: 25px; width: 634px; height: 180px; padding: 10px; padding-left: 40px}











.abobox{ width:100%; background: #f7f8fa url(../images/03.jpg) no-repeat left bottom; padding-top: 70px}

.about{ width:1200px; margin: 0 auto; overflow: hidden}

.aboleft{ float:left; width:880px;}

.aboleft img{ float: right; width: 560px; height: 390px}



.aboleft  div{ width:260px; height: 330px; padding: 30px; background: #fff}

.aboleft  div p{ line-height: 40px; font-size: 14px; color: #666; height: 250px; overflow: hidden; margin-bottom: 20px}



.aboleft  div a{ float:  right; width: 150px; height: 40px; line-height: 40px; text-align: center; font-size: 12px; color: #fff; background: #ff9900}



.aboright{ float:right; width: 210px}

.abotit{ text-align: right}

.abotit a{ display: block; text-align: right}

.abotit img{ margin-top:30px; margin-bottom: 30px; float: right}

.abotit h3{ padding-left: 26px; font-size: 22px; color: #666; background: url(../images/10.png ) no-repeat left center; height: 30px; line-height: 30px; width: 100px;  text-align: right;   float: right; font-weight: normal}



.aboright ul{ clear:both;}

.aboright ul li{  width: 170px; height: 40px;  float: right; margin-top: 20px}

.aboright ul li a{  width: 170px; height: 40px; line-height: 40px; color: #fff; text-align: center;  display: block}



.aboright ul li:nth-child(1){ background: #f79400}

.aboright ul li:nth-child(2){ background: #02d1bb}

.aboright ul li:nth-child(3){ background: #acacac}

.abomore{ font-size: 12px; color: #666; border-bottom: 1px solid #666; line-height: 28px; float: right; clear: both; margin-top: 40px}











.newbox{ width:100%}

.new{ width:1200px; margin: 0 auto; overflow: hidden; padding-top: 70px; padding-bottom: 70px}

.newleft{ float:left; width: 550px;  height: 480px}

.newltit{ padding-left: 30px; background: url(../images/10.png) no-repeat left center; font-weight: normal; margin-bottom: 30px}

.newltit a{font-size: 24px; color: #666}

.newltit span{font-size: 14px; color: #999}

.newleft div{width: 470px;  background: #f8f8f8; padding:30px 40px; height: 390px}

.newleft div img{ width:470px; height: 170px}



.newleft div h4{ font-weight:normal; font-size: 18px; color: #666; line-height: 40px}

.newleft div span{ font-size: 14px; color: #999; line-height: 20px}

.newleft div p{ font-size: 14px; color: #666; line-height: 20px; height:60px; margin-top: 10px; margin-bottom: 20px; overflow: hidden}

.newleft div a{ font-size: 14px; color: #fff; line-height: 30px; height:30px; background: #f79400; text-align: center; display: block; width: 150px; margin-top: 46px }



.newright{ float:right; width: 580px}

.newrtit{ text-align: right}

.newrtit a{ display: inline-block; text-align: center; width: 100px; height: 36px; line-height: 36px; color: #333; margin-left: 10px;font-size: 14px; font-weight: normal; border: 2px solid #e5e5e5}

.newrtit .nrcur,.newrtit a:hover{ color:#fff; background: #02d1bb;border: 2px solid #02d1bb;-webkit-transition: all 0.5s ease-in-out;}

.newright ul{ width:100%; padding-top: 10px}



.newright ul li{ border-bottom: 1px solid #e2e2e2; padding: 20px 0}



.newright ul li h4{ font-size: 16px; font-weight: normal}

.newright ul li h4 a{ color:#333}

.newright ul li span{ font-size: 12px;  line-height: 50px; color: #999}



.newright ul li p{ font-size: 14px; font-weight: normal; height: 40px; overflow: hidden}

.newright ul li p a{ color:#666}



.newright ul li p a:hover{ color:#02d1bb;-webkit-transition: all 0.5s ease-in-out;}











.ftBox{ width:100%; clear:both; padding-bottom:60px; background: #f6f6f6; overflow: hidden; padding-top: 70px}

.foot{ width:1200px; margin:0 auto}

.ftDl{ margin-right:70px}

.ftDl,.kslj,.ewm{ overflow: hidden;float: left; height: 206px}

.kslj{ padding-right:70px; width: 220px}

.kslj,.ewm{ border-left: 1px solid #dfdfdf; padding-left: 70px}



.ftBox h3{ font-size: 16px; color: #333; margin-bottom: 30px} 

.ftBox ul { width: 220px;}

.ftBox ul li{ float:left; margin-right: 40px}

.ftBox a,.ftBox p{  font-size: 14px; color: #666; margin-bottom: 10px}



.ewm img{border: 4px solid #fff; width: 120px; height: 120px}

.ewm span{ display:block; width:120px; font-size:12px; color:#666; text-align:center}



.dbbox{ width: 100%; height: 40px; line-height: 40px; background: #343434}

.dibu{ font-size:12px; text-align: center;color:#fff}

.dibu a{ color:#fff}

.dibu a:hover,.ftBox a:hover{color:#02d1bb;-webkit-transition: all 0.5s ease-in-out;}















.Pages{ clear:both; width:100%; text-align:center;  margin:0 auto; padding-left:20px; padding-top:50px; padding-bottom:50px;}

.Pages a{display:inline-block;width:65px;background:#ffffff;height:48px; vertical-align:middle; line-height:48px; font-size:14px; border:1px solid #e5e5e5; margin-left:-1px; float:left;text-decoration:none; color:#333; outline:none;}

.Pages a:hover{ background:#f79400; color:#FFF;background-repeat:no-repeat; }

.Pages span{display:inline-block;min-width:45px; padding:0 10px;background:#ffffff;height:48px; vertical-align:middle; line-height:48px; font-size:14px; border:1px solid #e5e5e5; margin-left:-1px;float:left;}

.Pages span.current{ background:#f79400; color:#FFF; _padding:0px 30px;}



.k1{width: 1200px;margin:0 auto; padding-bottom: 70px}

.position{ margin-top:30px; height:60px; line-height:30px; font-size:16px; border-bottom:1px solid #f2f2f2; margin-bottom:20px;}

.position a{ color:#02d1bb}

.commonclass{width:90%; margin:0px auto; text-align:center; font-size:14px; padding:40px 0px; position:relative;}

.commonclass span a{ background:#f2f2f2; color:#4c4c4c; padding:18px 30px;border-radius:30px; margin-bottom: 20px; display: inline-block} 

.commonclass span a:hover{color:#FFF;background:#02d1bb;  color:#fff; text-decoration:none; }

.commonclass span a.cur{ background:#02d1bb;color:#FFF;}

.prolist{ overflow:hidden; width:100%;}

.prolist ul{ width:100%;}

.prolist ul li{ float:left; margin:10px 18px; border: 3px solid #f3f3f3; overflow: hidden; padding-bottom: 20px; }

.prolist ul li:hover{border:#02d1bb 3px solid}

.prolist ul li .nimg{width: 258px; height: 224px;

    overflow: hidden;

    margin-bottom: 20px;

}

.prolist ul li img{ width: 258px; height: 224px; display: block}

.prolist ul li img:hover,.lipic img:hover{

  -webkit-transform: scale(1.2);

          transform: scale(1.2);

/*  opacity: .5;

  filter: alpha(opacity=50);*/

}



.prolist ul li span {display: block;font-size: 14px;color: #666;line-height: 20px;text-align: center;}

.prolist ul li b{ display: block;font-size: 14px;color: #666;line-height: 20px;text-align: center;font-weight: bold;}



.list{ overflow:hidden; width:100%; overflow:hidden; padding-bottom:30px;border-bottom:1px solid #ccc; margin-top:20px;}

.lipic{ float:left; padding:20px 0px 0px 20px;}

.lipic img{ width: 220px; height: 150px}

.licon{ float:right; width:920px; height:140px; overflow:hidden; overflow:hidden; line-height:32px;font-size:14px;}

.licon span{ display:block; height:40px; line-height:40px; font-size:16px; padding-bottom:10px; padding-top:20px;}

.licon span a{ color:#02d1bb}

.limore{ float:right; height:40px; width:90px; line-height:40px; background:#02d1bb; text-align:center; border-radius:20px; margin-top:10px; }

.limore a{ color:#fff;font-size: 12px}



#neiyebanner img{ width:100%; height: auto; display: block}



.title{ margin-top:30px; font-size:22px; text-align:center; line-height:30px; margin-bottom:20px; font-family:"宋体"}

.time{ height:30px; line-height:30px; text-align:center; color:#ccc;}

.pic{ margin:20px 0px; text-align:center; width:100%; overflow:hidden;}

.pic img{ max-width:1190px; overflow:hidden;}

.content{ line-height:30px; font-size:16px; margin-bottom:30px;}

.content img{ max-width:1200px; overflow:hidden;}

.uppage{ margin-top:20px; margin-bottom:20px;}

.uppage a{ text-decoration:none; color:#6CA997;}

.up{ height:30px; line-height:30px; overflow:hidden; font-size:14px; width:550px; float: left}

.rr{ text-align:right;}