@import url('goble.css');
@import url('header.css');
@import url('animate.css');

/*左导航*/
.gy_z{float: left;width: 201px;}
.gy_z ol{background: #f0f0f0 none repeat scroll 0 0; border-left: 3px solid #1153A7; border-radius: 2%;}
.gy_z ol li{border-bottom: 2px solid #dfdfdf; height: 47px; line-height: 47px;}
.gy_z ol .active{background: #1153A7 none repeat scroll 0 0; border-top-right-radius: 3px; height: 60px; line-height: 60px;color: #fff; font-size: 20px;padding-left:20px;}
.gy_z ol li a{color: #7f7f7f; font-size: 16px; margin-left: 28px;}
.gy_z ol li a:hover{color: #252525;}
.gy_z ol li img{display: inline-block; margin-left: 65px;}
.gy_z ol li .ds{margin-left: 82px;}
.gy_z ul{border-radius: 2%; margin-top: 133px;}
.gy_z ul{background: #f0f0f0 none repeat scroll 0 0; border-left: 3px solid #1153A7;}
.gy_z ul .active{background: #1153A7 none repeat scroll 0 0; border-top-right-radius: 3px; height: 60px; line-height: 60px;}
.gy_z ul .active a{color: #fff; font-size: 20px; margin-left: 28px;}
.gy_z ul li{line-height: 35px;}
.gy_z ul li a{color: #636363; font-size: 14px; margin-left: 10px;}
.gy_z ul li a:hover{color: #000;}
.gy_z ul li img{margin-left: 10px;}

.pagetop{width: 900px;background:url('../images/shua.png') no-repeat left center;text-indent:20px;border-bottom:1px solid #ddd;line-height:40px;font-size:16px;}
.pagetop a{font-size:16px;color:#666;padding-left:3px;line-height:45px;}

/*留言*/
.messager-box{width:800px;}
.messager-box p{font-size: 16px;color:#333;line-height: 30px;font-weight: normal;}

.messager-box .liu-box{width:800px;padding:0;margin:0 auto;}
.messager-box .liu-box ul li{float:left;width:50%;margin: 10px 0;}
.messager-box .liu-box ul li .inputw{text-indent:20px;font-size:16px;font-weight:400;color:#333;width:360px;height:50px;line-height:50px;border:1px solid #ddd;border-radius:5px;background:#EFF0F0;}

.messager-box .submit-btn a{width:160px;height:45px;line-height:45px;background:#3D3939;font-size:18px;font-weight:normal;color:#fff; display:block; text-align:center; margin:30px 200px 50px 5px;}
.messager-box .submit-btn a:hover{width:160px;background:#3D3939;font-size:18px;color:#fff;margin:30px 200px 50px 5px;}

/*  关于我们 */
.about_3 div{ width:1128px;}
.about_3 dl{ width:376px; float:left}
.about_3 dd{ margin-right:30px; padding-top:10px;}

/*内容*/
.content-box{width: 890px;margin: 30px auto;}

.content-box .contenttil{height: 60px;margin: 30px 0;}
.content-box .contenttil h2{font-size: 24px;font-weight: bold;color:#013D77;height: 50px;line-height:50px;}
.content-box .contenttil .xline{background:#E62129;height: 4px;width: 80px;}

.content-box .contentinfo{line-height: 30px;font-size: 14px;color:#666;}

.pro-box{width: 940px;}
.pro-box .pro-box-l{width: 470px;float: left;}
.pro-box .pro-box-r{width: 420px;float: right;}
.pro-box .pro-box-r p{height:180px;line-height: 22px;font-size: 14px;overflow:hidden;}
.pro-box .pro-box-r .contenttil{height: 60px;margin: 30px 0;}
.pro-box .pro-box-r .contenttil h2{font-size: 24px;font-weight: bold;color:#013D77;height: 50px;line-height:50px;}
.pro-box .pro-box-r .contenttil .xline{background:#E62129;height: 4px;width: 80px;}
.pro-box .pro-box-r .contentinfo{line-height: 30px;font-size: 14px;color:#666;}


.pro-info{width: 940px;margin: 30px 0;}
.pro-info .pro-info-tab{width:100%;height:42px;line-height:42px;border-bottom: 1px solid #ddd;}
.pro-info .pro-info-tab h3{width:120px;background: #013D77;height:42px;line-height:42px;color:#fff;text-align: center;font-size: 16px;}



/*产品展示图2*/
.preview{width:400px;margin:25px 0px 0px 20px;}

/* bigImg */
.bigImg{position:relative; float:left;overflow:hidden;border: 1px solid #ddd;padding: 10px;margin-bottom: 10px;}
.bigImg #midimg{width:450px;height:286px;margin:0 auto;}


/*荣誉展示*/
.zizhi-box{WIDTH:930px;margin: 20px auto;}
.zizhi-box ul li{background:#f2f2f2;float: left;width: 290px;margin: 0 20px 20px 0;}
.zizhi-box ul li:hover{background:#013D77;float: left;width: 290px;margin: 0 20px 20px 0;}
.zizhi-box ul li:hover p{height: 50px;line-height: 50px;font-size: 14px;width: 100%;position: relative;bottom: 0px;left: 0;color:#fff;font-weight: ;text-align: center;cursor: pointer;margin: auto;overflow: hidden;}

.zizhi-box ul .brandinner{width: 288px;height: 298px;position: relative;border: 1px solid #DEDEDC;overflow: hidden;}
.zizhi-box ul .brandinner img{width: 288px;height: 250px;}
.zizhi-box ul .brandinner p{height: 50px;line-height: 50px;font-size: 14px;width: 100%;position: relative;bottom: 0px;left: 0;color:#666;font-weight: ;text-align: center;cursor: pointer;margin: auto;overflow: hidden;}
.zizhi-box ul .brandinner:hover{border: 1px solid #DEDEDC;}


/*下层banner-有面包屑*/
.cbanner{width:100%;margin:0 auto;position:relative;height:auto;overflow:hidden; }
.cbanner img{width:100%;overflow: hidden;}
.cbanner .txt_box{position:absolute;left:0;right:0;top:80px;width:1200px;height:120px;margin:0 auto;color:#fff;text-align: center;}
.cbanner .txt_box .tit{margin-bottom:7px; font-size:36px;letter-spacing:1px;font-weight: bold;font-family: arial;text-transform: uppercase;}
.cbanner .txt_box .en{font-size:16px;color:#fff;height: 30px;line-height: 30px;}
.cbanner .txt_box img{width: 25px;height: 17px;margin: 10px auto 0 auto;display: block;}

.bg_box{width:200px;height:50px;z-index:1;color:#ffffff;padding:15px 10px 15px 30px;background:url('../images/class_bg.jpg') no-repeat;}
.bg_box .bg_box_r{border-left:4px solid #E62129;height: 36px;}
.bg_box .bg_box_r p{font-size:24px;line-height: 36px;padding-left: 20px;text-transform: uppercase;}

.box-contact{width:200px;background:#F4F5F5;text-align: center;padding:20px;}
.box-contact p{font-size:12px;line-height:20px;font-family:arial;text-transform:uppercase;}
.box-contact span{color:#C50B02;font-size:20px}

.mores{background:#C50B02;width:180px;padding:10px;margin: 0 auto;text-align: center;}
.mores a{color:#fff;font-size:16px;}
.mores a:hover{background: #C50B02;}

/*左侧 分类*/
.leftCategory{width: 240px;clear: both;color: #4c4948; margin: 0 auto; overflow: hidden;}
.leftCategory ul li{width:240px;text-indent:30px;background:#F4F5F5;display: block;height: 60px;line-height:60px;border-bottom:1px solid #E7E8E8;text-decoration: none;}
.leftCategory ul li:hover{width:240px;height: 60px;line-height:60px;text-indent:30px;border-bottom:1px solid #fff;background:#fff url('../images/icon2.png') no-repeat left center;display: block;height: 60px;line-height:60px;border-bottom:1px solid #E7E8E8;text-decoration: none;}
.leftCategory ul li:hover a{color:#013D77;font-weight: bold;text-decoration:none;}

.leftCategory ul .on{width:240px;height: 60px;line-height:60px;text-indent:30px;border-bottom:1px solid #fff;background:#fff url('../images/icon2.png') no-repeat left center;display: block;height: 60px;line-height:60px;border-bottom:1px solid #E7E8E8;text-decoration: none;}
.leftCategory ul .on a{color:#013D77;font-weight: bold;font-family: arial;text-transform:uppercase;}


.leftCategory ul li a{font-size: 14px;text-decoration: none;font-family: arial;text-transform:uppercase;}
.leftCategory ul li a:hover{color: #005bb8; text-decoration: none;font-family: arial;text-transform:uppercase;}

.leftCategory a{color: #4c4948; font-size: 14px; text-decoration: none;}
.leftCategory a:hover{color: #06c; font-size: 14px; text-decoration: none;}

/* 上一篇 下一篇 */
.nNewsup{background-color: #FFFFFF;padding: 15px;border-top:1px solid #ddd;}
.nNewsup li{height: 30px;font-size: 14px;line-height: 30px;color: #013D77;overflow: hidden;}
.nNewsup li a{color: #013D77;}

/*新闻资讯列表*/
.nynewslist{width:100%; height:auto;}
.nynewslist li{ width:96%; height:auto; padding:20px 2%; color:#333; font-size:16px; border-bottom:1px solid #ededed;}
.nynewslist li a{ font-size:16px; color:#333; line-height:30px;}
.nynewslist li:hover a{ text-decoration:none; color:#0247a0;}
.nynewslist li span{ font-size:14px; color:#787878; line-height:25px;}
.nynewslist li:hover{background:#ececec;}

/*联系我们*/
.contactbox{width: 940px;height:100%;margin: 50px 0;}
.contactbox ul li{float:left;margin:10px 0;line-height:30px;text-indent:15px;width:100%;color:#333;font-size: 16px;text-align: left;display: block;}
.contactbox ul li:nth-child(1){margin-top:0;}
.contactbox ul li img{width: 30px;height: 30px;float: left;}
.contactbox img{width: 100px;height:100px;}

/*案例*/
.caseshow ul{width:1100px;}
.caseshow li{float:left; width:274px; height:170px; background:#FFF; position:relative; z-index:2; overflow:hidden;}
.caseshow li a{ display:block}
.caseshow li a img{ position:absolute; z-index:3; top:10px; left:10px;display: inline-block; }
.caseshow li a .up_box{ top:-5px; width:258px; left:0px;position:absolute; overflow:hidden; height:5px; text-align:left}
.caseshow li a:hover .up_box{ display:block;position:absolute; z-index:4; top:10px; left:10px;  width:258px; height:150px; overflow:hidden; background:#000;filter:alpha(opacity=70);-moz-opacity:0.7; opacity: 0.7;
margin-left:0px;
-webkit-transition:height;
-webkit-transition-timing-function: ease-in;
-webkit-transition-duration: 150ms;}
.caseshow li a .up_box h3{ margin:22px; font-size:14px; line-height:24px; color:#fff}


/* 图片展示*/
.pro-list{WIDTH: 940px;margin: 0 auto 0 -10px;}
.pro-list ul li{width:290px;float: left;margin: 20px 10px;background:#EBEBEB;}
.pro-list ul li:hover{width:290px;background:#013D77 url('../images/icon03.png') no-repeat right 190px;box-shadow: 3px 5px 10px #999;color:#fff;border-radius:0;}

.pro-list ul li:hover a{color:#fff;}

.pro-list ul li img{width:290px;height:290px;}
.pro-list ul li .albumtitle{height:50px;line-height:50px;font-size: 16px;width: 100%;position: relative;bottom: 0px;left: 0;color: #d00d16;font-weight: ;text-align: center;cursor: pointer;margin: auto;overflow: hidden;}
.pro-list ul li a{color: #6c6c6c;}
.pro-list ul li a:hover{text-decoration: none;}



/*内容 新闻*/
.weblist li{height:40px; line-height:39px; overflow:hidden; position:relative; font-size:14px; background:url(../images/line.gif) bottom repeat-x; color:#999;}
.weblist li span{position:absolute; top:0px; right:10px; white-space:nowrap;}
.weblist li a{background:url(../images/ico2.gif) 2px center no-repeat; padding-left:12px;color:#666;}
.weblist li a:hover{background:url(../images/ico1.gif) 2px center no-repeat;}


/* 标题 */
.title_web{ color:#f45751; font-size:30px; text-align:center;height:50px; padding-top:30px; margin:0 30px; font-weight:normal}
.title_web_m{ text-align:center; font-size:14px; padding-bottom:20px;}
.title_web_s{text-align:center; font-size:20px; line-height:52px; height:52px; border-bottom:1px solid #f4f4f4; border-top:1px solid #f4f4f4; margin:0 30px; color:#f45751}


/*photolist*/
.pagearea{overflow:hidden;width:1100px;margin:0 auto;}

ul.photolist{float:left; width:1080px; overflow:hidden; padding-top:30px;padding-bottom:20px;}
ul.photolist li{float:left;margin-bottom:22px;margin-left:20px;overflow:hidden;}
ul.photolist li a{display:block;width:335px;height:240px;overflow:hidden;position:relative;}
ul.photolist li img{position:absolute;height:240px;width:320px;}

ul.photolist li a .n{position:absolute;width:335px;height:40px;line-height:40px;font-size:16px;color:#fff;text-align:center;bottom:0;display:block;cursor:pointer}

ul.photolist li a .bg{position:absolute;width:320px;height:40px;display:block;background:#000;filter:alpha(opacity=60);opacity:0.6; bottom:0}

ul.photolist li a:hover .bg,ul.photolist li a:active .bg{background:#005ea3;filter:alpha(opacity=80);opacity:0.8;}
ul.photolist li a b{ width:320px; height:200px; display:block; position:absolute;top:-200px;filter:alpha(opacity=60);opacity:0.6; cursor:pointer;
background:url(../images/eye.png) center center no-repeat #005ea3;_background:url(../images/eye.gif) center center no-repeat #005ea3;}
ul.photolist li a:hover b,ul.photolist li a:active b{ top:0;filter:alpha(opacity=80);opacity:0.8;}

/*photolist2*/
.pagearea2{overflow:hidden;width:1100px;margin:0 auto;}

ul.photolist2{float:left; width:1080px; overflow:hidden; padding-top:30px;padding-bottom:20px;}
ul.photolist2 li{float:left;margin-bottom:22px;margin-left:20px;overflow:hidden;}
ul.photolist2 li a{display:block;width:250px;height:330px;overflow:hidden;position:relative;}

ul.photolist2 li img{position:absolute;height:290px;width:250px;}

ul.photolist2 li a .n{position:absolute;width:250px;height:40px;line-height:40px;font-size:16px;color:#fff;text-align:center;bottom:0;display:block;cursor:pointer}

ul.photolist2 li a .bg{position:absolute;width:250px;height:40px;display:block;background:#000;filter:alpha(opacity=60);opacity:0.6; bottom:0}

ul.photolist2 li a:hover .bg,ul.photolist li a:active .bg{background:#ff0000;filter:alpha(opacity=80);opacity:0.8;}


/*photolist3*/
.pagearea3{overflow:hidden;width:1100px;margin:0 auto;}

ul.photolist3{float:left; width:1100px; overflow:hidden; padding-top:30px;padding-bottom:20px;}
ul.photolist3 li{float:left;margin-bottom:22px;overflow:hidden;width:275px;}
ul.photolist3 li a{display:block;width:260px;height:190px;overflow:hidden;position:relative;}

ul.photolist3 li img{position:absolute;height:190px;width:260px;}

ul.photolist3 li a .n{position:absolute;width:260px;height:35px;line-height:35px;font-size:14px;color:#fff;text-align:center;bottom:0;display:block;cursor:pointer}

ul.photolist3 li a .bg{position:absolute;width:260px;height:35px;display:block;background:#000;filter:alpha(opacity=60);opacity:0.6; bottom:0}

ul.photolist3 li a:hover .bg,ul.photolist li a:active .bg{background:#ff0000;filter:alpha(opacity=80);opacity:0.8;}


/* 内容 */
.web_title{line-height:40px;margin: 30px 0;border-bottom: 1px solid #ddd;text-align: center;}
.web_title h1{font-size:24px;color:#666;font-weight: 600;}
.web_title p{font-size:14px;color:#999;}
.web_content{margin:25px 0;padding:20px 0; text-align:left; font-size:14px;line-height:30px;}
.pro_content{margin:0 0 25px 0;padding:20px 0; text-align:left; font-size:14px;line-height:30px;border: 1px solid #ddd;}

.case_page_img{margin:0 auto; text-align:center; padding:20px 0;}
.case_page_bc{margin:0 40px; padding:0 0 40px 0}

/*提交*/
.hy_pf_left {float:left; display:inline;}
.hy_pf_left ul {margin:0 auto;}
.hy_pf_left ul li {font-size:12px; font-weight:normal; color:#666;margin:3px 0;}

.hy_pf_left ul li b {width:80px; font-weight:normal; float:left; display:inline; font-size:14px; color:#333; line-height:40px; text-align:center;}

.hy_pf_left ul li .li_box { float:left; display:inline;}
.hy_pf_left ul li .li_box .hy_input03 {width:420px;height:32px; border:1px solid #ccc; font-size:14px; font-weight:normal; color:#333;  font-family:"微软雅黑"; line-height:32px;padding-left:5px;}
.hy_pf_left ul li a { color:#0b9a62;}
.hy_pf_left ul li a:hover { color:#0b9a62;}
.hy_pf_left ul li a.hy_a08 {width:200px; height:40px; background:#1153A7; -webkit-transition: background 0.25s linear;-moz-transition: background 0.25s linear;-o-transition: background 0.25s linear;transition: background 0.25s linear; font-size:18px; font-weight:normal; color:#fff; display:block; text-align:center; line-height:40px;}
.hy_pf_left ul li a.hy_a08:hover { width:200px; height:40px; background:#1153A7; -webkit-transition: background 0.25s linear;-moz-transition: background 0.25s linear;-o-transition: background 0.25s linear;transition: background 0.25s linear;}


/*提示验证*/
#Validform_msg{color: #7d8289;font: 12px/1.5 tahoma, arial, 5b8b4f53, sans-serif;width: 280px;-webkit-box-shadow: 2px 2px 3px #aaa;-moz-box-shadow: 2px 2px 3px #aaa;background: #fff;position: absolute;top: 0px;right: 50px;z-index: 99999;display: none;filter: progid: DXImageTransform.Microsoft.Shadow(Strength=3, Direction=135, Color='#999999');}
#Validform_msg .iframe{position: absolute;left: 0px;top: -1px;z-index: -1;}
#Validform_msg .Validform_title{line-height: 25px;height: 25px;text-align: left;font-weight: bold;padding: 0 8px;color: #fff;position: relative;background-color: #000;}
#Validform_msg a.Validform_close: link,#Validform_msg a.Validform_close: visited{line-height: 22px;position: absolute;right: 8px;top: 0px;color: #fff;text-decoration: none;}
#Validform_msg a.Validform_close: hover{color: #cc0;}
#Validform_msg .Validform_info{padding: 8px;border: 1px solid #000;border-top: none;text-align: left;}

.Validform_checktip{color: #999; font-size: 12px; line-height: 10px;overflow: hidden;left:0;margin-left:80px;}
.Validform_checktip span{width: auto;}
.Validform_right{color: #71b83d;padding-left: 20px;background: url("../images/rights.png") no-repeat left center;text-align:left;}
.Validform_wrong{background: url("../images/error.png") no-repeat scroll left center rgba(0, 0, 0, 0); color: red; padding-left: 20px; white-space: nowrap;text-align:left;}
.Validform_loading{background: url("../images/onLoad.gif") no-repeat scroll left center rgba(0, 0, 0, 0); padding-left: 20px;}
.Validform_error{/*background-color: #ffe7e7;*/}
.login .error{border: 1px solid #e9bb89; color: rgb(255, 0, 0); display: none; line-height: 30px; margin-bottom: -2px; margin-left: 50px; margin-top: 13px; padding-top: 0px; width: 218px; background-color: #fffbea;}