﻿@charset "utf-8";body,html{font-family:"Microsoft YaHei", "\5b8b\4f53",Arial,sans-serif;margin:0 auto;padding:0;font-size:9pt;height:100%;line-height:22px;width:100%}div{behavior:url(css/iepngfix.htc)}dd,dl dd,ol li,tr td,ul,ul li{list-style-type:none;margin:0;padding:0}p{margin:0;padding:0}.clear{clear:both;height:0;line-height:0;font-size:0}.lt{float:left}.rt{float:right}a{text-decoration:none;cursor:pointer;-webkit-transition:none;transition:color .3s linear,background-color .3s linear,background-image .3s linear;-moz-transition:color .3s linear,background-color .3s linear,background-image .3s linear;-webkit-transition:color .3s linear,background-color .3s linear,background-image .3s linear;-o-transition:color .3s linear,background-color .3s linear,background-image .3s linear}img{vertical-align:middle;border:none}html{overflow-x:hidden}a:hover,div:hover,li:hover,tr:hover{-webkit-transition:none;transition:color .3s linear,background-color .3s linear,background-image .3s linear;-moz-transition:color .3s linear,background-color .3s linear,background-image .3s linear;-webkit-transition:color .3s linear,background-color .3s linear,background-image .3s linear;-o-transition:color .3s linear,background-color .3s linear,background-image .3s linear}input{outline:0}
/* ���� */
.op0{filter: progid:DXImageTransform.Microsoft.Alpha(opacity=0);opacity:0;filter:alpha(opacity=0);}
.lr{transition:all 0.3s linear; -webkit-transition:all 0.3s linear;}
.w100{width:100%;}
.mr{width:1200px; margin:0 auto;}
.np{white-space:nowrap; width:100%; overflow:hidden; text-overflow:ellipsis;}
.uc{text-transform:uppercase;}
.hd1{height: 36px; width: 100%;background: #f2f2f2;}
.hd2{height: 94px;}
.hd1M{height: 100%;line-height: 36px;}
.InWechat{margin-right: 24px;}
.InWc{position: relative;}
.Incode{position: absolute; top: 20px ; left: 0; z-index:12; overflow: hidden;display: none; padding:0  20px 20px 0;}
.InPhone{cursor: default;}
.hd1M span{color: #666;font-size: 14px;}
.hd1M span b{color: #15909c;font-size: 16px;}
.logo{line-height: 94px; width: auto;}
.nav{width: auto; line-height: 94px;}

.nav ul li{float: left; margin-left: 45px; position: relative;}
.nav ul li a{font-size: 16px; color: #666666;}
.nav ul li a.select{display: inline-block;height: 99%;}
.nav ul li a:hover{color:#15909C;}
.nav ul li a.act:hover{color:#15909C;}
.nav ul li a.act{color:#15909C;}
.nav ul:hover .act{color: #666666;}
.option{position: absolute; padding: 10px 0px; width: 120px; text-align: center; background: #fcfcfc; border-bottom: 2px solid #15909C; z-index: 10; left: 50%; margin-left: -60px; top:95px; display: none;}
.option>a{display:block ; height: 40px;line-height: 40px; border-bottom: 1px dotted #cfcfcf;}
/**/
.banner{ position:relative;height:auto;overflow:hidden; width: 100%;}
.banner .slides li { height:auto; width: 100%;}
.banner .slides li img{ width:100%; height:auto}
.banner .flex-control-nav { position:absolute; bottom:11%; margin-bottom:-9px; z-index:99;width:100%; left:50%; margin-left:-70px;}   
.banner .flex-control-nav li { display:inline-block; width:10px; height:10px; margin:0 5px;}
.banner .flex-control-nav li span { display:none;}
.banner .flex-control-nav li a { float:left; width:10px; height:10px; cursor:pointer;  background: #fff; border-radius:50% ;}
.banner .flex-control-nav li a.flex-active { background: #15909C;}
.banner .flex-direction-nav{ display:none;}
.In1{padding: 30px 0 60px 0;}
.In1headEN{font-size: 36px; color: #333; text-align: center; line-height: 2; font-weight: bold;}
.In1headCN{text-align: center;}
.In1headCN a{display: inline-block; padding: 0 50px; height: 20px; background: url(../images/hdline.png) repeat-x center 9px; font-size: 14px;color: #333333;}
.In1headCN a span{height: 100%; display: inline-block; padding: 0 20px;background: #fff;}
/*.In1headCN a span.In2span{background: transparent;}*/
.In1img{width: 210px; height: 210px; text-align:center; border:1px solid #ddd; overflow:hidden; border-radius:30px; transition: all 0.3s linear; margin:0 auto; margin-bottom:20px;/*  transform:scale3d(1,1,1); -webkit-transform:scale3d(1,1,1); */ }
.In1img-1{width: 100%; height: 100%;  text-align: center;line-height: 220px;overflow:hidden;}
.In1ul li{width: 300px; float: left; margin-right: 150px;transform:rotateY(0deg);transition:all 0.3s linear;}
.In1ul li:nth-child(3n+3){ margin-right: 0px;}
.In1ul li.delmargin{ margin-right: 0px;}
.In1ul li a.In1imga img{width:100%; height:100%; transition: all 0.3s linear;}
.In1pcn{text-align: center;font-size: 18px;color: #333333; width: 100%;}
.In1pcn-pr{text-align: center;font-size: 18px;color: #333333; width: 100%;transition: all 0.3s linear;}
.In1pen{text-align: center;font-size: 14px;color: #333333; width: 100%; line-height: 2;}
.In1ul li:hover .In1img{ box-shadow:10px 10px 30px #ddd;transition: all 0.3s linear;}
/* .In1ul li:hover .In1img img{transform:scale3d(1.1,1.1,1.1); -webkit-transform:scale3d(1.1,1.1,1.1); transition: all 0.3s linear;} */

.In1ul li:hover .In1pcn-pr{color: #15909C;transition: all 0.3s linear;}
.In1ul li:hover{transform:rotateY(30deg);transition:all 0.3s linear;}
.In1ul li:hover .In1pcn{color: #15909C;transition: all 0.3s linear;}
.In2{width: 100%;background: url(../images/In2bg.png) center center no-repeat; height: 495px; padding: 50px 0 0 0;}
.In2H{margin: 0 auto ; display: block;}
.In2Mc{ margin: 0 auto;}
.In2Mc ul li{width: 260px; height: 260px;}
.In2img{width: 100%; height: 120px; line-height: 120px; text-align: center;}
.In2btnlt,.In2btnrt{width: 16px; height: 30px; cursor: pointer; position: absolute; top: 30%; display: none;}
.In2btnlt{left: 0;}
.In2btnrt{right: 0;}
.In2M{position: relative; padding: 30px 0 0 0;}
.In2btnlt1,.In2btnrt1{width: 16px; height: 30px; cursor: pointer; position: absolute; top: 30%;}
.In2btnlt1{left: 0;}
.In2btnrt1{right: 0;}
.In2p1{text-align: center;font-size: 18px;color: #666666; line-height: 2;}
.In2p2{text-align: center;font-size: 14px;color: #999;}
.In2Mc ul li:hover .In2p1{color:#15909C;}
.more{display: block; width: 130px ;height: 36px; line-height: 36px; text-align: center; color: #333; font-size: 14px; margin: 0 auto; border-radius: 2px; background: #ddd; margin-top: 20px;}
.more:hover{background: #15909C; color: #fff;}
.In3{width: 100%; padding: 40px 0 40px 0 ;}
.In3ul li{float: left; margin-right: ;width: 290px; margin-right: 13px; overflow: hidden;transition: all 0.3s linear; }
.In3ul li:nth-child(4n+4){ margin-right: 0px;}
.In3ul li.delmargin{ margin-right: 0px;}
.In3img{width: 100%; height: 220px; position: relative;}
.In3img img.In3i{width: 100%; height: 100%;}
.In3imgcover{width: 100%; height: 100%; position: absolute; top:-100%; left: 0;background: url(../images/In3imgcover.png); text-align: center; }
.In3imgcover img{margin-top: 90px;}
.In3p1{font-size: 14px; color: #999999; line-height: 40px; height: 40px;transition: all 0.3s linear; margin-bottom: 20px; text-align: center;}
.In3ul{margin-top: 60px;}
.In3ul li:hover .In3p1{color: #15909C;transition: all 0.3s linear;}
.In3ul li:hover .In3imgcover{top:0;transition: all 0.3s linear; }
.In4{width: 100%; background: url(../images/In4.png) center center; height: 415px; padding: 60px 0 0 0;}
.In4M{padding: 30px 0 0 0;}
.In4M ul li{width: 310px; height: 200px; padding:20px; float: left; margin-right: 75px;transition: all 0.3s linear;}
.In4M ul li:nth-child(3n+3){margin-right: 0;}
.In4M ul li.delmargin{margin-right: 0;}
.In4M ul li:hover{box-shadow: 1px 0px 1px #DDDDDD,1px 0px 1px #DDDDDD;transition: all 0.3s linear;}
.In4M ul li:hover .In4P{color: #15909C; transition: all 0.3s linear;}
.In4date{color: #999999; font-size: 14px;}
.In4H{color: #333; font-size: 18px; margin-top: 36px;}
.In4P{color: #999; font-size: 14px; margin-top: 30px; line-height: 2;transition: all 0.3s linear;} 
.footer{ padding: 60px 0 0 0; background: #303237;}
.ftM{padding: 0 0 60px 0;}
.ftM ul li{float: left; width: 150px;}
.ftM ul li a{display: block; color: #777; font-size: 14px; line-height: 2;}
.ftM ul li a:hover{color: #15909C;}
.ftM ul li p{ color: #fff; font-size: 16px; line-height: 2;}
.ftMul{width: 900px;}
.ftMrt{width: 230px;}
.ftMuline{width: 100px;height: 0; border-bottom: 1px solid #777; margin: 5px 0;}
.ftMrt1{height: 40px; line-height: 40px; font-size: 22px;}
.ftMrt1 a{color: #FFFFFF;}
.ftMrt2{height: 80px; line-height: 80px; margin-top: 50px;}
.ftMrt2 img{margin-left: 14px;}
.ftMrt2 img.ftMrt2i{margin-left: 0;}
.ftM2{height: 50px; border-top: 1px solid #777; font-size: 14px; color: #777777; line-height: 50px;}
.ftM2 a{color: #777777;}
.ftM2 a:hover{color: #15909C;}
.ad{width: 1920px;height:260px; position:relative; left:50%; margin-left:-960px;  }
.ad img{width: 100%;height:100%;}
.ab1{padding:  68px 0 0 0 ;}
.ab1H{width: 100%; min-width: 1200px;}
.ab1M{font-size: 14px;color: #666666; padding: 50px 0 80px 0;}
.ab2{padding: 50px 0 120px 0;}
.ab2M{margin-top: 50px;}
.ab2btnlt,.ab2btnrt{position: absolute;top:40%; width: 60px; height: 60px; }
.ab2btnlt{left: 0; background: #333 url(../images/loop-narrow-fff2.png) no-repeat center center;}
.ab2btnlt:hover{left: 0; background: #15909C url(../images/loop-narrow-fff2.png) no-repeat center center;}
.ab2btnrt{right: 0;background: #333 url(../images/loop-narrow-fff.png) no-repeat center center;}
.ab2btnrt:hover{right: 0;background: #15909C url(../images/loop-narrow-fff.png) no-repeat center center;}
.ab2Mcp{width: 100%; height: 50px;line-height: 50px;text-align: center; font-size: 16px;color: #666666;}
.ab3{width: 100%;background: #f7f7f7; padding: 50px 0 0 0;}
.ban2{ width:800px; height:400px; position:relative; overflow:hidden;    margin-left: -400px;  left: 50%;}
.ban2 ul{ position:absolute; left:0; top:0; width: 5000px; height: 5000px; left: 0px; padding-top: 100px;}
.ban2 ul li{ width:1200px; height:300px; float: left;}
.ban2 ul li img{ width:100%; height:100%;}
.prev{ float:left; cursor:pointer;}
.num{ height:60px;overflow:hidden; width:1050px; position:relative;float:left;background: url(../images/ab3line.png) center 16px repeat-x; margin: 56px 0 0 20px; }
.min_pic{ padding-top:10px; width:1200px; margin: 0 auto; }
.num ul{ position:absolute; left:0; top:0; height: 40px; margin-left: 150px;}
.num ul li{ width:120px; height:37px;float: left; background: url(../images/ab3a.png) no-repeat center center; position: relative; cursor: pointer;}
.num ul li a{font-size: 18px ; color: #666666; position: absolute; bottom: -20px; left: 30px;}
.num ul li.on{ background: url(../images/ab3at.png) no-repeat center center;}
.num ul li.on a{font-size: 24px; color: #15909C;}
.prev_btn1{ width:38px; text-align:center; height:66px; margin-top:40px; margin-right:20px; cursor:pointer; float:left; background: url(../images/ab3btnlt.png) center center no-repeat;}
.prev_btn1:hover{background: url(../images/ab3btnlta.png) center center no-repeat;}
.next_btn1{  width:38px; text-align:center; height:66px; margin-top:40px;cursor:pointer;float:right; background: url(../images/ab3btnrt.png) no-repeat center center;}
.next_btn1:hover{background: url(../images/ab3btnrta.png) no-repeat center center;}
.prev1{ position:absolute; top:220px; left:20px; width:28px; height:51px;z-index:9;cursor:pointer;}
.next1{ position:absolute; top:220px; right:20px; width:28px; height:51px;z-index:9;cursor:pointer;}
.ab3p1{font-size: 16px; color: #444; line-height: 2;;}
.ab3p1 span{font-size: 16px; color: #15909C; margin-right: 20px;}
.ab4{width: 100%; padding: 50px 0 50px 0;}
.ab4M{padding: 40px 0 0 0;}
.ab4pH{font-size: 16px; color:#666666; text-align: center; line-height: 90px;}
.ab4p2{font-size: 14px ; color: #666666; text-align: center; padding-bottom: 50px; height: 30px; line-height: 30px;}
.ab5{width: 100%; padding: 20px 0 120px 0;}
.ab5M{padding:60px 0 0 0; }
.map{height: 270px; width: 100%;}
.ab5Mc{padding: 30px  0 0 0;}
.ab5p1{color: #FFFFFF;font-size: 18px; background: #15909C; margin: 10px auto; height: 40px;text-align: center; width: 350px; line-height: 40px;}
.ab5p1 u {
  text-decoration: none;
}
.ab5p2{color: #666666;font-size: 14px; text-align:  center; line-height: 2;}
.ab5p2 a{color: #666666;}
.nw{width: 100%;}

.nwMH{height: 60px; line-height: 60px; border-bottom: 1px solid #DDDDDD;}
.nwMH a{color: #444444; font-size: 16px; margin-right: 50px; display: inline-block; border-bottom: 1px solid #ddd; padding: 0 10px;}
.nwMH a.act{color: #15909C;border-bottom: 1px solid #15909C;}
ul.nwMcul li{height: 220px; width: 100%; border-bottom: 1px solid #DDDDDD;border-top: 1px solid #DDDDDD; overflow: hidden;}
.nwMcul{padding: 30px 0 0 0;}
.hide{display: none;}
.nwMcimg{width: 230px; margin-top: 20px;}
.nwMcimg img{max-width: 230px; max-height: 220px; transform: scale3d(1,1,1); -webkit-transform:scale3d(1,1,1);transition: all 0.3s linear;}
.nwMcP{width: 900px; }
.nwMcP1{color: #333333;font-size: 18px; width: 800px; height: 80px; line-height: 80px;transition: all 0.3s linear;}
.nwMcP2{color: #666666;font-size: 14px; height: 44px;overflow: hidden; width: 750px;}
.nwMcdate{width: 100px; color: #333333;font-size: 20px;height: 80px; line-height: 80px;transition: all 0.3s linear;}
ul.nwMcul li:hover .nwMcP1{color: #15909C; transition: all 0.3s linear;}
ul.nwMcul li:hover .nwMcdate{color: #15909C; transition: all 0.3s linear;}
ul.nwMcul li:hover .nwMcimg img{transform:scale3d(1.1,1.1,1.1);-webkit-transform:scale3d(1.1,1.1,1.1) transition: all 0.3s linear;}
.nwpage{text-align: center; margin-top: 50px;}
.nwpage a{padding: 0 12px; height: 30px; line-height: 30px; color: #666666; display: inline-block;}
.nwpage a.act{background: #15909C; color: #FFFFFF;}
.nwdtMc{padding: 40px 0 0 0 ;}
.nwdtMch{font-size: 20px; color: #333333; text-align: center; line-height: 2;}
.nwdtMcp{font-size: 14px; color: #666; padding: 30px 0 100px; border-top:1px dotted #ddd ;}
.nwdtMcdate{ text-align: center; height: 50px; line-height: 50px;}
.nwdtMcdate a{ color: #999999;font-size: 12px;}
.csDownload{width:150px; height:30px; border:2px solid #ddd ; color:#666; display:block; line-height:30px; text-align:center; font-size:16px;transition:all 0.3s linear;}
.csDownload:hover{border:2px solid #14919d ; color:#14919d;transition:all 0.3s linear;}
.nwdtback{float: right;color: #666666; display: inline-block; height: 30px; width: 60px; text-align: center; line-height: 30px; font-size: 16px; border: 1px solid #DDDDDD;}
.nwdtback:hover{background: #15909C;border: 1px solid #15909C; color: #FFFFFF;}
.prMH a{color: #444444; font-size: 16px; margin-right: 50px; display: inline-block; border-bottom: 1px solid #FFFFFF;}
.prMH a.act{color: #15909C;border-bottom: 1px solid #15909C;}
.prM{padding: 20px 0 0 0;}
.prM3{padding: 20px 0 0 0;}
.In1ul-pr li{margin-bottom: 40px;}
.prdtH{color: #666666; font-size: 16px; height: 30px;line-height: 30px; width: 100%;}
.prdtMc{border-top: 1px solid #DDDDDD; padding: 50px 0 ;}
.prdtMc1{ width:350px; height:350px; position:relative; overflow:hidden;margin: 0 auto;}
.prdtMc1 ul{ position:absolute; left:0; top:0; width: 5000px; height: 5000px; left: 0px;}
.prdtMc1 ul li{ width:350px; height:350px; float: left;}
.prdtMc1 ul li img{ width:100%; height:100%;}
.prdtMc2{ height:82px;overflow:hidden; width:348px; position:relative;float:left; left: 50%; margin-left: -174px;}
.prdtMc2 ul{ position:absolute; left:0; top:0;}
.prdtMc2 ul li{ width:80px; height:80px; margin-right:5px; padding:1px;float: left;}
.prdtMc2 ul li img{ width:100%; height:100%;}
.prdtMc2 ul li.on{ border:1px solid #15909C; padding:0;}
.prdtM2ca{background: url(../images/line-1.png) repeat-x center 45px;}
.prdtM2ca a{color: #444444; font-size: 16px; margin-right: 0px; display: inline-block; width: 150px; height: 50px; background: url(../images/prdta-f.png) repeat-x center top; line-height: 46px; text-align: center; color: #FFFFFF; margin-right:5px;}
.prdtM2ca a.act{background: url(../images/prdta-c.png) repeat-x center top,url(../images/prdta-c-n.png) no-repeat center 45px; background-image: url(../images/prdta-c.png)\9;background-repeat: repeat-x\9;background-position: center top\9; 
}
.prdtM2cbM{font-size: 16px; color: #666666; padding: 0 0 60px 0; border-bottom: 1px solid #DDDDDD;}
.prdtback{padding: 36px 0; overflow:hidden;}
.prdtback2{color: #666; margin-right: 110px; font-size: 16px;}
.prdtback2:hover{color: #15909C;}
.slMc{padding: 50px 0 0 0;}
.slMc1{background: none;}
.slMcdl2p{font-size: 14px; color: #888; padding: 20px 0 0 0 ; line-height: 1.8;}
.slMcdl2p img{max-width:1100px; display: block; margin: 40px auto;}

.slMcdl2p2 img{max-width: 1200px; display: block; margin: 40px auto;}
.srMcH{font-size: 16px ;color: #444; line-height: 70px;}

.table-sr{width: 100%;background: #f6f6f6; font-size: 16px; color: #999999; }
.table-sr tr td{height: 150px;text-align: center;}
.table-sr tr td.td1{text-align: left;}
.tdMc{width: 95%; padding-left: 5%; height: 100%; padding-top: 45px;}
.srMc2 a{display: block; width: 98%; padding-left:2%;height: 64px;background:#fff url(../images/shangla.png) no-repeat  98%  center; color: #333; line-height: 64px; font-size: 16px; border:1px solid #ddd ; }
.srMc-son{padding: 30px 0px 30px 40px; color: #888; font-size: 16px; display: none; }
.srMc2 a.navact2{background: #15909C url(../images/shangla2.png) no-repeat  98%  center; color: #fff;}
.srMc3{color: #666666; font-size: 14px;}
.csMcimgM{ position:relative;height:auto;overflow:hidden; margin: 0 auto;width:690px;}
.csMcimgM .slides { position:relative;z-index:1;}
.csMcimgM .slides li { height:auto;}
.csMcimgM .slides li img{ width:690px; height:480px;}
.csMcimgM .flex-control-nav { position:absolute; bottom:11%; margin-bottom:-9px; z-index:99;width:100%; left:50%; margin-left:-150px;}   
.csMcimgM .flex-control-nav li { display:inline-block; width:60px; height:5px; margin:0 5px;}
.csMcimgM .flex-control-nav li span { display:none;}
.csMcimgM .flex-control-nav li a { float:left; width:60px; height:5px; cursor:pointer; background:#d2d2d2;}
.csMcimgM .flex-control-nav li a.flex-active { background:#15909C;}
.csMcimgM .flex-direction-nav{ display:none;}
.csMc{padding: 20px 0 0 0;}
.csMcH{color: #333; font-size: 18px; font-weight: bold; text-align: center; height: 80px; line-height: 80px;}
.box2{height: 120px;}
.csMcp a{display: inline-block;padding: 0 50px ; height: 40px; background: #15909C; line-height: 40px; text-align: center; color: #fff; font-size: 16px;}
.csMcp{border-bottom: 1px solid #DDDDDD;}
.csMcp1{font-size: 14px; color: #666666; line-height: 2; padding: 30px 0 120px 0; border-bottom: 1px solid #DDDDDD;}
.swiper-slide img{width: 100%;height: 100%;}
.sr2Mc{padding:  40px 0 0 0 ;}
.sr2Mc ul li{height: 60px; background: #f4f4f4; line-height: 60px; padding: 0 0 0 50px; margin: 0 0 14px 0;transition: all 0.3s linear;}
.sr2Mclt{ font-size: 16px;width: 80%; color: #666;transition: all 0.3s linear;}
.sr2Mcrt{ font-size: 16px;width: 12%; color: #666; text-align: center;transition: all 0.3s linear;}
.sr2Mc ul li:hover{ background: #15909C; transition: all 0.3s linear;}
.sr2Mc ul li:hover .sr2Mclt{ color: #fff;transition: all 0.3s linear;}
.sr2Mc ul li:hover .sr2Mcrt{ color: #fff;transition: all 0.3s linear;}
.ab4-i{width:383px; height:245px; }
.ftMrt-a{display:inline-block;}
.In1ul{padding-top:30px;}

.page1{clear:both; text-align:center;font-size:12px; height:24px; line-height:24px;}
.page1 span a{border:1px solid #0187C5;color:#0187C5;padding:2px 6px;line-height:15px;height:15px;text-decoration:none;background:#fff;}
.page1 span a:hover{border:1px solid #999;color:#999;}
.page1 span{margin:2px;}
.page1 span.current a{border:1px solid #0187C5;background:#0187C5;color:#fff;}
.page1 span a.disabled{border:1px solid #ccc;color:#ccc;cursor:default;}







