div,p,h1,h2,h3,h4,h5,h6,span,i,a,li,ul,body{font-family: "Microsoft YaHei"; padding:0; margin:0; font-size: 18px; line-height: 27px;  color: #333;}
ul,ol,li{list-style: none;}
a{text-decoration: none;}
a:hover,a:link{text-decoration: none;}
.no-padding{padding: 0;}
img{border:0;}
.img_block{display: block; width: 100%;}
.of{overflow: hidden;}
body{background: #eef7ff;}
.l{float: left;}
.r{float: right;}
.margin_top{margin-top: 60px;}
/*container*/
.container{margin: 0 auto; }
@media screen and (min-width: 768px){
	.container{width: 750px;}
}
@media screen and (min-width: 992px){
	.container{width: 970px;}
}
@media screen and (min-width: 1200px){
	.container{width: 1170px;}
}
@media screen and (min-width: 1230px){
	.container{width: 1200px;}
}
/*¹طسعز‏²ط*/
@media (min-width: 1200px){
	.hidden-lg{display: none!important;}
}
@media (max-width: 1199px) and (min-width: 992px){
	.hidden-md{display: none!important;}
}
@media (max-width: 991px) and (min-width: 768px){
	.hidden-sm{display: none!important;}
}
@media (max-width: 767px){
	.hidden-xs{display: none!important;}
}
.mt{margin-top: 50px;}
.row{margin: 0 45px;}
.owl-dots{text-align: center; margin-top: 30px;}
.owl-dots .owl-dot{display: inline-block; zoom:1; text-align: center; outline: none;}
.owl-dots .owl-dot span{
	width: 24px; height: 24px; margin:0 7px; display: block; background: #81b5e3; 
    -webkit-transition: opacity 0.2s ease; -moz-transition: opacity 0.2s ease; transition: opacity 0.2s ease;
}
.owl-dots .owl-dot.active span{background: #0071c5;}
/*banner*/
.banner{background: url(banner.jpg) no-repeat center 0; height: 596px; }
.title-fa{padding: 0 0 30px;}
.title{position: relative; text-align: center;}
.title .title-img{display: inline-block;  position: relative; z-index: 100; background:#eef7ff; padding: 0 20px;}
.title-img2{background:#dcedfc!important;}
.title img{display: block;  width: auto;}
.title:after{content:'';width: 100%; height: 1px; background: #0071c5; position: absolute; left: 0; top: 40%;}

.top_slide .owl-carousel .owl-item img{width: 60%; float: left;}
.top_slide_txt{width: 40%; float: right;}
.top_slide_txt .top_slide_txt_padd{padding: 25px 30px 0; background: #fff; min-height: 395px;}
.top_slide_txt .top_slide_txt_padd span{display: inline-block; position: relative; color: #0071c5; font-weight: bold; font-size: 30px; line-height: 40px;
padding-bottom: 14px; margin-bottom: 30px;}
.top_slide_txt .top_slide_txt_padd span:after{content: ''; position: absolute; left: 0; bottom: -11px; width: 54px; height: 6px; background:#0071c5;}
.top_slide .owl-carousel .owl-nav button{position: absolute; top: 40%; outline: none;}
.top_slide .owl-carousel .owl-nav button.owl-prev{left: -50px;}
.top_slide .owl-carousel .owl-nav button.owl-next{right: -50px;}


.back{background:#dcedfc; padding: 55px 0 50px;}
.items{padding-left:20px; padding-right:20px;}
.items .tit{font-size: 24px; line-height: 32px; color: #000; padding: 16px 0 12px;}
.items p{margin-bottom: 20px; height: 81px;
overflow : hidden;
text-overflow: ellipsis;
display: -webkit-box;
-webkit-line-clamp: 3;
-webkit-box-orient: vertical;
display: -moz-box;
-moz-line-clamp: 3;
-moz-box-orient: vertical;
display: -ms-box;
-ms-line-clamp: 3;
-ms-box-orient: vertical;
display: box;
line-clamp: 3;
box-orient: vertical;
 width: 100%;}
.items span{color: #0071c5;}
.commercial .items{background:#fff; padding-bottom: 20px;}

.commercial-left{width: 64%; float: left; position: relative;}
.check{position: absolute; left: 0; top: 0; display: none;}
.onshow{display: block;}
.commercial-left img{display: block; width: 100%; }
.commercial-right{width: 36%; float: right;}
.commercial-right .btn{background: #fff; padding: 20px 30px 0; min-height: 90px;}
.commercial-right .btn a{font-size: 26px; line-height: 34px; color: #000;}
.btn-mb{margin-bottom: 6px;}
.commercial-right .on{background: #0071c5;}
.commercial-right .on a{color: #fff;}

.tec_img{position: relative;}
.tec_img img{display: block; width: 100%;}
.tec-tit{position: absolute; bottom: 15px; left: 20px; color: #fff; font-size: 24px; line-height: 32px; font-weight: bold;}
.owl-carousel-thr .items{padding-top: 20px; padding-bottom: 20px; background: #fff;}

.reports{padding-bottom: 55px;}
.reports_child{width: 49%; float: left; position: relative; overflow: hidden;}
.reports_child:hover .Classic_box_back{display: block;}
.reports_mr{margin-right: 2%;}
.reports_mb{margin-bottom: 30px;}
.reports_child img{display: block; width: 100%;}
.Classic_box_back{
	position: absolute;
    left: 0;
    top: 0;
    background: #000;
    opacity: 0.6;
    width: 100%;
    filter: alpha(opacity=60);
    display: none;
    height: 100%;
}
.Classic_box_txt {
    position: absolute;
    height: 100%;
    padding: 0 20px;
    left: 0;
    z-index: 100;
}
.Classic_box_txt h6 {
    color: #fff;
    font-size: 22px;
    line-height: 30px;
    font-weight: bold;
    padding-bottom: 12px;
    padding-top: 50px;
}
.Classic_box_txt span {
	line-height:50px; color: #fff;
}
.Classic_box_txt p{color: #fff;}
/*foot*/
.foot{background: url(foot.jpg) no-repeat center 0; min-height: 214px; margin-top: 40px;}
.footer{display: block; width: auto; max-width: 100%; margin:0 auto; padding-top: 53px;}
@media screen and (max-width: 1320px){
	.top_slide .owl-carousel .owl-nav button.owl-prev{left: 0px; opacity: 0.5;}
	.top_slide .owl-carousel .owl-nav button.owl-next{right: 0px; opacity: 0.5;}
}
@media screen and (max-width: 1229px){
	.top_slide_txt .top_slide_txt_padd span{font-size: 26px; line-height: 36px;}
	.commercial-right .btn{min-height: 88px;}

	.top_slide_txt .top_slide_txt_padd{min-height: 385px;}
}
@media screen and (max-width: 1199px){
	.top_slide_txt .top_slide_txt_padd{padding: 20px 0 0 20px; min-height: 320px;}
	.top_slide_txt .top_slide_txt_padd span{font-size: 24px; line-height: 32px; margin-bottom: 25px; padding-bottom: 10px;}
	.top_slide_txt .top_slide_txt_padd p,.items p{font-size: 16px; line-height: 24px;}
	.items p{height: 72px;}
	
	.commercial-right .btn{padding: 10px 30px 0; min-height: 79px;}
	.commercial-right .btn a{font-size: 20px; line-height: 27px;}

	.Classic_box_txt h6{padding-top: 10px;}
	.Classic_box_txt p,.Classic_box_txt span{font-size: 16px; line-height: 24px;}
}
@media screen and (max-width: 991px){
	.top_slide .owl-carousel .owl-item img,.top_slide_txt,.tecs{width: 100%; float: none;}
	.top_slide_txt .top_slide_txt_padd{padding: 20px; min-height: auto;}
	.tecs-mr{margin: 0 0 20px;}

	.commercial-left,.commercial-right{width: 100%; float: none;}
	.check{position: static;}

	.Classic_box_txt h6{font-size: 20px; line-height: 28px;}
}
@media screen and (max-width: 768px){
	.container{margin: 0 15px;}
	p{font-size: 16px; line-height: 24px;}
	.top_slide_txt .top_slide_txt_padd{padding: 15px 15px 0;}
	.top_slide_txt .top_slide_txt_padd span{font-size: 24px; line-height: 32px;}
	.owl-dots .owl-dot span{width: 16px; height: 16px;}
	.title img{width: 80%; margin: 0 auto;}
	.title .title-img{padding: 0;}

	.margin_top{margin-top: 35px;}
	.title-fa{padding: 0 0 20px;}

	.items .tit,.tec-tit{font-size: 20px; line-height: 28px;}
	.tec-tit{left: 10px;}
	.items{padding: 0 15px;}
	.owl-dots{margin-top: 20px;}

	.reports_child{width: 100%; margin-bottom: 25px;}
	.reports_mr{margin-right: 0;}
	.Classic_box_back{display: block; opacity: 0.4;}
	.Classic_box_txt h6{padding-top: 45px; font-size: 18px; line-height: 27px; padding-bottom: 5px;}
	.Classic_box_txt span{line-height: 24px;}
	.reports_child_last{margin-bottom: 0;}

	.commercial-right .btn{padding: 15px; min-height: auto;}
	.commercial-right .btn a{font-size: 18px;}

	.foot{background-size: cover; }

	.commercial .items p{height: auto;}
}
@media screen and (max-width: 380px){
	.Classic_box_txt h6{font-size: 16px; line-height: 24px; }
	.Classic_box_txt span{font-size: 14px;}
}