﻿@charset "utf-8";

/* Style Reset
-----------------------------------------------------------------------------------------------------*/
*{ margin:0px; padding:0px;} 
html{overflow-x:hidden;}
body, div, dl, dt, dd, ul, ol, li, pre, code, form, fieldset, legend, input, button, textarea, blockquote 
{ font-size:14px;font-family:"Helvetica Neue",Helvetica,Arial,sans-serif;}
input, button, textarea,select, optgroup, option { font-family: inherit; font-size: 100%; font-style: inherit; font-weight: inherit;}
ul, li, dl, dt, dd, ol { display: block; list-style: none; }
td, p, div, li, select, input, textarea {
	font-family: "微软雅黑", "宋体", arial;
	font-size: 14px;
	margin: 0;
	padding: 0;
}
body {
	font-family: "微软雅黑", "宋体", arial;
	font-size: 14px;
	margin: 0px;
	padding: 0px;
	background: #fff;
	color: #5c5c5c;
}
img{border:0;}
input, b, img,*:before, *:after{
    -moz-transition: all ease-in-out 0.35s;
    -webkit-transition: all ease-in-out 0.35s;
    -o-transition: all ease-in-out 0.35s;
    -ms-transition: all ease-in-out 0.35s;
    transition: all ease-in-out 0.35s;
}
body{background: #fff;}
.clear {clear:both;height: 0; }
.clear-fix:after{content: "."; display: block; height: 0; font-size: 0; clear: both; visibility: hidden;}
a{text-decoration:none;outline:0; color:#666}
.noneBottomBorder{ border-bottom: none!important;}	
.noneTopBorder{ border-top: none!important;}
.backgroudW{ background: #fff; padding: 15px;}

/* top */
.top{width: 100%; height: 30px; background: #eeeeee;}
.top-c{width: 1100px; margin: 0 auto;}
.notice{float: left; width: 600px; font-size: 12px; color: #fff; line-height: 30px;}
.notice p{font-size: 12px; font-weight: normal; color: #333;}
.search{width:190px; padding-left:10px; height:30px; float:right; background:url(../images/search.jpg) left center no-repeat;}
.search .key{width:160px; padding: 3px 0px;height:24px;line-height:24px;border:0;float:left; background:none; color:#fff;}
.search .key[type="text"]:focus{outline:none;}
.search .sub{float:right; width:30px;height:30px;border:none;cursor:pointer; background:none;}
.search .sub span{display:none;}
.language{float: right; padding-left: 30px; font-size: 12px; color: #333;}
.language a{padding: 0 10px; font-size: 12px; color: #333; line-height: 30px;}

.mainbox{width:1100px; margin:0 auto;}
.mainbox .zclb{width:200px; float:left; border-right:#ccc solid 1px; min-height:445px;}
.mainbox .zclb p{ font-size: 26px; color: #666; border-left: 6px solid #03579C; padding-left: 20px; margin-left: 10px; margin-top: 30px;}

/* logo */
.logo{margin: 0 auto;  width: 1100px; height: 110px;}
.logo h1{float: left;  font-size: 0;}
.tel{ float:right;padding-/right:45px;font-family:'Microsoft Yahei';  margin-top: 20px; padding-right: 20px;}
.tel span{ display:block; font-size:12px; font-family:'Arial'; font-size:14px; text-align:right;color:#4e6990; text-transform:uppercase;}
.tel p{ color:#03579C; line-height:36px; font-family: "Arial"; font-size:30px; font-weight:bold;}


/* meun */
.navbox {width:100%;height:55px;background:#0367B9;}
.nav {width:1100px;margin:0px auto;}
.nav li { position:relative;float:left; text-align: center; line-height: 56px;}
.nav li a {float:left;}
.inmenu:link, .inmenu:visited {color:#FFF;font-size:16px;line-height:55px;height:55px;text-align:center; width:120px;}
.inmenu:hover, .inmenu:active {background:#4D4D4F;text-decoration:none;}
.nav li a:hover ul{ display:block; z-index:9999;}
.inmenu_1:link, .inmenu_1:visited, .inmenu_1:hover, .inmenu_1:active {color:#FFF;font-size:16px;height:55px;line-height:55px;background:#0367B9;text-align:center;}
.nav li:hover {position:relative;z-index:9;color:#FFF;}
.nav li:hover .submenu{ display:block;}
.nav li:hover a {background:#09F;color:#FFF;}
.nav li:hover ul li a {background:#EEE;color:#444;border-radius:0px;}
.nav li ul {position:absolute;top:55px;left:0; display:none;}
.nav li ul li {position:relative;float:none;text-align:left;height:35px;border-bottom:1px solid #DDD;font-size:12px;width: 130px;text-align: center;}
.nav li ul li a {float:none;display:block;color:#FFF;white-space:nowrap;height:35px;line-height:35px;text-transform:capitalize;text-overflow:ellipsis; width:130px;min-width:100px;}
.nav li ul li a:hover {color:#FFF;background:#0367B9;}

/*三级分类样式 */

.nav li:hover .submenu .qmenu{position:absolute;left:120px; display:none; top:0px;}
.nav li:hover .submenu .submenuli{position:relative;}
.nav li:hover .submenu .submenuli:hover .qmenu{
 display: block !important;
}
/* banner */
.banner {position: relative; height: 450px;}
.banner .btn1 {	bottom: 20px; padding: 5px 6px;position: absolute;right: 50%;z-index: 7;}
.banner .btn1 span {line-height: 14px;background: none repeat scroll 0 0 #03579C;border: 1px solid #03579C;color: #FFFFFF;cursor: pointer;display: inline-block;margin-left: 5px;padding: 2px 5px;}
.banner .btn1 span.cur {font-weight: bold;padding: 4px 8px;background: none repeat scroll 0 0 #03579C;border: 1px solid #03579C;}
.banner .bgitem {height: 450px;cursor: pointer;width: 100%;margin: 0 auto;position: absolute;background-position: center top;background-repeat: no-repeat;}

/* fuwuxiangmu */
.fuwu{width:1100px; margin:0 auto; margin-top: 50px;}
.fuwu_a{width:850px; float:left;}
.fuwu_b{height: 60px; width: 100%; background: #F4F4F4; display: block; line-height:60px;}
.fuwu_b span{float: left; border-right: 1px #fff solid; width: 211px; text-align: center; font-size: 14px;}
.fuwu_b span a{color: #000; display: block; font-size: 16px;}
.prohov{background:#03579c;}
.prohov a{color:#fff !important;}

.fuwu_info{width: 822px; float: left; height: 222px; border: 1px #eee solid; padding: 20px 6px 20px 20px; font-size: 16px; font-weight: bold; margin-top: 30px;}
.inews_left{width: 200px; float: left; height: 118px; border: 1px #eee solid;}
.inews_right{width: 760px; background: #f9f9f9; padding: 10px 25px; }
.inews_right h3{border-bottom: 1px dashed #ccc;}
.inews_right h3 a{font-size: 22px; color: #ce0001; font-weight: bold; line-height: 44px;}
.inews_right p{    font-size: 14px; line-height: 26px; font-weight: normal;
 color: #333;}
.fuwu_info ul{margin-top: 10px;}
.fuwu_info ul li{background: url(../images/yosIco.gif) no-repeat left; border-bottom: 1px #ccc dashed; height: 43px; padding-left: 20px; width: 376px; float: left; margin-right: 15px;}
.fuwu_info ul li a{font-size: 13px; width: 100%; line-height: 45px; font-weight: normal; color: #333;}
.fuwu_info ul li a span{float: right; line-height: 45px; height: 45px; width: 80px; overflow: hidden;}

.fuwu_c{width:350px; float:right;}
.fuwu_c h3{background: url(../images/ry_ico.png) no-repeat left 20px center #f4f4f4; height: 60px; font-size: 24px; color: #000; line-height: 60px; padding-left: 65px; padding-right: 20px;}
.fuwu_c h3 a{float: right; font-size: 16px; line-height: 32px; COLOR: #333; line-height: 60px;}

#focus{width: 328px; height: 262px; clear: both; overflow: hidden; position: relative; float: left; border: 1px solid #EEE; margin-top: 30px; margin-left: 18px; }
/*
#focus ul { width: 328px; height: 250px; float: left; position: absolute; clear: both; padding: 0px; margin: 0px; }
#focus ul li { float: left; width: 328px; height:250px; overflow: hidden; position: relative; padding: 0px; margin: 0px; }
#focus .preNext { width: 160px; height: 250px; position: absolute; top: 0px; cursor: pointer; }
#focus .pre { left: 0; background: url(../images/sprite.png) no-repeat left center; }
#focus .next { right: 0; background: url(../images/sprite1.png) no-repeat right center; }
*/
/* souyexinwen */
.cnew{background:#f4f4f4; width:100%; height:400px; margin-top:30px;}
.cnews{width:1100px; margin:0 auto;}
.cnew_a{width:580px; float:left; margin-right: 40px;}
.cnew_a:nth-child(2){margin-right: 0;}

.cnew_tit{margin-top: 40px; margin-bottom: 10px; padding-bottom: 5px; background: #03579C;}
.cnew_tit p{font-size: 16px; color: #fff; line-height: 40px; padding-left: 20px; padding-right: 20px;}
.cnew_tit p a{float: right; font-size: 13px; line-height: 40px; color:#fff;}

.cnew_a ul{padding: 0 10px;}
.cnew_a li{height:50px; line-height:50px; border-bottom: 1px dashed #ccc;}
.cnew_a li a{color:#444;}
.cnew_a li a span{float:right;}




/* anli */
#sycp{ width:100%; background:#fff;}
.sycp{ width:1100px; margin:40px auto 30px auto; }
.ititle{ margin-bottom:45px;}
.ititle h3{ text-align:center; font-size:32px; color:#03579C; font-weight:bold; padding:10px 0px;}
.ititle p{ font-size:16px; color:#333; line-height:35px; text-align:center;}

.pro{margin-top:4px; margin:auto;}
.pro div{float:left;width:280px;margin:0px 26px 40px 0px;text-align:center; box-shadow: 2px 5px 10px #eee}
.pro h3{width:280px;height:210px;margin:0 auto 5px;}
.pro h3 a{width:280px;height:210px;padding:1px;display:table-cell;vertical-align:middle;text-align:center; border-bottom: 1px #eee dashed;}
.pro h3 img{vertical-align:middle;}
.pro p{ height:50px;}
.pro p a{color:#000;font-weight:normal; line-height:50px; font-size:14px;}
.pro p a:hover{text-decoration:underline;}
.pro div:hover{ -webkit-transform: translateY(-2px);-moz-transform: translateY(-2px);transform: translateY(-2px);box-shadow: 0 4px 30px rgba(0, 0, 0, .2);z-index: 2;}
.pro div:nth-child(4n){margin-right:0px;}


/* youlian */
.lianjie{width:100%; background:#F0F0F0; padding-top: 15px;}
.youlian{height: 30px; padding-bottom: 15px;}
.youlian span{color: #FEB403; float: left; font-size: 16px;}
.youlian span b{color: #333;  margin-right: 5px; font-weight: bold; font-size: 20px;}
.con{font-size: 14px;}
.con a{color: #343434; margin: 0px 6px;}


/* footer */
.foot{background: #03579c; width: 100%; height: 300px; padding: 35px 0; clear: right;}
.footer_nav{ float:left; width:700px; height:215px; background:url(../images/ifootline.jpg) right top no-repeat;}
.footer_nav .footer_nav_li {float: left;width: 130px;margin: 0; text-align:left}
.footer_nav_top {height: 24px;font-size: 18px;line-height: 24px; margin-bottom:20px; color:#fff;}
.footer_nav_list li {line-height: 30px;height: 30px; color:#fff;}
.footer_nav_list li a {line-height: 30px;height: 30px; color:#fff; font-size: 12px;}

.footcontact{width: 200px; height: 215px; padding-left: 30px; padding-right: 30px; float: left; background: url(../images/ifootline.jpg) right top no-repeat;}
.footcontact h3{height: 24px; font-size: 18px; font-weight: normal; line-height: 24px; margin-bottom: 20px; color: #fff;}
.footcontact p{line-height: 24px; height: 24px; color: #fff; margin-bottom: 8px; font-size: 12px;}
.footcontact p a{color: #fff;}

.footewm{width: 180px; height: 215px; padding-left: 60px; float: left; text-align: center;}
.ewm{color: #fff; font-size: 12px; text-align: center; margin-top: 28px;}
.footewm h3{height: 24px; font-size: 18px; font-weight: normal; line-height: 24px; margin-bottom: 8px; color: #fff;}

.foot-copyright{width:100%; height: 50px; line-height: 50px; background: #0367B9;}
.wrap{width:1100px; margin:0 auto; color:#fff;}
.wrap a{color:#fff;}

.foot-copyright1{width:100%; height: 50px; line-height: 50px; background: #f2f2f2;}
.wrap1{width:1100px; margin:0 auto; color:#5c5c5c;}
.wrap1 a{color:#5c5c5c;}


/* pages */
.nytitle{ position:relative; height:40px; width:1100px; margin:0 auto;}
.catname{ position:absolute; z-index:99; right:0; top:-65px; width:330px; height:95px; padding:25px 20px 0 0; text-align:right; background:url(../images/catnamebg.png) left top no-repeat;}
.catname h3{ text-transform:uppercase; color:#fff; font-size:36px; font-weight:normal; margin-bottom: 30px; line-height: 20px;}
.catname span{ font-size:18px; color:#fff; font-weight:normal;}
.loc{ line-height:40px; color:#666; font-size:12px}
.loc a{ line-height:40px; color:#666; font-size:12px}
.catclass{ width:100%; height:35px; border-bottom:1px #aaa solid;}
.catclass li{ float:left; width:119px; height:35px; line-height:35px; text-align:center; background:#03579C; margin-right:1px;}
.catclass li a{ display:block; width:119px; height:35px; line-height:35px; text-align:center; color:#fff;}
.catclass li.cur{ background:#007dd4}

.content{padding: 40px; font-size: 16px; color: #666; line-height: 30px; width:980px; float:right; box-sizing: border-box; min-height: 500px;}
.content p{font-size: 16px;  color: #666; line-height: 30px; padding: 10px 0;} 

/* photo */
.caselist{min-height: 520px;}
.caselist li{float: left; width:294px;}
.caselist li p{border:1px #D4D4D4 solid; width:280px; height:210px;}
.caselist li span{display:block; text-align:center;}

/* photo_item */
.contentshow{padding: 40px;  width: 900px; float: right;}
.contentshow h3.title{font-size: 24px; color: #333; font-weight: normal; text-align: center;}
.contentshow .info{width:380px;height:27px;line-height:28px;text-align:center;margin:15px auto;border:1px solid #ccc;border-left:none;border-right:none;color:#666;}
.contentshow .info span{margin-left:8px;margin-right:3px;color:#999;font-size:12px;}
.contentshow .showimg{ text-align:center; width:800px; margin:0 auto;}
.contentshow .showimg img{ max-width:800px;}
.contentshow .textarea{ font-size:16px; color:#666; line-height:30px;}
.contentshow .textarea p{ font-size:16px; color:#666; line-height:30px;}
.contentshow .textarea a{ font-size:16px; color:#666; line-height:30px;}
.preNext{position: relative;}
.preNext .line{height: 10px; overflow: hidden; clear: both; background: url(../images/box_dotline.gif) left 15px repeat-x; margin: 4px auto; padding-top: 10px;}
.preNext .line strong{display: block; width: 8px; height: 10px; overflow: hidden; font-size: 0px; line-height: 100px; background: url(../images/box_dotline.gif) right -10px no-repeat; float: left;}
.preNext .text{color: #999;}

/* new */
.news_list li{height: 60px; border-bottom: 1px solid #d4dde3 !important;}
.news_list li a{padding-left: 14px; padding-right: 14px; height: 60px; display: block; color: #333; font-size: 15px; line-height: 60px;}
.news_list li a span{float: right; font-size: 12px; line-height: 60px;}
.news_list li a:hover{color: #fff; background: #007DD4;}

/* feedback */
.pagebox{height: 450px;}
.form-group{margin:12px 0px;}
.form-control{width:550px; height:37px; border:1px #ccc solid;}
.form-control-c{width:550px; border:1px #ccc solid;}
.form-control-y{width:400px; height:37px; border:1px #ccc solid;}
.form-sub{width:55px; height:29px; display:block;}
.xf{width: 250px; float: right; background: url(../images/xf.jpg) no-repeat center; height: 465px; margin-top: -18px;}


.pagination{width:1100px; margin:0 auto; margin-bottom:50px; margin-top: 30px;}
.pagination li{width:30px; height:30px; float:left; margin:0 2px; background-color: #0068AF;}
.pagination li a{display:block; text-align:center; line-height:30px; color:#fff;}






.pro-new{width: 100%;height: auto;overflow: hidden;padding: 15px 0 5px 0;}
.pro-new .title{font-size: 34px;text-align: center;padding-bottom: 5px;color: #333333;letter-spacing: 1px;}


.pro-new .sub-title{font-size: 20px;text-align: center;color: #333333;}
.pro-new .sub-title span{display: inline-block;height: 0px;line-height: 0px;width: auto;}
.pro-new .sub-title span.text{padding: 0 10px;}


.pro-new-show {position: relative;width: 100%;height: auto;overflow: hidden;}
.pro-new-show .pro-list{width: 100%;height: auto;margin-top: 0px;overflow: hidden;}
.pro-new-show .pro-list ul li{float: left;width: 200px;height: auto;overflow: hidden;background: #FFFFFF;margin-right: 19px;}
.pro-new-show .pro-list ul li:last-child{margin-right: 0;}

.pro-new-show .pro-list ul li img{width: 100%;height: 180px;}
.pro-new-show .pro-list ul li .desc{padding: 10px 20px;box-sizing: border-box;}
.pro-new-show .pro-list ul li .desc .p-title{font-size: 14px;color: #323232;padding-bottom: 5px;}
.pro-new-show .pro-list ul li .desc .p-desc{font-size: 14px;color: #969696;line-height: 25px;}
.pro-new-show .arrow a{display: inline-block;position: absolute;width: 20px;height: 40px;z-index: 2;}
.pro-new-show .arrow a.prev{left: 0;top: 50%;margin-top: -50px;background: url(/img/arrow-left.png) center center no-repeat;}
.pro-new-show .arrow a.next{right: 0;top: 50%;margin-top: -50px;background: url(/img/arrow-right.png) center center no-repeat;}
.pro-new-show .arrow a:hover{background-color: rgba(0,0,0,.3);}
.pro-new-show .pagination{position: relative;width: 100%;height: auto;overflow: hidden;padding-top: 40px;text-align: center;}
.pro-new-show .pagination ul li{width: 15px;height: 15px;border-radius: 100%;background: #FFFFFF;display: inline-block;margin: 0 8px;text-indent:-9999px; }
.pro-new-show .pagination ul li.on{background: #2069ff;}


