/*全局CSS定义*/
body{font-family:Microsoft YaHei,Arial;background:#fff;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;}

.clear{clear:both} 

.w1200{width:1200px; margin:0 auto; overflow: hidden;}

.title{margin:0 auto; width: 1200px; text-align: center; margin-bottom: 60px;}
.title h2{font-size: 24px; color: #2b2b2b; font-weight: bold; line-height: 36px; letter-spacing: 10px; background: url(../images/title_bj.png) center no-repeat;}
.title p{font-size:24px; color:#b3b3b3; font-family:Arial; line-height:30px;}

.more{display: block; width: 180px; height: 40px; color: #fff; line-height: 40px; font-size: 16px; text-align: center; margin: 40px auto; transition:all 0.6s; background: #00489a;}
.more:hover{background: #53b3ee;}



/* head */
.topbox{width: 100%; overflow: hidden; border-bottom: 1px #e9e9e9 solid;}
.topbox .top p{float: left; font-size: 12px; color: #828282; line-height: 40px;}
.topbox .top .version{float: right; font-size: 12px; line-height: 40px;}
.topbox .top .version a,.topbox .top .version span{color: #828282; margin-left: 20px}
.topbox .top .version a:hover{color: #00489a;}

.logobox .right{overflow: hidden;}
.logobox .right .tel{padding-left: 45px; height: 40px; background: url(../images/tel_top.jpg) left center no-repeat; float: left; margin-top: 30px;}
.logobox .right .tel h3{font-size: 12px; color: #828282; line-height: 16px;}
.logobox .right .tel p{font-size: 24px; color: #516b82; line-height: 24px;}

.head .search .text {box-sizing: border-box; width: 155px; height: 36px; border: 1px #c1c1c1 solid; border-right: 0; border-radius: 18px 0 0 18px; float: left; padding-left: 10px;}
.submit {box-sizing: border-box; width: 45px; height: 36px; border: 1px #c1c1c1 solid; border-left: 0; border-radius: 0 18px 18px 0; background-image: url(../images/search.jpg); float: right;cursor:pointer;}
.search form {overflow:hidden;}
.search{margin-top:32px; margin-left: 60px;}

/* nav */
.navbox{background: #00489a;}
.navbox .nav ul{overflow: hidden; background: url(../images/nav_bj.jpg) left center no-repeat;}
.navbox .nav ul li{float: left; width: 150px; background: url(../images/nav_bj.jpg) right center no-repeat;}
.navbox .nav ul li a{display: block; line-height: 50px; color: #fff; text-align: center; transition:all 0.6s;}
.navbox .nav ul li a:hover{background: #003169;}


/*banner*/
.banner{max-width:1920px; height:560px;}
.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:560px;}
.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;}
.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);}






/* products */
.products{text-align:center;}
.products #footer{width:1200px; margin: 0 auto; background:#fff; padding:0 20px;}
.products #footer #footer-content{border-bottom:0;}
.products #footer #footer-content ul{overflow:hidden; width: 980px; margin: 40px auto; margin-top: 70px;}
.products #footer #footer-content ul li{float:left; width:120px; margin: 0 10px;}
.products #footer #footer-content ul li a{font-size:14px; line-height:36px; display:block; border-radius: 18px; box-sizing: border-box;}
.inactive a{border: 1px #000 solid;}
.active a{color:#fff; background: #00489a; border: 1px #00489a solid;}

#scroller {width: 100%; margin: 0 auto; overflow: hidden;}
#content {width: 800%; overflow: hidden;}
.section{width: 12.5%;float: left;height: 100%;}
.section .cpgdbox ul{overflow: hidden; margin-bottom: 100px; margin-top: 50px;}
.section .cpgdbox ul li{width: 20%; float: left;}
.section .cpgdbox ul li a{display: block;}
.section .cpgdbox ul li a div{width: 100%; overflow: hidden;}
.section .cpgdbox ul li a div img{width: 100%; transition:all 0.6s;}
.section .cpgdbox ul li a div img:hover{transform: scale(1.1);}
.section .cpgdbox ul li a h2{font-size: 16px; color: #838383; line-height: 50px; height: 50px; overflow: hidden;}
.section .cpgdbox ul li a:hover h2{color: #00489a;}



/* about_us */
.about_us{margin-top: 70px;}
.about_us .about{overflow: hidden;}
.about_us .about .left{width: 520px;}
.about_us .about .left h2{font-size: 24px; color: #383838; font-weight: bold; line-height: 64px;}
.about_us .about .left div{height: 264px;}
.about_us .about .left div p{font-size: 16px; color: #000; line-height: 24px; margin-bottom: 24px;}
.about_us .about .left .link a{display: block; width: 180px; height: 40px; color: #fff; line-height: 40px; font-size: 16px; text-align: center; transition:all 0.6s; background: #00489a; float: left; margin-right: 30px; margin-top: 60px;}
.about_us .about .left .link a:hover{background: #53b3ee;}


/* contact_us */
.contact_us .contact .ditu{width: 600px; height: 320px; box-sizing: border-box; border: 1px #d3d3d3 solid;}
.contact_us .contact .right{width: 530px;}
.contact_us .contact .right h2{font-size: 20px; color: #2b2b2b; font-weight: bold; line-height: 48px;}
.contact_us .contact .right p{font-size: 16px; color: #2b2b2b; line-height: 30px;}


/* bottom */
.bottombox{width: 100%; background: #00489a; margin-top: 150px;}
.bottombox .bom_nav{background: #003776; margin-top: 20px;}
.bottombox .bom_nav ul{overflow: hidden;}
.bottombox .bom_nav ul li{float: left; width: 150px;}
.bottombox .bom_nav ul li a{display: block; font-size: 15px; line-height: 50px; color: #fff; text-align: center; transition:all 0.6s;}
.bottombox .bom_nav ul li a:hover{background: #00489a;}

.bottombox .info{overflow: hidden;}
.bottombox .info .left{margin: 18px 60px;}
.bottombox .info .left p{font-size: 14px; color: #fff; line-height: 30px;}
.bottombox .info .right{height: 44px; margin: 0 80px; margin-top: 60px; padding-left: 55px; background: url(../images/tel_bottom.jpg) left center no-repeat;}
.bottombox .info .right h2{font-size: 12px; color: #fff; line-height: 18px;}
.bottombox .info .right p{font-size: 26px; color: #fff; line-height: 26px;}

.bottombox .botttom{border-top: 1px #336dae solid;}
.bottombox .botttom h3{font-size: 14px; color: #fff; line-height: 70px; text-align: center;}