/* CSS Document */

body{ margin:0 auto; color:#444444; font-size:14px; font-family: "微软雅黑", Arial; overflow-x: hidden;}

a{ text-decoration:none;}

a img{ border:none;}



a:visited{ color:#444444;}

a:link{ color:#444444;}

a:hover{ color:#025593;}



.a1 a:visited{ color:#FFFFFF; }

.a1 a:link{ color:#FFFFFF;}

.a1 a:hover{ color:#FFFF00;}



.a2 a:visited{ color:#990000; font-weight:bold;}

.a2 a:link{ color:#990000;font-weight:bold;}

.a2 a:hover{ color:#FF0000; font-weight:bold;}





.l{ float: left; }

.r{ float: right; }





.fl{ float: left; }

.fr{ float: right; }





.clear{ clear: both; }





/*网页主体*/

html, body, #wrap {height: 100%;}

body > #wrap {height:auto!important; height:auto; min-height: 100%;}

#main {padding-bottom:327px;}  /* 必须使用和footer相同的高度 */

#footer {position:relative; margin-top:-327px; /* footer高度的负值 */ height:327px; background:#002642; clear:both;}

#top{ width:100%; height:757px; margin-bottom:12px;}

.hd{ background-color: #f9f9f9; height: 40px; line-height: 40px; font-size: 14px; text-align: right}

.logo{ width:1200px; height:117px; margin-left:auto; margin-right:auto;}

.meau{ width:100%; height:60px; line-height: 50px; background: #002642;}

.flash{ width:100%; height:540px; margin-left:auto; margin-right:auto;}

#content{width:100%; height:auto!important; height:auto;}

.wapper{ width:1200px; margin:0 auto;}

.clearfix:after {content: "."; display: block; height: 0; clear: both; visibility: hidden;}

.clearfix {display: inline-block;}

/* Hides from IE-mac \*/

* html .clearfix { height: 1%;}

.clearfix {display: block;} 

/* End hide from IE-mac */







.wa1000{ margin-left:auto; margin-right:auto; width:920px; height:auto!important; height:auto;}

.wa1100{ margin-left:auto; margin-right:auto; width:920px; height:auto!important; height:auto;}




div,ul,li,a,span,img{margin:0;padding:0;}

li{list-style:none;}

#slider{width:100%;height:540px;margin:0 auto;position:relative;}

.slider_list li{position:absolute;display:none;}

.slider_list li:first-child{display:block;}

.slider_icon{position:absolute;z-index:1;left:50%;bottom:20px;font-size:0;padding:4px 8px;border-radius:12px;}

.slider_icon i{display:inline-block;width:12px;height:12px;border-radius:50%;margin:0 5px;}

.btn{background:#fff;}

.arrow{display:none;width:30px;height:60px;background-color:rgba(0,0,0,.2);position:absolute;top:50%;margin-top:-30px;}

.prve{left:0;}

.next{right:0;}

.arrow span{display:block;width:10px;height:10px;border-bottom:2px solid #fff;border-left:2px solid #fff;}

.slider_left{margin:25px 0 0 10px;transform:rotate(45deg);}

.slider_right{margin:25px 0 0 5px;transform:rotate(-135deg);}

.arrow:hover{background:#444;}

#slider:hover .arrow{display:block;}

.btn_act{background:#0861a2;}



 

 /* 需要的css样式 */



        .menu, .menu ul {



            list-style: none;



            padding: 0;



            margin: 0;



        }







        .menu {



            height: 60px;



        }







        .menu li {



            min-width: 150px;



            text-align: center;



        }







        .menu > li {



            display: block;



            float: left;



            position: relative;



        }







        .menu a {



            color: #ffffff;



            display: block;



            font-size: 16px;



            line-height: 60px;



            text-decoration: none;



            text-transform: uppercase;



        }











        .menu li:hover > a {



            color: #FFF;



        }



        .menu li:hover{



            background: #013f6d;



        }







        .menu li .cur{



            background: #013f6d; color: #FFF;



        }






       .menu1, .menu1 ul {



            list-style: none;



            padding: 0;



            margin: 0;



        }







        .menu1 {



            height: 60px;



        }







        .menu1 li {



            min-width: 150px;



            text-align: center;



        }







        .menu1 > li {



            display: block;



            float: left;



            position: relative;



        }







        .menu1 a {



            color: #ffffff;



            display: block;



            font-size: 12px;



            line-height: 60px;



            text-decoration: none;



            text-transform: uppercase;



        }











        .menu1 li:hover > a {



            color: #FFF;



        }



        .menu1 li:hover{



            background: #013f6d;



        }







        .menu1 li .cur{



            background: #013f6d; color: #FFF;



        }







.first{ width:1200px; height:486px; margin: 0 auto;}

.first_left{ width:431px; height:256px; padding-right:26px; float:left; background:url(../images/4.jpg) no-repeat;}

.first_right{ width:743px; height:256px; line-height: 32px; float:right; text-indent: 2rem;}

.second{ width:100%; height:531px; background:#002642;}

.third{ width:100%; height:539px; background:#f9f9f9;}

.four{ width:100%; height:421px; padding-bottom:17px;}

.five{ width:100%; height:544px;}

.five_top{ width:100%; height:294px; background: #0a2f49}

.f_t{ width: 470px; height: 256px; margin-top: 38px; background: url(../images/bg1_08_03.jpg) no-repeat;}

.f_t1{ width: 590px; height: 256px; margin-top: 38px; background: url(../images/bg1_08_06.jpg) no-repeat;}

.five_bot{ width:100%; height:247px; background: #f4f4f4;}

.f_b{ width: 460px; height: 180px; border-left: 5px solid #0a2f49; border-right: 5px solid #0a2f49; border-bottom: 5px solid #0a2f49; }

.f_b_1{ width: 200px; height:60px; margin: 0 auto; text-align: center; font-size: 18px; line-height: 60px; color: #fff; background:#002642; }

.f_b1{width: 590px; hyphens: 247px;}







.title{ width: 1200px; margin: 0 auto; margin-bottom: 50px; text-align: center;}

.title div{line-height: 100px; font-size: 30px;}

.title div.lit{ border-bottom: 1px solid #222}

.title div span{ padding: 0 15px; margin-top: -15px; left: 50%;margin-left: -56px;font-size: 18px; color: #000;letter-spacing: 1px;line-height: 25px;

background: #fff;display: inline;position: absolute;}





.title1{ width: 1200px; margin: 0 auto; margin-bottom: 50px; text-align: center;}

.title1 div{line-height: 100px; font-size: 30px; color: #fff;}

.title1 div.lit{ border-bottom: 1px solid #fff; width: 180px; margin: 0 auto;}

.title1 div span{ padding: 0 15px; margin-top: -15px; left: 50%;margin-left: -46px;font-size: 18px; color: #fff;letter-spacing: 1px;line-height: 25px;

background: #002642;display: inline;position: absolute;}





.title2{ width: 1200px; margin: 0 auto; margin-bottom: 50px; text-align: center;}

.title2 div{line-height: 100px; font-size: 30px;}

.title2 div.lit{ border-bottom: 1px solid #222; width: 180px; margin: 0 auto;}

.title2 div span{ padding: 0 15px; margin-top: -15px; left: 50%;margin-left: -46px;font-size: 18px; color: #000;letter-spacing: 1px;line-height: 25px;

background: #f9f9f9;display: inline;position: absolute;}



.title3{ width: 1200px; margin: 0 auto; margin-bottom: 50px; text-align: center;}

.title3 div{line-height: 100px; font-size: 30px;}

.title3 div.lit{ border-bottom: 1px solid #222; width: 180px; margin: 0 auto;}

.title3 div span{ padding: 0 15px; margin-top: -15px; left: 50%;margin-left: -46px;font-size: 18px; color: #000;letter-spacing: 1px;line-height: 25px;

background: #fff;display: inline;position: absolute;}



.bcon {border-bottom: #e4e4e4 1px dashed; line-height:32px; width:260px; float:left; margin-left:4px; margin-right:4px;}





#tab { position:relative;}

#tab .tabList ul li{ float:left; font-size: 14px; margin-right: 10px; background:#002642; border:1px solid #fff; padding:10px;  text-align:center; margin-left:5px; color: #fff; position:relative; cursor:pointer;}

#tab .tabCon{ position:absolute; top:32px; margin-top:20px;}

#tab .tabCon div{padding:10px; position:absolute; opacity:0; color: #fff;filter:alpha(opacity=0);display: block; }

#tab .tabList li.cur{ background:#002642; border:1px solid #74c4ff;  color: #74c4ff; padding:10px;  }

#tab .tabCon div.cur{opacity:100; filter:alpha(opacity=100); }


#tab { position:relative;}

#tab .tabList1 ul li{ float:left; width: 140px; background:#002642; border:1px solid #fff; padding:10px;  text-align:center; margin-left:5px; color: #fff; position:relative; cursor:pointer;}

#tab .tabCon{ position:absolute; top:32px; margin-top:20px;}

#tab .tabCon div{padding:10px; position:absolute; opacity:0; color: #fff;filter:alpha(opacity=0);display: block; }

#tab .tabList1 li.cur{ background:#002642; border:1px solid #74c4ff;  color: #74c4ff; padding:10px;  }

#tab .tabCon div.cur{opacity:100; filter:alpha(opacity=100); }





ul.imglist{ margin:0 auto; width:1200px; overflow:hidden} 

ul.imglist li{ float:left; padding:4px 15px; width:270px} 

ul.imglist li img{ display:block; width:270px; height:200px} 

ul.imglist li span{ display:block; width:100%; height:45px; text-align: center; line-height:45px; color: #fff; } 



.con_list{ width:562px; height:80px; float:right; margin-top: 10px; margin-bottom:17px;}

.list_l{ width:80px; height:80px; background:#002642; float:left; }

.list_l h1{line-height:12px; text-align:center; font-size: 32px; color: #fff;}

.list_l p{ line-height:12px; font-size:14px; text-align:center; color:#fff;font-family: Arial;}

.list_r{ width:441px; height:80px; float:left; margin-left:20px;}

.l_r_nav{ width:441px; height:30px; line-height:30px; font-size:16px; font-weight:bold; color:#000;}

.l_r_con{ width:441px; height:50px; line-height:24px; color:#999;}



.more{border: #222 1px solid; width:100px; text-align: center; padding: 2px;}



#nems { width:331px; height:198px; margin:0 auto; padding:0; clear:both; } 

#nems ul, #nems li { list-style:none; } 

#nems li { width:331px; height: 31px; text-align: right;  background-position: 50px center; padding-left: 0px; line-height:31px; color:#000000; border-bottom:1px #CCC dotted;} 

#nems li a { float:left; text-align:left; line-height:31px; color:#444444; text-decoration:none; } 

#nems li a:hover { color:#990000; }





ul {list-style: none; margin: 0; padding: 0;}

#menu3 {width: 100px;}

#menu3 li a {oice-family: inherit; text-decoration: none; line-height:24px;} 

#menu3 li a:link, #menu3 li a:visited { color: #ffffff; display: block;}

#menu3 li a:hover, #menu3 li a:active { color:#FF0000;}





.Box_con {position: relative;}

.Box_con .btnl {position: absolute;}

.Box_con .btn {display: block;width: 41px;height: 41px;position: absolute;top: 80px;cursor: pointer;}

.Box_con .btnl {background: url(../images/jtl02.png) no-repeat center;left: -72px;}

.Box_con .btnr {background: url(../images/jtr02.png) no-repeat center;right: -72px;}

.Box_con .btnl:hover {background: url(../images/jtl03.png) no-repeat center;}

.Box_con .btnr:hover {background: url(../images/jtr03.png) no-repeat center;}

.Box_con .conbox {position: relative; height:260px; overflow: hidden;}

.Box_con .conbox ul {position: relative;list-style: none;}

.Box_con .conbox ul li {float: left;width: 285px;height: 240px;margin-left: 20px; overflow: hidden;}

.Box_con .conbox ul li:first-child {margin-left: 0;}

.Box_con .conbox ul li img {display: block; width: 285px;height: 200px; overflow: hidden;transition: all 0.5s;}

.Box_con .conbox ul li:hover img {transform: scale(1.1);width: 285px;height: 200px; overflow: hidden;}

.Box_con .conbox ul li .name{ line-height: 40px; height: 40px; margin-top: 10px; text-align: center;}



.foot_top{ height: 280px;  }

.foot_mid{border-bottom: 1px solid #fff; width: 1300px; margin:0 auto;}

.foot_bot{ height: 47px; }



.foot_chnal{ margin: 30px 0; padding-left: 100px;}

.foot_chnal dl{ margin-right:20px; float:left; display:inline; }

.foot_chnal dl dt{ margin-bottom:10px; margin-left:35px; }

.foot_chnal dl dt a{ color:#FFF; font-size:18px; font-weight: bold;}

.foot_chnal dl dd{ height:30px; line-height:30px;}

.foot_chnal dl dd a{ display:block; color:#ffffff; font-size:14px;}

.foot_chnal dl dd a:hover{ color: #FFF500}



.wap1300{ width: 1300px; margin: 0 auto; }


.foot_chnal1{ width:800px; margin: 30px 0; }

.foot_chnal1 dl{  float:left; display:inline; }

.foot_chnal1 dl dt{ margin-bottom:10px; margin-left:35px; }

.foot_chnal1 dl dt a{ color:#FFF; font-size:18px; font-weight: bold;}

.foot_chnal1 dl dd{ height:30px; line-height:30px;}

.foot_chnal1 dl dd a{ display:block; color:#ffffff; font-size:14px;}

.foot_chnal1 dl dd a:hover{ color: #FFF500}











/*子页面*/

.left{ width:258px; float: left; height:auto; height:auto!important; border:1px solid #e2e2e2; margin-bottom:30px; margin-top:20px;}

.right{ width:902px; float: right; height:auto; height:auto!important; margin-bottom:30px; margin-left:10px; margin-top:20px;}





.left_top{width:258px; height:auto; height:auto!important;}

.left_nav{  background-color:#004375; padding-bottom: 10px;}

.left_list{ width:258px; height:auto!important;}

.left_list ul {width: 230px; padding:10px 15px 25px 15px;}

.left_list ul li {border-bottom:1px solid #e4e4e4;list-style-type: none;/*relative positioning for list items along with overflow hidden to contain the overflowing ripple*/position: relative;overflow: hidden;}

.left_list ul li a {font: normal 14px/32px "微软雅黑"; display: block; padding: 10px 15px;text-decoration: none;cursor: pointer; /*since the links are dummy without href values*//*prevent text selection*/

user-select: none;/*static positioned elements appear behind absolutely positioned siblings(.ink in this case) hence we will make the links relatively positioned to bring them above .ink*/position: relative;

}




.left_list1{ width:258px; height:auto!important;}

.left_list1 ul {width: 248px; padding:10px 5px 25px 5px;}

.left_list1 ul li {border-bottom:1px solid #e4e4e4;list-style-type: none;/*relative positioning for list items along with overflow hidden to contain the overflowing ripple*/position: relative;overflow: hidden;}

.left_list1 ul li a {font: normal 12px/32px "微软雅黑"; display: block; padding: 10px 0px;text-decoration: none;cursor: pointer; /*since the links are dummy without href values*//*prevent text selection*/

user-select: none;/*static positioned elements appear behind absolutely positioned siblings(.ink in this case) hence we will make the links relatively positioned to bring them above .ink*/position: relative;

}

.left_list1 ul li a:hover{ color:#F00; font-weight:500;}

.left_bot{ width:258px; height:auto!important;}

.bot_nav{ width:230px; height:155px; margin:15px 15px 15px 15px; border-bottom:1px solid #e4e4e4; color:#333;}

.bot_nav p{}

.bot_con{ width:210px; font-size:14px; height:auto!important; line-height:30px; margin-left:auto; margin-right:auto; margin-bottom:15px; color:#333; }



.right_nav{ width:902px; height:86px; border-bottom:1px solid #e1e1e1;}

.right_con{ width:902px; height:auto!important; height:auto; clear:both;}

.right_txt{ width:880px; height:auto!important; height:auto; line-height:28px; font-size:14px; margin:10px; }





ul.list{ width:892px; margin:0 auto; padding:10px 0} 

ul.list li{ padding:4px 0 8px 0; text-align:left; border-bottom:1px solid #EBEBEB} 

ul.list li h3{ height:40px; line-height:40px; font-weight:bold; overflow:hidden; font-size:16px} 

ul.list li h3 a:hover{ color:#060;}

ul.list li div{ height:64px; font-size:14px; color:#a1a1a1; overflow:hidden} 





ul.imglist1{ width:890px; overflow:hidden; margin:0; padding:0;} 

ul.imglist1 li{ float:left; margin:4px 6px; width:280px;} 

ul.imglist1 li img{ display:block; width:280px; height:200px; border:1px solid #f2f2f2;} 

ul.imglist1 li img:hover{ border:1px solid #02355f;}

ul.imglist1 li span{ display:block; width:100%; height:42px; line-height:42px; text-align:center; font-size:14px;}



.divcss5{ margin:0 auto; width:890px; overflow:hidden; margin-bottom:15px;} 

.divcss5 img{ float:left; width:355px; height:207px;} 

.divcss5 .right1{ float:right; width:500px; text-align:left} 

.divcss5 .right1 h3{ height:26px; line-height:26px;font-family:"Microsoft YaHei"; font-size:18px; overflow:hidden;} 

.divcss5 .right1 div{ padding-top:5px; height:140px; overflow:hidden; color:#666;} 

.divcss5 .right1 div span{color:#e2e2e2;} 



/*在线留言*/

.message1{

    width:890px; height:auto!important; height:auto; line-height:28px; font-size:14px; margin:15px; 



}

.message1 div{

    color: #333;

    line-height: 30px;

    margin: 30px 0; 

    text-align: center;

}

.message1 form{

    width: 800px;

    margin: 30px auto;

}

.message1 input{

    height: 35px;

    width: 100%;

    border: 1px dotted #999;

    background: #eee;

    color: #333;

    padding: 0 10px;

}

.message1 textarea{

    width: 100%;

    border: 1px dotted #999;

    background: #eee;

    color: #333;

    padding: 10px 10px;

}

.message1 button{

    width: 120px;

    height: 40px;

    background: #333;

    font-family:"微软雅黑", Arial;

    color: #fff;

    border: 0px;

    font-size: 16px;

    margin-top: 20px;

    cursor: pointer;

    box-shadow: 2px 2px 2px #000;

}

.message1 p{

    line-height: 40px;

    color: #333;

    margin-top: 5px;

}



/*上一页下一页*/

.pages{

    text-align: center;

    height: 50px;

    margin: 40px auto 0;

}

.pages a{

    padding: 5px 8px;

    border: 1px solid #d1d1d1;

    color: #333;

    margin-left: 5px;

}

.pages span{

    padding: 5px 8px;

    border: 0px;

    background: #333;

    color: #fff;

    margin-left: 5px;

}



/*上一篇下一篇*/

.page-wrap {text-align: center;margin: 30px 0;}

.page-wrap a {margin: 0 20px;}

/* 必要布局样式css */
.product-content-box{
    background:#fff;
    padding:90px 0;
}
.product-content {
    width: 1200px;
    min-width: 1200px;
    max-width: 1200px;
    margin: 0 auto;
}

.product-content li{
    float: left;
    width: 186px;
    height: 100px;
    background-color: transparent;
    -webkit-transition: all .5s;
    -o-transition: all .5s;
    -moz-transition: all .5s;
    transition: all .5s
}

.product-content li a{
    width:100%;
    height:100px;
    display:block;
}

.item-img01 { text-align: center; width: 100%; height: 100%; }


.product-content li.active {
    position: relative;
    top: -4px;
    background-color: #fff;
    -webkit-box-shadow: 0 3px 20px rgba(0,0,0,.1);
    -moz-box-shadow: 0 3px 20px rgba(0,0,0,.1);
    box-shadow: 0 3px 20px rgba(0,0,0,.1)
}

.product-title{
    height: 32px;
    text-align: center;
    line-height: 32px;
    font-size: 32px;
    color: #333;
}

.product-explain{
    margin-top: 26px;
    margin-bottom: 82px;
    height: 32px;
    line-height: 32px;
    text-align: center;
    font-size: 16px;
    color: #999;
}

/*7.28修改tab样式新增规则*/
#tab > div.tabCon > div {
    opacity: 1;
    display: none;
}
#tab > div.tabCon > div.tab-active{
    display: block;
}