/* CSS Document */
body {  margin: 0;  padding: 0;  font-size:14px;font-family: "microsoft yahei";color: #333;min-width: 1263px;}
ul,li{list-style: none;padding: 0;}
*{padding: 0;margin: 0;}
a{text-decoration: none;  margin: 0;  padding: 0;color: #333; }
p,span,em{  margin: 0;  padding: 0;  font-style: normal;  font-weight: normal;  }
tr,td{  margin: 0;  padding: 0;  }
h1,h2,h3,h4,h5,h6,b,strong{font-size:16px;font-weight: normal;}
input,textarea{font-size:14px;outline: none;background: none;border: 0;resize: none;width: 100%;font-family: "microsoft yahei";}
img{ border:none;}
.clear{ clear:both;}
.dn{ display:none;}
.w1200{width:1200px; margin:0 auto;}

header{ background:url(../image/tbg.jpg); width:100%; height:90px;}
.top{ width:1200px; margin:0 auto;}
.logo{ width:424px; height:88px; float:left;}
.logo img{ width:100%;}
.phone{ float:right; background:url(../image/phone.png) no-repeat left center; padding-left:50px; font-size:24px; font-style:italic; margin-top:30px; height:50px; line-height:50px;}
nav{ width:1200px; width:100%; height:45px; background:#257ac5;}
nav ul{ width:1200px; margin:0 auto;}
nav ul li{ width:171px; height:45px; line-height:45px; float:left; text-align:center; position: relative}
nav ul li a{ color:#fff; display:block; font-size:16px;transition:all 550ms cubic-bezier(.4,0,.23,1); width:171px; height:45px; line-height:45px;text-align:center;}
nav ul li a:hover{ background:url(../image/mhover.jpg) center center no-repeat;}
nav ul li a.active{background:url(../image/mhover.jpg) center center no-repeat;}
nav ul li ul{position: absolute;background:rgba(37,122,197,.9) ;width: 171px;box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.3);z-index:999;transition: all 250ms cubic-bezier(.4,0,.23,1);-webkit-transition:all 250ms cubic-bezier(.4,0,.23,1);-moz-transition:all 250ms cubic-bezier(.4,0,.23,1); display:none;}
nav ul li ul li{ height:45px; line-height:45px; text-align:center;}
nav ul li ul li a{ display:block; color:#fff; height:45px; line-height:45px; font-size:14px;}
nav ul li ul li a:hover{ background:#175c98; color:#fff;}
nav ul > li:hover ul{ display:block;}

.newbox{ width:100%; position:relative;}
.newbox h{ position:absolute; background:#257ac5; height:1px; width:50%; left:0; top:86px;}
.newmain{ width:1200px; margin:0 auto;}
.ntitle{}
.ntitle h1{ display:block; float:left; border-bottom:1px solid #257ac5; float:left; width:648px; height:86px; position:relative;}
.ntitle h1 img{ display:block; position:absolute; top:-20px; z-index:999}
.nmore{ float:left; width:276px; height:56px; line-height:53px; color:#888;border-bottom:1px solid #257ac5;border-left:1px solid #257ac5; padding-left:11px; margin-top:30px;}
.nmore img{ margin-left:5px;}
.newcont{ }
.newlistbox{width:648px; height:408px;border-right:1px solid #257ac5; clear:both; float:left; position:relative; overflow:hidden;}
.newlist{ position:absolute;}
.newlist li{}
.newlist li a{ display:block; width:610px; height:96px;  border-bottom:1px solid #ddd; padding:19px 0;position:relative;}
.newlist li a:after{position: absolute;
content: "";
left: 0;
bottom: -1px;
height: 1px;
width: 0;
transition: .5s;
background-color: #257ac5;}
.newlist li a:hover:after{ width:100%;}
.newlist_l{ float:left; width:112px; height:88px;border-bottom:1px solid #257ac5; background:#ecf7ff; text-align:center; margin-left:8px;}
.newlist_l h2{ height:31px; line-height:31px; text-align:center; background:#257ac5; color:#fff;}
.newlist_l p{ font-size:30px; color:#257ac5; line-height:56px;}
.newlist li a div.newlist_r{ float:left; width:475px; margin-left:15px; margin-top:10px;}
.newlist_r h1{ font-size:15px;transition:all 550ms cubic-bezier(.4,0,.23,1);}
.newlist li a:hover .newlist_r h1{ color:#257ac5;}
.newlist_r p{ color:#888; line-height:20px; font-size:12px; margin-top:10px;}
.xcimg{ float:right; width:538px; height:392px; margin-top:15px;}
.xcimg dt{ width:539px; height:349px; overflow:hidden; position:relative;}
.xcimg dt img{ width:100%;}
.xcimg dt p{ position:absolute; top:0; left:0; bottom:0; width:100%; height:100%; line-height:100%; text-align:center; background:rgba(0,0,0,.6); z-index:111}
.xcimg dt p span{ display: block; width:80px; height:80px; margin:0 auto; margin-top:130px; background:url(../image/spico.png) no-repeat center center; border:1px solid #f8f9f9;border-radius:100%;-webkit-border-radius:100%;-moz-border-radius:100%;} 
.xcimg dd{ display:block; height:43px; line-height:43px; width:100%;  text-align:center; background:#257ac5}
.xcimg dd a{color:#fff; font-size:16px;}
.xcimg:hover dd a{ text-decoration:underline;}

.case{ width:100%; height:598px; background:url(../image/ywbg.jpg) no-repeat left top; margin-top:50px; position:relative;}
.case h1{ width:1200px; height:86px; margin:0 auto; border-bottom:1px solid #a8d0ed; text-align:center;}
.case h1 img{ margin-top:-20px;}
.case h{ position:absolute; background:#a8d0ed; height:1px; width:50%; left:0; top:86px;}
.ckmore{width:229px; margin:0 auto;}
.ckmore a{background:none; display:block; width:229px; height:45px; line-height:45px; border:1px solid #a8cce8;border-radius:10px;-webkit-border-radius:10px;-moz-border-radius:10px; color:#bfdcf6; text-align:center; box-shadow:1px 1px 5px #bbb; }
.ckmore a img{ margin-left:5px;}
.ckmore a:hover{box-shadow:1px 1px 5px #666; color:#fff;transition:all 250ms cubic-bezier(.4,0,.23,1);-webkit-transition:all 250ms cubic-bezier(.4,0,.23,1);-moz-transition:all 250ms cubic-bezier(.4,0,.23,1);}
.box{ width:1200px; margin:0 auto; position:relative; _height:100%; margin-top:50px;}
.picbox{ width:1200px; height:296px; overflow:hidden; position:relative;}
.piclist{ height:296px;position:absolute; left:0px; top:0px}
.piclist li{ background:#eee; margin-right:1px; float:left;}
.piclist li a{ display:block; position:relative;}
.piclist li a p{ text-align:center; background:rgba(37,122,197,.8); color:#fff; height:80px; line-height:80px; font-size:16px; position:absolute; bottom:-80px;transition:all 550ms cubic-bezier(.4,0,.23,1); width:100%; left:0;}
.piclist li a:hover .casename{bottom:0;}
.swaplist{ position:absolute; left:-3600px; top:0px}
.og_prev,.og_next{ width:64px; height:41px; background:rgba(255,255,255,.3); text-align:center; line-height:41px;position:absolute; top:50%; z-index:99; cursor:pointer; color:#257ac5; font-size:18px;}
.og_prev{ left:-64px;}
.og_next{right:-64px;}


.foot{ background:#454545; width:100%; height:360px; clear:both;}
.footbox{ width:1200px; margin:0 auto;}
.link{ float:left; width:805px; margin-top:45px; border-right:1px solid #717171}
.link ul{ float:left; width:158px;}
.link ul li{ line-height:30px;}
.link ul h1{ margin-bottom:20px;}
.link ul h1 a{ color:#fff; font-size:15px;}
.link ul li a{ font-size:13px; color:#aaa; text-overflow: ellipsis; width:100px; overflow: hidden; display: block; white-space:nowrap;}
.link ul li a:hover{ color:#fff;}
.info{ float:right; width:375px;margin-top:45px;}
.info dl dt{ text-align:center;}
.info dl dd{ margin-top:10px;}
.info dl dd p{ line-height:30px; color:#aaa;}
footer{ width:100%; height:64px; line-height:64px; background:#333;}
.footerbox{ width:1200px; margin:0 auto; text-align:center;}
.footerbox span{ margin:6px; color:#666;}
.footerbox span a{ color:#a8a8a8;}
.footerbox span a:hover{ text-decoration:underline;}

.kefu{ position:fixed; right:0; top:200px; z-index:9999;}
.kefinfo{ background:#fff; border:1px solid #eee;box-shadow:1px 1px 15px #666;}
.kefuimg{ display:block; }
.kefuimg img{width:79px; height:78px;box-shadow:1px 1px 15px #888;border-radius:100%;-webkit-border-radius:100%;-moz-border-radius:100%;}
.kefinfo{ position:absolute; width:182px;background:#fff; right:79px; top:0;}
.kefinfo li{ height:87px; line-height:86px; text-align:center; width:100%;}
.dh{background: -webkit-linear-gradient(left,#53a8f1, #44c6e3); /* Safari 5.1 - 6.0 */
background: -o-linear-gradient(right, #53a8f1, #44c6e3); /* Opera 11.1 - 12.0 */
background: -moz-linear-gradient(right,#53a8f1, #44c6e3); /* Firefox 3.6 - 15 */
background: linear-gradient(to right, #53a8f1, #44c6e3);}
.dh img{ float:left; margin:20px 10px 0 15px;}
.dh p{ float:left; text-align:left; line-height:22px; padding-top:15px; color:#fff;}
.kefinfo li.qq{ height:67px; line-height:67px; border-bottom:1px solid #eee}
.qq img{ float: left; margin:15px 10px 0 15px;}
.qq a,.dh a{ display:block;}
.qq p{  float: left;color:#4ca5ef;}
.hezuo{position:fixed; right:0; top:300px; z-index:9999;}
.hezuo a{ display:block;}
.hezuo > a img{width:79px; height:78px;box-shadow:1px 1px 15px #888;border-radius:100%;-webkit-border-radius:100%;-moz-border-radius:100%;}
.hzlist{ position:absolute; background:#fff; border:1px solid #eee;box-shadow:1px 1px 15px #666;right:79px; top:0; width:310px;}
.hzlist li{ float:left; border:1px dashed #ddd;border-radius:10px;-webkit-border-radius:10px;-moz-border-radius:10px; padding:10px; width:60px; height:60px; margin:10px; overflow: hidden;}
.hzlist li:hover{ border:1px dashed #257ac5;}
.hzlist li a{ display:block; }
.hzlist li a img{ width:60px; height:60px;}



.npic{ width:100%; height:405px; clear:both;}
.npic img,.jybox img,.zzbox img{ width:100%;}
.ncont{ margin-top:60px;}
.nytitle{width:307px; height:70px; text-align:center; line-height:100px; margin:0 auto; font-size:22px;overflow: hidden;}
.jybox{ width:100%; clear:both;}
.zzbox{width:100%;}
.zzbox a,.jybox a{ display:block;}
.gybox{ width:100%; height:363px; background:#f4f4f4;}
.gymain{ width:1200px; margin:0 auto;}
.gymain_l{ float:left; margin-top:20px; width:580px; margin-left:20px;}
.gymain_r{ float:right; margin-top:30px;}
.gymain_l h1{ font-size:46px; margin-bottom:20px;}
.gymain_l p{ line-height:30px;}
.ljxq{ display:block; width:188px; height:52px; background:#333; line-height:52px; text-align:center; color:#fff; font-size:15px; margin-top:30px;transition:all 250ms cubic-bezier(.4,0,.23,1);-webkit-transition:all 250ms cubic-bezier(.4,0,.23,1);-moz-transition:all 250ms cubic-bezier(.4,0,.23,1);}
.ljxq:hover{ background:#257ac5;}
.mt{ margin-top:20px;}

.gycont{ width:1200px; margin:0 auto; margin-top:30px;}
.gycont h1{ font-size:24px; color:#257ac5; text-align:center; line-height:80px;}
.gycont p{ line-height:28px; text-indent:20px;}
.qywh{ font-family:"隶书"; font-size:18px; margin-top:20px;}
.qywh h2{}
.height{ height:auto;}
.pd{ padding-bottom:30px;}
.zjimg{ width:100%;}
.zjimg img{width:100%;}

.newsbox{ width:100%; margin:0 auto; background:#fcfcfc; padding-top:20px;}
.news{ width:1200px; margin:0 auto;}
.news ul{ position:inherit;}
.news ul li a{ width:100%;}
.news ul li a div.newlist_r{ float:left;margin-left:20px; width:1050px;}
.page{ text-align:center; margin-top:50px; clear:both;}
.page a{ display:inline-block; border:1px solid #ddd; text-align:center; padding:8px 15px; color:#666; margin:0 5px; vertical-align:middle;
transition: all 400ms cubic-bezier(.4,0,.23,1);-moz-transition: all 400ms cubic-bezier(.4,0,.23,1);-webkit-transition: all 400ms cubic-bezier(.4,0,.23,1);}
.page span{ display:inline-block; border:1px solid #ddd; text-align:center; padding:8px 15px; color:#666; margin:0 5px; vertical-align:middle;
transition: all 400ms cubic-bezier(.4,0,.23,1);-moz-transition: all 400ms cubic-bezier(.4,0,.23,1);-webkit-transition: all 400ms cubic-bezier(.4,0,.23,1); background:#febc42; color:#fff!important;}
.page a:hover{ background:#febc42; color:#fff!important;}
.newtitle{ width:286px; margin:0 auto;}
.newtitle span{ display: inline-block; background:#b6b6b6; width:121px; height:37px; line-height:37px; text-align:center; margin-left:10px; color:#fff;border-radius:20px;-webkit-border-radius:20px;-moz-border-radius:20px; cursor:pointer;transition:all 250ms cubic-bezier(.4,0,.23,1);-webkit-transition:all 250ms cubic-bezier(.4,0,.23,1);-moz-transition:all 250ms cubic-bezier(.4,0,.23,1);}
.newtitle span:hover{background:#257ac5;}
.newtitle span.newtitleactive{background:#257ac5;}

.casebox{ width:1200px; margin:0 auto; margin-top:30px;}
.casetitle{ border:1px solid #257ac5; height:47px; width:100%;border-radius:20px;-webkit-border-radius:20px;-moz-border-radius:20px;}
.casetitle > li{ float:left; width:171px; height:47px; line-height:47px; text-align:center; position:relative;}
.casetitle > li > a{ font-size:16px; color:#257ac5;}
.casetitle > li > a:hover{ background:#257ac5; color:#fff; padding:5px 12px;}
.casetitle > li > a.casetitlet_ac{background:#257ac5; color:#fff; padding:5px 12px;}
.casetitle > li:after{ display:block; position:absolute; top:4px; right:0;
content: "";
height: 40px;
width: 1px; background:#257ac5;transform:skewX(20deg);
-ms-transform:skewX(20deg); 	/* IE 9 */
-moz-transform:skewX(20deg); 	/* Firefox */
-webkit-transform:skewX(20deg); /* Safari 和 Chrome */
-o-transform:skewX(20deg); }
.casetitle > li:last-child:after{ display:none;}
.casetitle > li ul{ margin:15px 0 0 25px;}
.casetitle > li ul li{ float:left; height:17px; line-height:17px;border-left:1px solid #333;}
.casetitle > li ul li:nth-child(1){ border:none;}
.casetitle > li ul li a{ font-size:15px; color:#333; padding:0 5px;}
.casetitle > li ul li a:hover{ color:#257ac5}
.casetitle > li ul li a.casetitle_ac{color:#257ac5}
.case_t{ width:100%; height:89px; border-bottom:1px solid #ddd;}
.gclist{ margin-top:20px;}
.gclist li{ width:266px; height:246px; border-bottom:1px solid #bbb; float:left; margin:17px; position:relative;}
.gclist li > a{ display:block; overflow:hidden; width:266px; height:200px;}
.gclist li > a img{ width:100%;transition:all 250ms cubic-bezier(.4,0,.23,1);-webkit-transition:all 250ms cubic-bezier(.4,0,.23,1);-moz-transition:all 250ms cubic-bezier(.4,0,.23,1);}
.gclist li p{ line-height:46px; text-align:center; font-size:15px;}
.gclist li:hover p a{ color:#257ac5}
.gclist > li:after{position: absolute;
content: "";
left: 0;
bottom: -1px;
height: 1px;
width: 0;
transition: .5s;
background-color: #257ac5;}
.gclist li:hover:after{ width:100%;}
.gclist li:hover .gcimg{transform:scale(1.1);
-ms-transform:scale(1.1); 	/* IE 9 */
-moz-transform:scale(1.1); 	/* Firefox */
-webkit-transform:scale(1.1); /* Safari 和 Chrome */
-o-transform:scale(1.1); }


.rybox{ background:url(../image/rybg.jpg) left bottom no-repeat; min-height:400px;padding-top:30px;}
.rylist{ margin-top:20px; width:1200px; margin:0 auto;}
.rylist li{ width:266px; height:246px; border-bottom:1px solid #bbb; float:left; margin:17px; position:relative;}
.rylist li > a{ display:block; overflow:hidden; width:266px; height:200px;}
.rylist li > a img{ width:100%;transition:all 250ms cubic-bezier(.4,0,.23,1);-webkit-transition:all 250ms cubic-bezier(.4,0,.23,1);-moz-transition:all 250ms cubic-bezier(.4,0,.23,1);}
.rylist li p{ line-height:46px; text-align:center; font-size:15px;}
.rylist li:hover p a{ color:#257ac5}
.rylist > li:after{position: absolute;
content: "";
left: 0;
bottom: -1px;
height: 1px;
width: 0;
transition: .5s;
background-color: #257ac5;}
.rylist li:hover:after{ width:100%;}
.rylist li:hover .gcimg{transform:scale(1.1);
-ms-transform:scale(1.1); 	/* IE 9 */
-moz-transform:scale(1.1); 	/* Firefox */
-webkit-transform:scale(1.1); /* Safari 和 Chrome */
-o-transform:scale(1.1); }

.glbox{ margin-top:20px; width:1200px; margin:0 auto;}
.gllist{}
.gllist li{ float:left; width:394px; margin-left:8px;}
.gllist li:nth-child(1){ margin-left:0;}
.gllist li a{ display:block; overflow:hidden;}
.gllist li a img{ width:100%;transition:all 250ms cubic-bezier(.4,0,.23,1);-webkit-transition:all 250ms cubic-bezier(.4,0,.23,1);-moz-transition:all 250ms cubic-bezier(.4,0,.23,1);}
.gllist li p{ width:335px; margin:0 auto; height:71px; line-height:71px; text-align: center; font-size:20px; border-bottom:1px solid #bbb; position:relative;}
.gllist li p.glname:after{position: absolute;
content: "";
left: 0;
bottom: -1px;
height: 1px;
width: 0;
transition: .5s;
background-color: #257ac5;}
.gllist li:hover .glname:after{ width:100%;}
.gllist li:hover .gcimg{ opacity:0.7;}

.lxbox{ background:url(../image/lxbg.jpg) no-repeat left top; background-size:100%; width:100%; min-height:250px;}
.lxmain{ width:1200px; margin:0 auto;}
.lxcont{ float: left; width:620px; background:#fff url(../image/lxcbg.png) no-repeat; height:225px; padding:30px;}
.lxcont h1{ font-size:24px; color:#257ac5; margin-bottom:10px;}
.lxcont p{ font-size:18px; line-height:40px;}
.zp{ float:right; width:519px; height:230px; background:url(../image/zpbg.jpg) no-repeat; position:relative;}
.dhh{ margin-bottom:-10px;}
.zpxq{ display:block; position:absolute; bottom:0px; right:10px; background:#fff; border:1px solid #888; text-align:center; width:91px; height:24px; line-height:24px; font-size:12px;
border-radius:20px;-webkit-border-radius:20px;-moz-border-radius:20px;}

.zpcont{ border-bottom:1px solid #ddd; padding:30px 0;}
.zpinfo{ width:1200px; margin:0 auto;}
.zpinfo h1{ font-size:18px; color:#257ac5; line-height:50px;}
.zptj{}
.zptj ul{ float:left; width:400px; position:relative; padding-left:110px; border-right:1px solid #888;box-sizing:border-box;
-moz-box-sizing:border-box; /* Firefox */
-webkit-box-sizing:border-box;}
.zptj ul:last-child{ border:none;}
.zptj ul li{ line-height:35px; }
.zpinfo h2{ font-size:16px; font-weight:bold; clear:both; margin-bottom:10px; padding-top:10px;}
.zpinfo h2 b{ width:6px; height:6px; display:inline-block; background:#666; margin-right:8px;}
.zpinfo p{ line-height:30px; text-indent:10px;}