﻿/*@import "/Skins/Default/resetcommon.css";*/
/*index.css start*/
@charset "utf-8";
/* CSS Document */
/*common*/
.mb10 { margin-bottom:10px;}
.ml10 { margin-left:10px;}
.bg { background:#FFF;}
/*banner*/
.fullSlide {width:100%;position:relative;height:600px;}
.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:600px;overflow:hidden;text-align:center; background-position:center top;background-repeat:no-repeat;}
.fullSlide .bd li a {display:block;height:600px;}
.fullSlide .hd {position:absolute; z-index:7; bottom:35px; left:47%; padding:5px 6px;}
.fullSlide .hd ul {text-align:center;}
.fullSlide .hd ul li{border-radius:14px;width:20px;height:20px; color:#eee;  background:#eee; float:left; cursor: pointer;display:block;margin-left:5px;transition:width 0.5s,height 0.5s,background 0.5s,color 0.5s;-moz-transition:width 0.5s,height 0.5s,background 0.5s,color 0.5s;-webkit-transition:width 0.5s,height 0.5s,background 0.5s,color 0.5s;-o-transition:width 0.5s,height 0.5s,background 0.5s,color 0.5s;}
.fullSlide .hd ul .on{ background:#04489e; color:#04489e;}
.fullSlide .prev,.fullSlide .next {	display:block;position:absolute;z-index:1;top:50%;margin-top:-30px;left:5%;z-index:1;width:40px;height:60px;cursor:pointer;filter:alpha(opacity=50);opacity:0.5;display:none;width:81px; height:80px;}
.fullSlide .prev{ background:url(img/Index/left1s.png) no-repeat;}
.fullSlide .next {left:auto;right:5%;background:url(img/Index/right1s.png) no-repeat;}
/*产品展示*/
.project{padding-bottom:30px; margin-top:30px;}
.project .sidebar { width: 230px;float: left; }
.project .sidebar h3 { height:80px; box-sizing: border-box; padding-top:15px; border-top: 6px solid #ff6014; font-size:26px; line-height: 100%; font-weight: bold; text-align: center; color: #fff; background: #04489e; }
.project .sidebar h3 span { display: block; font-size: 14px; letter-spacing:2px; color: #eee; font-weight: normal; }
.project .sidebar ul { box-sizing: border-box; border: 1px solid #e7e7e7; border-top: none; background: #f0f0f0; padding: 15px 14px 9px; }
.project .sidebar ul li { position: relative; width: 200px; height: 40px; box-sizing: border-box; border: 1px solid #dadada; margin-bottom: 10px; background: #fefefe; }
.project .sidebar ul li a { display: block; padding-left: 17px; font-size: 14px; line-height: 40px; color: #333; }
.project .sidebar ul li:after { content: ""; width: 10px; height: 10px; border: 1px solid #808080; border-style: solid solid none none; position: absolute; top: 50%; right: 18px; margin-top: -8px; -webkit-transform: rotate(135deg); -moz-transform: rotate(135deg); -ms-transform: rotate(135deg); -o-transform: rotate(135deg); transform: rotate(135deg); }
.project .sidebar ul li:hover { border: none; background: url(../images/ip_bg1.jpg) no-repeat center; }
.project .sidebar ul li:hover a { color: #fff; line-height: 40px; }
.project .sidebar ul li:hover:after { right: 22px; border-color: #fff; -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); -ms-transform: rotate(45deg); -o-transform: rotate(45deg); transform: rotate(45deg); }
.project .project_con {width:1000px; float: right; border:1px solid #eee; border-top:none;}
.project .project_con .pro_con_nav { height: 55px; margin-bottom:10px; background: #04489e; }
.project .project_con .pro_con_nav span {float:left;display:block;width:160px;height:55px;font-weight:bold;font-size:24px;color:#fff;line-height:55px;text-align:center;background:url(../images/ip_bg2.jpg) no-repeat center;}
.project .project_con .pro_con_nav a { display: block; float: right; padding-right: 20px; font-size: 14px; color: #fff; line-height: 55px; }
.pro_rm{ padding:10px;}
.pro_rm dl{width:286px;float:left; margin-right:45px; margin-bottom:15px;}
.pro_rm dl:nth-child(3n) { margin-right: 0; }
.pro_rm dl dt{width:316px;height:360px;}
.pro_rm dl dt img{width:310px;height:310px;padding:3px;}
.pro_rm dl dt a{background:#f3f3f3;display: block;width:316px;height:360px;display: block;font-size: 14px;color: #252525;}
.pro_rm dl dt a:hover{background: #04489e;color: #fff; text-decoration:none;}
.pro_rm dl dt span{display: block;width: 316px;height: 38px;text-align: center;line-height: 38px;overflow: hidden;}
.pro_rm dl dd{ background:url(../images/cp_btn.gif) no-repeat 0 15px; padding:15px 0 0;width: 237px;height: 34px;line-height: 34px; margin:0 auto;}
.pro_rm dl dd a{font-size: 14px;color: #fff;display: block;float: left;width: 118px;text-align: center;float: left;}
.pro_rm dl dd .cp_btn01{color: #252525;}
/*广告条*/
.custom { height:200px; background: url(../images/bg_custom.jpg) no-repeat center; clear:both; margin-top:20px;}
.custom h3 {float: left; font-size:20px; line-height: 100%; color: #fff; font-weight: normal; padding-top:90px; padding-left:70px; }
.custom h3 strong {font-weight: bold; margin-bottom:5px; display:inline-block; text-transform:uppercase;}
.custom h3 span { display: block; font-size:14px; line-height: 34px; color: #201f24;}
.custom .custom_con { float: right; padding-top:40px; font-size: 18px; color: #fff; }
.custom .custom_con span { display: block; font-size: 30px; line-height: 32px; font-weight: bold; }
.custom .custom_con a { display: block; margin-top: 8px; width: 237px; height: 35px; text-align: center; font-size: 18px; color: #fff; line-height: 35px; background: #ff6014; }
.custom .custom_con a:hover { font-weight: bold; }
.ban02{ background:url(../images/ban02.jpg) no-repeat center 0; height:264px; overflow:hidden; margin-top:-50px;}
.ban02 .ban_a{display: block;width: 1200px;height: 234px;position: absolute;top: 30px;left: 0;}
.ban02 p{position: absolute;top:95px;right: 0;width: 210px;}
.ban02 p span{ display:block; font-size:14px; color:#fff; background:url(../images/ban_tel.png) no-repeat 0 4px; padding:0 0 10px 42px;}
.ban02 p span b{display: block;font-size: 20px; font-style:italic;}
.ban02 p em{ display:block; background:url(../images/ban_btn.png) no-repeat;width: 205px;height: 65px;text-align: center;line-height: 32px;}
.ban02 p em a{font-size: 14px;color: #fff;}
/*优势*/
.ys_tbg{ background:url(../images/ys_tbg.jpg) no-repeat center 0; height:197px; overflow:hidden;}
.ys01{ background:url(../images/ys_bg01.jpg) no-repeat center 0; height:502px; overflow:hidden;}
.ys02{ background:url(../images/ys_bg02.jpg) no-repeat center 0; height:562px; overflow:hidden;}
.ys_t{ padding:84px 0 0;text-align: center;}
.ys_t a{font-size: 35px;color: #04489e; text-transform:uppercase;}
.ys_t span{display: block;font-size:14px;color: #252525;font-weight: normal; padding:3px 0 0;}
.ys dl dt{height: 60px;}
.ys dl dt em{ background:url(../images/ys_nobg.png) no-repeat;display: block;float: left;width: 52px;height: 56px;line-height: 56px;text-align: center;overflow: hidden;font-size: 30px;color: #fff;font-weight: bold;}
.ys dl dt h5{ padding:6px 0 0 12px;float: left;}
.ys dl dt h5 a{font-size: 20px;color: #0054af;}
.ys dl dt h5 i{display: block;font-size: 12px;color: #6d6d6d;font-weight: normal; padding:3px 0 0;}
.ys dl dd{ padding:5px 0 0 45px;}
.ys dl dd p{font-size: 14px;color: #232323;line-height: 24px; background:url(../images/ys_ico01.png) no-repeat 0 14px; padding:5px 0 0 18px; display:inline-block;overflow: hidden;}
.ys dl dd p b{color: #0054af;}
.ys01 .ys dl{width: 485px; padding:15px 0 20px 715px; display:inline-block;}
.ys01 .ys dl dt h5{width: 395px;}
.ys01 .ys dl dd p{width: 465px;}
.ys01 .ys dl dd p i{display: block;float: left;font-size: 14px;font-weight: bold;color: #0054af;width: 130px;}
.ys01 .ys dl dd p span{display: block;float: left;width: 260px;}
.ys02 .ys dl{width: 525px; padding:50px 0 10px;}
.ys02 .ys dl dt h5{width: 460px;}
.ys02 .ys dl dd p{width: 525px;}
.ys02 .ys dl dd p em{display: block;float: left;width: 130px; background:url(../images/ys_ico02.png) no-repeat 0 10px; padding:0 0 0 25px;height: 32px;line-height: 32px;}
.ys_l{width: 525px;}
.ys_r{width: 675px;}
.ys_r p{width: 447px;height: 274px; padding:79px 0 37px  140px;}
.ys_r p img{width: 447px;height: 274px;}
.ys_r ul{ padding:0 0 0 98px;}
.ys_r ul li{width: 182px;float: left; padding:0 10px 0 0;}
.ys_r ul li img{width: 176px;height: 106px;background: #fff;padding: 2px; border:#bfbfbf 1px solid;}
/*关于*/
.hz_t{ height:105px; text-align:center; overflow:hidden; background:url(../images/hz_line01.gif) no-repeat 0 55px;}
.hz_t a{ font-size:34px; color:#04489e;}
.hz_t span{ display:block;font-size: 22px;color: #969696;text-transform: uppercase; padding:5px 0 0;font-weight: normal;}
.about{ background:url(../images/ab_bg.jpg) no-repeat;height: 485px;font-size: 0;}
.about .hz_t{background:none; height:124px; padding:45px 0 0;}
.about dl{ width:1260px; display:inline-block; overflow:hidden;}
.about dl dt{ width:559px; float:left; padding:0 0 0 15px;height:302px;}
.about dl dt img{ width:559px;height:302px;}
.about dl dd{ width:590px; float:left; padding:30px 0 0 50px;}
.about dl dd h5{height: 30px;line-height: 30px;overflow: hidden;}
.about dl dd h5 a{font-size: 20px;color: #333;}
.about dl dd b{display: block;font-size: 14px;color: #161616; padding:12px 0 0;}
.about dl dd p{ font-size:14px; color:#555; height:180px; line-height:30px; padding:8px 0 0;overflow: hidden;}
.about dl dd span{ display:block; padding:20px 0 0;}
.about dl dd span img{width: 115px;height: 33px;}

/*客户案例*/
.case{ padding:55px 0 50px;font-size: 0;}
.case_l a{ background:url(../images/hz_lico01.png) no-repeat; width:36px; height:36px; display:block;}
.case_l a:hover{ background:url(../images/hz_lico02.png) no-repeat;}
.case_r a{ background:url(../images/hz_rico01.png) no-repeat; width:36px; height:36px; display:block;}
.case_r a:hover{ background:url(../images/hz_rico02.png) no-repeat;}
.case_l{ position:absolute; top:260px; left:0px;}
.case_r { position:absolute; top:260px; right:0px;}
.case_c{ margin-left:35px;}
.case_c ul li { width:285px; float:left; padding:10px 7px 0;overflow: hidden;}
.case_c ul li a:hover{ text-decoration:none;zoom:1;}
.case_c ul li em{display: block;width: 285px;height: 210px;overflow: hidden;}
.case_c ul li img,.photo_c ul li img,.news dt img{ width:285px; height:210px;-webkit-transition: 1s;-moz-transition: 1s;transition: 1s;}
.case_c ul li img:hover,.photo_c ul li img:hover,.news dt img:hover{-webkit-transform:scale(1.1);-moz-transform:scale(1.1);-ms-transform:scale(1.1);transform:scale(1.1);}
.case_c ul li span{ width:285px; text-align:center; display:block; height:40px; line-height:40px; overflow:hidden;background: #f3f3f3;font-size: 14px;color: #333;}
.case_c ul li a:hover span{background: #04489e;color: #fff;}


/*留言*/
.liuyan  { overflow:hidden; width:100%; height:433px; background:url(../images/liuyan_bg.jpg) no-repeat center;}
.liuyan .box { overflow:hidden; width:600px; float:right; margin-top:60px;}
.liuyan label{ display:block; float:left; width:270px; height:37px; line-height:37px; background-color:#fff; border-radius:5px; float:left; margin-left:30px; margin-bottom:30px;}
.liuyan span{ display:block; float:left; width:78px; height:37px; text-align:center; font-size:12px; color:#333; border-right:1px solid #d6d6d6;}
.liuyan input{ display:block; width:170px; float:left; height:37px; background:none; border:none; line-height:37px; font-size:12px; color:#999; margin-left:10px; outline:none}
.liuyan select{ overflow:hidden; width:170px; margin-left:10px; height:37px; line-height:37px; font-size:12px; color:#999; outline:none; border:none; background:none}
.liuyan .tname{ overflow:hidden; width:570px; height:120px;}
.liuyan .tname span{ height:120px; line-height:120px;}
.liuyan textarea{ overflow:hidden; width:470px; height:100px; margin:10px; float:left; border:none; outline:none; resize:none; font-size:12px; color:#999;}
.liuyan em{ display:block; float:left; cursor:pointer; width:150px; height:37px; text-align:center; line-height:37px; font-size:12px; color:#2495e4; background-color:#fff; margin-left:30px; border-radius:5px;}


/*news*/
.news{width: 100%;padding-bottom:56px; margin-top:30px;}
.news .mainCon{width: 100%;}
.news .mainCon .menu{width: 100%;}
.news .mainCon .menu ul{width: 598px;margin: 0 auto;height: 72px;}
.news .mainCon .menu li{float: left;width: 198px;height: 70px;position: relative;text-align: center;border: 1px solid #c5c5c5;border-left: none;}
.news .mainCon .menu li:first-child{border-left: 1px solid #c5c5c5;}
.news .mainCon .menu li a{display: block;text-decoration: none;}
.news .mainCon .menu li span{display: block;font-size: 18px;color: #333333;padding-top: 15px;}
.news .mainCon .menu li em{display: block;font-size: 13px;color: #666666;font-family: arial;margin-top: 4px;text-transform: uppercase;}
.news .mainCon .menu li i{display: none;width: 18px;height: 9px;;background: url(../images/news_icon01.png) no-repeat center;position: absolute;bottom: -9px;left: 50%;margin-left: -9px;}
.news .mainCon .menu li.cur{background: #0D4DA1;border-color: #0D4DA1;}
.news .mainCon .menu li.cur span,.news .mainCon .menu li.cur em{color: #fff;}
.news .mainCon .menu li.cur i{display: block;}

.news .mainCon .conBox{width: 100%;margin-top: 47px;height: 580px;overflow: hidden;position: relative;}
.news .mainCon .conBox .box{width: 100%;}
.news .mainCon .conBox .conL{width: 590px;height:580px;float: left;background: #ebebeb;}
.news .mainCon .conBox .conL img{display: block;}
.news .mainCon .conBox .conL h3{overflow: hidden;font-weight: normal;margin-top: 28px;padding-left: 11px;}
.news .mainCon .conBox .conL h3 a{display: block;font-size: 16px;color: #333333;width:420px;overflow: hidden;text-overflow: ellipsis;white-space: normal;float: left;font-weight: bold;}
.news .mainCon .conBox .conL h3 em{display: block;float: right;font-size: 14px;color: #666666;font-weight: normal;position: relative;margin-right: 13px;}
.news .mainCon .conBox .conL p{font-size: 14px;color: #333333;line-height: 24px;height: 48px;overflow: hidden;text-overflow: ellipsis;margin-top: 18px;padding-left: 11px;padding-right: 13px;}
.news .mainCon .conBox .conL p a{font-size: 14px;color: #333333;}

.news .mainCon .conBox .conR{width:650px;float: right;}
.news .mainCon .conBox .conR dl{height:170px;padding: 10px 0 10px 10px;width:635px;position: relative;}
.news .mainCon .conBox .conR a:first-child dl{margin-top: 0;}
.news .mainCon .conBox .conR dt img{float: left;text-align: center;width:230px;height:170px;}
.news .mainCon .conBox .conR dd{float: left;width:376px;padding-top: 12px;margin-left: 20px;}
.news .mainCon .conBox .conR dd h3{font-size: 16px;color: #333333;text-overflow: ellipsis;overflow: hidden;white-space: nowrap;font-weight: normal;}
.news .mainCon .conBox .conR dd p{font-size: 12px;color: #333333;line-height: 24px;margin-top: 12px;height: 48px;text-overflow: ellipsis;}
.news .mainCon .conBox .conR dd span{font-size: 14px;color: #666666;display: block;position: absolute;right: 25px;bottom: 24px;}
.news .mainCon .conBox .conR dl:hover dd h3{font-weight: bold;}
.news .mainCon .conBox .conR dl:hover{background: #ebebeb;}
/*****************新闻资讯********************/
.newslistt{ width:100%;}
.newslistt ul{}
.newslistt ul li{width:310px;height:380px;background: #f9f9f9;float: left; margin-left:10px; margin-bottom:20px;}
.con_new{width:290px;height: auto;margin: 17px auto 0;}
.xwbt{font-size:14px;line-height: 22px;margin-top: 10px;color: #3c4145; font-weight:bold;}
.tim{font-size:12px; margin-top:5px;color: #8b8b8b;}
.titl{font-size:12px;line-height:20px;color: #7b7b7b;}
.newslistt ul li span{ float:right; color:#999999}
.newmore{margin-top:10px;color: #c3161c;font-size:12px;line-height:30px;text-transform: uppercase;text-decoration: none; background:#04489e; border-radius:20px; width:100px; text-align:center;}
.newmore a{color: #fff;font-size:12px; text-decoration: none !important;}
.fy{ clear:both;}
.fy a{ width:60px;height:30px; margin-top:20px; line-height:30px; display:inline-block; border:1px solid #CCC; text-align:center; margin-bottom:20px; margin-right:10px; color:#666}

.dis_pic{ position: relative; text-align:center; width:980px;}
.dis_pic a{ position:absolute; width:102px; height:95px; top:50%; margin-top:-47px; display:none;}
.dis_pic a.p_prev{ background:url(../images/left.png) no-repeat; left:0;}
.dis_pic a.p_next{ background:url(../images/right.png) no-repeat; right:0;}
.dis_pic a b{ display:none;}
.dis_pic img{ width:500px;border:1px solid #CCC;}

.product_x{margin-top:20px; clear:both;}
.product_xx{height:35px; background:#eee;margin-top:20px; clear:both;}
.product_xx h2{float:left;width: auto; padding:0 20px; margin:0px; line-height:35px; vertical-align:middle; font-size:16px;color:#FFF; font-weight:normal; background-color:#04489e;}
#product_info{overflow:hidden;margin:0 auto; font-size:14px; line-height:24px; clear:both; text-align:left;}
#product_info img{ max-width:1300px;}

/**************留言*****************/
#feedback_form{ margin-bottom:80px;}
#feedback_form label{display:block;float:left;height:32px;line-height:32px;margin-bottom:30px;padding-left:40px;background:url(../images/contact.png) no-repeat;font-size:14px;}
#feedback_form label.name{background-position:0 -32px;}
#feedback_form label.email{background-position:0 -64px;}
#feedback_form label.city{background-position:0 -96px;}
#feedback_form label.msg_title{background-position:0 -128px;}
#feedback_form label.address{background-position:0 -160px;}
#feedback_form label.message{background-position:0 -192px;margin-bottom:10px;}
#feedback_form input{width:320px;height:30px;line-height:30px;float:left;margin:0 37px 30px 0;padding:0 10px;border:1px solid #dbdbdb;}
#feedback_form input.last{margin-right:0;}
#feedback_form .msg{padding:10px 0;}
#feedback_form textarea{height:100px;width:950px;padding:10px;border:1px solid #dbdbdb;display:block;}
#feedback_form .btns{width:120px;height:40px;margin-right:10px; background:#ff6014;color:#fff;border:none;font-size:15px;margin-bottom:0;cursor:pointer;}
#feedback_form .btns:hover{background:#333;transition:all 0.3s;}
#feedback_form .reset{background:#ccc;cursor:pointer;margin-bottom:0;}
#feedback_form input:focus,#feedback_form textarea:focus{border-color:#0089e2;}

/**相册**/
.pro_rmm{ padding:10px;}
.pro_rmm dl{width:286px;float:left; margin-right:45px; margin-bottom:15px;}
.pro_rmm dl:nth-child(3n) { margin-right: 0; }
.pro_rmm dl dt{width:316px;height:280px;}
.pro_rmm dl dt img{width:310px;height:230px;padding:3px;}
.pro_rmm dl dt a{background:#f3f3f3;display: block;width:316px;height:280px;display: block;font-size: 14px;color: #252525;}
.pro_rmm dl dt a:hover{background: #04489e;color: #fff; text-decoration:none;}
.pro_rmm dl dt span{display: block;width: 316px;height: 38px;text-align: center;line-height: 38px;overflow: hidden;}
