﻿@charset "utf-8";
.w_1300{width: 1300px;margin: 0 auto;}
header {height: 120px; background: #fff; position: fixed; left: 0; top: 0; right: 0; z-index: 7000; -webkit-box-shadow: 1px 1px 15px 0px rgba(0,0,0,0.1); -moz-box-shadow: 1px 1px 15px 0px rgba(0,0,0,0.1); box-shadow: 1px 1px 15px 0px rgba(0,0,0,0.1); -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); }
header a.logo {display: block; float: left; width: 300px; height: 72px; overflow: hidden; margin-top: 25px; margin-right: 150px; }
nav {display: block; float: right; width: 800px; height: 120px; margin-left: 40px; }
nav .nav {position: relative; }
nav .nav li.on {border-bottom: 3px solid #006bb3; }
nav .nav li.m h3 {display: block; font-weight: normal; }
nav .nav li.on h3 a {color: #006bb3; }
nav .nav li.m h3 a {display: block; font-size: 16px; color: #333; line-height: 120px; cursor: pointer; }
nav .nav li.m {display: block; float: left; text-align: center; height: 120px; padding: 0px 25px; position: relative; }
nav .nav .sub {z-index: 99; display: none; width: 125px; text-align: left; padding: 10px 0px; position: absolute; left: 0px; top: 120px; -moz-border-bottom-left-radius: 6px; -webkit-border-bottom-left-radius: 6px; border-bottom-left-radius: 6px; -moz-border-bottom-right-radius: 6px; -webkit-border-bottom-right-radius: 6px; border-bottom-right-radius: 6px; background: url(../image/nav_sub_bg.png) repeat; }
nav .nav .sub ul li {display: block; text-align: center; border-bottom: 1px solid #0082d9; margin: 0px 10px; }
nav .nav .sub ul li a {display: block; color: #fff; font-size: 14px; line-height: 30px; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s; }
nav .nav .sub ul li a:hover{background:#1b9beb}
#banner {margin-top: 120px; }
.slideBox{ width:100%; height:548px; overflow:hidden; position:relative;margin-top:120px;}
.slideBox .hd{ height:15px; overflow:hidden; position:absolute; bottom:15px; z-index:1;width: 100%; }
.slideBox .hd ul{ overflow:hidden; zoom:1; width: 100%; text-align: center; }
.slideBox .hd ul li{ display: inline-block;margin-right:4px;  width:30px; height:5px;  background:#a1a1a3; cursor:pointer;text-indent: -99999px;
  -webkit-transition: all .3s linear;
    -moz-transition: all .3s linear;
    -o-transition: all .3s linear;
    transition: all .3s linear;}
.slideBox .hd ul li.on{ background:#fff;}
.slideBox .bd{ position:relative; height:100%; z-index:0;   }
.slideBox .bd li{ zoom:1; vertical-align:middle; }


.com_title{border-bottom: 0; border-top: 0; text-align: center; margin-top: 22px; margin-bottom: 10px;height: 80px;background: url(../image/com_til_bg.jpg) center 65px no-repeat;}
.com_title h2 {display: block; font-weight: normal; font-size: 30px; line-height: 35px; }
.com_title span{text-transform:uppercase;font-size: 16px;color: #b6b6b6;line-height: 25px;}
.amore{background: url(../image/amore.png) no-repeat;display: block;margin:30px auto;width: 184px;height: 67px;font-size: 16px;text-indent: 30px;line-height: 67px;}

.main1{padding-top: 20px;height: 700px;}
.anli_tab {text-align: center; margin-bottom: 35px;margin-top: 20px; overflow: hidden; white-space: nowrap; -ms-text-overflow: ellipsis; text-overflow: ellipsis; }
.anli_tab a {display: inline-block; height: 35px; line-height: 35px; padding: 0 11px; color: #2f2f2f; font-family: "宋体"; margin: 0 3px; font-size: 16px; border:1px solid #bfbfbf; }
.anli_tab a:hover{color:#fff; background-color: #004994; }
/*.anli_tab a:last-child{color: #ff0000; }*/
.picMarquee-left{ overflow:hidden; position:relative;}
.picMarquee-left .bd{ padding:10px;   }
.picMarquee-left .bd ul{ overflow:hidden; zoom:1; }
.picMarquee-left .bd ul li{ margin:0 8px; float:left; _display:inline; overflow:hidden; text-align:center;border:1px solid #ccc; }
.picMarquee-left .bd ul li .pic{ text-align:center; }
.picMarquee-left .bd ul li .pic img{ width:305px; height:276px; display:block; }
.picMarquee-left .bd ul li .pic a:hover img{ border-color:#999;  }
.picMarquee-left .bd ul li .title{ line-height:70px;height: 70px;font-size: 16px; border-top:1px solid #ccc;}
.picMarquee-left .bd ul li .title:hover{background: #004994;}
.picMarquee-left .bd ul li .title:hover a{color: #fff;}


.main2{height: 490px;background: #eff3f7;position: relative;}
.m2_main{position: absolute;background: #fff;height: 580px;width:1300px;top:70px;padding-top: 20px;}
.m2_about{width: 1000px;text-align: center;margin: 20px auto;font-size: 16px;line-height: 28px;color: #898989;height: 100px;}
.more{width: 145px; height: 40px; line-height: 40px; cursor: pointer; background-color: #fff; border: 1px solid #a0a0a0; border-radius: 20px; color: #a0a0a0; font-size: 18px; display: block; text-align: center; margin: 0 auto; }
.more:hover{border: 1px solid #4b9be2;color: #4b9be2;}
.picScroll-left{ overflow:hidden; position:relative;margin-top: 30px;}
.picScroll-left .bd ul{ overflow:hidden; zoom:1; }
.picScroll-left .bd ul li{ margin:0 12px; float:left; _display:inline; overflow:hidden; text-align:center;  }
.picScroll-left .bd ul li .pic{ text-align:center; }
.picScroll-left .bd ul li .pic img{ width:300px; height:227px; display:block;}
.picScroll-left .bd ul li .pic a:hover img{ border-color:#999;  }
.picScroll-left .bd ul li .title{ line-height:24px;font-size: 16px;   }

.main3{padding-top: 20px;height: 650px;}
.news{height:400px; padding:0px 0 0 0;}
.newsul{ float:left; width:1300px; padding:0px 0 0px 0px; height:390px; overflow:hidden;}
.newsul li{ cursor:pointer; float:left; width:628px; height:164px; display:inline; margin:20px 10px 20px 10px;}
.newsul li a{ cursor:pointer; float:left; width:628px; height:164px;  background:#f7f7f7; position:relative;}
.newsul li a em{ position:absolute;width:626px; height:162px; border:1px solid #e7e7e7; left:0; top:0;-webkit-transition: all 0.2s ease-in-out 0s;-moz-transition: all 0.2s ease-in-out 0s;transition: all 0.2s ease-in-out 0s;
}
.newsul li a:hover em{   position:absolute;width:626px; height:162px; border:1px solid #004994; left:-4px; top:-4px;}

.newsul li a:hover{ cursor:pointer; float:left; width:628px; height:164px; background:#e4e4e4}
.newsimg{ float:left; width:183px; height:135px; display:inline; margin:15px 0 0 15px;}
.newsword{ float:left; width:355px; padding:0 0 0 20px;}
.newsword p.top{ margin-bottom: 15px;float:left; width:355px; height:35px; line-height:35px;    margin-top: 10px;}
.newsword p.top span{ float:left; width:240px;text-overflow:ellipsis; overflow:hidden; white-space:nowrap; color:#4e6990; font-size:16px;}
.newsword p.top label{ float:right; width:100px; font-family:Arial, Helvetica, sans-serif; color:#747474;}
.newscon{ color:#747474; float:left;width:355px; height:48px; line-height:24px; overflow:hidden;font-size: 14px;}
.newsfra{ width:100%; height:452px; padding:40px 0 0 0;}


.main4{border-top: 1px solid #d2d2d2;padding-top: 40px;height: 140px;}
.in_customer_list  ul li {display: block; float: left; width: 200px; margin: 0 12px 12px 0; }
.in_customer_list ul li a {display: block; border: 1px solid #e7e7e7; width: 200px; height: 84px; position: relative; }
.in_customer_list ul li a b {display: block; width: 100%; height: 40px; line-height: 40px; font-size: 16px; font-weight: normal; color: #fff; text-align: center; position: absolute; left: 0px; top: 50%; margin-top: -20px; z-index: 3; opacity: 0; filter: alpha(opacity=0); -webkit-transition: all 0.3s; -moz-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s; }
.in_customer_list  ul li a em {width: 100%; height: 100%; background: url(../image/nav_sub_bg.png) repeat; position: absolute; left: 0px; top: 0px; z-index: 2; opacity: 0; filter: alpha(opacity=0); -webkit-transition: all 0.3s; -moz-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s; }
.in_customer_list  ul li a img {width: 200px; height: 84px; position: absolute; left: 0px; top: 0px; z-index: 1; }
.in_customer_list ul li a:hover b,.in_customer_list ul li a:hover em{opacity:1;filter:alpha(opacity=100)}


.ft_top{background: #0265ca;height: 260px;padding-top: 30px;}
.ft_nav{border-right: 1px solid #fff;}
.ft_nav ul li.list {display: block; float: left; padding-right: 100px; }
.ft_nav ul li.list a {-webkit-transition: all 0.3s; -moz-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s; }
footer .t {display: block; font-size: 16px; color: #fff; line-height: 40px; }
.ft_nav ul li.list ul li a {font-size: 14px; color: #a3acb4; line-height: 35px; }
.ft_nav ul li.list ul li a:hover{color: #fff;}
.ft_bottom{height: 56px;line-height: 56px;text-align: center;font-size: 14px;background: #004994;color: #9babc7;}
.ft_bottom a{color: #9babc7;}
.ft_bottom a:hover{color: #fff;}




.am-u-sm-3 {
    width: 25%;
}
.secnav {
    padding: 23px 0;
    border-bottom: 1px solid #f0f0f0;
    text-align: left;
}
.secnav .list {
    float: left;
    width: 800px;
}
.secnav .list ul li {
    margin: 0;
    padding: 0;
    display: inline-block;
    margin-right: 25px;
}
.secnav .list ul li a {
    display: block;
    border: 1px solid #efefef;
    padding: 0 20px;
    height: 35px;
    line-height: 35px;
    font-size: 14px;
    color: #888;
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s;
}
.secnav .list ul li a.cur,.secnav .list ul li a:hover{border-color:#333;color:#333}
.in_about {
    padding: 70px 0;
}
h3.title02 {
    text-align: center;
    height: 30px;
    line-height: 30px;
    vertical-align: middle;
}
h3.title02 span {
    display: inline-block;
    font-size: 22px;
    color: #333;
    font-weight: normal;
    width: 250px;
    text-align: center;
    vertical-align: middle;
}
.secnav .bread {
    float: right;
    width: 400px;
    text-align: right;
    line-height: 35px;
    font-size: 14px;
}
.secnav .bread span {
    display: inline-block;
    margin: 0 10px;
}

.list_pro {
    margin-top: 20px;
    border: 1px solid #efefef;
    border-right: none;
    border-bottom: none;
}

.list_pro .am-u-sm-3 a {
    display: block;
    padding: 20px 30px 0;
    position: relative;
    border-right: 1px solid #efefef;
    border-bottom: 1px solid #efefef;
}
.list_pro .am-u-sm-3 a span.ico {
    width: 100%;
    height: 100%;
    background: #006bb3;
    position: absolute;
    left: 0px;
    top: 0px;
    z-index: 3;
    opacity: 0;
    filter: alpha(opacity=0);
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s;
}
.list_pro .am-u-sm-3 a span {
    display: block;
}
.list_pro .am-u-sm-3 a span.ico em {
    display: block;
    width: 100%;
    height: 100%;
    position: relative;
}
.list_pro .am-u-sm-3 a span.ico em i {
    display: block;
    width: 50px;
    height: 50px;
    position: absolute;
    left: 50%;
    top: 50%;
    margin-left: -25px;
    margin-top: -25px;
    background: url(../image/list_pro_ico.png) 0 0 no-repeat;
}
.list_pro .am-u-sm-3 a span.thumb {
    overflow: hidden;
}
.list_pro .am-u-sm-3 a span {
    display: block;
}
.list_pro .am-u-sm-3 a span.thumb img {
    width: 260px;
    height: 240px;
}
.list_pro .am-u-sm-3 a span.txt {
    height: 56px;
    line-height: 56px;
    text-align: center;
    color: #333;
}
[class*=am-u-] {
    float: left;
    position: relative;
}
.am-g:after, .am-g:before {
    content: " ";
    display: table;
}
.am-g:after {
    clear: both;
}
.list_pro .am-u-sm-3 a:hover span.ico{opacity:.9;filter:alpha(opacity=90)}

.list_news ul li {
    display: block;
    padding: 40px 0;
    border-bottom: 1px solid #eee;
}
.list_news ul li a .time {
    float: left;
    width: 60px;
    height: 60px;
    text-align: center;
}
.list_news ul li a .time span.day {
    font-size: 38px;
    line-height: 40px;
}
.list_news ul li a .time span {
    display: block;
}
.list_news ul li a .time span.date {
    font-size: 14px;
    line-height: 20px;
}
.list_news ul li a .thumb {
    float: left;
    width: 250px;
    height: 174px;
    margin: 0 50px;
}
.list_news ul li a .thumb img {
    width: 100%;
    height: 100%;
}
.list_news ul li a .txt {
    float: left;
    width: 580px;
}
.list_news ul li a .txt b.t {
    display: block;
    font-size: 16px;
    color: #333;
    font-weight: normal;
    padding-bottom: 15px;
}
.list_news ul li a .txt .des {
    font-size: 14px;
    color: #666;
    line-height: 26px;
}
.list_news ul li a .mmore {
    display: block;
    float: right;
    width: 110px;
    height: 36px;
    line-height: 36px;
    text-align: center;
    border: 1px solid #d2d2d2;
    font-size: 14px;
    color: #666;
    margin-top: 120px;
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s;
}
.list_news ul li a:hover .mmore{background:#006bb3;border-color:#006bb3;color:#fff}
.page_info {
    padding: 70px 0;
}
.news_d .h3_t {
    font-size: 28px;
    text-align: center;
    font-weight: normal;
}
.news_d .info {
    font-size: 12px;
    color: #c2c3c3;
    text-align: center;
    border-bottom: 1px solid #e5e5e5;
    line-height: 50px;
}
.news_d_w {
    font-size: 14px;
    line-height: 25px;
    padding: 20px 0px;
}
.updown {
    font-size: 14px;
}
.news_d .back {
    display: block;
    width: 150px;
    height: 35px;
    line-height: 35px;
    text-align: center;
    border: 1px solid #006bb3;
    color: #006bb3;
    margin: 20px auto 0;
}
.page_info {
    padding: 70px 0;
}

.page_form{padding:50px 0px;margin:0 auto}
.page_form .input,.page_form textarea{background-image:url(../image/message_ico.png);background-repeat:no-repeat;background-color:#fff}
.page_form .input{height:40px;line-height:40px;border:1px solid #c9c9c9;-moz-border-radius:4px;-webkit-border-radius:4px;border-radius:4px;text-indent:50px}
.page_form textarea{background-position:0 -200px;padding:10px 10px 10px 50px;width:1200px;height:200px;border:1px solid #c9c9c9;-moz-border-radius:4px;-webkit-border-radius:4px;border-radius:4px}
.page_form .m_col01{width:100%;margin-bottom:10px}
.page_form .m_col01 .fl,.page_form .m_col01 .fr{width:48%}
.page_form .m_col01 .fl .input,.page_form .m_col01 .fr .input{width:100%}
.page_form .m_col02{width:100%;margin-bottom:10px}
.page_form .m_col02 .input{width:100%}
.page_form .m_col02 .checkcode{width:60px}
.page_form .title{background-position:0 0}
.page_form .name{background-position:0 -40px}
.page_form .tel{background-position:0 -80px}.page_form .email{background-position:0 -120px}
.page_form .ctitle{background-position:0 -160px}
.page_form .form-error,.page_form .word_count{font-size:12px;color:#ff0000}
.page_form .submit{display:block;width:136px;height:42px;text-align:center;line-height:42px;background:#006bb3;color:#fff;font-size:16px;font-weight:bold;border:none;margin:0 auto;-moz-border-radius:4px;-webkit-border-radius:4px;border-radius:4px;-webkit-transition:all 0.3s;-moz-transition:all 0.3s;-o-transition:all 0.3s;transition:all 0.3s}
.page_form .submit:hover{background:#0087e1;transition:background 0.3s;-moz-transition:background 0.3s;-webkit-transition:background 0.3s;-o-transition:background 0.3s}

.pro_d{padding:70px 0}
.pro_d .pro_d_slide{width:580px}
.pro_d .pro_d_txt{width:680px}
.pro_d .pro_d_txt h1.t{font-size:22px;color:#333;font-weight:normal}
.pro_d .pro_d_txt .hd{padding:23px 0;border-bottom:1px solid #f0f0f0;text-align:left}
.pro_d .pro_d_txt .hd ul li{margin:0;padding:0;display:inline-block;margin-right:25px;border:1px solid #bebebe;padding:0 20px;height:35px;line-height:35px;font-size:14px;color:#888;-webkit-transition:all 0.3s;-moz-transition:all 0.3s;-o-transition:all 0.3s;transition:all 0.3s;cursor:pointer}
.pro_d .pro_d_txt .hd ul li a{color:#888}
.pro_d .pro_d_txt .hd ul li.on,.pro_d .pro_d_txt .hd ul li:hover{border-color:#333;color:#333}
.pro_d .pro_d_txt .bd{padding-top:30px;font-size:14px;color:#888;line-height:28px}
.jqzoom{float:left;border:none;position:relative;padding:0px;cursor:pointer;margin:0px;display:block}
.zoomdiv{z-index:100;position:absolute;top:0px;left:0px;width:250px;height:250px;background:#ffffff;border:1px solid #CCCCCC;display:none;text-align:center;overflow:hidden}.jqZoomPup{z-index:10;visibility:hidden;position:absolute;top:0px;left:0px;width:20px;height:20px;border:1px solid #aaa;background:#fff;opacity:0.5;-moz-opacity:0.5;-khtml-opacity:0.5;filter:alpha(Opacity=50)}
.spec-preview{width:582px;height:347px;border:1px solid #DFDFDF}
.spec-scroll{clear:both;margin-top:5px;width:582px}
.spec-scroll .prev{float:left;margin-right:4px}
.spec-scroll .next{float:right}
.spec-scroll .prev,.spec-scroll .next{display:block;font-family:"宋体";text-align:center;width:10px;height:64px;line-height:64px;border:1px solid #CCC;background:#EBEBEB;cursor:pointer;text-decoration:none}
.spec-scroll .items{float:left;position:relative;width:550px;height:66px;overflow:hidden}
.spec-scroll .items ul{margin:0;padding:0;position:absolute;width:999999px;height:66px}
.spec-scroll .items ul li{list-style-type:none;float:left;width:117px;text-align:center}
.spec-scroll .items ul li img{border:1px solid #CCC;padding:2px;width:107px;height:64px}
.spec-scroll .items ul li img:hover{border:2px solid #FF6600;padding:1px}
.pro_d_tab .hd{border-bottom:1px solid #dfdfdf}
#sync1{position:relative}
#sync1 .item{margin:0px;color:#FFF;-webkit-border-radius:3px;-moz-border-radius:3px;border-radius:3px;text-align:center}
#sync1 .owl-controls{margin-top:0px;text-align:center} 
*, :after, :before {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

/*page*/
#pages{text-align: center;margin: 20px 0;}
#pages a{padding:0 10px;height: 30px;line-height: 30px;text-align: center; background: #e6e6e6;color: #333;display: inline-block;}
#pages span{padding:0 10px;height: 30px;line-height: 30px;text-align: center; background: #006fcf;color: #fff;display: inline-block;}
#pages a:hover{background: #006fcf;color: #fff;}
