@media (min-width:1199px){

.auto{ margin:0 auto;}



.bd{ width:100%; float:left;}


.cs{ float:left; width: 100%; height:auto;position:relative;}
.cs p{ position:absolute; bottom:0; height:29px; line-height:29px; width:100%; background:url(/images/case_03.png) no-repeat; text-align:center; color:#fff; display:none}
.cs:hover p{ display:block; background:url(../image/bgcase.png) no-repeat; height:121px;}
.cs img{ width:100%; height:auto}
.cs:nth-child(3n){ margin-right:0;}






#top{ width:100%; border-bottom:1px solid #999; line-height:70px;}
#top .tleft{ width:50%; color:#999999; font-size:17px; float:left;}

#top .tright{ width:330px; float:right;}
#top .tright h2{ float:left; width:100px; font-size:14px; font-weight:normal; text-align:right;}
.seacher{ width:220px; float:right; height:30px; border:1px solid #c9c9c9; border-radius:5px; margin-top:20px;}
.sear_text{width:175px; border:none; height:28px;color:#000; line-height:28px;font-size:12px; padding-left:20px; float:left; margin-left:4px;}
.sub{width: 12px;height: 21px; float:right; margin-right:12px;line-height: 30px;background-color: #426cdc;color: #fff;font-size: 14px;text-align: center;border: 0;cursor: pointer; background:url(../image/search.png) no-repeat 0 8px;}

#logo{float:left; margin:8px 0; width:400px;}
.midd{ float:left; width:400px; line-height:86px; color:#105893; font-size:22px;}
.tel{ float:right; width:300px; text-align:right; margin-top:12px;}
.tel p{ color:#999; font-size:17px; text-align:left; margin-left:140px;}
.tel h2{ font-size:22px; font-weight:normal; line-height:24px; color:#116ba3;}

/*导航栏样式*/
#menu{ width:100%; background:#1168a1; height:55px; line-height:55px;}
.nav{height:55px; margin:0 auto; width:1200px;}
.nav li{line-height:55x;height:55px;text-align:center;width:12.5%;float:left;position:relative;z-index:999;}
.nav li a{display:block;line-height:55px;color:#fff;height:55px;font-size:18px; background:url(../image/top.png) no-repeat 120px 24px}
.nav li a:hover{color:#fff;text-decoration:none;background:#015185 url(../image/down.png) no-repeat 120px 24px;}
.nav li a.hov{color:#fff;text-decoration:none;background:#015185 url(../image/down.png) no-repeat 120px 24px;}
.nav li:nth-child(8n){margin-right: 0}

.nav .sec{height:0;background:#000;color:#000;overflow:hidden;z-index:9999;position:absolute;top:55px;left:0px;}
.nav .sec a{background:#fff;color:#000;height:38px;line-height:38px;width:150px;font-size: 14px;}
.nav .sec a:hover{background:#015185;text-decoration:none;}

.banner{ width:1920px;margin: 0 auto; position:relative;height: auto;left:50%; margin-left:-960px; margin-bottom:50px;}
.banner .bd{ width:1920px; height:632px; overflow:hidden; z-index:0;}
.banner_ctr{ height:90px;position:absolute;top:45%;z-index:2;left:50%;margin-left:-600px;}
.banner_ctr a{ display:block;width:47px;height:79px; position:absolute; opacity:0;filter: alpha(opacity=0);display:block;}
.banner_ctr a.prev{left:-90px;}
.banner_ctr a.next{right:-1200px; background-position: -47px 0px;}
.banner_ctr a:hover{opacity:0.7;filter:alpha(opacity=70);}
.banner .hd{position:absolute; bottom:20px; text-align: center; z-index:5;left: 46%;font-size: 0; line-height: 0;height: 0px; margin-left:-40px;height:20px;overflow:hidden;}
.banner .hd li{background:#fff; z-index:2; cursor:pointer; margin-right:16px; display:inline-block;width:70px; height:7px;*display:inline; zoom:1; border-radius: 0;}
.banner .hd li:hover,.banner .hd .on{background:#c7d6dc;}



/*广告*/
.guang{ width:100%;  padding:0 0 5% 0; margin:50px 0}
.guang .guang-list  {float: left; width:23%;text-align:left;margin-right: 2%;}
.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: 35px; line-height:26px; height:32px; font-weight:bold; font-family: thyFont2; margin-bottom:18px;}
.guang .guang-list .f1 sub{ font-size: 12px; color:#5080ab; position:relative; top:-10px;}
.guang .guang-list .f2{ color: #777; font-size: 10px; margin-top: 2%; margin-bottom:4%}
.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:-2px;}






/* 首页banner样式 */
.x-banner{ margin-bottom:50px;}
.x-banner .owl-carousel {position: relative;}
.x-banner .owl-carousel .banner-item a { display: block;}
.x-banner .owl-carousel .owl-nav .owl-prev {left: 0;}
.x-banner .owl-carousel .owl-nav .owl-next { right: 0;}

.x-banner .owl-carousel .owl-nav button.owl-prev,
.x-banner .owl-carousel .owl-nav button.owl-next { display:none; outline: none; position: absolute; top: 50%;z-index: 9999; background: #424246;height: 65px; width: 50px;margin-top: -32.5px; border-radius: 0; -webkit-transition: all .5s ease;transition: all .5s ease;}
.x-banner .owl-carousel .owl-nav button.owl-prev:hover,
.x-banner .owl-carousel .owl-nav button.owl-next:hover { background: #ab001a;}
.x-banner .owl-carousel .owl-nav .icon-font { display: block; width: 100%; height: 100%;}
.x-banner .owl-carousel .owl-nav .icon-left-arrow:after { background-position: -34px -180px;}
.x-banner .owl-carousel .owl-nav .icon-right-arrow:after {  background-position: -26px -480px;}




@media (max-width: 990px) {
    .x-banner .owl-carousel .owl-nav button.owl-prev,
    .x-banner .owl-carousel .owl-nav button.owl-next {
        height: 40px;
        width: 30px;
        margin-top: -20px;
    }
    .x-banner .owl-carousel .owl-nav .iconfont {
        font-size: 20px;
    }
}

.x-banner .owl-carousel .owl-dots {
    position: absolute;
    z-index: 999;
    left: 0;
    width: 100%;
    text-align: center;
    font-size: 0;
    bottom: 5%;
}

.x-banner .owl-carousel .owl-dots button.owl-dot {
    display: inline-block;
    vertical-align: middle;
    font-size: 14px;
    margin: 0 .5em;
    outline: none;
    background: #fff;
    border-radius: 50%;
    width: 1em;
    height: 1em;
    opacity: .2;
}

.x-banner .owl-carousel .owl-dots button.owl-dot:hover {
    opacity: .5;
}

.x-banner .owl-carousel .owl-dots button.owl-dot.active {
    opacity: 1;
}



.in_about{ width:1200px; margin:0 auto; margin-bottom:0;}
.in_about .title{ color:#c3cfdd; font-size:30px; text-align:center; font-weight:bold;}
.in_about h2{ color:#105893; font-size:26px; text-align: center; position: relative; bottom:52px;}
.in_about .line{ border-bottom:2px solid #105893; width:70px; margin:0 auto; position: relative; bottom:42px;}

.field{ width:1200px; margin:0 auto; margin-bottom:50px;}
.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: 100%;overflow: hidden;}
.yw .ywCon .bg{position: absolute;top: 0;left: 0;width: 100%;height: 100%;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.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:260px; 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:140px; left:180px;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:90px; left:70px;font-size: 18px;line-height: 40px;color: #fff;}
.yw .ywCon .yline2{position: absolute; width:40px; top:130px; left:180px;font-size: 18px;line-height: 40px;border-bottom: 3px solid #fff;color: #fff; }
.centerYw .ywCon:hover .ywName2{position: inherit; 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:100px; left:70px;font-size: 18px;line-height: 40px;color: #fff;}
.yw .ywCon .yline3{position: absolute; width:40px; top:140px; left:180px;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:90px; left:110px;font-size: 18px;line-height: 40px;color: #fff;}
.yw .ywCon .yline4{position: absolute; width:40px; top:130px; left:180px;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:100px; left:90px;font-size: 18px;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: 33%;height: 483px;}
.centerYw{margin-left: 10px; width:32.5%;}
.centerYw .ywCon{width: 100%;height: 234px;}
.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;}


.incase{ width:100%; background:url(../image/case_bg.jpg) no-repeat center 0; height: 460px; padding:50px 0; margin-bottom:50px;}
.Homecase{ height:43px; line-height:43px; width: 840px; float:left; text-align:center; margin-left:250px;}
.Homecase li{ cursor:pointer; float:left; padding:0 30px; border:2px solid #ddd; background:#105893; margin-right:40px; color:#fff; font-size:20px; 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;}








.inabout{ background:#f8f8f8; width:100%; padding:30px 0;}
.inabout li:nth-child(4n){margin-right: 0}
.inabout ul{ width:100%; float:left; margin-bottom:30px;}
.inabout li{ width:13.5%; float:left; margin-right:15%;}
.inabout li h2{ font-family:Arial; font-size:35px; color:#105893; line-height:26px;}
.inabout li h2 span{ color:#5080ab; font-size:12px; font-family:"微软雅黑";}
.inabout li p{ color:#777777; font-size:10px; margin-bottom:2px;}
.inabout li .line{ width:40px; border-bottom:3px solid #105893; float:left;}
.inabout li .lint{ width:60px; border-bottom:1px solid #a6a6a6; float:left; position:relative; bottom:-2px;}

.inabout .img{ float: left; width:435px; 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:710px;}
.inabout .intext .tie{ float:left; width:100%; line-height:42px; font-size:21px;}
.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:15px; border-right:1px solid #105893; margin-right:8px;}
.inabout .intext .more a:hover{ color:#1168a1}
.inabout .intext .more img{ margin-top:10px;}

.Box {position: relative;}
			.Box .content {width: 1200px;margin: 0 auto; margin-top:50px;}
			.Box h2 {text-align: center;margin-bottom: 35px;padding-top: 250px;}
			.Box .Box_con {position: relative; height:500px;}
			.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: 285px;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;}


.Boxx {position: relative;}
			.Boxx .content {width: 1200px;margin: 0 auto; margin-top:65px;}
			.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: 380px;height: auto;margin-left: 20px;overflow: hidden;}
			.Boxx .Box_con .conbox ul li div{ width:371px; 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: 371px; 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;}




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

.innews{ width:1200px; margin:0 auto; margin-bottom:50px;}
.innews .title{ color:#c3cfdd; font-size:30px; text-align:center; font-weight:bold;}
.innews h2{ color:#105893; font-size:26px; text-align: center; position: relative; bottom:52px;}
.innews .line{ border-bottom:2px solid #105893; width:70px; margin:0 auto; position: relative; bottom:42px;}
.innews li:nth-child(3n){margin-right: 0}
.innews ul{ width:100%; float:left; }
.innews li{ float: left; width:32%; margin-right:20px;}
.innews li .img{ width:100%; overflow:hidden; float:left; margin-bottom:20px; margin-top:50px;}
.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:16px; padding-bottom:10px; float:left; margin-bottom:10px;}
.innews li a:hover .date{ color:#096dbf;}
.innews li .text{ float:left; width:100%; margin-bottom:10px; font-size:13px; color:#999999; font-weight:bold;}
.innews li a:hover .text{ color:#333;}
.innews li p{ line-height:26px; color:#999999}



.HomeTit{ height:43px; line-height:43px; width: 440px; margin:0 auto; text-align:center}
.HomeTit li{ cursor:pointer; float:left; padding:0 30px; border:1px solid #105893; margin-right:140px; color:#105893; font-size:20px; 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;}






footer{ width:100%; background:#0c1a23; height: auto; padding:80px 0 0 0; color:#FFFFFF;}
footer .fleft{ float:left; width:330px;}
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:580px; float:left; margin-left:80px; font-size:14px;}
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:200px; margin-top:0; }
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:right; width:330px;}
footer .fmid .fcontact li{ float: left; width:100%; margin-bottom:6px;}

footer .fright{ float:right; width:114px; text-align:center}
footer .fright img{ width:100%; height:auto}
footer .fright p{ line-height:35px; text-align:center;}

footer .bottom{ width:100%; 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}


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


.right { float:right; text-align:right;}
.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:1200px; margin:0 auto; background: url(../image/leval.jpg) no-repeat; height: 50px;}
.level li{ float:left; width: auto; margin-right:16px; text-align:center; }
.level li a{ color:#333333; font-size:16px; background: url(../image/left.png) no-repeat; padding-left:12px; height:50px;line-height:50px; float:left;}
.level li a:hover{ color:#015185; background:url(../image/left_hover.png) no-repeat; border-bottom:1px solid #015185}
.level li a.hover{ color:#015185; background:url(../image/left_hover.png) no-repeat; border-bottom:1px solid #015185}


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

.about_content{ width:1200px; margin:30px auto;}
.about_content p{ line-height:30px; font-size:16px;}
.about_content p a{ color:#015185}
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}

.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:16px; 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:14px; 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:14px; 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: 14px; width: 50%; float: left; text-align: left; }
.prevnext .next { font-size: 14px; width: 50%; float: right; text-align: right; }

.recom_list li:nth-child(4n){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:23.7%;margin-right: 20px;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:16px; padding:0; margin:0 0 10px 0;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:1;}
.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;}

.ex_news {clear: both;overflow: hidden;width: 1200px; margin:30px auto;}
.ex_news ul {overflow: hidden;}
.ex_news ul li {clear: both;padding: 25px 0 50p;border-bottom: 1px solid #eee;overflow: hidden;background: #fff;position: relative;height: 250px;margin-bottom: 30px;cursor: pointer;}
.ex_news ul li:last-child {margin-bottom: 0px;}
.ex_news ul li .ex_news_img {float: left;width: 300px;height: 195px;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: 300px;height: 195px;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: 800px;transition: all 0.6s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;position: absolute;top: 20px;left: 350px;}
.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: 18px;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: 13px;}
.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);}

.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%;}
/*百度地图样式*/
#dituContent { width:650px; height:550px;}

}