@charset "utf-8";


.container { width: 100%; margin: 0 auto; }
.head{ width:72.66666%;  margin:0 auto ;  height: 80px; overflow: hidden; max-width: 1280px; }

.head .logo{width: 258px; display: block; line-height: 80px; float: left; margin-top: 25px;  }
.head .menu{float: left; margin-left: 3.5%;}
.head .menu ul li { float: left; text-align: center;}
.head .menu ul li a{ margin: 0; padding: 0 25px; line-height: 80px; color: #333333;border-right: 1px solid #e6e6e6; font-size: 16px}
.head .menu ul li  .cur{ color: #044f9f; }
.head .menu ul li a:hover{ color: #044f9f;  }
.head .search{ width: 200px; height: 30px; float: right;margin-top: 25px;}
.head .search #keys{ width: 170px; height: 30px; border: none; background-color: #f2f2f2; float: left; text-indent: 1em; border-radius: 5px 0 0 5px;}
.head .search .subbtn{ display: block; width: 30px; height: 30px; border: none; float: left;background: url(../images/searchbtn.png)no-repeat center center;}
.header{display: none;}

.mobile_search_main { padding: 20px 4%; width: 92%; position: absolute; left: 0; top: 50px; background: rgba(0,17,34,0.8); display: none;z-index: 99999; }
.mobile_search_main .main { width: 100%; height: 40px; line-height: 40px; background: #fff; -moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px; -moz-box-shadow: 0 0 10px 0px #55708f; -webkit-box-shadow: 0 0 10px 0px #55708f; box-shadow: 0 0 10px 0px #55708f; overflow: hidden; }
.mobile_search_main .text { width: 85%; float: left; height: 40px; color: #333; background: none; border: none; text-indent: 20px; }
.mobile_search_main .btn { width: 15%; height: 40px; float: right; background: url(../images/header_search.png) center no-repeat; background-size: 20px; border: none; }


@media only screen and (max-width: 1750px) {

	.head{width: 100%;}
	.head .logo{ margin-left: 2%;}
	.head .menu{float: left; margin-left: 4%;}
}

@media only screen and (max-width: 1120px) {
	.head{display: none;}
	.header{display: block;}
}
.banner .swiper-pagination-bullet{width: 80px;height: 4px;background-color: #fff;border-radius:0px;opacity: 1;}
.banner .swiper-pagination-bullet-active{opacity: 1;background: #044f9f;}
@media only screen and (max-width: 760px) {

.banner .swiper-pagination-bullet{width: 5%;height: 4px;background-color: #fff;border-radius:0px;opacity: 1;}
.banner .swiper-pagination-bullet-active{opacity: 1;background: #044f9f;}
}

.about-indexbg{ height: 580px; overflow: hidden; background: url(../images/abbg.jpg) no-repeat top center;}
.about-index{ width:72.66666%;  margin:0 auto ; overflow: hidden; max-width: 1280px; }
.i-title{margin: 80px 0 60px 0; display: block;}
.i-title .zh{font-size: 22px; color: #4c4c4c; }
.i-title .en{font-size: 14px; color: #808080;}
.about-index .cont{ width: 100%; height: 0; padding-bottom: 100%; background-color: #fff; margin-top: 160px; position: relative; }
.about-index .cont .imgleft{ position: absolute; top: -100px; width: 44%;}
.about-index .cont .imgleft img{ width: 100%; display: block;}
.about-index .cont .contright{ width: 48%; float: right; margin-right: 5%; margin-top: 5%; }
.about-index .cont .contright .title{font-size: 18px; color: #333333; margin-bottom: 35px;}
.about-index .cont .contright .info{font-size: 14px; color: #999999; line-height: 25px ; margin-bottom: 7%;height: 100%;   overflow: hidden;}
.about-index .cont .contright .more{ font-size: 14px; color: #808080;}


@media only screen and (max-width: 1650px)
{

.about-index{ width: 90%; }
.about-indexbg{background-position: 62% 0px;}
}
@media only screen and (max-width: 1250px)
{
.about-index{ width: 98%; }
.about-indexbg{background-position: 62% 0px;}
.about-index .cont .contright{ margin-top: 2%;}
.about-index .cont .contright .title{ margin-bottom: 5%;}
.about-index .cont .contright .info{margin-bottom: 4%; }
}

@media only screen and (max-width: 680px){

.i-title{margin: 5% 0 5% 0;padding-left: 5%;}
.about-indexbg{background-position: 92% -18%;background-image: url(../images/moabout.png);height: auto;}
.about-index .cont{background-color: transparent;}
.about-index .cont .imgleft{width: 90%;margin: auto;left: 0;right: 0;top: -22%;bottom: 0;}
.about-index .cont .contright{width: 90%;margin-top: 50%;}
}

.product-title{width:72.66666%; margin:0 auto ; max-width: 1280px; margin-top:100px ;}
.product-title .rh{margin: 0 0 60px 0;}

.index-proright{float: right; margin: 20px 0 60px 0;}
.index-proright a{margin-left: 40px; font-size: 14px; color: #999999; display: inline-block;}
.productline{width: 100%; border-bottom: 1px solid #e6e6e6; margin-bottom: 40px;}

.product-cont{width:72.66666%; margin:0 auto ; max-width: 1280px;}

.product-son{width: 23.6%; float: left; margin-right: 1.7%; }
.product-son:last-child{
	margin-right: 0%;
}
.product-son .pro-img{ width: 100%; border: 1px solid #e6e6e6;}
.product-son .pro-img img{ margin:  0 auto; display: block; padding: 10% 0; width:210px;  }
.product-son .title{ text-align: center; font-size: 16px; color: #333333;padding: 5% 0;}

.product-son:hover .pro-img{border: 1px solid #044f9f; }
.product-son:hover .title{ color: #044f9f;}


@media only screen and (max-width: 1650px)
{

.product-cont{ width: 90%; }
.product-title{ width: 90%; }
}
@media only screen and (max-width: 1250px)
{
.product-cont{ width: 98%; }
.product-title{ width: 98%; margin-top: 15%; }
}

@media only screen and (max-width: 680px){
.product-son{width: 47%;float: left;margin-right: 4%;}
.product-son:nth-child(2n){margin-right: 0%;}
.index-proright{width: 60%;float: right;margin-top: 1%;}
.product-son .title{text-align: center;font-size: 14px;color: #333333;padding: 5% 0;}
.index-proright a{font-size: 12px;width: 25% overflow: hidden;; margin-bottom: 2%;}
.product-title .rh{margin: 0 0 5% 0;}
.productline{margin-bottom: 5%;}
}

.fenlanye{ width: 100%; background: url(../images/fengge.jpg) center center no-repeat; display: block; height: auto; height: 310px; margin-top: 40px; }
@media only screen and (max-width: 680px){

	.fenlanye{ background-image:url(../images/mfenge.jpg) ;  height: 200px;}
}

.news-index{width:72.66666%;margin:0 auto ;max-width: 1280px;}
.index-newright{float: right;margin: 110px 0 60px 0;}
.index-newright a{margin-left: 40px;font-size: 14px;color: #999999;display: inline-block;}
.new-cont{width: 100%;}
.new-cont .news-son{width: 50%;float: left;display:flex;display:-webkit-flex;flex-direction:row;align-items:stretch;}
.new-cont .news-son .sonbox{width: 50%;float: left;flex-grow:1;height: 230px;}
.news-son .new-info{height: 100%;}
.new-cont .news-son .sonbox img{width: 100%;flex-grow:1;}
.new-cont .news-son .time{font-size: 14px;color: #333333;padding: 15% 0 3% 8%;}
.new-cont .news-son .title{font-size: 16px;color: #333333;padding: 0 8% 3% 8%;text-overflow : ellipsis;white-space : nowrap;overflow : hidden;}
.new-cont .news-son .fo{font-size: 14px;color: #999999;padding: 2% 8% 0% 8%;text-overflow : ellipsis;overflow : hidden;line-height: 25px;}
.news-son .new-info:hover{background-color: #044f9f;}
.news-son .new-info:hover .time{color: #fff;}
.news-son .new-info:hover .title{color: #fff;}
.news-son .new-info:hover .fo{color: #fff;}

.newsmore{  width: 280px; height: 50px;margin: 80px auto; background-color: #044f9f; display: block; text-align: center; line-height: 50px; font-size: 16px; color: #fff;}
.newsmore:hover{ opacity: .8;}

@media only screen and (max-width: 1650px)
{

.news-index{ width: 90%; }
}

@media only screen and (max-width: 1250px)
{
.new-cont .news-son .sonbox{height: auto;}
.new-cont .news-son .time{padding: 5% 0 3% 8%;}
.new-cont .news-son .title{padding: 0 8% 3% 8%;text-overflow : ellipsis;white-space : nowrap;overflow : hidden;}
}


@media only screen and (max-width: 1100px){
.new-cont .news-son{width: 100%;margin-bottom: 5%;}
.new-cont .news-son .sonbox{height: auto;}
.new-cont .news-son .time{font-size: 13px;}
.new-cont .news-son .title{font-size: 13px;}
.new-cont .news-son .fo{font-size: 12px;height: 0;padding-bottom: 30%;}
.index-newright{float: right;margin: 110px 0 60px 0;}
.index-newright{width: 55%;float: right;margin-top: 12%;margin-bottom: 0;}
.index-newright a{margin-left: 1%;font-size: 14px;color: #999999;display: inline-block;}
.newsmore{margin: 10% auto;}
}

.mob{display: none;color: #fff;line-height: 40px;text-align: center;}
.footopbg{height: 300px;background-color: #f2f2f2;}
.bottombg{background-color: #49525c;height: 60px;}
.footerbottom{width:72.66666%;margin:0 auto ;max-width: 1280px;}
.footerbottom p{font-size: 14px;color: #fff;line-height: 60px;}


@media only screen and (max-width: 680px){
.footertop{width: 100%;padding: 4%;}
.footleft{margin-right: 0;width: 50%;}
.footbox{display: none;}
.foot-right{width: 45%;}
.footleft img{width: 100%;}
.footerbottom{display: none;}
.topbg{margin-top: 5%;}
.t-con{font-size: 12px;}
.ftt{margin-top: 30px;margin-bottom: 20%;}
.bottombg{height: 40px;}
.footerbottom .fl{}
.footerbottom p{line-height: 40px;}
.mob{display: block;}
}

.fitlimg{ float: left;}
.footcont{ width:72.66666%;margin:0 auto ;max-width: 1280px; height: 300px;  overflow: hidden; }
.footl{ float: left; margin: 0 40px; margin-top: 80px;}
.ftb{  font-size: 16px; color: #333333; margin-bottom: 30px; }
.footl p {   font-size: 14px; color: #808080; line-height: 25px;}
.tfta { width: 190px; }
.tfta a{ margin-right: 20px; display:inline-block; margin-bottom: 10px; }

.mtl{  margin-left: 120px; }

@media only screen and (max-width: 1650px)
{

.footcont{ width: 90%;  }
}

@media only screen and (max-width: 1250px)
{
.footcont{ width: 98%; }
}

@media only screen and (max-width: 680px)
{
.footcont{ width: 100%; }
.fitlimg{  width: 45%; }
.fitlimg img{ width: 100%; }
.footl{ width: 50%; margin: 0; }
.tfta{ display: none; }
.cfv{ display: none; }
.mtl{ padding: 2%; }
.ftb{ margin-bottom: 3%; }
.footopbg{height: 0; padding-bottom:50%;}
.ftb{ width: 100%; overflow: hidden; font-size: 13px; margin-top: 7%; }
.footl p{ overflow: hidden; margin-top: 2%; height: 0;padding-bottom: 70%; font-size: 12px; margin-top: 7%;  }
.footcont{ height: 0; padding-bottom: 50%;}
}