@charset "utf-8";
/*公共样式*/
*{ margin:0; padding:0; word-wrap:break-word}
body{font-size:12px; color: #555555; background:#fff; font-family: "Microsoft YaHei",sans-serif; overflow-x:hidden;}
img{ border: none; display:block;}/*避免png出现边框*/
a,span{ text-decoration:none; color:#333; transition:all .3s ease-out; -moz-transition:all .3s ease-out; -webkit-transition:all .3s ease-out; -o-transition:all .3s ease-out;}
li, ul{ list-style:none;}
.wp{ width:1200px; margin:auto;}
/*清除浮动*/
.clr{ clear:both;}
.clr:before,#clear:after{display:table; content:""}
.clr:after{clear:both}
.clr{zoom:1}
.fl{ float: left;}
.fr{ float: right;}
h3{ font-weight: normal;}

/*header*/
.header-box{ width: 100%; border-top: 5px solid #00488d;}
.header{ height: 78px;}
.logo{ margin-top: 22px;}
.link{}
.link a{ display: inline-block; padding: 6px 3px;}

#weixin{ position: relative;}
.wx{ display: none; position: absolute; left: -100px; top:30px;  z-index:99999;}
#weixin:hover img.wx{ display: block;}

.language{}
.language a{ display: inline-block; padding: 5px;}
.language a img{ padding-top: 3px;}

.tele{}
.tele h3{ font-size:24px; font-weight:bold; color: #E60101; margin-top: 33px;}
.tele span{ font-size:16px; padding-right: 10px; font-weight:normal;}
.search{ margin-top: 33px;}
.search-t{ float: left; width: 220px; height: 25px; box-sizing: border-box; border: 1px solid #b2b2b2; outline: none;}
.search-btn{ float: left; background: url("../images/search.jpg") no-repeat center; width: 44px; height: 25px; border: 0; outline: none; cursor: pointer;}

/*nav*/
.nav-box{ width: 100%; height: 48px; border-top: 1px solid #cdcdcd; border-bottom: 1px solid #cdcdcd;}
.nav{ width: 1110px; }
.nav li{ float: left; text-align: center; position: relative;}
.nav li a{ display: block; font-size: 16px; width: 185PX; line-height: 48px;}
.nav li:hover>a{ background: #0065ab; color: #fff;}
.f1>a{ background: #0065ab; color: #fff;}
.nav li dl{ background: #f6f6f6; position: absolute; z-index: 999; transform-origin: 0px 0px; transform: rotateX(90deg); transition:all .5s ease-out;-moz-transition:all .5s ease-out;-webkit-transition:all .5s ease-out;-o-transition:all .5s ease-out;}
.nav li dl dd a{ color: #525252; }
.nav li:hover dl{ display: block; transform: rotateX(0deg);}
.nav li dl dd a:hover{background: #0065ab; color: #fff;}
/*banner*/
#footer {text-align:center;}
.fullSlide {width:100%;position:relative;height:612px;background:#000;}
.fullSlide .bd {margin:0 auto;position:relative;z-index:0;overflow:hidden;}
.fullSlide .bd ul {width:100% !important;}
.fullSlide .bd li {width:100% !important;height:612px;overflow:hidden;text-align:center;}
.fullSlide .bd li a {display:block;height:612px;}
.fullSlide .hd {width:100%;position:absolute;z-index:1;bottom:0;left:0;height:30px;line-height:30px;}
.fullSlide .hd ul {text-align:center;}
.fullSlide .hd ul li {cursor:pointer;display:inline-block;*display:inline;zoom:1;width:42px;height:11px;margin:1px;overflow:hidden;background:#000;filter:alpha(opacity=50);opacity:0.5;line-height:999px;}
.fullSlide .hd ul .on {background:#95201c;}
.fullSlide .prev, .fullSlide .next {display:block;position:absolute;z-index:1;top:50%;margin-top:-30px;left:15%;z-index:1;width:40px;height:60px;background:url(../images/slider-arrow.png) -126px -137px #000 no-repeat;cursor:pointer;filter:alpha(opacity=50);opacity:0.5;display:none;}
.fullSlide .next {left:auto;right:15%;background-position:-6px -137px;}

.banner-box{ position: relative;}
.contact-box{ position: relative;}
.contacts{ position: absolute; bottom: 0px; left: 0px; height: 95px; background: url("../images/bc.png") no-repeat center; width: 100%;}
.contacts ul{ display: block; width: 100%; margin-top: 20px; margin-left: 68px;}
.contacts li{ float: left; width: 29%;}
.contacts li:last-child{ width: 40%;}
.contacts li img{ float: left; padding: 6px;}
.contacts li h3{ font-size: 20px; color: #fff;}
.contacts li p{font-size: 22px; color: #fff; text-shadow: 1px 3px 15px #6B6B6B;}
.contacts li:last-child p{ font-size: 18px;}

/*sort*/
.sort{ height: 308px;}
.sort-tit{ text-align: center;}
.sort-tit p{ font-size: 20px; font-weight: bold; color: #4d4d4d; letter-spacing: 3px; text-shadow: 1px 2px 10px #585858; line-height: 80px; text-transform: uppercase;}
.sort-tit .line{ width: 793px; height: 11px; background: url("../images/line.jpg") no-repeat center; margin: 0 230px; margin-bottom: 30px;}
.sort ul{ margin-left: 12%;}
.sort li{ float: left; text-align: center; width: 20%; margin: 10px 5%;}
.sort li img{ margin: auto; transition:all 1s ease-out;}
.sort li h3{ font-size: 16px; color: #4d4d4d; margin-top: 20px; text-transform: uppercase;}
.sort li p{ color: #afafaf; font-size: 14px; text-transform: uppercase;}
.sort li a:hover img{ transform: rotate(360deg);}

/*product*/
.product-box{ width: 100%; height: 500px; background: #fafafa; position: relative;}
.product .tit{ text-align: center; padding-top: 35px;}
.product .tit h3{ font-size: 20px; color: #000; letter-spacing: 2px; text-transform: uppercase;}
.product .tit p{ font-size: 14px; color: #0c5ba7; text-transform: uppercase; margin-top: 3px;}
.product .tit .line{ display: block; width: 16px; height: 5px; background: #0065ab; margin: auto; margin-top: 6px;}

.Div1_main{ width: 1024px; margin: auto;}
.product li{ float: left; width: 23%; margin: 20px 1%; overflow: hidden; border: 1px solid #cecece; box-sizing: border-box; height: 320px; position: relative;}
.pro-img{ height: 160px; overflow: hidden; margin: 10px; background: #000;}
.pro-img img{ width: 100%; margin-top: -20px; opacity: .6; transition:all .5s ease-out;}
.product li:hover img{ opacity: 1;}
.product li p{ width: 90%; text-align: center; margin: 0px 5%;}
.product li p a{ font-size: 14px; }
.product li .more{ text-align: center; position: absolute; bottom: 22px; left: 68px;}
.product li .more a{ border: 1px solid #aaa; background: #e4e4e4; padding: 5px 10px;}
.product li .more a:hover{ background: #d3d3d3;}
    /*hot-product切换效果-开始*/
.Div1{ width: 1024px; overflow:hidden;position:relative;}
.Div1_prev{padding:2px 10px 0 0;}
.Div1_next{padding:2px 0 0 0px;}

.Div1_main{padding-top:10px;height:400px;width:10000px;overflow:hidden;position:relative;z-index:1;}
.Div1_main ul{width:1024px;height:400px;float:left;}
.Div1_main ul li{}
.Div1_main ul li a{display:block;}
    /*切换按钮*/
.Div1_prev1 , .Div1_next1{ display:block; width:31px; height:30px; position:absolute; cursor:pointer; z-index:2000; top:258px;}
.Div1_prev1 img , .Div1_next1 img{ width:46px; height:80px;}
.Div1_prev1:hover , .Div1_next1:hover{ opacity:0.7; filter:alpha(opacity=70)}
.Div1_prev1{ margin-left: 50%; left:-565px;}
.Div1_next1{margin-left: 50%; left:522px;}
    /*hot-product切换效果-结束*/

/*an box*/
.an-box{ height: 350px; margin-top: 40px;}
.about{ width: 60.66%; margin-left: 4%;}
.an-box .tit{ border-bottom: 1px solid #cdcdcd; position: relative; height: 30px;}
.an-box .tit h3{ font-size: 16px; color: #000; line-height: 30px; position: relative; padding-left: 12px;}
.an-box .tit h3:before{ content: ""; display: block; position: absolute; width: 5px; height: 16px; background: #0065ab; top: 7px; left: 0px;}
.an-box .tit a{ position: absolute; font-size: 14px; color: #0c5ba7; right: 3px; top: 5px;}

.about-t{ width: 49%; margin-top: 30px; height: 250px; position: relative;}
.about-t p{ font-size: 14px; color: #989898; line-height: 24px; text-indent: 2em;}
.about-t a{ position: absolute; color: #fff; background: #007bd0; padding: 5px 15px; right: 5px; bottom: 20px;}
.about-t a:hover{ background: #015985;}
.about-i{ width: 46%; margin-top: 15px;}

.news{ width: 28%; margin-right: 4%;}
.news ul{ margin-top: 30px;}
.news li{ height: 40px; border-bottom: 1px solid #cdcdcd; position: relative;}
.news li span{ position: absolute; right: 2px; top: 14px; color: #a1a1a1;}
.news li h3 a{ line-height: 40px;}
.news li h3 a:hover{ padding-left: 4px; color: #00488d;}
.news li:first-child{ height: 80px;}
.news li:first-child h3 a{ line-height: 28px; margin-bottom: 5px;}
.news li:last-child{ border: 0;}
.news-i{ width: 94px; height: 73px; overflow: hidden;}
.news-i img{ width: 100%;}
.news-t{ width: 228px;}

/*bottom*/
.bottom-box{ width: 100%; height: 200px; background: #313131;}
.bottom{  margin: auto; text-align: center;}
.bottom img{ margin: auto; padding: 50px 0 15px;}
.bottom p{ color: #e8e8e8; font-size: 16px; line-height: 28px;}
.footer{ height: 50px; width: 100%; background: #1b1b1b; text-align: center;}
.footer p{ line-height: 50px; font-size: 14px; color: #d8d8d8;}

/*--------------------子页------------------*/
/*子页通用 */
.zy-banner{ width: 100%; height: 332px; position: relative; margin-left: 50%; left: -960px;}
.zy-banner-t{ position: absolute; top: 101px;  left: 430px;}
.zy-banner-t h3{ font-size: 35px; color: #3b3b3b; font-weight: bold; font-family: "Arial"; border-bottom: 2px solid #353535; line-height: 50px; margin-bottom: 10px; text-transform: uppercase; }
.zy-banner-t h3 p{ font-size: 35px; color: #3b3b3b; font-weight: bold; font-family: "Arial";  line-height: 50px;  text-transform: uppercase; }
.zy-banner-t p{ font-size: 20px; color: #585858;}
.location-box{ width: 100%; height: 40px; background: rgba(0, 101, 171, .7); position: relative; bottom: 40px;}
.location{ padding-left: 20px; color: #fff; line-height: 40px; font-size: 12px;}
.location a{ color: #fff; line-height: 40px; font-size: 14px;}
.main-box{ min-height: 400px;}
.list{ width: 224px; text-align: center;}
.main{ width: 74%;}
.list h3{ height: 224px; height: 90px; line-height: 90px; font-size: 24px; color: #fff; background: url("../images/list.png") no-repeat center;}
.list li{ width: 224px; height: 45px; border: 1px solid #cdcdcd; border-bottom: 0; box-sizing: border-box; position: relative;}
.list li:last-child{border-bottom: 1px solid #cdcdcd;}
.list li a{ display: block; width: 223px; font-size: 14px; line-height: 45px;}
.list li a:hover{ background: #72a4dd; color: #fff;}
#cur{background: #72a4dd; color: #fff;}
.list li dl{ position: absolute; left: 222px; top: -1px; background: #fff; transition:all .5s ease-out; transform-origin: 0px 0px; transform: rotateY(90deg); transform: rotateX(90deg); transition:all .5s ease-out;-moz-transition:all .5s ease-out;-webkit-transition:all .5s ease-out;-o-transition:all .5s ease-out; opacity: 0;}
.list li dl dd{ height: 44px; border: 1px solid #cdcdcd; border-bottom: 0; box-sizing: border-box;}
.list li dl dd:last-child{border-bottom: 1px solid #cdcdcd;}
.list li:hover dl{ display: block; transform: rotateY(0deg); transform: rotateX(0deg); opacity: 1;}
.list li dl dd a{ width: 200px; height: 44px;}
.main{ min-height: 300px; background: #f9f9f9; padding: 30px; margin-bottom: 40px;}

/*about*/
.m-about h3{ font-size: 30px; font-weight: bold; text-indent: 26px; line-height: 52px;}
.m-about p{ font-size: 14px; color: #717171; line-height: 36px; text-indent: 2em; text-align: justify;}
.m-about img{ max-width: 100%; margin: 10px;}

/*news*/
.m-news li{ height: 110px; overflow: hidden; border-bottom: 1px solid #e5e5e5; margin-bottom: 20px;}
.m-news li:last-child{ border-bottom: 0;}
.m-news-i{ width: 135px; height: 90px; margin: 10px 0; overflow: hidden;}
.m-news-i img{ width: 100%; height: 100%; transition:all .5s ease-out;}
.m-news-i img:hover{ transform: scale(1.05, 1.05);}
.m-news-t{ width: 82%; margin: 10px 0;}
.m-news-t h3 a{ display: block; font-size: 16px; font-weight: bold; color: #7b7b7b; margin: 10px 0;}
.m-news-t h3 a:hover{ color: #15528d; padding-left: 8px;}
.m-news-t p{ color: #929292;}

.newsview-tit{ text-align: center; margin-bottom: 25px;}
.newsview-tit h3{ font-size: 24px; font-weight: 600; border-bottom: 1px solid #cdcdcd; padding-bottom: 10px; margin-bottom: 10px;}
.newsview-tit p{ font-size: 14px; color: #7b7b7b;}
.newsview-tit p span{ color: #7b7b7b;}
.newsview-text p{ font-size: 14px; line-height: 36px; text-indent: 2em;}
.newsview-text img{ margin: 10px auto;}

/*m-product*/
.m-product li{ width: 32%; margin-right: 2%; margin-bottom: 25px; overflow: hidden; float: left; background: #fff; text-align: center; box-sizing: border-box; border: 1px solid #cdcdcd; height: 310px;}
.m-product li:nth-child(3n){ margin-right: 0;}
.m-product-i{ width: 100%; height: 250px; overflow: hidden;}
.m-product-i img{ height: 100%; margin: auto; transition:all .5s ease-out;-moz-transition:all .5s ease-out;-webkit-transition:all .5s ease-out;-o-transition:all .5s ease-out;}
.m-product li p{ font-size: 14px; text-align: center; margin: 10px; color: #808080; transition:all .5s ease-out;-moz-transition:all .5s ease-out;-webkit-transition:all .5s ease-out;-o-transition:all .5s ease-out;}
.m-product li:hover p{ color: #00488d;}
.m-product li:hover img{transform:scale(1.1, 1.1);-ms-transform:scale(1.1, 1.1);-moz-transform:scale(1.1, 1.1);-webkit-transform:scale(1.1, 1.1);-o-transform:scale(1.1, 1.1);}

.m-productview{ }
.productview-tit{ text-align: center;}
.productview-tit h3{ font-size: 20px; font-weight: bold; margin-bottom: 10px;}
.productview-i{ padding: 20px 0px;}
.productview-i img{border: 1px solid #c3c3c3;  margin: auto;}
.productview-t p{ font-size: 14px; text-align: justify; }

.btn{ }
.btn a{ display: block; line-height: 24px; text-decoration: underline;}

.back{ position: relative; top: 38px; left: 800px;}
.back a{ display: block; text-align: center; width: 85px; height: 35px; background: #5c5c5c; line-height: 35px; color: #fff;}
.back a:hover{ background: #353535;}


/*contact*/
.m-contact h3{ font-size: 30px; font-weight: bold;  line-height: 52px;}
.m-contact p{ font-size: 16px; color: #555; line-height: 36px; text-align: justify;}

#top{ position: fixed; right: 150px; bottom: 270px;}
#top a{ display: block; text-align: center; text-transform: uppercase; width: 40px; height: 40px; line-height: 40px; background: #00488d; color: #fff;}
@media (max-width: 1500px) {
#top{ position: fixed; right: 50px; bottom: 270px;}
}

/*photo*/
.fancybox{ width:30.33%; height: 180px; margin: 0 1.5%; margin-bottom:30px; float:left; overflow: hidden;}
.fancybox img{ width: 100%; height: 100%;}




#pagelist{ 
	font-size:12px;
	line-height:40px;
	text-align:center;
	display:inline-block;
	margin-top:15px;
}
.pagination{width:100%;
	height:25px;
	font-size:12px;
	margin:0;
	text-align:center; 
	padding:10px 0;
	margin-right:-10px;
	display:inline-block;
	float:right;
	margin-top:15px;
}
.pagination a{
	padding:8px 15px;
	margin-left:8px;
	color:#666;border:1px #999 solid;border-radius:5px;
}
.pagination a:hover{
	color:#333;border:1px #333 solid;
}
.pagination span.current{
    padding:8px 15px;
	margin-left:8px;
	color:#e8e8e8;border:1px #e8e8e8 solid;border-radius:5px;
}
.pagination span.disabled{ 
    padding:8px 15px;
	margin-left:8px;
	color:#e8e8e8;border:1px #e8e8e8 solid;border-radius:5px;
}