﻿
.wrap {width:1300px; margin-right:auto; margin-left:auto;}
.mwrap {max-width:1440px; margin-right:auto; margin-left:auto;}
/*对ie8设置最小宽度，防止页面错乱*/
/*for ie8*/
body{min-width:1240px\9; overflow-x:auto;}
/*for ie9+*/
@media all and (min-width:0){
	body{min-width:0; overflow-x:hidden;}
}
body{font-size:13px; line-height:1.6; color:#666; background:#fff;}
a{color:inherit;}
a:hover {color:#00a1e9;}
::-moz-selection {color:#fff; background:#00a1e9;}
::selection {color:#fff; background:#00a1e9;}
::-webkit-input-placeholder {color:#aaa;} 
.placeholder {color:#aaa;}
/*css组件设置*/
.form-control, .input-group-addon, .btn{}
.form-control:focus {border-color:#66afe9; outline:0; box-shadow:inset 0 1px 1px rgba(0,0,0,0.075), 0 0 6px rgba(102, 175, 233, 0.6);}
.imgZoom img,.imgY180 img {-moz-transition:all .8s ease 0s; -ms-transition:all .8s ease 0s; -o-transition:all .8s ease 0s; -webkit-transition:all .8s ease 0s; transition:all .8s ease 0s;}
.imgZoom {overflow:hidden; -webkit-transform:rotate(0); transform:rotate(0);}
.imgZoom:hover img{-moz-transform:scale(1.1,1.1); -ms-transform:scale(1.1,1.1); -o-transform:scale(1.1,1.1); -webkit-transform:scale(1.1,1.1); transform:scale(1.1,1.1);}
.imgY180:hover img {cursor:pointer; -moz-transform:rotateY(180deg); -ms-transform:rotateY(180deg); -o-transform:rotateY(180deg); -webkit-transform:rotateY(180deg); transform:rotateY(180deg) }

/* 网站样式 */

.soukz{ width:100%;position:absolute; z-index:20; margin-top:626px;height:130px; background:url(../images/bbbb.png) repeat; }
.souk{ width:1200px; margin:auto }
.sou1{width:800px; float:right;  font-size:16px; color:#FFFFFF; }

.sou1 ul li:nth-child(3){float:right;}
.sou1 ul li:nth-child(2){float:left!important; padding-left:0%;}
.sou1 ul{ width:100%; float:right; font-size:17px; color:#FFFFFF; padding-top:40px; }
.sou1 ul li{ width:33.3%; float:left; text-transform:uppercase; font-family:Arial, Helvetica, sans-serif;}
.sou1 ul li img{ float:left; padding-right:10px; height:70px; padding-top:5px;}
.sou1 ul li a{ color:#FFFFFF}


.sou1 ul li b{ width:60%; font-size:23px; padding-top:10px; float: left;}

.sou2{ width:400px; float:left; font-size:29px; color:#FFFFFF; padding-top:30px; font-weight:900; float:left;font-family: 'Montserrat-Bold'; line-height:35px; }
.sou2 span{ width:100%; float:left; font-size:16px; color:#FFFFFF; font-weight:normal }






.more3{position: relative; margin:18px auto 0; width: 180px; height:45px; text-align: center; line-height: 45px; border:0px #00cef6 solid; border-radius: 5px; box-sizing: border-box; transition:all 0.5s; -webkit-transition:all 0.5s; -moz-transition:all 0.5s; -ms-transition:all 0.5s; -o-transition:all 0.5s; -webkit-perspective: 300px;perspective: 300px; background:#00a2ea; color:#FFFFFF}
.more3::before{content: '';position: absolute;top: 0;left: 0;width: 100%;height: 100%;opacity: 0;visibility: hidden;transform: scale(0, 1);transition: all .5s;z-index: -1;background-image: -webkit-linear-gradient(120deg, #00479d,#00479d);  background-image: -moz-linear-gradient(120deg, #00479d,#00479d); background-image: -o-linear-gradient(120deg, #00479d,#00479d);background-image: linear-gradient(120deg, #00479d,#00479d); border-radius: 5px;}
.more3 a{ display: block; font-size:17px; color:#FFFFFF}
.more3:hover::before{opacity: 1; visibility: visible; transform: none;}
.more3:hover a{ color: #ffffff;}










.news_center05{ width:1200px; margin:auto;
}
.news_center05 .content .rect-8211{ height:427px;}
.news_center05 .content .rect-8359{ height:427px;}
.news_center05 .content .rect-8358{ height:238px;}
.news_center05 .content .left{width:40%; float:left;}
.news_center05 .content .left .cover{position:absolute; right:0; bottom:0; background:#fbfbfd; background:rgba(0,0,0,.8); width:100%}
.news_center05 .content .left .cover .box{padding:23px 0px 0px 25px; height:68px;}
.news_center05 .content .left .cover .box .t{font-size:15px; line-height:24px; color:#ffff; overflow:hidden; text-overflow:ellipsis;/*超出...*/ display:-webkit-box; -webkit-line-clamp:1;/*显示行数*/ -webkit-box-orient:vertical; overflow:hidden;}
.news_center05 .content .left .cover .box .c{font-size:15px; line-height:24px; color:#666; padding-bottom:10px;}
.news_center05 .content .left .cover .box .icon{width:155px; float:left; padding-top:10px;}
.news_center05 .content .center{width:32%; float:left; height:428px;}
.news_center05 .content .center img{width:100%;height:428px;}

.news_center05 .content .center .cover{position:absolute; right:0; bottom:0; background:#fbfbfd; background:rgba(255,255,255,.83);width:60%}
.news_center05 .content .center .cover .box{padding:46px 25px 35px 25px;height:188px;}
.news_center05 .content .center .cover .box .t{font-size:16px; line-height:24px; font-weight:bold; color:#787878; margin-bottom:15px; max-height:48px; overflow:hidden;}
.news_center05 .content .center .cover .box .c{font-size:15px; line-height:24px; color:#666; padding-bottom:10px;}

.news_center05 .content .right{width:20%; float:left;}
.news_center05 .content .right .icon{width:47px; height:47px; background:url(../img/newsCenter05_2.png) no-repeat center; position:absolute; left:50%; margin-left:-23px; top:50%; margin-top:-23px;}
.news_center05 .content .right .intro{font-size:15px; line-height:30px; color:#fff; padding-left:30px; padding-top:55px;}

.news_center05 .content .right .intro2{font-size:18px; line-height:40px; color:#fff; position:absolute; bottom:45px; left:95px; text-align:center}
.news_center05 .content .right .intro2 img{width:auto!important;height:auto!important}

.cover1{width:87px; height:87px; z-index:99;  position:absolute; right:70px; bottom:50px;}

.r_top{ height:238px;	}
.r_top img{width:100%;height:238px;}

.r_bott{ background:#0086e2; height:188px;}





.con2 { width:1200px; margin:0px auto; }


.zl2 {width:1240px; margin:auto; clear:both; padding-top:55px; padding-bottom:30px;}
.zl2 dl { width:24%; display:inline-block; text-align:center;color:#666666;font-size:16px;}
.zl2 dl img { margin:0px auto 0px;}
.zl2 dl dt {  line-height:20px; width:100%; margin:0px auto; color:#333; padding-top:10px;}
.zl2 dl dd b { color:#2495e4; font-size:45px; line-height:45px; font-family: DINOT-Bold;font-weight:900;}



@media all and (max-width:768px){


.zl2 {width:90%; margin:auto; clear:both; padding-top:20px; padding-bottom:10px;}
.zl2 dl { width:23.5%; display:inline-block; text-align:center;color:#666666;font-size:12px; line-height:18px;}
.zl2 dl img { margin:0px auto 0px; width:55px;}
.zl2 dl dt {display:none; }
.zl2 dl dd b { color:#2495e4; font-size:18px; line-height:20px; font-family: DINOT-Bold;font-weight:900;}





.soukz{ width:100%;position:absolute; z-index:20; margin-top:210px;height:80px; background:url(../images/bbbb.png) repeat; }
.souk{ width:90%; margin:auto }
.sou1{width:100%; float:right;  font-size:12px; color:#FFFFFF; }

.sou1 ul li:nth-child(3){float:right;width:10%;}
.sou1 ul li:nth-child(2){float:left!important; padding-left:0%;width:10%;}
.sou1 ul li:nth-child(1){width:50%;}
.sou1 ul{ width:100%; float:right; font-size:12px; color:#FFFFFF; padding-top:10px; }
.sou1 ul li{ width:33%; float:left; text-transform:none; font-family:Arial, Helvetica, sans-serif; padding-top:5px;}
.sou1 ul li img{ float:left; padding-right:3%; height:30px; padding-top:0px;}
.sou1 ul li a{ color:#FFFFFF}

.sou1 ul li span{ display:none; }

.sou1 ul li b{ width:100%; font-size:15px; font-weight:normal; padding-top:0px; }

.sou2{ display:none; }





.more3{position: relative; margin:18px auto 0; width: 120px; height:35px; text-align: center; line-height: 35px; border:0px #00cef6 solid; border-radius: 5px; box-sizing: border-box; transition:all 0.5s; -webkit-transition:all 0.5s; -moz-transition:all 0.5s; -ms-transition:all 0.5s; -o-transition:all 0.5s; -webkit-perspective: 300px;perspective: 300px; background:#00a2ea; color:#FFFFFF}
.more3::before{content: '';position: absolute;top: 0;left: 0;width: 100%;height: 100%;opacity: 0;visibility: hidden;transform: scale(0, 1);transition: all .5s;z-index: -1;background-image: -webkit-linear-gradient(120deg, #00479d,#00479d);  background-image: -moz-linear-gradient(120deg, #00479d,#00479d); background-image: -o-linear-gradient(120deg, #00479d,#00479d);background-image: linear-gradient(120deg, #00479d,#00479d); border-radius: 5px;}
.more3 a{ display: block; font-size:14px; color:#FFFFFF}
.more3:hover::before{opacity: 1; visibility: visible; transform: none;}
.more3:hover a{ color: #ffffff;}



}


