/*common start*/
body,div,ul,li,a,img,p,dl,dt,dd,h1,h2,h3,h4,span,strong,input{ margin:0; padding:0; list-style:none; text-decoration:none; border:0; list-style:none;}
body{ font-size:12px; font-family: Arial,'Microsoft YaHei'; color:#333;}
a{ color:#666;}
a:hover{ color:#0a989c; text-decoration:none;}
p{line-height:3.5em; padding:5px 0;}
.clear{ margin:0; padding:0; font-size:0; clear:both; }
.wapper{ width:1280px; margin:0 auto;}

/*common end*/

.headbg{ border-top:49px solid #4c4c4c;}
.head{ position:relative;}
.head .logo{ width:280px; height:99px; position:absolute; top:-49px; left:0;}
.head .logo table{ border-spacing:0;margin-left: 81px;}
.head .logo table td{ height:99px; vertical-align:middle; text-align:center;}
.head .logo img{ max-width:280px; max-height:99px; }
/*menu*/
.menu{height:50px;line-height:50px; text-align:center; float:right; width:1000px;}
.menu ul li{ display:inline-block; position:relative; z-index:5;}
.menu ul li dl{ background:#0a989c; width:100%; position:absolute; left:0px; top:50px; box-shadow:2px 2px 5px rgba(0,0,0,0.2);  display:none; }
.menu ul li dl dd{ line-height:39px;border-top:#eee dotted 1px; }
.menu ul li dl dd a{ font-size:14px; color:#fff; font-weight:normal; padding:0; }
.menu ul li dl dd a:hover{ color:#f60;}
.menu a{ font-size:15px;color:#333; text-decoration:none; font-weight:bold;display:block;text-align:center; padding:0 30px;}
.menu a:hover{ color:#fff;}
a.menu_hover{ background:#0a989c;color:#fff;}


.bannerbg{ height:600px; }


.tit1{ text-align:center; color:#4bb3b4;}
.tit1 h2{ line-height:24px; line-height:2em;}
.tit1 h3{ font-size:12px; line-height:2em; background:url(../images/titbg.png) center no-repeat;}

.con01bg{ margin-top:50px;}
.con01{}
.con01 .main{ margin-top:30px;}
.con01 .main ul{ padding:0 40px;}
.con01 .main ul li{ float:left; width:140px; padding:0 50px; border-bottom:1px solid #a6a4a5; text-align:center;}
.con01 .main ul li .img{ width:140px; height:32px; position:relative;}
.con01 .main ul li .img img{ max-width:140px; max-height:32px; position:absolute; top:0; right:0; bottom:0; left:0; margin:auto auto;}
.con01 .main ul li .txt{ border-bottom:7px solid transparent; }
.con01 .main ul li:hover .txt{ border-bottom:7px solid #0a989c;}
.con01 .main ul li .txt h2{}
.con01 .main ul li .txt h2 span{ display:inline-block; width:35px; height:1px; background:#c1c1c1;}
.con01 .main ul li .txt h3{ font-weight:normal; font-size:16px; color:#999; line-height:2em; height:2em; overflow:hidden;}
.con01 .main ul li:hover .txt h3{ color:#0a989c;}

.tanch01bg{ width:100%; height:100%; position:fixed; z-index:999; top:0; left:0; background:url(../images/op0.5.png) repeat; display:none;}
.tanch01Box{ max-width:400px; margin:0 auto; margin-top:10%; background:#fff; border-radius:10px; box-shadow:2px 2px 10px rgba(0,0,0,0.9);}
.tanch01{ position:relative;}
.tanch01 .close{ width:36px; height:36px; line-height:36px; text-align:center; font-size:36px; color:#999; position:absolute; top:0; right:5px; cursor:pointer;}
.tanch01 .close:hover{ color:#333;}
.tanch01 .main{ padding:50px 0;}
.tanch01 .main .img{ text-align:center;}
.tanch01 .main .img img{ width:200px; height:200px;}


.con02bg{ margin-top:50px;}
.con02{}
.con02 .main{ font-size:16px; width:800px; margin:0 auto; margin-top:30px;}
.con02 .main p{ padding:0; line-height:1.5em; text-align:justify;}
.con02 .main h2{ font-weight:normal; font-size:16px; text-align:right;}
.con02 .main h2 a{}


.con03bg{ margin-top:50px;}
.con03{}
.con03 .main{ margin-top:30px;}
.con03 .main .lt{ float:left; width:800px;}
/*slideTxtBox_011*/
.slideTxtBox_011{ height:375px; overflow:hidden;}
.slideTxtBox_011 .bd{ float:left; width:580px;}
.slideTxtBox_011 .bd .img{ height:375px;}
.slideTxtBox_011 .bd .img img{ width:580px; height:375px;}
.slideTxtBox_011 .hd{ float:left; width:190px; margin-left:30px;}
.slideTxtBox_011 .hd ul li{ height:120px; margin-top:7.5px;}
.slideTxtBox_011 .hd ul li img{ width:190px; height:120px;}
.slideTxtBox_011 .hd ul li.on{ background:#ddd;cursor:pointer; } 

.con03 .main .rt{ float:right; width:450px;}
.con03 .main .rt ul li{ font-size:16px; line-height:46px; height:46px; overflow:hidden; white-space:nowrap; text-overflow:ellipsis; -o-text-overflow:ellipsis;}


.con04bg{ margin-top:50px;}
.con04{}
.con04 .main{ margin-top:30px;}
.con04 .main .img{}
.con04 .main .img img{ width:1280px;}


.con05bg{ margin-top:50px;}
.con05{}
.con05 .main{ margin-top:30px; padding:0 40px;}
.con05 .main ul{}
.con05 .main ul li{ float:left; width:240px;}
.con05 .main ul li .imgbg{ width:240px; height:320px; overflow:hidden; position:relative;}
.con05 .main ul li .img{ height:320px;}
.con05 .main ul li .img img{ width:240px; height:320px;-webkit-filter: grayscale(100%); -moz-filter: grayscale(100%); -ms-filter: grayscale(100%); -o-filter: grayscale(100%); filter: grayscale(100%); filter: gray;}
.con05 .main ul li:hover .img img{  -webkit-filter:none; -moz-filter:none; -ms-filter:none; -o-filter:none; filter:none; filter: none;}
.con05 .main ul li .txt1{ width:100%; padding:10px 0; background:url(../images/bg01.png) repeat; color:#fff; position:absolute; left:0; bottom:-80px; opacity:0;}
.con05 .main ul li:hover .txt1{ bottom:0; opacity:1; transition:all .3s ease-in-out;}
.con05 .main ul li .txt1 ul{ padding:0 20px;}
.con05 .main ul li .txt1 ul li{ width:auto; line-height:20px;/* height:20px;*/ overflow:hidden;}
.con05 .main ul li .txt2{ text-align:center;}
.con05 .main ul li:hover .txt2{ background:#262827; color:#fff;}
.con05 .main ul li .txt2 h2{ height:40px; line-height:40px; overflow:hidden;}
.con05 .main ul li .txt2 h2 span{ border-bottom:2px solid #0a989c; padding-bottom:2px;}


.con06bg{ margin-top:50px;}
.con06{}
.con06 .main{ margin-top:30px;}
.con06 .main .img{}
.con06 .main .img img{ width:1280px;}


.con07bg{ margin-top:50px;}
.con07{}
.con07 .main{ margin-top:30px; overflow:hidden;}
.leftLoop{ width:100%;}
.leftLoop .bd{}
.leftLoop .bd ul{}
.leftLoop .bd ul li{ float:left; width:20%; }
.leftLoop .bd ul li img{ width:100%;}
.leftLoop .hd{ text-align:center; margin-top:10px;}
.leftLoop .hd a{ font-size:16px; margin:0 20px; color:#0a989c; cursor:pointer;}


.con08bg{ margin-top:50px;}
.con08{}
.con08 .main{ padding:30px 40px; overflow:hidden;}
.outBox{ overflow:hidden;}
.outBox .hd{ height:45px; text-align:center; margin-bottom:10px;}
.outBox .hd ul{}
.outBox .hd ul li{ display:inline-block; width:138px; height:43px; line-height:43px; background:#fdfdfd; border:1px solid #a0acba; border-radius:10px; text-align:center; margin:0 10px; font-size:14px; color:#a0acba; cursor:pointer;}
.outBox .hd ul li.on{ border:1px solid #0a989c; background:#0a989c; color:#fff;}
.outBox .bd{ }
.inBox{}
.inBox .inHd{ text-align:center; margin-top:10px;}
.inBox .inHd ul{}
.inBox .inHd ul li{ display:inline-block; margin:0 5px; width:10px; height:10px; border-radius:100%; border:1px solid #4bb3b4; cursor:pointer;}
.inBox .inHd ul li.on{ background:#4bb3b4;}
.inBox .inBd{}
.inBox .inBd ul{}
.inBox .inBd ul li{ float:left; width:150px; height:70px; margin:5px 25px;}
.inBox .inBd ul li img{ width:150px; height:70px;}



.footbg{ background:#0a989c; color:#fff; padding:30px 0; font-size:16px; line-height:30px;}
.foot{}
.foot a{ color:#fff;}
.foot .top{}
.foot .top .lt{ float:left; width:400px;padding-top: 30px}
.foot .top .ct{ float:left; width:400px; margin-left:40px; padding-top:30px;}
.foot .top .rt{ float:right; width:400px; text-align:center;padding-top: 30px}
.foot .top .rt img{ width:150px; height:150px;}

.foot .btm{ margin-top:30px; text-align:center;}
.foot .btm ul{}
.foot .btm ul li{ font-size:14px; line-height:1.5em;}
.foot .btm ul li a{}
.foot .btm ul li a:hover{ text-decoration:underline;}


.fc01bg{ position:fixed; z-index:999; top:46%; left:0;}
.fc01{ padding:0 20px; background:#68d78b; border-radius:10px; box-shadow:2px 2px 10px rgba(0,0,0,0.5);}
.fc01 h2{ font-weight:normal; font-size:24px; line-height:2em;}
.fc01 h2 a{ color:#fff;}

.fc02bg{ position:fixed; z-index:999; top:46%; right:0;}
.fc02{ padding:0 20px; background:#68d78b; border-radius:10px; box-shadow:2px 2px 10px rgba(0,0,0,0.5);}
.fc02 h2{ font-weight:normal; font-size:24px; line-height:2em;}
.fc02 h2 a{ color:#fff;}
	




















/*Add------------------------------------------------------------------------------*/

.tit2{}
.tit2 h2{ font-size:20px; line-height:40px; height:40px; border-bottom:2px solid #040404;}

.insidebg{ padding:0 0 50px 0;}
.inside{}
.inside_con{ padding:0 40px;}


.tit3{}
.tit3 h2{ font-weight:normal; font-size:20px; height:50px; line-height:50px; position:relative;}
.tit3 h2 strong{ font-weight:normal; float:left;}
.tit3 h2 span{ float:right;}
.tit3 h2 span b{ float:left; font-size:18px; font-weight:normal; line-height:1.4em;color: #f00;}
.tit3 h2 span a{ float:right; display:block; width:160px; height:50px; line-height:50px; text-align:center; background:#43e077; color:#fff; cursor:pointer; opacity:0.8;}
.tit3 h2 span a:hover{ opacity:1;}
.tit3 h2 i{ font-style:normal; font-size:14px; line-height:1em; position:absolute; color:#f00; right:-60px; bottom:0;}

.apply{ font-size:16px; line-height:50px; margin-top:5px;}
.apply .form1{}
.apply .form1 table{ border-spacing:0;}
.apply .form1 table td{ width:33.33%; padding:5px 0;}
.apply .form1 span{ float:left; width:100px;}
.apply .form1 input{ border:1px solid #040404; width:198px; padding:0 5px; height:40px; line-height:40px;}
.apply .form2{ margin-top:30px;}
.apply .form2 .main{ margin-top:10px;}
.apply .form2 table{ border-spacing:0; border:1px solid #040404; }
.apply .form2 table td{ width:31.33%; padding:5px 1%;}
.apply .form2 .main span{ float:left; width:100px;}
.apply .form2 .main input{ border:1px solid #040404; width:198px; padding:0 5px; height:40px; line-height:40px;}
.apply .btn{ text-align:center; margin-top:20px;}
.apply .btn button{ border:none; width:160px; margin:0 20px; height:50px; line-height:50px; background:#43e077; color:#fff; font-size:16px; opacity:0.8;}
.apply .btn button:hover{ opacity:1;}





.news{}
.news ul{}
.news ul li{ padding:20px 0; border-bottom:1px dashed #040404; color:#999;}
.news ul li table{}
.news ul li table td{}
.news ul li .img{ width:200px; height:150px; text-align:center; vertical-align:middle;}
.news ul li .img img{ max-width:200px; max-height:150px;}
.news ul li .txt{ width:1000px; text-align:left; vertical-align:top;padding-left: 30px;
}
.news ul li .txt h2{ font-weight:normal; font-size:20px; line-height:40px; height:40px; overflow:hidden; white-space:nowrap; text-overflow:ellipsis; -o-text-overflow:ellipsis;}
.news ul li .txt h2 a{}
.news ul li .txt p{ padding:0; font-size:16px; line-height:30px; height:60px; overflow:hidden; margin:10px 0;}
.news ul li .txt h3{ text-align:right; font-weight:normal; font-size:16px; line-height:30px;}