﻿@charset "utf-8";
/*全局CSS定义*/
body{font-family:Microsoft YaHei,Arial,Helvetica,sans-serif;background:#fff;text-align:center;margin:0 auto;padding:0;font-size:100%;color:#000;}
ul{list-style-type:none; margin:0; padding:0;}
li{margin:0; padding:0; vertical-align:middle;}
a{color:#000;text-decoration:none}
p{margin:0;}
img{height:auto;width: auto\9; display:block;}
h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:bold; margin:0; font-weight:normal;}
.fl{float:left;}
.fr{float:right;}
input::-webkit-input-placeholder, textarea::-webkit-input-placeholder{color:#fff;}
input:-moz-placeholder, textarea:-moz-placeholder{color:#fff;}
input::-moz-placeholder, textarea::-moz-placeholder{color:#fff;}
input:-ms-input-placeholder, textarea:-ms-input-placeholder{color:#fff;}



.w1080{width:1080px; margin:0 auto; margin-bottom:20px; overflow:hidden;}


.tit{overflow:hidden;}
.tit h2{text-align:left; height:18px; line-height:18px; font-size:18px; color:#173d6e; font-weight:bold; float:left; margin:20px 0; border-left:5px solid #173d6e; padding-left:5px;}
.tit h2 span{font-size:14px; font-family:Arial; color:#878787; margin-left:10px; font-weight:normal;}
.tit a{float:right; line-height:16px; display:block; width:44px; height:18px; color:#fff; background:#173d6e; border-radius:9px; font-size:14px;font-family:'宋体'; margin-top:20px;}
.tit a:hover{background:#5b89c6;}


/*head*/
.headbox{width:100%;}
.head{margin-bottom:0;}
.head .search{margin-top:18px; overflow:hidden;}
.head .search h3{font-size:14px; text-align:right; line-height:32px; padding-left:24px; background:url(../images/tel.png) no-repeat left center; width:236px; margin-left:15px;}
.head .search h3 span{color:red; font-size:16px; font-weight:bold; margin-left:5px;}
.head .search{overflow:hidden;}
.head .search .text{width:240px; height:32px; box-sizing:border-box; border:1px solid #cdcdcd; border-width:1px 0 1px 1px; border-radius:16px 0 0 16px;} 
.head .search .submit{width:50px; height:32px; box-sizing:border-box; border:1px solid #cdcdcd; border-width:1px 1px 1px 0; border-radius:0 16px 16px 0; background:url(../images/search.jpg) no-repeat left center;}

/*nav*/
.navbox{width:100%; background:url(../images/nav_BJ.jpg) repeat-x; height:36px;}
.navbox ul{overflow:hidden;}
.navbox ul li{float:left;}
.navbox ul li a{line-height:36px; color:#fff; width:154px; display:block;}
.navbox ul li a:hover{background:#5b89c6;}


/*banner*/
.banner{max-width:1920px; margin:0 auto; height:360px; margin-bottom:20px;}
.pro-switch {overflow: hidden; position: relative;}
.flexslider {margin:0; padding: 0;}
.flexslider .slides > li{display: none;-webkit-backface-visibility: hidden;}
.flexslider .slides .img{max-width:1920px;height:360px;}
.flexslider .slides .banner1{background:url(../images/banner_1.jpg) no-repeat top center;}
.flexslider .slides .banner2{background:url(../images/banner_2.jpg) no-repeat top center;}
.flexslider .slides .banner3{background:url(../images/banner_3.jpg) no-repeat top center;}
.flexslider .slides .banner4{background:url(../images/banner_4.jpg) no-repeat top center;}
.slides:after {content: ".";display: block;clear: both;visibility: hidden;line-height: 0;height: 0;}
.flexslider {margin: 0 auto;position: relative;zoom: 1;}
.flex-viewport {max-height: 2000px;-webkit-transition: all 1s ease;	-moz-transition: all 1s ease;transition: all 1s ease;}
.flexslider .slides {zoom: 1;}
.flex-direction-nav{height: 0;}
.flex-direction-nav a {width:60px; height:90px; margin:-60px 0 0; display: block; background: url(../images/ad_ctr.png) no-repeat 0 0; position: absolute; top: 50%; z-index:10; cursor: pointer; text-indent: -9999px; opacity:0;	filter:alpha(opacity=0); -webkit-transition: all .3s ease;}
.flex-direction-nav .flex-next{background-position: 0 -90px; right:30px;}
.flex-direction-nav .flex-prev {left:30px;}
.flexslider:hover .flex-next {opacity: 0.8;	filter:alpha(opacity=25);}
.flexslider:hover .flex-prev {opacity: 0.8;	filter:alpha(opacity=25);}
.flexslider:hover .flex-next:hover, .flexslider:hover .flex-prev:hover{opacity: 1;	filter:alpha(opacity=50);}
.flex-control-nav{width:100%; position: absolute; text-align: center; left:0; bottom:20px;	z-index:999; padding:0; margin:0;}
.flex-control-nav li{margin: 0 5px;	display: inline-block; zoom: 1; }
.flex-control-paging li a{background:rgba(90,90,90,.7); display:block; height: 16px; overflow: hidden;	text-indent:-99em; width: 16px;	cursor: pointer; border-radius: 8px;}
.flex-control-paging li a:hover{background:rgba(255,255,255,.8);}
.flex-control-paging li a.flex-active {background:rgba(255,255,255,.8);}


/*equipment*/
.photos{overflow:hidden; width:1080px;}
.photos .pcont{width:1020px; float:left; overflow:hidden;}
.photos .ScrCont {width:30000px; zoom:1;}
.photos #List1_1, .blk_18 #List2_1 {float:left; width:1360px; }
/*先设置8人的位置*/
.photos .LeftBotton{width:30px; height:100px; float:left; background:url(../images/photo_left.png) no-repeat;}
.photos .RightBotton{width:30px; height:100px; float:left; background:url(../images/photo_right.png) no-repeat;}
.photos .pl{width:160px; margin:0 5px; float:left; text-align:center; display:inline; overflow:hidden;}
.photos .pl img{display:block; cursor:pointer; width:160px; height:120px; overflow:hidden; border:1px solid #bcbcbc; box-sizing:border-box;}
/*.photos .pl img{cursor: pointer; transition: all 0.6s;}  
.photos .pl img:hover{transform: scale(1.1);}*/
.photos .pl h2{height:45px; line-height:45px; color:#111; text-align:center; overflow:hidden;}


/*news*/
.newsbox{margin-bottom:40px;}
.newsbox .about_us{width:320px;}
.newsbox .about_us p{line-height:24px; font-size:14px; text-align:left; margin-top:10px;height:72px; overflow:hidden;}

.newsbox .news{width:720px;}
.newsbox .news .listbox{width:720px;}

.newsbox .news .slides{margin:0 auto; width:320px; height:180px; overflow:hidden; position:relative;}
.newsbox .news .slides img{width:320px; height:180px;}
.newsbox .news .slides .tubox .zi{display:block; width:200px; line-height:32px; height:32px; background:url(../images/tu_BJ.png); color:#fff; text-align:left; position:absolute; bottom:0; font-size:13px; padding-left:8px; padding-right:112px;}
.newsbox .news .slides .dian{position:absolute;width:116px;height:18px;right:0;bottom:9px;z-index:1;line-height:18px;text-align:center;}
.newsbox .news .slides .dian li{display:inline-block;vertical-align:middle;width:18px;height:18px;margin:0 2px;font-size:14px;line-height:0;background:#898989; cursor:pointer; filter:alpha(opacity=50); -moz-opacity:0.5; opacity:0.5; line-height:18px; color:#fff;}
.newsbox .news .slides .dian li.on{background:#fff; filter:alpha(opacity=100); -moz-opacity:1; opacity:1; color:#262626;}

.newsbox .news .listbox .list{width:360px; float:right; text-align:left;}
.newsbox .news .listbox .list ul li a{font-size:14px; line-height:30px; font-family:'宋体'; overflow:hidden;}
.newsbox .news .listbox .list ul li a .fr{color:#787878;}
.newsbox .news .listbox .list ul li a .wen{width:280px; height:30px; display:block; float:left; overflow:hidden;}
.newsbox .news .listbox .list ul li a:hover{text-decoration:underline; color:#275fa7;}



/*product*/
.product{margin-bottom:20px;}
.product .contact_us p{text-align:left; font-size:14px; line-height:24px; font-family:'宋体';}
.product .contact_us img{margin-bottom:8px;}

.product .product{width:720px;}
.product .product ul{width:732px;}
.product .product ul li{width:171px; float:left; margin-right:12px;}
.product .product ul li a img{width:169px; height:118px; border:1px solid #bcbcbc; box-izing:border-box;}
.product .product ul li a h2{line-height:38px; font-size:14px; font-family:'宋体';}
.product .product ul li a:hover{text-decoration:underline; color:#275fa7;}


/*bottom*/
.bottom{width:100%; background:#173d6e; height:100px; position:relative;}
.bottom h3{color:#fff; font-size:14px; line-height:30px;}
.bottom p{color:#fff; font-size:14px; line-height:30px; padding-top:20px;}
.bottom a{display:block; width:36px; height:36px; background:url(../images/back.png) no-repeat; position:absolute; left:50%; top:20px; margin-left:504px;}



/*side*/
.side{position:fixed; width:54px; right:0; bottom:300px; z-index:999;}
.side ul li{width:54px; height:54px; float:left; position:relative;}
.side ul li .sidebox{position:absolute; width:54px; height:54px; top:0; right:0; transition:all 0.3s; background:#333333; color:#fff; font:14px/54px "微软雅黑"; overflow:hidden;}
.side ul li .sidebox:hover{width:180px; background-color:#173d6e;}
.side ul li img{float:left;}







