@charset "utf-8";
/* CSS Document */
body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, fieldset, input, textarea, p, blockquote, th, td, font { padding: 0; margin: 0; }
fieldset, img { border: 0; vertical-align: top; }
table { border-collapse: collapse; border-spacing: 0; }
h1, h2, h3, h4, h5, h6 { font-size: 100%; }
ol, ul, li, dl, dt, dd { list-style: none; }
a { color: #000; text-decoration: none; }
a:link, a:visited { text-decoration: none; }
a:hover { text-decoration: none; }
.red { color: #F00; }
.yellow { color: #ffb138; }
.fl { float: left; }
.fr { float: right; }
.clr { clear: both; }
.mright { margin-right: 20px; }
.blank { height: 20px; font-size: 0; line-height: 0; clear: both; overflow: hidden; }
body, td, th { font-family: "Microsoft YaHei", "微软雅黑", \5FAE\8F6F\96C5\9ED1; }
input { outline: none; }
@font-face { font-family: '微软雅黑';   /*字体名称*/ src: url('../font/msyh.ttf');/*字体路径*/ }
.box { width: 100%; height: auto; overflow: hidden; margin: 0px auto; background-color: none; }
.box_2 { width: 1400px; height: auto; overflow: hidden; margin: 0px auto; }
.box_3 { width: 1400PX; margin: 0px auto; background-color: none; }
.box_4 { width: 1400PX; overflow: hidden; margin: 0px auto; }
.big_box { width: 100%; background-color: #eeeeee; }
/* top */
.top_box { width: 100%; height: 628px; background-image: url(../images/top_bg.jpg); background-repeat: no-repeat; background-position: center center; overflow: hidden; margin: 0px auto; }
.ding{ width:100%; background:rgba(255,255,255,0.6);}
.top { width: 1400px; height: 105px; margin: 0px auto;  }
.logo { width: 503px; height: 71px; float: left; overflow: hidden; margin-top: 18px; }
/* menu */

.menu { width: 867px; height: auto; margin: 0px auto; margin-top: 0px; float: right; margin-left: 10px; }
.menu ul { margin: 0px auto; }
.menu ul li { float: left; width: 120.7px; color: #fff; text-align: center; line-height: 105px; font-size: 18px; position: relative; overflow: visible; }
.menu ul li a { color: #000; font-size: 18px; text-align: center; height: 105px; width: 121px; color: #000000; padding-bottom: 0px; display: block; }
.menu ul li a:hover { color: #FFF; background-color: #D70001; height: 105px; line-height: 105px; }
.menu ul li:hover .dap { display: block; }
.dap { position: absolute; left: 10px; background: none; width: 120.7px; display: none; margin-left: -10px; }
.menu ul li .dap ul { margin: 0px auto; }
.menu ul li .dap ul li { width: 120.7px; color: #fff; text-align: center; line-height: 40px; font-size: 16px; display: block; position: relative; border-bottom: 1px solid #999; }
.menu ul li .dap ul li a { font-size: 16px; line-height: 40px; height: 40px; margin: 0px auto; color: #000; text-align: center; background: #ccc; filter: alpha(opacity=70); moz-opacity: 0.7; -khtml-opacity: 0.7; opacity: 0.8; }
.menu ul li .dap ul li a:hover { background: #D70001; color: #FFF; filter: alpha(opacity=70); moz-opacity: 0.7; -khtml-opacity: 0.7; opacity: 0.8; }
.menu ul li .dap ul li a.on { width: 350px; height: 79px; font-size: 14px; color: #CCC; background-color: #CCC; }
.menu ul li .dap ul li .on { width: 350px; height: 79px; font-size: 14px; color: #CCC; background-color: #CCC; margin-left: -230px; }

/* about */
.about { width: 100%; height: 0; }
.about_title { width: 100%; text-align: center; margin: 0px auto; font-size: 25px; color: #333333; font-weight: normal; letter-spacing: 0px; line-height: 25px; padding-top: 50px; }
.about_title span { font-size: 18px; line-height: 35px; color: #5E5E5E; width: 100%; background-image: url(../images/xian.png); background-repeat: no-repeat; background-position: center center; height: 35px; margin: 0px auto; display: block; }
.about_contact { width: 1400px; margin: 0px auto; font-size: 18px; letter-spacing: 0px; font-weight: normal; margin-top: 50px; }
.about_contact img { float: left; }
.contact_p { width: 740px; font-size: 18px; color: #333; letter-spacing:1px; font-weight: normal; float: left; padding: 10px 0px 0px 30px; text-indent: 2em; line-height: 2.5em; }
.contact_p a { color: #F00; font-size: 14px; }
/* product */
.product { width: 100%; height: 646px; margin: 0px auto; background-color: #f5f5f5; overflow: hidden; margin-top: 50px; }
.biaoyu { font-size: 14px; color: #666; }
.product_list_title { width: 410px; overflow: hidden; margin: 0px auto; height: 35px; }
.product_list_title ul { }
.product_list_title ul li { float: left; margin: 0px 3px 2px 3px; border: 1px solid #CCC; background-color: #FFF; text-align: center; width: 169px; font-size: 13px; line-height: 30px; }
.product_list_title ul li a:hover { border: 1px solid #000; background-color: #FFF; text-align: center; width: 169px; display: block; }
.product_list_title ul li a { color: #666; }
/* case */
.case { margin: 0px auto; width: 100%; height: 503px; margin-top: 0px; position: relative; }
/* list_new */
.list_new { width: 100%; overflow: visible; margin: 0px auto; height: 695px; background-color: #f5f5f5; }
.list_new_list { width: 1400px; height: 495px; margin: 0px auto; margin-top: 150px; }
.list_new_list ul { }
.list_new_list ul li .tupian { width: 200px; height: 115px; float: left; }
.list_new_list ul li img:hover { transform: scale(1.1); width: 180px; height: 115px; }
.list_new_list ul li img { cursor: pointer; transition: all 0.6s; width: 180px; height: 115px; overflow: hidden; display:inline-block; }
.list_new_list ul li { float: left; width: 642px; margin: 15px 20px 0px 38px; overflow: hidden; }
.list_new_list ul li a { font-size: 16px; color: #494949; font-weight: normal; text-align: left; line-height: 25px; background-image: url(../images/jindu2.jpg); background-repeat: no-repeat; background-position: left bottom; height: auto; padding-bottom: 20px; padding-top: 20px; overflow: hidden; }
.list_new_list ul li a:hover { color: #F00; transition: color 1s; }
.list_new_list ul li span { font-size: 16px; color: #929292; margin-top: -40px; text-align: center; }
.list_new_list ul li p { width: 435px; line-height: 25px; font-size: 12px; padding-top: 24px; margin-left: 200px; color: #666; }
/* bottom */
.bottom { width: 100%; height: 205px; overflow: hidden; margin: 0px auto; background-color: #2B2B2B; background-image: url(../images/jishuzhichi.jpg); background-position: center bottom; background-repeat: no-repeat; }
.bottom_leftbox { width: 730px; overflow: hidden; height: 205px; padding-top: 10px; float: left; }
.bottom_leftbox img { float: left; padding-top: 28px; }
.bottom_rightbox { width: 660px; height: 205px; padding-top: 50px; float::left;
overflow: hidden; margin-left: 0px; display: block; }
.bottom_rightbox img { text-align: left; float: left; }
.bottom_leftbox .text { float: left; width: 450px; height: 160px; color: #fff; line-height: 22px; margin-left: 25px; font-size: 14px; }
.bottom_leftbox h2 { font-size: 25px; margin-top:30px; font-weight: bold; color: #FFF; line-height: 55px; text-indent: 1em; }
.erweima { 0
}


.big_box {
    width: 100%;
    background-color: #eeeeee;
}
.about_con {
    width: 96%;
    max-width: 1180px;
    margin: 0 auto;
    line-height: 32px;
    overflow: hidden;
    padding-top: 1%;
    padding-bottom: 5%;
    color: #555;
	 font-size: 16px;
}
.i_pro_t {
    height: 90px;
    overflow: hidden;
    line-height: 100px;
    text-align: center;
    background: url(../images/i_bg1.jpg) center bottom no-repeat;
    font-size: 32px;
	font-weight:bold;
    color: rgb(30, 80, 174);
    letter-spacing: 5px;
    margin-bottom: 3%;
    margin-top: 1%;
}s

/* message */
.crow-form-box {
    padding: 5px 20px;
}
.crow-form-box p {
    margin-bottom: 10px;
    color: grey;
    word-break: break-all;
    text-align: left;
}
label, summary {
    cursor: default;
}
.crow-form-box p span {
    color: red;
}
.crow-form-box input {
    display: block;
    width: 100%;
    height: 40px;
    box-sizing: border-box;
    padding-left: 8px;
    padding-right: 8px;
    border: 1px solid #a6a6a6;
    border-radius: 4px;
}
.crow-form-box .form_input {
    font-size: 14px;
}
.crow-form-box textarea {
    width: calc(100% - 20px);
    border: 1px solid #a6a6a6;
    border-radius: 5px;
    padding-left: 8px;
    padding-right: 8px;
    padding-top: 5px;
}
.btn-flat {
    color: #7e7e7e;
    background-color: #f7f7f7;
    border-radius: 4px;
    border: 1px solid #ddd;
    display: inline-block;
    text-align: center;
}
/*产品中心*/
.product_ul{ text-align:center; overflow:hidden; width:96%; max-width:1190px; margin:0 auto; margin-top:2%;}
.product_ul ul li{ width:25%; float:left; margin-bottom:3%; margin-top:3%; }
.product_ul ul li img{display: block;height: 260px;-webkit-transform:scale(1); -moz-transform:scale(1); -ms-transform:scale(1); -o-transform:scale(1); transform:scale(1);-webkit-transition:all 0.3s ease-out 0s; -moz-transition:all 0.3s ease-out 0s; -o-transition:all 0.3s ease-out 0s; transition:all 0.3s ease-out 0s; }
.product_ul ul li dd{ width:100%; margin:0 auto; margin-bottom:10px; text-align: center;display:table-cell; }
.product_ul ul li dd .imgs{ position:relative; width:100%; }
.product_ul ul li dd .imgs p{ position:absolute; width:100%; height:100%; top:0; text-align:center;opacity:0; filter:alpha(opacity=0);-webkit-transition:all 0.3s ease-out 0s; -moz-transition:all 0.3s ease-out 0s; -o-transition:all 0.3s ease-out 0s; transition:all 0.3s ease-out 0s; }
.product_ul ul li dd  h2{  font-weight:normal; color:#333; font-size:14px; line-height:22px; height:22px; overflow:hidden; margin-top:7px;}
.product_ul ul li dd:hover img{-webkit-transform:scale(1.2, 1.2); -moz-transform:scale(1.2, 1.2); -o-transform:scale(1.2, 1.2); -ms-transform:scale(1.2, 1.2); transform:scale(1.2, 1.2);}
.product_ul ul li dd:hover h2{ color:#eb6360;}
.product_ul ul li dd:hover .imgs p{opacity:1; filter:alpha(opacity=100);}
/* page */
.page_1 { width: 400px; height: 36px; font-size: 14px; text-align: center; margin: 20px auto 0; }



/*new */
.news_list{    overflow: hidden;}
.news_list ul li {
    background: url(../images/news_ocpm.jpg) no-repeat left center;
    line-height: 40px;
    padding: 0 0 0 20px;
    border-bottom: 1px dashed #cccccc;
}
.news_list ul li span {
    float: right;
}
.h_service {
    width: 100%;
    min-width: 1440px;
    background: url(../images/service.jpg) no-repeat center top;
    height: 547px;
    overflow: hidden;
}