@charset "utf-8";

/*样式重置*/

body {

    width: 100%;

    min-width: 1100px;

    max-width: 1920px;

    margin: 0 auto;

}

html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, em, p, font, img, small, strong, center, dl, dt, dd, ol, ul, li, form, label, table, caption,

 tbody, tr, th, td {margin:0;padding:0;border:0;outline:0; font-family: "微软雅黑";} 

ol, ul {list-style:none} :focus {outline:none; } 

a{font:14px "微软雅黑";text-decoration:none;color:#fff;cursor:pointer;} 

a:hover{color: #0f629b}

.clear{clear: both;}

.l{ float: left; }

.r{ float: right; }

.w1100{width: 1100px; margin:auto; overflow:hidden;}

.w1240{width: 1240px; margin:auto;}

/*样式重置结束*/



/* 顶部样式 */

.xia-top{ width: 100%; height: 98px; background-color: #fff; position: relative; background:url(../images/top-xian.png) no-repeat center bottom; }

.xia-top-title{ padding-top: 45px; font-weight: bold; font-size: 18px; color: #333; float: left; }

.xia-top-title span { font-weight: lighter; font-size: 18px; color: #fff; }

.xia-top-title h5{ font-weight: lighter; font-size: 14px; color: #666; }

.xia-top-logo{ text-align: center;}

.xia-top-logo a{ display:block; }

.xia-top-tell{ height: 50px; padding-top: 20px; float: right; font-weight:bold;  font-size: 18px; color: #ff8f0a;
margin-right: 80px;
}

.xia-main1{ width: 100%;}

.xia-search{ width: 1100px; margin: 0 auto; height: 60px; border-bottom: 1px solid #e5e5e5; line-height: 60px; margin-bottom: 51px; }

.sea_key{ width:700px; float: left;  }

.search{ float: right; }

.xia-fenlei p{ float: left; padding-right: 35px; }

.xia-fenlei ul{ float: left; width:auto; margin: 0 60px;  }

.xia-fenlei ul h3{ font-size: 16px; color: #333; padding-bottom: 20px; }

.xia-fenlei ul li a{ font-size: 14px; color: #999; line-height: 30px; }


.index_cp {

	margin-top: 30px;

}

.index_cp li img {

	width: 255px;

	height:158px;

	border:solid 1px #F0F0F0;

}

.index_cp li {

	width: 255px;

	float: left;

	margin:5px 10px;

}

.index_cp li:nth-child(3n) {


}

.index_cp li:hover img {

	border:solid 1px #0f629b;

}

.index_cp li p {

	height: 35px;

	line-height: 35px;

	text-align: center;

	color: #333;
	background:#ececec;
	padding:0px 15px;

	white-space: nowrap;

	overflow: hidden;

	text-overflow: ellipsis;

}

.index_cp li:hover p {

	color: #0f629b;

}




.xia-lunbo{ width: 720px; height: 460px; }

.xia-pro-right a{ display: block; width: 348px; height: 215px;  position: relative; overflow: hidden;}

.xia-pro-right a:nth-child(1){ margin-bottom: 27px; }

.xia-pro-right a:hover .zhezhao{ bottom: 0; }

.zhezhao{ width: 348px; height: 215px; text-align: center;background: rgba(0,0,0,0.5); position: absolute; bottom: -215px; left: 0; transition: 0.5s;}

.zhezhao h3{ font-size: 16px; color: #fff; padding-top: 80px; padding-bottom: 10px; }

.zhezhao h4{ font-size: 14px; color: #fff; }

.xia-pro-cen{ clear: both; width: 1100px; height: 214px; margin-top: 27px; }

.xia-pro-cen a{ float: left; display: block; width: 348px; height: 215px;  position: relative; overflow: hidden; margin-right: 27px;}

.xia-pro-cen a:nth-child(1){ margin-bottom: 27px; }

.xia-pro-cen a:hover .zhezhao{ bottom: 0; }

.xia-pro-cen a:nth-child(3){ margin-right: 0; }

.xia-pto-top{ width: 1100px; height: 460px; }

.xia-main2{ padding-top: 27px;padding-bottom: 80px; }







/*hearder*/

.header{height: 50px;background:#fff;width: 1000px;background: url(../images/nav_bg.png) no-repeat;margin: 0 auto;}
.header ul {
	margin: 0;
	padding: 0;
	padding-left: 15px;
	height: 42px;
}
.header ul li{
	float: left;
	list-style: none;
	margin: 0 10px;
	font: 14px/38px Arial,'microsoft yahei',SimSun,Verdana;
	background: url(../images/nav_line.jpg) right center no-repeat;
}
.header ul li a{
	display: block;
    padding: 0px;
    text-align: center;
    text-decoration: none;
    width: 97px;
    color: #000;
    white-space: nowrap;
    font: 14px/38px 'microsoft yahei',Arial,Verdana;
}
.header ul li a:hover {
	background: url(../images/nav_btn_hover.jpg) no-repeat;
	font: 14px/38px 'microsoft yahei',Arial,Verdana;
	color: #fff;
}
.header ul li .addcl{
	background: url(../images/nav_btn_hover.jpg) no-repeat;
	color: #fff;
}
.text_right a{
	color: #316DC3;
}
/*导航部分*/





.xia_kuan{ width: 100%; height: 60px; background-color: #0f629b; }





.banner_warp{ width:100%; height:300px; overflow:hidden; position:relative; }

.banner-ny{width:1920px; margin-left:-960px;position:absolute;left:50%;text-align:center;}

.banner-ny img{ width:1920px; height:300px;}/*内页banner 1920px*/



/*轮播图点样式*/

.active{ background: #fff;}

.flickerplate .dot-navigation .dot.active { background:#0f629b; height:2px;width: 60px;}

.flickerplate .dot-navigation .dot.active:hover{ background:#0f629b;}

.flickerplate .dot-navigation .dot {background: #fff;}

.flickerplate .dot-navigation .dot:hover{background: #0f629b;}


/*首页关于我们 */
.index_about .about_title{
	margin-top: 10px;
	width: 820px;
	height: 26px;
	margin-bottom: 12px;
	background: url(../images/about_title.png) no-repeat;
	text-indent: -1000px;
	background-size:100%; 
	margin-left: 274px;
}
.img_left img{
	padding-left: 10px;
}
.fl {
	float: left;
}
.fr{
	float: right;
}
.text_right{
	width: 640px;
	font-size: 16px;
	line-height: 30px;
	text-indent: 32px;
}

/*搜索框*/

search_div{height:117px;line-height: 117px; background-color: #edeff3;background: url(../images/ssbj.jpg) no-repeat center;}

.search{ float: right; width:260px;}

.sea_cal{float: right;}

.search_tow{ border: none; background: #fff; width:205px; color: #6f6b6b;font-size: 14px;padding-left: 15px;  height: 20px;
	border-radius: 20px;
}

.search_button{    cursor: pointer;width: 66px;height:34px; position: absolute; right: 0px; top: 1px; border: none; background: url(../images/search_btn.png) no-repeat center;

  color: #fff;font-size: 16px;}

.sea_key{height:60px;line-height: 60px;}

.sea_key a{font-size: 14px;color:#fff; margin:0 20px; }

.sea_key a:hover{color:#fff}

.sea_key span{font-size: 14px; color:#fff; margin-right: 20px;}

.sea_cal span{ font-size: 16px; color:#555; margin-right: 10px;}

.sea_cal a{ font-size: 33px; color:#2fbbf1; float: right;margin-top: 23px;}

.kuang{width: 319px;height: 148px;position: absolute;top: -69px; background: url(../images/s1.jpg) no-repeat center;padding-top:40px;padding-left: 60px}

.kuang h2{font-size:50px;color: #fff;font-family: Arial;font-weight: normal;position: absolute;top: 0px}

.kuang h3{font-size: 18px;color: #fff;font-family:Arial;padding-left: 60px;height: 24px;line-height: 24px;}

.kuang h4{font-size: 14px;color: #fff;font-family:"黑体";padding-left: 60px;height: 24px;line-height: 24px;padding-bottom: 30px;letter-spacing: 10px;font-weight: normal;}

.kuang img{margin-top: 25px;margin-bottom: 20px;}

.kuang p{    height: 24px;line-height: 0px;font-size: 18px;color: #fff; margin-top: 25px;margin-left: 35px;font-weight:bold;}



.search{position: relative;background: url(../images/ssuo.jpg) no-repeat center;height: 34px;line-height: 34px;width: 290px; margin-top: 12px; }





/*product*/
.product_title{
	width: 820px;
	height: 26px;
	margin-bottom: 12px;
	background: url(../images/product_title.jpg) no-repeat;
	text-indent: -1000px;
	background-size:100%;
}
.pro_fl{
	margin-left: 10px;
	margin-top: 30px;
}



.debang{ width: 100%; background-color: #fff; padding-top: 68px; padding-bottom: 30px; }

.debang_left{ width: 240px; }

.debang_right{ width: 830px; }



.debang_left_top{ height: 130px; background-color: #0f629b; text-align: center; }

.debang_left_top h2{ font-size: 18px; color: #fff; padding-top: 35px;}

.debang_left_top h3{ font-size: 28px; padding-top: 5px; text-transform: uppercase;  color: #fff; }

.debang_left li{ height: 62px; line-height: 62px; border-bottom: 1px dotted #666666; background-color: #333;  text-align: center; transition: 0.3s;}
.debang_left li:nth-child(7){display:none;}
.conboya a:nth-child(7){display:none;}
.debang_left ul li a{ display: inline-block; padding: 8px 45px;  margin: 0 auto;  }

.debang_left li:hover a{color: #fff; }
.debang_left li:hover{ background-color: #0f629b;}
.debang_left li.on a{  background-color: #0f629b; color: #fff; }



.debang_right li{ list-style: none; float: left; width: 260px; height: 214px; border: 1px solid #ececec; margin-right: 22px; margin-bottom:28px; }

.debang_right li img{display: block;width:260px;height:160px;}

.debang_right li span{ width: 100%; display: block; height: 54px; line-height: 54px; text-align: center; color: #666; font-size: 14px; background-color: #ececec; transition: 0.3s; }

.debang_right li a{ display:block; }

.debang_right li .cpimg{width: 260px; height: 160px;}

.debang_right li:hover span{ background-color: #0f629b; color: #fff; }

.debang_right li:nth-child(3){ margin-right: 0; }

.debang_right li:nth-child(6){ margin-right: 0; }

.debang_right li:nth-child(9){ margin-right: 0; }

.debang_right li:nth-child(12){ margin-right: 0; }



.zhez{ width: 100%; height: 160px; position: relative;}

.zhez_c{ position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: rgba(0,0,0,0.3); opacity: 0; transition: 0.3s;}

.debang_right li:hover .zhez_c{ opacity: 1; }

.debang_right li:hover .more_bg{ opacity: 1;}

.more_bg{ position: absolute; left: 50%; top: 50%; margin-left: -22px; margin-top: -22px; z-index: 99; transition: 0.3s; opacity: 0; }



.clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden;} .clearfix{ zoom:1;}



/*横向广告*/

.fade{ width: 100%; background: url(../images/fade_bg.jpg) no-repeat center center; }

.fade_cont{ width: 462px; height: 365px; }

.fade_p1{ color: #fff; font-size: 26px; padding-left: 25px; padding-top: 55px;}

.fade_cont i{ font-style:normal;color: #ffde00;}

.fade_p2{ padding-top: 22px; padding-left: 75px; font-size: 18px; color: #fff; }

.fade_p2 span{ font-size: 14px; line-height: 1px; display: block; margin-top: 0; float: right; }

.fade_p3{ padding-top: 35px; font-size: 16px; color: #fff;}

.fade_p3 span{ display: block; float: right; font-size: 22px; padding-right: 110px;  }

.fade_p4{ padding-top: 113px; }

.fade_p4 p{ width: 42%; }

.fade_p4 p:nth-child(1){ font-size: 18px; color: #333;padding-top: 6px; }

.fade_p4 p:nth-child(1) span{  font-weight: bold; font-size: 18px;  }

.fade_p4 p:nth-child(2){ padding-left: 42px ;font-size: 26px; color: #0f629b; background: url(../images/tell2_bg.png) no-repeat left 0px; }

.fade{ height: 400px; }



/*优势*/

.chuangtai{ width: 100%; background-color: #fff; }

.chuangtai>span{ font-size: px; color: #; padding-top: px; }

.chuangtai>span{ font-size: px; color: #; padding-top: px; background: url(../images/img_8.png) no-repeat; }

.chuangtai_c{ height: 1070px; background: url(../images/img_7.png) no-repeat center center; }

.chuangtai_l{ width: 520px; }

.chuangtai_r{ width: 500px; }

.yous{height:760px;background: #e2e2e3  url(../images/ysbj.jpg) no-repeat center; }

.yous h2{padding-top: 50px;text-align: center;}

.yscon li h5{color: #333333;font-size: 18px;margin-bottom: 10px}

.yscon li h5 span{font-size: 18px;color: #0f629b;}

.yscon li p{color: #666666;font-size: 14px;}

.yscon li{width: 200px;float: left;line-height: 26px;margin-top:70px;}

.yscon li:nth-child(2n){float:right;}

.ys1  li:nth-child(3){width: 500px;border-top: solid 1px #e5e5e5;padding-top:70px;}

.ys2  li:nth-child(3){width: 250px;border-top: solid 1px #e5e5e5;padding-top:70px;}

.ys2  li:nth-child(4){width: 250px;border-top: solid 1px #e5e5e5;padding-top:70px;}

.ys2  li:nth-child(3) p{width: 200px;}

.ys2  li:nth-child(4) h5{width: 200px;float: right;}

.ys2  li:nth-child(4) p{width: 200px;float: right;}

.ys3{padding-top: 100px;clear:both;}



/*about*/

.about{background: url(../images/abj.jpg) no-repeat center center; height: 600px;}

.about .w1100{height: 600px;position: relative;}

.abcon{width: 480px;float: right;}

.abcon h6{padding-top: 80px}

.abcon strong a{color: #ffffff;font-size: 18px;font-weight: bold;margin-top: 40px;display: block;margin-bottom: 30px;}

.abcon p{color: #fff;font-size:14px;line-height: 26px;overflow: hidden;display: -webkit-box;text-overflow: ellipsis;word-wrap: break-word;white-space: normal !important;-webkit-line-clamp: 4;-webkit-box-orient: vertical;}

.abcon ul{margin-top:36px;}

.abcon ul li{float: left;}

.abcon ul li img{width:126px;height: 71px;padding:10px;background: #fff;margin-right: 20px; }

.abcon ul li:nth-child(3) img{margin-right: 0px;}

.abcon strong a:hover{color: #d2cb1c;}

.abcon ul li img:hover{background: #d2cb1c}

.abcon .more{padding-top: 64px;clear:both;}

.abcon .more a{display:block;height: 50px;line-height: 50px;color: #fff;float: left;}

.abcon .more a:nth-child(1){background: url(../images/a4.jpg) no-repeat center left;padding-left: 20px;margin-right:100px;}

.abcon .more a:nth-child(2){background: url(../images/a5.jpg) no-repeat center left;padding-left: 30px;}

.abcon .more a:hover{text-decoration:underline;}





/*news*/

.news{height:470px;background: #fff;}

.newtit{padding-top: 30px;border-bottom: solid 1px #e2e2e2;height: 60px; line-height:60px;}

.newtit li{float: left;margin-right: 80px;}

.news .newtit li a{color: #464646;font-size: 18px;display:inline-block;line-height: 59px;height: 59px; font-weight:bold;}

.news .newtit li a.news_on{color: #0f629b;border-bottom: solid 2px #0f629b}

.news .newtit li a:hover{color: #0f629b;border-bottom: solid 2px #0f629b}

.news .newtit .more{float: right;margin-top: 20px;width: 60px;height: 23px;line-height: 23px;background: #0f629b;text-align: center; font-weight:bold;}

.news .newtit .more:hover{ color:#666;}

.news .news_cont{color: #fff; overflow:hidden;}



.news .news_cont ul li:nth-child(2n){float:left; }

.news .newleft{width: 370px;float: left;margin-top: 30px;}

.news .newleft h6 a{color: #464646;font-size: 16px;margin-top: 10px;display: block;margin-bottom:15px;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;display: block;}

.news .newleft h6 a:hover{color: #0f629b;}

.newleft img{width: 368px;height: 190px;}

.news .newleft p{color: #666666;font-size: 13px;line-height: 24px;

  height: 48px;

    display: -webkit-box;

    overflow: hidden;

    text-overflow: ellipsis;

    word-wrap: break-word;

    white-space: normal !important;

    -webkit-line-clamp: 2;

    -webkit-box-orient: vertical;}

.news .newszhong{width: 325px;float: left;margin-left:40px;margin-top: 30px;}

.news .newszhong .nzcon{height: 75px;margin-bottom:38px;}

.news .newszhong .nzcon:nth-child(2){margin-bottom: 0px;}

.news .newszhong .nzcon img{float: left;width: 100px;height: 74px;margin-right: 20px}

.news .nzcc span{color: #cccccc;}

.news .nzcc h5 a{color: #666;font-weight:normal;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;display: block;}

.news .nzcc h5 a:hover{color: #0f629b;font-weight:normal;}

.news .nzcc p{color: #999999;font-size: 12px;margin-top: 15px;     overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}

.news .nzp{height: 50px;line-height: 50px;color: #666666;border-bottom: solid 1px #e2e2e2;    

 overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}

.news .nzp a{color: #666;}

.news .nzp a:hover{color: #0f629b;}

.newsright{width: 325px;float: right;    margin-top: 14px;}





/*友情链接*/

.link{height: 50px;display:none;}

.link span{float: left;}

.link a{display:block;height: 50px;line-height: 50px;color: #333;float: left;margin-left: 92px}

.link a:hover{text-decoration:underline;color: #0f629b}



.fnav{background: #0f629b;color: #fff;height: 55px;line-height: 55px;}

.fnav .w1100{}

.fnav li{float: left;margin-right:105px;}

.fnav li a:hover{color: #fff;text-decoration:underline;}



/*底部*/

.foot{background: #333;height: 340px;}

.foot .flogo{width: 216px;height: 260px;float: left;text-align: center;padding-top:80px;}
.foot .flogo img{width:200px;height:100px;}
.foot .flogo p{color: #999999;font-size: 12px;margin-top: 20px;}

.foot .flogo p a{color: #999999;font-size: 13px;}

.foot .flogo p a:hover{text-decoration:underline;color: #0f629b}

.fcon{margin-top:60px;margin-left:90px;width: 430px;float: left;}

.fcon h5 a{color: #cac4c4;font-size: 18px;font-weight: bold;margin-bottom: 20px;display: block;}

.fcon dl{ width:630px;}

.fcon dl dd{ float:left;}

.fcon dl dt{ float:left;}

.fcon strong{ width:560px;}

.fcon p{color: #999999;font-size:14px; line-height: 30px;}

.fcon p span{padding-right: 25px;}

.fcon p a{color: #999999;font-size:14px; line-height: 30px;}

.fcon p a:hover{text-decoration:underline;color: #0f629b}

.wx{float: right;text-align: center;margin-top:9%;}

.wx p{color: #666;margin-right:10px;margin-top:10px;}
.wx p a{
	color: #666;
}
.wx p span{
	width:130px;
	display: inline-block;
	text-align:right;
}





/*返回顶部*/

.cd-top { z-index:999;  display: inline-block;height: 50px;width: 50px;position: fixed;bottom: 40px;right: 10px;cursor:pointer;box-shadow: 0 0 10px rgba(0, 0, 0, 0.05);overflow: hidden;text-indent: 100%; white-space: nowrap;background:#000 url(../images/cd-top-arrow.png) no-repeat center 50%;visibility: hidden;opacity: 0;-webkit-transition: all 0.3s;-moz-transition: all 0.3s;transition: all 0.3s; border-radius:7px;}

.cd-top.cd-is-visible { visibility: visible;opacity: 1; cursor:pointer;}

.cd-top.cd-fade-out { opacity: .9;}

.no-touch .cd-top:hover {background-color: #9dc92b;opacity: 1;}

.por_conend .por_con_div h4 a:hover{color: #316DC3}



.clearfix:after {
    content: "020";
    display: block;
    height: 0;
    clear: both;
}

/*内页开始*/

/*合作伙伴*/

.Partner li{list-style: none; float:left;margin:12px 16px;width:220px;height:136px;overflow:hidden;border:1px solid #fff;}

.Partner li img{
	-webkit-transition:-webkit-transform 1s ease 0s;
	transition:transform 0.5s ease 0s;
	-webkit-transform-origin:center;
	transform-origin:center;
}
.Partner li img:hover{
	-webkit-transform: scale(1.2);
	transform: scale(1.2);
}