@media (min-width:1199px){
	
	#waptop ,.hide_m ,#footer_phone{display: none!important;}

}

/*手机版*/
@media (max-width:991px){

#top ,#menu ,.pc { display:none}

.wp1200{ width:100%; margin:0 auto; }



#waptop {height: 48px}
#waptop #waptopbg {width: auto}
.nav-toggle {width: 100%;position: fixed;height: 48px;z-index: 90;top: 0;left: 0;background-color: #fff}
.nav-toggle:before {width: 100%;height: 48px;background-color: #333;content: "";position: fixed;top: 0;left: 0;-webkit-transform: translateY(0%);-ms-transform: translateY(0%);transform: translateY(0%);
	-webkit-transition-duration: .3s;transition-duration: .3s;opacity: 0}
.nav-open .nav-toggle:before {width: 100%;height: 100%;background-color: #fff;opacity: 1;-webkit-transition-duration: .3s;transition-duration: .3s}
.nav {position: fixed;top: 48px;left: 0;width: 100%;height: 100%;-webkit-transition-duration: .2s;transition-duration: .2s;opacity: 0;-webkit-transform: translateY(-20px);transform: translateY(-20px);
	z-index: -1}
.nav-open .nav { background:#045a8d;opacity: 1;-webkit-transform: translateY(0);transform: translateY(0);z-index: 91;-webkit-transition-duration: .2s;transition-duration: .2s}
.nav ul {padding: 0 48px}
.nav ul li {list-style: none;width: 100%;opacity: 0;-webkit-transform: translateY(10px);-ms-transform: translateY(10px);transform: translateY(10px)}
.nav-open .nav ul li {opacity: 1;-webkit-transform: translateY(0px);-ms-transform: translateY(0px);transform: translateY(0px);-webkit-transition: opacity 400ms ease, -webkit-transform 400ms ease;transition: opacity 400ms ease, -webkit-transform 400ms ease;-o-transition: transform 400ms ease, opacity 400ms ease;
	transition: transform 400ms ease, opacity 400ms ease;transition: transform 400ms ease, opacity 400ms ease, -webkit-transform 400ms ease}
.nav-open .nav ul li:nth-child(1) {transition-delay: .1s;-webkit-transition-delay: .1s}
.nav-open .nav ul li:nth-child(2) {transition-delay: .15s;-webkit-transition-delay: .15s}
.nav-open .nav ul li:nth-child(3) {transition-delay: .2s;-webkit-transition-delay: .2s}
.nav-open .nav ul li:nth-child(4) {transition-delay: .25s;-webkit-transition-delay: .25s}
.nav-open .nav ul li:nth-child(5) {transition-delay: .3s;-webkit-transition-delay: .3s}
.nav-open .nav ul li:nth-child(6) {transition-delay: .35s;-webkit-transition-delay: .35s}
.nav-open .nav ul li:nth-child(7) {transition-delay: .4s;-webkit-transition-delay: .4s}
.nav-open .nav ul li:nth-child(8) {transition-delay: .45s;-webkit-transition-delay: .45s}
.nav-open .nav ul li:nth-child(9) {transition-delay: .5s;-webkit-transition-delay: .5s}
.nav-open .nav ul li:nth-child(10) {transition-delay: .55s;-webkit-transition-delay: .55s}
.nav-open .nav ul li:nth-child(11) {transition-delay: .6s;-webkit-transition-delay: .6s}
.nav-open .nav ul li:nth-child(12) {transition-delay: .65s;-webkit-transition-delay: .65s}
.nav-open .nav ul li:nth-child(13) {transition-delay: .7s;-webkit-transition-delay: .7s}
.nav-open .nav ul li:nth-child(14) {transition-delay: .75s;-webkit-transition-delay: .75s}
.nav-open .nav ul li:nth-child(15) {transition-delay: .8s;-webkit-transition-delay: .8s}
.nav ul li a {display: block;padding: 0;text-align: left;line-height: 45px;height: 45px;color: #fff;text-decoration: none;font-size: 16px;border-bottom: 1px solid #5d94b5}
.nav ul li a.cur {color: #999}
.nav ul:hover li a {opacity: .5}
.nav ul:hover li:hover a {opacity: 1}
#nav-icon {height: 48px;width: 58px;display: block;z-index: 91;position: absolute;top: 0;left: 0}
.nav-icon:before, .nav-icon:after {width: 25px;height: 3px;background-color: #03598c;content: "";position: absolute;left: 0;-webkit-transition-duration: .5s;transition-duration: .5s}
.nav-icon:before {top: -7px}
.nav-icon:after {top: 7px}
.nav-icon {width: 25px;height: 3px;background-color: #03598c;position: fixed;top: 23px;left: 15px;-webkit-transition-duration: .5s;transition-duration: .5s}
.nav-open .nav-icon {width: 0}
.nav-open .nav-icon:before {-webkit-transform: translateY(7px) rotate(45deg);-ms-transform: translateY(7px) rotate(45deg);transform: translateY(7px) rotate(45deg)}
.nav-open .nav-icon:after {-webkit-transform: translateY(-7px) rotate(-45deg);-ms-transform: translateY(-7px) rotate(-45deg);transform: translateY(-7px) rotate(-45deg)}
#logo {display: block;position: fixed;color: #fff;width: 40%;text-align: center;top: 5px;left: 27%;margin: 0 0 0 0;z-index: 91;content: "";height: 35px;overflow: hidden}
#logo a {height: auto;overflow: hidden;display: block}
#logo img {width: 100%;height: auto}
#qq {position: fixed;top: 0;right: 0;color: #fff;-webkit-transition-duration: .5s;transition-duration: .5s;z-index: 91;content: ""}
.nav-open #qq {right: -100px}
.actions {display: inline-block;
*zoom:1;
*display:inline;vertical-align: middle;position: absolute;right: 0;top: 0;height: 48px;width: 100px}
.actions a {display: block;float: right;padding: 10px;text-align: center}
.icon-qq {
	display: inline-block;
*zoom:1;
*display:inline;width: 22px;height: 26px;vertical-align: middle;background: url(../image/icon-qq.png) no-repeat center center;background-size: 80%
}
.icon-im {display: inline-block;*zoom:1;*display:inline;width: 26px;height: 26px;vertical-align: middle;background: url(../image/icon-im.png) no-repeat center center;background-size: 90%}
.icon-call {display: inline-block;*zoom:1;*display:inline;width: 25px;height: 26px;vertical-align: middle;background: url(../image/icon-call.png) no-repeat center center;background-size: 80%}



/*phonefooter*/
#footer_phone
{
    background: #015185;
    position: fixed;
    bottom: 0;
    width: 100%;
    left: 0;
    height: 40px;
    line-height: 40px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    z-index: 10000;
   
}

#footer_phone a {
    width: 33.3%;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    border-right: 1px solid #fff;
    float: left;
    display: block;
    /*text-align: center;*/
    background-repeat: no-repeat;
    background-position: 13% center;
    padding-left: 12%;
    font-size: 12px;
    color: #fff;
}

#footer_phone a:first-of-type {
    background-image: url("../image/fot_sy.png");
    padding-left: 15%;
    background-position-x: 27%;
}

#footer_phone a:nth-of-type(2) {
    background-image: url("../image/fot_ly.png");
}

#footer_phone a:last-of-type {
    border-right: 0;
    background-image: url("../image/fot_zx.png");
    background-position-x: 36%;
   padding-left: 17%;
}








footer{ width:100%; background:#0c1a23; height: auto; padding:30px 0 0 0; color:#FFFFFF;}
footer .fleft{ float:left; width:100%; padding:0 3%; height:auto; border:none}
footer .fleft p{ font-size:14px; margin-top:30px;}
footer .fleft h2{ font-size:30px; line-height:36px; color:rgba(255,255,255,.7)}
footer .fleft h2:hover{color:rgba(255,255,255,1)}

footer .fmid{ width:100%; float:left; margin-left:3%; font-size:1rem; margin-top:2%}
footer .fmid p{ font-size:16px; border-left:2px solid #FFFFFF; height:16px; line-height:16px; padding-left:8px; margin-bottom:16px;}

footer .fmid .footer-main {overflow: hidden; float:left; width:100%; margin-top:4%; }
footer .fmid .footer-main>li {display: block;line-height: 30px; width:100px; float:left; }
footer .fmid .footer-main>li>a {color: #fff;font-size: 14px;width: 100%;}
footer .fmid .footer-main>li:hover>a {color: #006eba;padding-left: 5px;}

footer .fmid .fcontact{ float:left; width:100%; padding:0; margin-top:4%; margin-bottom:15%;}
footer .fmid .fcontact li{ float: left; width:100%; margin-bottom:6px;}

footer .fright{ float:right; width:100%; display:none; text-align:center; margin-bottom:10%; margin-top:2%;}
footer .fright img{ width:30%; height:auto}
footer .fright p{ line-height:35px; text-align:center;}

footer .bottom{ width:100%; display:none; border-top:1px solid #253139; margin-top:50px; height:47px; float:left; line-height:47px; color:#FFFFFF; font-size:14px;}
footer .bottom .bleft{ width:70%; float:left;}
footer .bottom .bright{ width:30%; float:right; text-align:right;}
footer .bottom .bright a{ color:#FFFFFF}
footer .bottom .bright a:hover{ color:#FF0004}

/*广告*/
.guang{ width:100%;  padding:0 0 5% 0; margin:20px 0}
.guang .guang-list  {float: left; width:23%;text-align:left;margin-right: 2%; height:90px;}
.guang .guang-list:nth-child(4n){margin-right: 0}
.guang .guang-list:last-child{ margin-right: 0;}
.guang .guang-list .f1{ color: #105893;font-size: 1.1rem; line-height:22px; height:30px; float:left; font-weight:bold; font-family: thyFont2; margin-bottom:0;}
.guang .guang-list .f1 sub{ font-size:0.6rem; color:#5080ab; position:relative; top:0px; float:right;}
.guang .guang-list .f2{ color: #777; font-size: 0.8rem; margin-top: 2%; margin-bottom:7%; height:30px; float:left; line-height:16px;}
.guang .guang-list .f3{ width:40px; border-bottom:3px solid #105893; float:left;}
.guang .guang-list .f4{ width:60px; border-bottom:1px solid #a6a6a6; float:left; position:relative; bottom:1px;}

.inabout{ background:#f8f8f8; width:100%; padding:20px 3%;}
.inabout .img{ float: left; width:100%; height:auto; padding:10px; border:1px solid #105893; overflow: hidden;}
.inabout .img img{ width:100%; height:auto}
.inabout :hover .img img {}
.inabout .intext{ float:right; width:100%;}
.inabout .intext .tie{ float:left; width:100%; line-height:26px; margin-top:2%; font-size:1rem;}
.inabout .intext .tie a:hover{ color:#105893;}
.inabout .intext .more{ float:left; width: auto; margin-top:16px; border:1px solid #105893; padding-right:8px;}
.inabout .intext .more a{ padding:6px 26px; float:left; color:#000; font-size:1rem; border-right:1px solid #105893; margin-right:8px;}
.inabout .intext .more a:hover{ color:#1168a1}
.inabout .intext .more img{ margin-top:6px;}

.nu{ width:100%; height:120px; margin-bottom:30px; background:url(../image/nu.jpg) no-repeat center 0; text-align:center}
.nu h2{ color:#FFFFFF; text-align:center; font-size:1.2rem; line-height:30px; margin-top:30px; padding-bottom:20px;}
.nu p{ width:80px; text-align:center; margin:0 auto; border-bottom:2px solid #FFFFFF}

.Box {position: relative; margin-bottom:30px;}
			.Box .content {width: 100%;margin: 0 auto; margin-top:50px;}
			.Box h2 {text-align: center;margin-bottom: 35px;padding-top: 250px;}
			.Box .Box_con {position: relative; height: auto;}
			.Box .Box_con .btnl {position: absolute;}
			.Box .Box_con .btn {display: block;width: 41px;height: 41px;position: absolute;top: 180px;cursor: pointer;}
			.Box .Box_con .btnl {background: url(../image/jtl02.png) no-repeat center;left: -72px;}
			.Box .Box_con .btnr {background: url(../image/jtr02.png) no-repeat center;right: -72px;}
			.Box .Box_con .btnl:hover {background: url(../image/jtl03.png) no-repeat center;}
			.Box .Box_con .btnr:hover {background: url(../image/jtr03.png) no-repeat center;}
			.Box .Box_con .conbox {position: relative;overflow: hidden;}
			.Box .Box_con .conbox ul {position: relative;list-style: none;}
			.Box .Box_con .conbox ul li {float: left;width: 250px;height: auto;margin-left: 20px;overflow: hidden;}
			.Box .Box_con .conbox ul li:first-child {margin-left: 0;}
			.Box .Box_con .conbox ul li img {display: block;width: 100%;height: auto;transition: all 0.5s;}
			.Box .Box_con .conbox ul li:hover img {transform: scale(1.1);}
			
			.Box .BoxSwitch {margin-top: 30px;text-align: center;}
			.Box .BoxSwitch span {display: inline-block;*display: inline;*zoom: 1;vertical-align: middle;width: 30px;height: 3px;background: #ccc;margin: 0 5px;cursor: pointer;}
			.Box .BoxSwitch span.cur {background: red;}


.innews{ width:100%; margin:0 auto; margin-bottom:3%;}
.innews .title{ color:#c3cfdd; font-size:1.2rem; text-align:center; font-weight:bold;}
.innews h2{ color:#105893; font-size:1.3rem; text-align: center; position: relative; bottom:26px;}
.innews .line{ border-bottom:2px solid #105893; width:30px; margin:0 auto; position: relative; bottom:26px;}
.innews li:nth-child(3n){margin-right: 0}
.innews ul{ width:100%; float:left; padding:0 3%}
.innews li{ float: left; width:32%; margin-right:2%;}
.innews li .img{ width:100%; overflow:hidden; float:left; margin-bottom:10px; margin-top:20px;}
.innews li .img img{ width:100%; height:auto;}
.innews li a:hover .img img { -webkit-transform: scale(1.1, 1.1); transform: scale(1.1, 1.1); -webkit-transition: all 0.2s ease-in-out 0s; transition: all 0.2s ease-in-out 0s; }
.innews li .date{ width:100%; border-bottom:1px solid #999999; font-size:1.1rem; padding-bottom:4px; float:left; margin-bottom:10px;}
.innews li a:hover .date{ color:#096dbf;}
.innews li .text{ float:left; width:100%; margin-bottom:10px; font-size:1rem; color:#999999; font-weight: normal;}
.innews li a:hover .text{ color:#333;}
.innews li p{ line-height:26px; color:#999999; display:none}

.HomeTit{ height:35px; line-height:35px; width: 100%; margin-left:16%; text-align:center}
.HomeTit li{ cursor:pointer; float:left; padding:0 30px; border:1px solid #105893; margin-right:6%; color:#105893; font-size:1.1rem; width: auto; text-align:center}
.HomeTit li.on{ color:#fff; background:#096dbf;  border:2px solid #ececec;}
.HomeTit li.on .ico .i1{ display:none;}.HomeTit li.on .ico .i2{ display:inline-block;}
.HomeTit li:nth-child(2n){ margin-right:0;}

.incase{ width:100%; background:url(../image/case_bg.jpg) no-repeat center 0; height: auto; padding:6% 0; margin-bottom:50px;}
.Homecase{ height:35px; line-height:35px; width: 100%; float:left; text-align:center; margin-left:6%;}
.Homecase li{ cursor:pointer; float:left; padding:0 3.5%; border:2px solid #ddd; background:#105893; margin-right:4%; color:#fff; font-size:1rem; width: auto; text-align:center}
.Homecase li.on{ color:#fff; background:#096dbf;  border:2px solid #dddddd;}
.Homecase li.on .ico .i1{ display:none;}.HomeTit li.on .ico .i2{ display:inline-block;}
.Homecase li:nth-child(4n){ margin-right:0;}

.Boxx {position: relative;}
			.Boxx .content {width: 100%;margin: 0 auto; margin-top:6%; float:left;}
			.Boxx .Box_con {position: relative;}
			.Boxx .Box_con .btnl {position: absolute;}
			.Boxx .Box_con .btn {display: block;width: 41px;height: 41px;position: absolute;top: 100px;cursor: pointer;}
			.Boxx .Box_con .btnl {background: url(../image/jtl02.png) no-repeat center;left: -72px;}
			.Boxx .Box_con .btnr {background: url(../image/jtr02.png) no-repeat center;right: -72px;}
			.Boxx .Box_con .btnl:hover {background: url(../image/jtl03.png) no-repeat center;}
			.Boxx .Box_con .btnr:hover {background: url(../image/jtr03.png) no-repeat center;}
			.Boxx .Box_con .conbox {position: relative;overflow: hidden;}
			.Boxx .Box_con .conbox ul {position: relative;list-style: none;}
			.Boxx .Box_con .conbox ul li {float: left;width: 400px;height: auto;margin-left: 0;overflow: hidden;}
			.Boxx .Box_con .conbox ul li div{ width:98%; height:auto; overflow:hidden}
			.Boxx .Box_con .conbox ul li:first-child {margin-left: 0;}
			.Boxx .Box_con .conbox ul li img {display: block;width: 100%; height:auto;transition: all 0.5s;}
			.Boxx .Box_con .conbox ul li:hover img {transform: scale(1.1);}
			
.Boxx .Box_con .conbox ul li .text{ position: relative; bottom:85px; height:85px; font-size:17px; line-height:85px; padding-top:20px; width:371px; background:url(../image/bgcase.png) no-repeat; text-align:left; padding-left:20px; color:#fff; display:none}
.Boxx .Box_con .conbox ul li:hover .text{ display:block;}
			
			
			
			.Boxx .BoxSwitch {margin-top: 30px;text-align: center;}
			.Boxx .BoxSwitch span {display: inline-block;*display: inline;*zoom: 1;vertical-align: middle;width: 30px;height: 3px;background: #ccc;margin: 0 5px;cursor: pointer;}
			.Boxx .BoxSwitch span.cur {background: red;}


.in_about{ width:100%; margin:0 auto;}
.in_about .title{ color:#c3cfdd; font-size:1.2rem; text-align:center; font-weight:bold;}
.in_about h2{ color:#105893; font-size:1.3rem; text-align: center; position: relative; bottom:26px;}
.in_about .line{ border-bottom:2px solid #105893; width:30px; margin:0 auto; position: relative; bottom:26px;}





.field{ width:100%; margin:0 auto; margin-bottom:30px; padding:0 3%;}
.field h2 a{line-height: 80px;font-size: 24px;color: #333;font-weight: normal; background:none; margin-bottom:20px;}
.yw .ywCon{position: relative;width: 100%;height: 477px;overflow: hidden;}
.yw .ywCon .bg{position: absolute;top: 0;left: 0;width: 100%;height: auto;transition:  transform .3s ease-in-out;-moz-transition:  transform .3s ease-in-out;-webkit-transition:  transform .3s ease-in-out;}
.yw .ywCon:hover .bg{-webkit-transform: scale(1.05);-moz-transform: scale(1.05);-ms-transform: scale(1.05);-o-transform: scale(1.05);transform: scale(1.05);}
.yw .ywCon img { width:100%; height:auto}
.yw .ywCon img.icon{display: none;}
.yw .ywCon .ywSum{display: none;}
.yw .ywCon .ywName{position: absolute;font-size: 18px;line-height: 40px;color: #fff;}
.yw .ywCon .yline{position: absolute; width:40px; top:270px; left:180px;font-size: 18px;line-height: 40px;border-bottom: 3px solid #fff;color: #fff; }

.yw .ywCon .ywName1{position: absolute; top:100px; left:90px;font-size: 18px;line-height: 40px;color: #fff;}
.yw .ywCon .yline1{position: absolute; width:40px; top:100px; left:82px;font-size: 18px;line-height: 40px;border-bottom: 3px solid #fff;color: #fff; }
.centerYw .ywCon:hover .ywName1{position: inherit; position:absolute;top:-11px; line-height:180px; width:330px; height:180px; left:33px;margin: 40px 30% 10px 0;border: 1px solid #fff;text-align: center;}
.centerYw .ywCon:hover .yline1{ border:none}

.yw .ywCon .ywName2{position: absolute; top:50px; left:20px;font-size: 1rem;line-height: 40px;color: #fff;}
.yw .ywCon .yline2{position: absolute; width:40px; top:90px; left:82px;font-size: 18px;line-height: 40px;border-bottom: 3px solid #fff;color: #fff; }
.centerYw .ywCon:hover .ywName2{position: inherit; display:none; position:absolute;top:30px; line-height:158px; width:330px; height:180px; left:31px;margin: 0 30% 10px 0;border: 1px solid #fff;text-align: center;}
.centerYw .ywCon:hover .yline2{ border:none}

.yw .ywCon .ywName3{position: absolute; top:60px; left:10px;font-size: 1rem;line-height: 40px;color: #fff;}
.yw .ywCon .yline3{position: absolute; width:40px; top:100px; left:80px;font-size: 18px;line-height: 40px;border-bottom: 3px solid #fff;color: #fff; }
.centerYw .ywCon:hover .ywName3{position: inherit; position:absolute;top:-11px; line-height:180px; width:330px; height:180px; left:31px;margin: 40px 30% 10px 0;border: 1px solid #fff;text-align: center;}
.centerYw .ywCon:hover .yline3{ border:none}

.yw .ywCon .ywName4{position: absolute; top:50px; left:40px;font-size: 1rem;line-height: 40px;color: #fff;}
.yw .ywCon .yline4{position: absolute; width:40px; top:90px; left:90px;font-size: 18px;line-height: 40px;border-bottom: 3px solid #fff;color: #fff; }
.centerYw .ywCon:hover .ywName4{position: inherit; position:absolute;top:-11px; line-height:160px; width:330px; height:180px; left:35px;margin: 40px 30% 10px 0;border: 1px solid #fff;text-align: center;}
.centerYw .ywCon:hover .yline4{ border:none}

.leftYw .ywCon .ywName{top: 221px;left: 92px;}
.yw .ywCon .ywName1{position: absolute; top:60px; left:30px;font-size: 1rem;line-height: 40px;color: #fff;}

.rightYw .ywCon .ywName{bottom: 10px;right: 20px;}
.rightYw .ywCon.con2 .ywName{left: 20px;width: 75px;}
.yw .ywCon:hover .conBg{width: 100%;height: 100%;background: rgba(0,44,78,0.75);position: relative;background-image:url(/cctgroup/resource/cms/2017/11/yebg.png)\9;background-repeat:repeat-x;}
.leftYw .ywCon:hover a{display: block;width: 190px;line-height: 34px;color: #fff;font-size: 16px;margin: 0 auto;text-align: center;border: 1px solid #fff;border-radius: 4px;}
.leftYw .ywCon:hover img.icon{display: block;margin: 0 auto;padding-top: 30px;}
.leftYw .ywCon:hover .ywName{position: inherit;display: block;border:1px solid #FFFFFF;width: 340px; height:420px; line-height:420px; position:absolute;top:30px; left:30px;text-align: center;margin-left: 0;margin-bottom: 30px;}
.leftYw .ywCon:hover .yline{ border:none}



.leftYw .ywCon:hover .ywSum{display: block;margin: 50px auto;line-height: 32px;color: #fff;font-size: 16px;width: 80%;clear: both;text-align: center;}
.leftYw{width: 100%;height: 470px;}
.centerYw{margin-left: 0; width:49%;}
.centerYw .ywCon{width: 100%;height: 143px;}
.centerYw .ywCon.con2{margin-top: 15px;}
.centerYw .ywCon:hover a{display: block;width: 190px;line-height: 34px;color: #fff;font-size: 16px;margin: 0 auto;text-align: center;border: 1px solid #fff;border-radius: 4px;}
.centerYw .ywCon:hover img.icon{float: left;margin: 30px 0 10px 180px;display: block;}
.centerYw .ywCon:hover .ywName{position: inherit; position:absolute;top:-10px; line-height:180px; width:330px; height:180px; left:30px;margin: 40px 30% 10px 0;border: 1px solid #fff;text-align: center;}
.centerYw .ywCon:hover .ywSum{display: block;margin: 0px auto;line-height: 32px;color: #fff;font-size: 16px;width: 80%;clear: both;padding: 10px 0;margin-bottom: 10px;text-align:center;}
.rightYw{ width:33%; height:auto;}
.rightYw .ywCon{width: 100%;height: 234px; margin-bottom:15px;}
.rightYw .con2{margin-top: 15px;background: #002c4e url(/cctgroup/resource/cms/2017/11/jia.png) center 70px no-repeat;width: 100%;height: 234px;}
.rightYw .con2:hover{background: #17446a url(/cctgroup/resource/cms/2017/11/jia.png) center 70px no-repeat;}
.rightYw .con2 .more{display: block;text-align: center;padding-top: 145px;font-size: 16px;color: #fff;}
.rightYw .ywCon:hover a{display: block;width: 190px;line-height: 34px;color: #fff;font-size: 16px;margin: 0 auto;text-align: center;border: 1px solid #fff;border-radius: 4px;}
.rightYw .ywCon:hover img.icon{float: left;margin: 30px 0 0px 36%;display: block;}
.rightYw .ywCon:hover .ywName{position: inherit;margin: 58px 30% 0px 0;border-bottom: 3px solid #cf0808;width: 90px;text-align: center;float: right;}
.rightYw .ywCon:hover .ywSum{display: block;margin: 0px auto;line-height: 32px;color: #fff;font-size: 16px;width: 80%;clear: both;padding: 10px 0;text-align: center; margin-bottom:10px;}



#nbanner { position:relative; z-index:-1; width:100%;}
#nbanner img{ width:100%; height: auto;}

.about_content{ width:96%; margin:4% 2% 3%;}
.about_content p{ line-height:24px; font-size:1.1rem;}
.about_content p a{ color:#015185}
.about_content img{ width:100%; height:auto}
nav.pagelist { clear: both; text-align: center; font-size: 1.4rem; padding: 18px 0px 35px 0px; width:100%;}
nav.pagelist a { border: #edecec 1px solid; margin-right: 5px; padding: 3px 7px; color: #666; font-size:14px;}
nav.pagelist a:hover { color: #e06f23; text-decoration: none; }
nav.pagelist span.current { color: #fff; background-color: #2e6ab1; margin-right: 5px; padding: 3px 7px; }
nav.pagelist span.disabled { border: #ccc 1px solid; margin-right: 5px; padding: 3px 7px; color: #3C3C3C; }
nav.pagelist a.selectedd{ color: #f00}


.nav_menu { width:98%; margin:0 auto;background: #fff;border-bottom:1px solid #c3c3c3; height:50px; padding-left:2%}
.nav_menu h2 {float: left; border-left:3px solid #105793;  color:#333333; font-size:1.3rem; font-weight:normal; width: auto; line-height:22px; padding-left:10px; margin:14px 0;}


.right { float:right; text-align:right; display:none}
.right .location { font-size: 12px; text-align: right; height: 50px; line-height: 50px;}
.right .location .home {  padding-left: 25px;}
.right .location ul{ width:auto; text-align:right}
.right .location li { display: inline-block;}
.right .location li span { margin: 0 5px 0 6px;}
.right .location .active { color: #064B9D; font-size:14px;}
.right .location li a{ padding:0; color:#000000}
.right .location li a:hover{ color:#FF0004}

.level{ width:98%; margin:0 auto; background: url(../image/leval.jpg) no-repeat; margin-top:3%; height: auto; padding-bottom:2%; padding-left:2%}
.level li{ float:left; width: auto; margin-right:2%; text-align:center; margin-bottom:2%}
.level li a{ color:#fff; font-size:1rem; background: #000000; padding:0 10px; height:40px;line-height:40px; float:left;}
.level li a:hover{ color:#fff; background:#015185; border-bottom:1px solid #015185}
.level li a.hover{ color:#fff; background:#015185; border-bottom:1px solid #015185}


.recom_list li:nth-child(2n){margin-right: 0}
.recom_list{width: 100%; margin:10px 0 0 0; float:left;}
.recom_list li{float: left;border: 1px solid #eee;text-align: center;padding: 0;width:48.7%;margin-right: 2%;position: relative; margin-bottom:15px;}
.recom_list li div{width: 100%;height: auto;overflow: hidden;}
.recom_list li div img{ width: 100%;height: auto; cursor: pointer;transition: all 0.6s;}
.recom_list li:hover img{transform: scale(1.1,1.1); }
.recom_list li h3{font-weight: normal;color: #999;line-height:40px; font-size:1rem; padding:0; margin:0;}
.recom_list li i{display: block;width: 0;height: 1px;background: #ffac13;left: 0;bottom: 0;position: absolute;z-index: 1;transition: all 0.6s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;}
.recom_list li:nth-of-type(4n-3) i{background: #ffac13;}
.recom_list li:nth-of-type(4n-2) i{background: #83c44e;}
.recom_list li:nth-of-type(4n-1) i{background: #2196f3;}
.recom_list li:nth-of-type(4n) i{background: #e53935;}
.recom_list li:hover i{width: 100%;}
.recom_list li em{display: block;background: #004682;text-align: center;height: 20px;line-height: 20px;color: #fff;position: absolute;left: 0;top: 0;width: 50px;z-index: 1;}

.contact {margin-left: 3.75%;margin-top: 3.4375%; margin-bottom:5%; float:right;}
.contact .en { color:  #008ecd; font-size: 50px; font-family: 'Impact';}
.contact .cn {color:  #333333;font-size: 30px;}
.contact .short{width: 60px;height: 1px;background: #585858;margin-top: 1.3%; margin-bottom:4%}
.contact .blue {color:  #008ecd;font-size: 20px; float:left; width:100%;}
.contact .blue_en {color: #676767;font-size: 12px; margin-top: 5px;margin-bottom: 25px;}
.contact .same { width: 65%; height: 1px; background:  #c4c4c4; margin-bottom: 2%;}
.contact .phone {margin-bottom: 2.2%; background:url(../image/phone2.jpg) no-repeat; padding-left:80px;}
.contact .phone p { color:  #008ecd; font-size: 14px;}
.contact .phone h2 {color:  #008ecd;font-size: 24px;}
.contact .way { color:  #777777;font-size: 14px;line-height: 30px;margin-top: 2.7%;}
.contact .img{width: 50%;}
.contact .content{width: 46.25%;}
.contact_img{ border:1px solid #C1C1C1; margin-top: 3.4375%; float:left; margin-bottom:3%;}
.contact_img img{ width:auto; height:auto}
/*百度地图样式*/
#dituContent { width:380px; height:350px;}

.ex_news {clear: both;overflow: hidden;width: 94%; margin:30px 3%;}
.ex_news ul {overflow: hidden;}
.ex_news ul li {clear: both;padding: 0 ; width:100%;border-bottom: 1px solid #eee;overflow: hidden;background: #fff;position: relative;height: auto; padding-bottom:5%;margin-bottom: 20px;cursor: pointer;}
.ex_news ul li:last-child {margin-bottom: 0px;}
.ex_news ul li .ex_news_img {float: left;width: 30%;height: auto;background-image: url(/css/logo.png);background-repeat: no-repeat;background-position: center;overflow: hidden;top: 0;left: 0;}
.ex_news ul li .img_box {width: 100%;height: 165px;background-repeat: no-repeat;background-position: center;overflow: hidden;transition: all 0.6s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;background-size: cover;}
.ex_news ul li .ex_news_info {float: left;width: 65%;transition: all 0.6s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;position: absolute;top: 0;left: 33%;}
.ex_news ul li .ex_news_info h2{ font-size:1.2rem;}
.ex_news ul li .ex_news_info a {overflow: hidden;white-space: nowrap;text-overflow: ellipsis;transition: all 0.6s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;font-size: 1.1rem;display: block;width: 100%;padding-bottom: 10px;color: 666;}
.ex_news ul li .ex_news_info span{ float:left; width:100%; color:#888888;}
.ex_news ul li .ex_news_info p {height: 50px; float:left;line-height: 25px; width:100%;transition: all 0.6s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;overflow: hidden;color: #999;font-size: 1rem;}
.ex_news ul li .ex_news_date { border:1px solid #c3c3c3; width:100px; float:left; text-align:center; padding:8px 0; margin-top:20px;}
.ex_news ul li:hover a {color: #015185;}
.ex_news ul li:hover .ex_news_info { color:#015185;}
.ex_news ul li:hover .ex_news_date font {color: #015185; }
.ex_news ul li:hover .ex_news_date item {bottom: 60px}
.ex_news ul li:hover .img_box {transform: scale(1.1, 1.1);}

.n_body {overflow:hidden; margin-bottom:10px; float:left; width:100%; margin-top:40px;}
.n_body img{ width:100%; height:auto;}
#news_info { min-height:468px; height:auto !important; height:468px; overflow:visible;}
#news_info a { color:#3C3C3C; }
#news_info a:hover { color:#FA4A1F; }
#news_info .article_title { font-size:1.2rem; font-weight:bold; margin:0px; text-align:center; line-height:28px; }
#news_info .atdes { line-height:36px; text-align:center; border-bottom:1px dotted #BCBCBC; padding-bottom:8px;}
#news_info .atdes span{ padding:0px 6px; }
#news_info .news_body { font-size:1rem; padding:18px 12px; line-height:28px; text-align:left;}
#news_info .news_body img { border:1px solid #CCC; }
#news_info .news_body p { font-size:1rem; margin:0px 0px 6px 0px; }
#news_info .news_body p.pcut span { border:1px solid #B4B4B4; margin-right:2px; padding:2px 4px; font-weight:bold; color:#0473EC; }
#news_info .news_body p.pcut a { border:1px solid #B4B4B4; margin-right:2px; padding:2px 4px; color:#9E9E9E; }
#news_info .news_body p.pcut a:hover { text-decoration:none; color:#0473EC; }
#news_info .news_body a { color:#094B9F; }
#news_info .news_body a:hover { text-decoration:underline; color:#094B9F; }
#updown { font-size:14px; border-top:#BCBCBC 1px dotted; line-height:24px; padding-top:8px; padding-bottom:8px; text-align: center; float:left; width:100%; margin-top:18px;}
.prevnext { clear: both; padding: 16px 17px 25px 17px; text-align: center; height: auto !important; overflow: hidden; border-top:1px dashed #CCC;}
.prevnext .previous { font-size: 1rem; width: 100%; float: left; text-align: left; }
.prevnext .next { font-size: 1rem; width: 100%; float: right; text-align: left; }

}



@media (max-width:375px){
	
	
	

footer{ width:100%; background:#0c1a23; height: auto; padding:30px 0 0 0; color:#FFFFFF;}
footer .fleft{ float:left; width:100%; padding:0 3%; height:auto; border:none}
footer .fleft p{ font-size:14px; margin-top:30px;}
footer .fleft h2{ font-size:30px; line-height:36px; color:rgba(255,255,255,.7)}
footer .fleft h2:hover{color:rgba(255,255,255,1)}

footer .fmid{ width:100%; float:left; margin-left:3%; font-size:1rem; margin-top:2%}
footer .fmid p{ font-size:16px; border-left:2px solid #FFFFFF; height:16px; line-height:16px; padding-left:8px; margin-bottom:16px;}

footer .fmid .footer-main {overflow: hidden; float:left; width:100%; margin-top:4%; }
footer .fmid .footer-main>li {display: block;line-height: 30px; width:100px; float:left; }
footer .fmid .footer-main>li>a {color: #fff;font-size: 14px;width: 100%;}
footer .fmid .footer-main>li:hover>a {color: #006eba;padding-left: 5px;}

footer .fmid .fcontact{ float:left; width:100%; padding:0; margin-top:4%; margin-bottom:15%;}
footer .fmid .fcontact li{ float: left; width:100%; margin-bottom:6px;}

footer .fright{ float:right; width:100%; display:none; text-align:center; margin-bottom:10%; margin-top:2%;}
footer .fright img{ width:30%; height:auto}
footer .fright p{ line-height:35px; text-align:center;}

footer .bottom{ width:100%; display:none; border-top:1px solid #253139; margin-top:50px; height:47px; float:left; line-height:47px; color:#FFFFFF; font-size:14px;}
footer .bottom .bleft{ width:70%; float:left;}
footer .bottom .bright{ width:30%; float:right; text-align:right;}
footer .bottom .bright a{ color:#FFFFFF}
footer .bottom .bright a:hover{ color:#FF0004}

/*广告*/
.guang{ width:100%;  padding:0 0 5% 0; margin:20px 0}
.guang .guang-list  {float: left; width:23%;text-align:left;margin-right: 2%; height:90px;}
.guang .guang-list:nth-child(4n){margin-right: 0}
.guang .guang-list:last-child{ margin-right: 0;}
.guang .guang-list .f1{ color: #105893;font-size: 1.1rem; line-height:22px; height:30px; float:left; font-weight:bold; font-family: thyFont2; margin-bottom:0;}
.guang .guang-list .f1 sub{ font-size:0.6rem; color:#5080ab; position:relative; top:0px; float:right;}
.guang .guang-list .f2{ color: #777; font-size: 0.8rem; margin-top: 2%; margin-bottom:7%; height:30px; float:left; line-height:16px;}
.guang .guang-list .f3{ width:40px; border-bottom:3px solid #105893; float:left;}
.guang .guang-list .f4{ width:60px; border-bottom:1px solid #a6a6a6; float:left; position:relative; bottom:1px;}

.inabout{ background:#f8f8f8; width:100%; padding:20px 3%;}
.inabout .img{ float: left; width:100%; height:auto; padding:10px; border:1px solid #105893; overflow: hidden;}
.inabout .img img{ width:100%; height:auto}
.inabout :hover .img img {}
.inabout .intext{ float:right; width:100%;}
.inabout .intext .tie{ float:left; width:100%; line-height:26px; margin-top:2%; font-size:1rem;}
.inabout .intext .tie a:hover{ color:#105893;}
.inabout .intext .more{ float:left; width: auto; margin-top:16px; border:1px solid #105893; padding-right:8px;}
.inabout .intext .more a{ padding:6px 26px; float:left; color:#000; font-size:1rem; border-right:1px solid #105893; margin-right:8px;}
.inabout .intext .more a:hover{ color:#1168a1}
.inabout .intext .more img{ margin-top:6px;}

.nu{ width:100%; height:120px; margin-bottom:30px; background:url(../image/nu.jpg) no-repeat center 0; text-align:center}
.nu h2{ color:#FFFFFF; text-align:center; font-size:1.2rem; line-height:30px; margin-top:30px; padding-bottom:20px;}
.nu p{ width:80px; text-align:center; margin:0 auto; border-bottom:2px solid #FFFFFF}

.Box {position: relative; margin-bottom:30px;}
			.Box .content {width: 100%;margin: 0 auto; margin-top:3%;}
			.Box h2 {text-align: center;margin-bottom: 35px;padding-top: 250px;}
			.Box .Box_con {position: relative; height: auto;}
			.Box .Box_con .btnl {position: absolute;}
			.Box .Box_con .btn {display: block;width: 41px;height: 41px;position: absolute;top: 180px;cursor: pointer;}
			.Box .Box_con .btnl {background: url(../image/jtl02.png) no-repeat center;left: -72px;}
			.Box .Box_con .btnr {background: url(../image/jtr02.png) no-repeat center;right: -72px;}
			.Box .Box_con .btnl:hover {background: url(../image/jtl03.png) no-repeat center;}
			.Box .Box_con .btnr:hover {background: url(../image/jtr03.png) no-repeat center;}
			.Box .Box_con .conbox {position: relative;overflow: hidden;}
			.Box .Box_con .conbox ul {position: relative;list-style: none;}
			.Box .Box_con .conbox ul li {float: left;width: 175px;height: auto;margin-left: 20px;overflow: hidden;}
			.Box .Box_con .conbox ul li:first-child {margin-left: 0;}
			.Box .Box_con .conbox ul li img {display: block;width: 100%;height: auto;transition: all 0.5s;}
			.Box .Box_con .conbox ul li:hover img {transform: scale(1.1);}
			
			.Box .BoxSwitch {margin-top: 30px;text-align: center;}
			.Box .BoxSwitch span {display: inline-block;*display: inline;*zoom: 1;vertical-align: middle;width: 30px;height: 3px;background: #ccc;margin: 0 5px;cursor: pointer;}
			.Box .BoxSwitch span.cur {background: red;}


.innews{ width:100%; margin:0 auto; margin-bottom:3%;}
.innews .title{ color:#c3cfdd; font-size:1.2rem; text-align:center; font-weight:bold;}
.innews h2{ color:#105893; font-size:1.3rem; text-align: center; position: relative; bottom:26px;}
.innews .line{ border-bottom:2px solid #105893; width:30px; margin:0 auto; position: relative; bottom:26px;}
.innews li:nth-child(3n){margin-right: 0}
.innews ul{ width:100%; float:left; padding:0 3%}
.innews li{ float: left; width:32%; margin-right:2%;}
.innews li .img{ width:100%; overflow:hidden; float:left; margin-bottom:10px; margin-top:20px;}
.innews li .img img{ width:100%; height:auto;}
.innews li a:hover .img img { -webkit-transform: scale(1.1, 1.1); transform: scale(1.1, 1.1); -webkit-transition: all 0.2s ease-in-out 0s; transition: all 0.2s ease-in-out 0s; }
.innews li .date{ width:100%; border-bottom:1px solid #999999; font-size:1.1rem; padding-bottom:4px; float:left; margin-bottom:10px;}
.innews li a:hover .date{ color:#096dbf;}
.innews li .text{ float:left; width:100%; margin-bottom:10px; font-size:1rem; color:#999999; font-weight: normal;}
.innews li a:hover .text{ color:#333;}
.innews li p{ line-height:26px; color:#999999; display:none}

.HomeTit{ height:35px; line-height:35px; width: 100%; margin-left:13%; text-align:center}
.HomeTit li{ cursor:pointer; float:left; padding:0 30px; border:1px solid #105893; margin-right:6%; color:#105893; font-size:1.1rem; width: auto; text-align:center}
.HomeTit li.on{ color:#fff; background:#096dbf;  border:2px solid #ececec;}
.HomeTit li.on .ico .i1{ display:none;}.HomeTit li.on .ico .i2{ display:inline-block;}
.HomeTit li:nth-child(2n){ margin-right:0;}

.incase{ width:100%; background:url(../image/case_bg.jpg) no-repeat center 0; height: auto; padding:6% 0; margin-bottom:50px;}
.Homecase{ height:30px; line-height:30px; width: 100%; float:left; text-align:center; margin-left:5%;}
.Homecase li{ cursor:pointer; float:left; padding:0 3.5%; border:2px solid #ddd; background:#105893; margin-right:3%; color:#fff; font-size:1rem; width: auto; text-align:center}
.Homecase li.on{ color:#fff; background:#096dbf;  border:2px solid #dddddd;}
.Homecase li.on .ico .i1{ display:none;}.HomeTit li.on .ico .i2{ display:inline-block;}
.Homecase li:nth-child(4n){ margin-right:0;}

.Boxx {position: relative;}
			.Boxx .content {width: 100%;margin: 0 auto; margin-top:6%; float:left;}
			.Boxx .Box_con {position: relative;}
			.Boxx .Box_con .btnl {position: absolute;}
			.Boxx .Box_con .btn {display: block;width: 41px;height: 41px;position: absolute;top: 100px;cursor: pointer;}
			.Boxx .Box_con .btnl {background: url(../image/jtl02.png) no-repeat center;left: -72px;}
			.Boxx .Box_con .btnr {background: url(../image/jtr02.png) no-repeat center;right: -72px;}
			.Boxx .Box_con .btnl:hover {background: url(../image/jtl03.png) no-repeat center;}
			.Boxx .Box_con .btnr:hover {background: url(../image/jtr03.png) no-repeat center;}
			.Boxx .Box_con .conbox {position: relative;overflow: hidden;}
			.Boxx .Box_con .conbox ul {position: relative;list-style: none;}
			.Boxx .Box_con .conbox ul li {float: left;width: 188px;height: auto;margin-left: 0;overflow: hidden;}
			.Boxx .Box_con .conbox ul li div{ width:98%; height:auto; overflow:hidden}
			.Boxx .Box_con .conbox ul li:first-child {margin-left: 0;}
			.Boxx .Box_con .conbox ul li img {display: block;width: 100%; height:auto;transition: all 0.5s;}
			.Boxx .Box_con .conbox ul li:hover img {transform: scale(1.1);}
			
.Boxx .Box_con .conbox ul li .text{ position: relative; display:none; bottom:85px; height:85px; font-size:17px; line-height:85px; padding-top:20px; width:371px; background:url(../image/bgcase.png) no-repeat; text-align:left; padding-left:20px; color:#fff; display:none}
.Boxx .Box_con .conbox ul li:hover .text{ display:block;}
			
			
			
			.Boxx .BoxSwitch {margin-top: 30px;text-align: center;}
			.Boxx .BoxSwitch span {display: inline-block;*display: inline;*zoom: 1;vertical-align: middle;width: 30px;height: 3px;background: #ccc;margin: 0 5px;cursor: pointer;}
			.Boxx .BoxSwitch span.cur {background: red;}


.in_about{ width:100%; margin:0 auto;}
.in_about .title{ color:#c3cfdd; font-size:1.2rem; text-align:center; font-weight:bold;}
.in_about h2{ color:#105893; font-size:1.3rem; text-align: center; position: relative; bottom:26px;}
.in_about .line{ border-bottom:2px solid #105893; width:30px; margin:0 auto; position: relative; bottom:26px;}





.field{ width:100%; margin:0 auto; margin-bottom:30px; padding:0 3%;}
.field h2 a{line-height: 80px;font-size: 24px;color: #333;font-weight: normal; background:none; margin-bottom:20px;}
.yw .ywCon{position: relative;width: 100%;height: 477px;overflow: hidden;}
.yw .ywCon .bg{position: absolute;top: 0;left: 0;width: 100%;height: auto;transition:  transform .3s ease-in-out;-moz-transition:  transform .3s ease-in-out;-webkit-transition:  transform .3s ease-in-out;}
.yw .ywCon:hover .bg{-webkit-transform: scale(1.05);-moz-transform: scale(1.05);-ms-transform: scale(1.05);-o-transform: scale(1.05);transform: scale(1.05);}
.yw .ywCon img { width:100%; height:auto}
.yw .ywCon img.icon{display: none;}
.yw .ywCon .ywSum{display: none;}
.yw .ywCon .ywName{position: absolute;font-size: 18px;line-height: 40px;color: #fff;}
.yw .ywCon .yline{position: absolute; width:40px; top:250px; left:160px;font-size: 18px;line-height: 40px;border-bottom: 3px solid #fff;color: #fff; }

.yw .ywCon .ywName1{position: absolute; top:100px; left:90px;font-size: 18px;line-height: 40px;color: #fff;}
.yw .ywCon .yline1{position: absolute; width:40px; top:70px; left:65px;font-size: 18px;line-height: 40px;border-bottom: 3px solid #fff;color: #fff; }
.centerYw .ywCon:hover .ywName1{position: inherit; position:absolute;top:-11px; line-height:180px; width:330px; height:180px; left:33px;margin: 40px 30% 10px 0;border: 1px solid #fff;text-align: center;}
.centerYw .ywCon:hover .yline1{ border:none}

.yw .ywCon .ywName2{position: absolute; top:25px; left:2px;font-size: 1rem;line-height: 40px;color: #fff;}
.yw .ywCon .yline2{position: absolute; width:40px; top:60px; left:65px;font-size: 18px;line-height: 40px;border-bottom: 3px solid #fff;color: #fff; }
.centerYw .ywCon:hover .ywName2{position: inherit; display:none; position:absolute;top:30px; line-height:158px; width:330px; height:180px; left:31px;margin: 0 30% 10px 0;border: 1px solid #fff;text-align: center;}
.centerYw .ywCon:hover .yline2{ border:none}

.yw .ywCon .ywName3{position: absolute; top:35px; left:2px;font-size: 1rem;line-height: 40px;color: #fff;}
.yw .ywCon .yline3{position: absolute; width:40px; top:70px; left:65px;font-size: 18px;line-height: 40px;border-bottom: 3px solid #fff;color: #fff; }
.centerYw .ywCon:hover .ywName3{position: inherit; position:absolute;top:-11px; line-height:180px; width:330px; height:180px; left:31px;margin: 40px 30% 10px 0;border: 1px solid #fff;text-align: center;}
.centerYw .ywCon:hover .yline3{ border:none}

.yw .ywCon .ywName4{position: absolute; top:25px; left:30px;font-size: 1rem;line-height: 40px;color: #fff;}
.yw .ywCon .yline4{position: absolute; width:40px; top:60px; left:70px;font-size: 18px;line-height: 40px;border-bottom: 3px solid #fff;color: #fff; }
.centerYw .ywCon:hover .ywName4{position: inherit; position:absolute;top:-11px; line-height:160px; width:330px; height:180px; left:35px;margin: 40px 30% 10px 0;border: 1px solid #fff;text-align: center;}
.centerYw .ywCon:hover .yline4{ border:none}

.leftYw .ywCon .ywName{top: 200px;left: 70px;}
.yw .ywCon .ywName1{position: absolute; top:35px; left:10px;font-size: 1rem;line-height: 40px;color: #fff;}

.rightYw .ywCon .ywName{bottom: 10px;right: 20px;}
.rightYw .ywCon.con2 .ywName{left: 20px;width: 75px;}
.yw .ywCon:hover .conBg{width: 100%;height: 100%;background: rgba(0,44,78,0.75);position: relative;background-image:url(/cctgroup/resource/cms/2017/11/yebg.png)\9;background-repeat:repeat-x;}
.leftYw .ywCon:hover a{display: block;width: 190px;line-height: 34px;color: #fff;font-size: 16px;margin: 0 auto;text-align: center;border: 1px solid #fff;border-radius: 4px;}
.leftYw .ywCon:hover img.icon{display: block;margin: 0 auto;padding-top: 30px;}
.leftYw .ywCon:hover .ywName{position: inherit;display: block;border:1px solid #FFFFFF;width: 340px; height:420px; line-height:420px; position:absolute;top:30px; left:30px;text-align: center;margin-left: 0;margin-bottom: 30px;}
.leftYw .ywCon:hover .yline{ border:none}



.leftYw .ywCon:hover .ywSum{display: block;margin: 50px auto;line-height: 32px;color: #fff;font-size: 16px;width: 80%;clear: both;text-align: center;}
.leftYw{width: 100%;height: 420px;}
.centerYw{margin-left: 0; width:49%;}
.centerYw .ywCon{width: 100%;height: 100px;}
.centerYw .ywCon.con2{margin-top: 15px;}
.centerYw .ywCon:hover a{display: block;width: 190px;line-height: 34px;color: #fff;font-size: 16px;margin: 0 auto;text-align: center;border: 1px solid #fff;border-radius: 4px;}
.centerYw .ywCon:hover img.icon{float: left;margin: 30px 0 10px 180px;display: block;}
.centerYw .ywCon:hover .ywName{position: inherit; position:absolute;top:-10px; line-height:180px; width:330px; height:180px; left:30px;margin: 40px 30% 10px 0;border: 1px solid #fff;text-align: center;}
.centerYw .ywCon:hover .ywSum{display: block;margin: 0px auto;line-height: 32px;color: #fff;font-size: 16px;width: 80%;clear: both;padding: 10px 0;margin-bottom: 10px;text-align:center;}
.rightYw{ width:33%; height:auto;}
.rightYw .ywCon{width: 100%;height: 234px; margin-bottom:15px;}
.rightYw .con2{margin-top: 15px;background: #002c4e url(/cctgroup/resource/cms/2017/11/jia.png) center 70px no-repeat;width: 100%;height: 234px;}
.rightYw .con2:hover{background: #17446a url(/cctgroup/resource/cms/2017/11/jia.png) center 70px no-repeat;}
.rightYw .con2 .more{display: block;text-align: center;padding-top: 145px;font-size: 16px;color: #fff;}
.rightYw .ywCon:hover a{display: block;width: 190px;line-height: 34px;color: #fff;font-size: 16px;margin: 0 auto;text-align: center;border: 1px solid #fff;border-radius: 4px;}
.rightYw .ywCon:hover img.icon{float: left;margin: 30px 0 0px 36%;display: block;}
.rightYw .ywCon:hover .ywName{position: inherit;margin: 58px 30% 0px 0;border-bottom: 3px solid #cf0808;width: 90px;text-align: center;float: right;}
.rightYw .ywCon:hover .ywSum{display: block;margin: 0px auto;line-height: 32px;color: #fff;font-size: 16px;width: 80%;clear: both;padding: 10px 0;text-align: center; margin-bottom:10px;}



#nbanner { position:relative; z-index:-1; width:100%;}
#nbanner img{ width:100%; height: auto;}

.about_content{ width:96%; margin:4% 2% 3%;}
.about_content p{ line-height:24px; font-size:1.1rem;}
.about_content p a{ color:#015185}
.about_content img{ width:100%; height:auto}
nav.pagelist { clear: both; text-align: center; font-size: 1.4rem; padding: 18px 0px 35px 0px; width:100%;}
nav.pagelist a { border: #edecec 1px solid; margin-right: 5px; padding: 3px 7px; color: #666; font-size:14px;}
nav.pagelist a:hover { color: #e06f23; text-decoration: none; }
nav.pagelist span.current { color: #fff; background-color: #2e6ab1; margin-right: 5px; padding: 3px 7px; }
nav.pagelist span.disabled { border: #ccc 1px solid; margin-right: 5px; padding: 3px 7px; color: #3C3C3C; }
nav.pagelist a.selectedd{ color: #f00}


.nav_menu { width:98%; margin:0 auto;background: #fff;border-bottom:1px solid #c3c3c3; height:50px; padding-left:2%}
.nav_menu h2 {float: left; border-left:3px solid #105793;  color:#333333; font-size:1.3rem; font-weight:normal; width: auto; line-height:22px; padding-left:10px; margin:14px 0;}


.right { float:right; text-align:right; display:none}
.right .location { font-size: 12px; text-align: right; height: 50px; line-height: 50px;}
.right .location .home {  padding-left: 25px;}
.right .location ul{ width:auto; text-align:right}
.right .location li { display: inline-block;}
.right .location li span { margin: 0 5px 0 6px;}
.right .location .active { color: #064B9D; font-size:14px;}
.right .location li a{ padding:0; color:#000000}
.right .location li a:hover{ color:#FF0004}

.level{ width:98%; margin:0 auto; background: url(../image/leval.jpg) no-repeat; margin-top:3%; height: auto; padding-bottom:2%; padding-left:2%}
.level li{ float:left; width: auto; margin-right:2%; text-align:center; margin-bottom:2%}
.level li a{ color:#fff; font-size:1rem; background: #015185; padding:0 8px; height:40px;line-height:40px; float:left;}
.level li a:hover{ color:#fff; background:#1675b2; border-bottom:1px solid #015185}
.level li a.hover{ color:#fff; background:#1675b2; border-bottom:1px solid #015185}


.recom_list li:nth-child(2n){margin-right: 0}
.recom_list{width: 100%; margin:10px 0 0 0; float:left;}
.recom_list li{float: left;border: 1px solid #eee;text-align: center;padding: 0;width:48.7%;margin-right: 2%;position: relative; margin-bottom:15px;}
.recom_list li div{width: 100%;height: auto;overflow: hidden;}
.recom_list li div img{ width: 100%;height: auto; cursor: pointer;transition: all 0.6s;}
.recom_list li:hover img{transform: scale(1.1,1.1); }
.recom_list li h3{font-weight: normal;color: #999;line-height:40px; font-size:1rem; padding:0; margin:0;}
.recom_list li i{display: block;width: 0;height: 1px;background: #ffac13;left: 0;bottom: 0;position: absolute;z-index: 1;transition: all 0.6s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;}
.recom_list li:nth-of-type(4n-3) i{background: #ffac13;}
.recom_list li:nth-of-type(4n-2) i{background: #83c44e;}
.recom_list li:nth-of-type(4n-1) i{background: #2196f3;}
.recom_list li:nth-of-type(4n) i{background: #e53935;}
.recom_list li:hover i{width: 100%;}
.recom_list li em{display: block;background: #004682;text-align: center;height: 20px;line-height: 20px;color: #fff;position: absolute;left: 0;top: 0;width: 50px;z-index: 1;}

.contact {margin-left: 3.75%;margin-top: 3.4375%; margin-bottom:5%; float:right;}
.contact .en { color:  #008ecd; font-size: 50px; font-family: 'Impact';}
.contact .cn {color:  #333333;font-size: 30px;}
.contact .short{width: 60px;height: 1px;background: #585858;margin-top: 1.3%; margin-bottom:4%}
.contact .blue {color:  #008ecd;font-size: 20px; float:left; width:100%;}
.contact .blue_en {color: #676767;font-size: 12px; margin-top: 5px;margin-bottom: 25px;}
.contact .same { width: 65%; height: 1px; background:  #c4c4c4; margin-bottom: 2%;}
.contact .phone {margin-bottom: 2.2%; background:url(../image/phone2.jpg) no-repeat; padding-left:80px;}
.contact .phone p { color:  #008ecd; font-size: 14px;}
.contact .phone h2 {color:  #008ecd;font-size: 24px;}
.contact .way { color:  #777777;font-size: 14px;line-height: 30px;margin-top: 2.7%;}
.contact .img{width: 50%;}
.contact .content{width: 46.25%;}
.contact_img{ border:1px solid #C1C1C1; margin-top: 3.4375%; float:left; margin-bottom:3%;}
.contact_img img{ width:auto; height:auto}
/*百度地图样式*/
#dituContent { width:350px; height:350px;}

.ex_news {clear: both;overflow: hidden;width: 94%; margin:30px 3%;}
.ex_news ul {overflow: hidden;}
.ex_news ul li {clear: both;padding: 0 ; width:100%;border-bottom: 1px solid #eee;overflow: hidden;background: #fff;position: relative;height: auto; padding-bottom:5%;margin-bottom: 20px;cursor: pointer;}
.ex_news ul li:last-child {margin-bottom: 0px;}
.ex_news ul li .ex_news_img {float: left;width: 30%;height: auto;background-image: url(/css/logo.png);background-repeat: no-repeat;background-position: center;overflow: hidden;top: 0;left: 0;}
.ex_news ul li .img_box {width: 100%;height: 165px;background-repeat: no-repeat;background-position: center;overflow: hidden;transition: all 0.6s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;background-size: cover;}
.ex_news ul li .ex_news_info {float: left;width: 65%;transition: all 0.6s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;position: absolute;top: 0;left: 33%;}
.ex_news ul li .ex_news_info h2{ font-size:1.2rem;}
.ex_news ul li .ex_news_info a {overflow: hidden;white-space: nowrap;text-overflow: ellipsis;transition: all 0.6s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;font-size: 1.1rem;display: block;width: 100%;padding-bottom: 10px;color: 666;}
.ex_news ul li .ex_news_info span{ float:left; width:100%; color:#888888;}
.ex_news ul li .ex_news_info p {height: 50px; float:left;line-height: 25px; width:100%;transition: all 0.6s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;overflow: hidden;color: #999;font-size: 1rem;}
.ex_news ul li .ex_news_date { border:1px solid #c3c3c3; width:100px; float:left; text-align:center; padding:8px 0; margin-top:20px;}
.ex_news ul li:hover a {color: #015185;}
.ex_news ul li:hover .ex_news_info { color:#015185;}
.ex_news ul li:hover .ex_news_date font {color: #015185; }
.ex_news ul li:hover .ex_news_date item {bottom: 60px}
.ex_news ul li:hover .img_box {transform: scale(1.1, 1.1);}

.n_body {overflow:hidden; margin-bottom:10px; float:left; width:100%; margin-top:40px;}
.n_body img{ width:100%; height:auto;}
#news_info { min-height:468px; height:auto !important; height:468px; overflow:visible;}
#news_info a { color:#3C3C3C; }
#news_info a:hover { color:#FA4A1F; }
#news_info .article_title { font-size:1.2rem; font-weight:bold; margin:0px; text-align:center; line-height:28px; }
#news_info .atdes { line-height:36px; text-align:center; border-bottom:1px dotted #BCBCBC; padding-bottom:8px;}
#news_info .atdes span{ padding:0px 6px; }
#news_info .news_body { font-size:1rem; padding:18px 12px; line-height:28px; text-align:left;}
#news_info .news_body img { border:1px solid #CCC; }
#news_info .news_body p { font-size:1rem; margin:0px 0px 6px 0px; }
#news_info .news_body p.pcut span { border:1px solid #B4B4B4; margin-right:2px; padding:2px 4px; font-weight:bold; color:#0473EC; }
#news_info .news_body p.pcut a { border:1px solid #B4B4B4; margin-right:2px; padding:2px 4px; color:#9E9E9E; }
#news_info .news_body p.pcut a:hover { text-decoration:none; color:#0473EC; }
#news_info .news_body a { color:#094B9F; }
#news_info .news_body a:hover { text-decoration:underline; color:#094B9F; }
#updown { font-size:14px; border-top:#BCBCBC 1px dotted; line-height:24px; padding-top:8px; padding-bottom:8px; text-align: center; float:left; width:100%; margin-top:18px;}
.prevnext { clear: both; padding: 16px 17px 25px 17px; text-align: center; height: auto !important; overflow: hidden; border-top:1px dashed #CCC;}
.prevnext .previous { font-size: 1rem; width: 100%; float: left; text-align: left; }
.prevnext .next { font-size: 1rem; width: 100%; float: right; text-align: left; }

}