@charset "utf-8";
/* CSS Document */

/* Title */
.Title{width: 100%;text-align: center;padding-top:16px;margin-bottom:25px;}
.Title h2{font-size: 28px;color: #043b9e;}
.Title h2 a{color:#043b9e;text-decoration: none;}
.Title h2 em{color: #043b9e ;font-weight: bold;}
.Title i{display: block;width: 228px;height: 7px;margin: 12px auto 0;}
.Title i img{display: block;width: 228px;height: 7px;}

#flashs{ position:relative; height:550px; overflow:hidden;width: 100%;}
#flashs .bgitem{z-index:1;position:absolute; top:0; }
#flashs .btn{width: 100%;text-align: center;position: absolute;bottom: 0;left: 0;z-index: 99999;font-size:0px;}
#flashs .btn span{display: inline-block;width: 25px;height: 8px;background: #fff;cursor: pointer; margin: 0 4px 15px 4px;border-radius: 5px;}
#flashs .btn span.cur {width: 45px;
height: 8px;
background: #043b9e;}

#flashs .bot{ display:block; position:absolute; width:58px; height:58px; top:50%; margin-top:-29px;display: none;}
#flashs .bot1{ background:url(../image/babot1.png) no-repeat center; left:5%; z-index: 2;}
#flashs .bot2{ background:url(../image/babot2.png) no-repeat center; right:5%; z-index: 2;}
#flashs:hover .bot{display: block;}

/* search */
.search{width: 100%;height: 50px;background: #e6e6e6;}
.search p{float: left;height: 55px;line-height:55px;font-size: 14px;color: #666666;width: 723px;text-overflow: ellipsis;overflow: hidden;white-space: nowrap;}
.search p a{font-size: 14px;color: #666666;font-weight: normal;margin-right: 16px;}

.search .Input{width: 335px;height: 33px;line-height: 33px;float: right;margin-top: 10px;position: relative;background: url(../image/searchbg.png) no-repeat center;}
.search .Input input{font-size: 14px;outline: none;border: none;color: #999999;height: 33px;line-height: 33px;width: 275px;padding-left: 18px;background: none;float: left;}
.search .Input a{display: block;width: 42px;height:33px;background: url(../image/searchbtn.png) no-repeat center;float: right;}

/* product */
.product {padding: 30px 0; background: #fff;}
.pro_con .pro_left {width: 240px;background: #fff;border: 1px solid #ddd;}
.pro_con .pro_left h2 {padding: 18px 0 31px 0px;text-align: center;position: relative;font-size: 16px;height: 30px;background:#043b9e;width: 240px;}
.pro_con .pro_left h2 a {color: #fff;font-size: 20px;}
.pro_con .pro_left h2 i{display: block;font-size: 14px;text-transform:uppercase;color: #fff;font-style: normal;margin-top: 5px;}
.pro_con .pro_left .left_con {width: 240px;background: #fff;}
.pro_con .pro_left .left_con .con_p1 {height: 40px;line-height: 40px;font-size:14px;background: #3478d9;color: #fff;text-indent: 46px;position: relative;background:#e4e4e4;font-weight: bold;}
.pro_con .pro_left .left_con .con_p1  a{color:#333 ;}
.pro_con .pro_left .left_con p{height: 45px;
line-height: 45px;
font-size: 14px;
background: #3478d9;
color: #fff;
text-indent: 40px;
position: relative;
background: #e4e4e4;
font-weight: bold;
border-bottom: 1px solid #d4d4d4;
border-top: 1px solid #f0f0f0;}
.pro_con .pro_left .left_con .gaoliang  a{color:#fff ;}
.pro_con .pro_left .left_con .gaoliang {background: #3478d9 ;}
.pro_con .pro_left .left_con .conbox {margin: 0 10px;}
.pro_con .pro_left .left_con .con_title {height: 42px;line-height: 42px;font-size: 18px;position: relative;border-radius: 5px;}
.pro_con .pro_left .left_con .con_title a {color: #333;}

.pro_con .pro_left .left_con ul {padding-bottom: 10px;}
.pro_con .pro_left .left_con ul li {height:35px;font-size: 13px;width: 240px;position: relative;border-top: 1px solid #ededed;background: url(../image/icon02.png) no-repeat 210px center;}
.pro_con .pro_left .left_con ul li:first-child {border-top: none;}
.pro_con .pro_left .left_con ul li a {display: block;line-height:35px;height:35px;padding-left: 50px;}
.pro_con .pro_left .left_con ul li.cur a ,.pro_con .pro_left .left_con ul li:hover a {color: #F98627;}
.pro_con .pro_left .left_con ul li.cur ,.pro_con .pro_left .left_con ul li:hover {background: url(../image/icon02.png) no-repeat 210px center;}
.pro_con .con_right {width: 930px;}
.pro_con .con_right h3 {height: 35px;
background: #fff;
line-height: 35px;
font-size: 24px;
border-bottom: 1px solid #ddd;
font-weight: normal;
padding-bottom: 8px;
margin-bottom: 20px;
padding-left: 0 !important;
}


.pro_con .con_right .r_top {height: 252px;padding: 35px 50px 35px 435px;position: relative;background: #f0f0f0;}
.pro_con .con_right .r_top dt {display: block;width: 400px;height: 322px;position: absolute;left: 0;top: 0;}
.pro_con .con_right .r_top dt img {display: block;width: 400px;height: 322px;}
.pro_con .con_right .r_top dd.dd1 {font-size: 26px;font-weight: bold;margin-bottom: 10px;}
.pro_con .con_right .r_top dd.dd1 a {color: #000;}
.pro_con .con_right .r_top dd.dd2 {font-size: 16px;line-height: 24px;margin-bottom: 15px;}
.pro_con .con_right .r_top dd.dd2 span {display: block;margin-top: 10px;color: #333;font-size: 18px;margin-bottom: 10px;}
.pro_con .con_right .r_top dd.dd3 {position: relative;overflow: hidden;height: 41px;}
.pro_con .con_right .r_top dd.dd3 a {float: left;width: 127px;height: 41px;line-height: 41px;text-align: center;background: #fff;color:#F98627;margin-right: 3px;font-size: 18px;}

.pro_con .con_right .r_top dd.dd3 a:hover {background: #F98627;color: #fff;}
.pro_con .con_right .r_bot {/*! margin-top: 20px; */}
.pro_con .con_right .r_bot li {float: left;margin: 0 10px 15px 10px;border: 1px solid #ddd;background-color: #fff;box-shadow: 0 0 6px 1px rgba(162, 162, 162, 0.3);width: 212px;}
.pro_con .con_right .r_bot li:nth-child(4){margin-right: 0;}
.pro_con .con_right .r_bot li:nth-child(8){margin-right: 0;}
.pro_con .con_right .r_bot li:nth-child(12){margin-right: 0;}
.pro_con .con_right .r_bot li i {display: block;height:196px;overflow: hidden;padding: 3px;background: #fff;}
.pro_con .con_right .r_bot li img {display: block;width:100%;height:100%;transition: all 0.5s;}
.pro_con .con_right .r_bot li p {height: 40px;line-height: 40px;color:#043b9e ;text-align: center;font-size: 14px ;overflow: hidden; white-space:nowrap; text-overflow: ellipsis;}

.pro_con .con_right .r_bot li:hover i {background:#F98627;}
.pro_con .con_right .r_bot li:hover p {background: #F98627;color: #fff;}

/* adv */
.adv{width: 100%;height:700px;}
.adv .Title{padding-top:14px;}
.adv .Title p{font-size: 25px;color: #666666;}
.adv .Title p em{color: #00984f;font-weight: bold;font-size: 36px;}
.adv .mainCon{width: 100%;margin-top: 30px;}
.adv .mainCon li{float: left;width: 399px;background: #fff;padding-top: 32px;height: 255px;border-top: 1px solid #ebebeb;border-right: 1px solid #ebebeb;}
.adv .mainCon li img{display: block;width: 314px;height: 94px;margin: 0 auto;}
.adv .mainCon li h3{font-size:18px;color: #333333;margin: 24px 0 18px 0;text-align: center;}
.adv .mainCon li p{font-size: 14px;color: #888888;line-height: 24px;padding: 0 30px;}
.adv .mainCon li:hover{box-shadow: 0 0 48px -12px #999;
    z-index: 9;
    position: relative;}
/* choose */
.choose{width: 100%;background: #f0f0f0;padding: 30px 0;}
.choose .Title{height: 50px;}
.choose .Title p{font-size: 25px;color: #666666;}
.choose .mainCon{width: 100%;margin-top:24px;position: relative;height: 800px;}
.choose .mainCon img{display: block;}
.choose .mainCon .Pics01{width: 500px;position: absolute;top: 0;left: 0;}
.choose .mainCon .Pics02{width: 500px;position: absolute;bottom: 30px;right: 0;}
.choose .mainCon dl{width: 578px;position: absolute;}
.choose .mainCon dt{float: left;width: 62px;height: 54px;background:#043b9e;text-align: center;border-radius: 8px;}
.choose .mainCon dt span{display: block;font-size:24px;color: #fff;font-weight: bold;font-family: arial;padding-top: 10px;}
.choose .mainCon .dl1{left: 603px;top: 17px;}
.choose .mainCon dt i{display: block;width: 34px;height: 1px;background: #fff;margin:3px auto 0;}
.choose .mainCon dd{float: right;width: 486px;}
.choose .mainCon dd h3{font-size:20px;color: #333333;padding-bottom: 7px;border-bottom: 1px dotted #c0c0c0;width: 474px;}
.choose .mainCon dd p{font-size:12px;margin-top: 6px;text-transform: uppercase;text-indent: 2px;}
.choose .mainCon dd ul{margin-top: 20px;}
.choose .mainCon dd li{padding-left: 16px;background: url(../image/choose_icon01.png) no-repeat left 8px;font-size: 14px;color: #666666;line-height: 24px;margin-bottom: 5px;}
.choose .mainCon dl.dl2{top: 190px;left: 603px;}
.choose .mainCon dl.dl3{left: 0;top:440px;}
.choose .mainCon dl.dl4{left: 0;top:585px;}

/* contact */
.contact{height:816px;}
.contact .mainCon{display:flex;justify-content: space-around;}
.contact .mainCon .del{background:#f5f5f5;width:300px;padding-left:15px;}
.contact .mainCon ul{}
.contact .mainCon li {padding:10px;}

/* about */
.about{width: 100%;padding: 5px 0;background: #f8f8f8;padding: 30px 0;}
.about .Title{padding-top: -1px;}
.about .mainCon{margin-top: 62px;}
.about .conBox1{width: 1200px;margin: 0 auto;}
.about .conBox1 dt{float: left;width: 520px;height: 324px;}
.about .conBox1 dt img{display: block;width: 520px;height: 324px;background-color: #fff;box-shadow: 0 0 12px 1px rgba(0,0,0,0.3);}
.about .conBox1 dd{width: 640px;float:right;}
.about .conBox1 dd p{margin-top: 18px;line-height: 24px;text-indent: 2em;font-size: 14px;color: #666666;}
.about .conBox1 dd a.details{width: 128px;height: 37px;text-align: center;line-height: 37px;font-size: 14px;color:#043b9e ;background: url(../image/about_ty.png) no-repeat center;margin-top: 46px;display: block;text-decoration: none;}
.about .conBox2{width: 100%;margin-top: 40px;background: #f0f0f0;padding: 25px 0;}
.about .conBox2 .menu{border-bottom: 2px solid #e7e7e7;width: 1200px;margin: 0 auto;}
.about .conBox2 .menu li{float: left;font-size: 18px;color: #333333;font-weight: bold;padding-right: 12px;position: relative;}
.about .conBox2 .menu li i{display: none;position: absolute;bottom: -2px;width: 83%;height: 2px;background:#F98627;left: 0;}
.about .conBox2 .menu li a{color: #333333;text-decoration: none;}
.about .conBox2 .menu li span{font-size: 16px;color: #b6b6b6;margin-right: 12px;}
.about .conBox2 .menu li:first-child span{display: none;}
.about .conBox2 .menu li:first-child{}
.about .conBox2 .menu li.cur a{color:#043b9e;}
.about .conBox2 .menu li.cur i{display: block;}
.about .conBox2 .con{width: 1350px;margin: 36px auto 0;height: 249px;overflow: hidden;position: relative;}
.about .conBox2 .lunb{width: 1200px;position: relative;margin: 0 auto;}
.about .conBox2 .lunb i.aboutBtn{display: block;width: 45px;height: 45px;overflow: hidden;cursor: pointer;position: absolute;top: 78px;}
.about .conBox2 .lunb i.aboutBtn img{display: block;width: 45px;height: 90px;position: relative;}
.about .conBox2 .lunb i.aboutBtn:hover img{top: -45px;}
.about .conBox2 .lunb i.prev{left: -74px;}
.about .conBox2 .lunb i.next{right: -74px;}
.about .conBox2 .lunb .box{width: 100%;position: relative;height: 249px;overflow: hidden;}
.about .conBox2 .lunb .box ul{width: 105%;position: absolute;left: 0;top: 0;}
.about .conBox2 .lunb .box li{float: left;height: 249px;width: 282px;margin-right: 24px;overflow: hidden;position: relative;}
.about .conBox2 .lunb .box li i.xian{display: block;width: 282px;height: 2px;background: #e0e0e0;}
.about .conBox2 .lunb .box li i.xianL{width: 141px;height: 2px;background:#F98627;position: absolute;left: -141px;bottom: 0px;}
.about .conBox2 .lunb .box li i.xianR{width: 141px;height: 2px;background:#F98627;position: absolute;right: -141px;bottom: 0px;}
.about .conBox2 .lunb .box p{width: 282px;height: 200px;position: relative;}
.about .conBox2 .lunb .box p span{display: block;width: 282px;height: 200px;overflow: hidden;}
.about .conBox2 .lunb .box p span img{display: block;width: 282px;height: 200px;transform: scale(1);transition: all 1s ease-out;}
.about .conBox2 .lunb .box p a{display: none;width: 282px;height: 142px;position: absolute;top: 0;left: 0;padding-top: 58px;background: url(../image/aboutbg.png);text-align: center;text-decoration: none;}
.about .conBox2 .lunb .box p a img{display: block;width: 36px;height: 36px;margin: 0 auto;}
.about .conBox2 .lunb .box p a b{font-size: 14px;color: #fff;font-weight: normal;margin-top: 22px;display: block;}
.about .conBox2 .lunb .box em{display: block;font-size: 14px;color: #666666;height: 47px;line-height: 47px;text-align: center;padding: 0 10px;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.about .conBox2 .lunb .box li:hover p a{display: block;}
.about .conBox2 .lunb .box li:hover p span img{transform: scale(1.2);}


/* news */
.news{width: 100%;height: 600px;padding: 30px 0;}
.news .mainCon{margin-top: 28px;}
.news .mainCon .conL{width: 816px;float: left;background: #fff;}
.news .mainCon .conL .top{height: 59px;border-bottom: 1px solid #e0e0e0;}
.news .mainCon .conL .top ul{float: left;}

.news .mainCon .conL .top li{float: left;font-size: 15px;color: #333333;font-weight: bold;padding-right: 12px;position: relative;line-height: 59px;}
.news .mainCon .conL .top li i{display: none;position: absolute;bottom: 0px;width: 95%;height: 2px;background:#F98627;left: 0;}
.news .mainCon .conL .top li a{color: #333333;text-decoration: none;}
.news .mainCon .conL .top li span{font-size: 16px;color: #b6b6b6;margin-right: 12px;}
.news .mainCon .conL .top li:first-child span{display: none;}
.news .mainCon .conL .top li:first-child{padding-left: 20px;}
.news .mainCon .conL .top li.cur a{color: #043b9e;}
.news .mainCon .conL .top li.cur i{display: block;}

.news .mainCon .conL .top a.more{display: block;width: 81px;height: 59px;text-align: center;line-height: 59px;font-size: 14px;color: #818181;text-decoration: none;text-transform: uppercase;float: right;border-left: 1px solid #e0e0e0;}
.news .mainCon .conL .top a.more:hover{color: #F98627}
.news .mainCon .conL .conBox{padding-top: 26px;height: 418px;overflow: hidden;position: relative;}
.news .mainCon .conL .conBox .box{height: 418px;}
.news .mainCon .conL .conBox .boxL{float: left;width: 305px;margin-left: 32px;}
.news .mainCon .conL .conBox .boxL img{display: block;width: 305px;height: 189px;border: 1px solid #ddd;}
.news .mainCon .conL .conBox .boxL h3{font-size: 14px;color: #333333;margin: 26px 0 22px 0;}
.news .mainCon .conL .conBox .boxL h3 a{color: #333333;text-decoration: none;}
.news .mainCon .conL .conBox .boxL p{font-size: 13px;color: #666666;line-height: 24px;overflow: hidden;text-overflow: ellipsis;height: 72px;padding-right: 8px;}
.news .mainCon .conL .conBox .boxL p a{color: #666666;text-decoration: none;}
.news .mainCon .conL .conBox .boxL a.details{width: 128px;height: 37px;text-align: center;line-height: 37px;font-size: 14px;color:#043b9e;background: url(../image/about_ty.png) no-repeat center;margin-top: 22px;display: block;text-decoration: none;}
.news .mainCon .conL .conBox .boxR{width: 422px;float: left;margin-left: 28px;}
.news .mainCon .conL .conBox .boxR dl{margin-top: 14px;height: 113px;border: 1px solid #ececec;}
.news .mainCon .conL .conBox .boxR dl:first-child{margin-top: 0;}
.news .mainCon .conL .conBox .boxR dt{width: 108px;margin-top: 16px;float: left;text-align: center;background: url(../image/news_xian.png) no-repeat right 16px;}
.news .mainCon .conL .conBox .boxR dt span{display: block;font-size: 32px;color: #333333;font-family: arial;}
.news .mainCon .conL .conBox .boxR dt em{font-size: 18px;color: #333333;display: block;}
.news .mainCon .conL .conBox .boxR dd{margin-left: 22px;width: 274px;float: left;margin-top: 22px;}
.news .mainCon .conL .conBox .boxR dd h3{font-size: 14px;color: #333333;}
.news .mainCon .conL .conBox .boxR dd h3 a{color: #333333;text-decoration: none;}
.news .mainCon .conL .conBox .boxR dd p{font-size: 13px;color: #888888;line-height: 24px;height: 48px;margin-top: 12px;}
.news .mainCon .conL .conBox .boxR dd p a{color: #888888;text-decoration: none;}
.news .mainCon .conL .conBox .boxR dl:hover dd h3 a{color:#F98627}
.news .mainCon .conL .conBox .boxR dl:hover dt span,.news .mainCon .conL .conBox .boxR dl:hover dt em{color: #F98627;}
.news .mainCon .conR{width: 358px;float: right;background: #fff;padding-bottom: 30px;}
.news .mainCon .conR .top{height: 59px;border-bottom: 1px solid #e0e0e0;}
.news .mainCon .conR .top h3{float: left;font-size: 14px;color: #333333;line-height: 59px;margin-left: 30px;}
.news .mainCon .conR .top h3 em{font-size: 16px;color: #b6b6b6;font-weight: bold;margin-left: 6px;}
.news .mainCon .conR .top a.more{display: block;width: 81px;height: 59px;text-align: center;line-height: 59px;font-size: 14px;color: #818181;text-decoration: none;text-transform: uppercase;float: right;border-left: 1px solid #e0e0e0;}
.news .mainCon .conR .top a.more:hover{color:#F98627;}
.news .mainCon .conR .conBox{width: 100%;height: 414px;overflow: hidden;position: relative;}
.news .mainCon .conR .conBox ul{padding: 0 28px;position: absolute;left: 0;top: 0;}
.news .mainCon .conR .conBox li{padding-top: 20px;height: 117px;border-bottom: 1px dotted #d8d8d8;}
.news .mainCon .conR .conBox li h3{padding-left: 28px;background: url(../image/news_w.png) no-repeat left center;line-height: 20px;text-overflow: ellipsis;overflow: hidden;white-space: nowrap;font-size: 14px;color: #333333;}
.news .mainCon .conR .conBox li h3 a{color:#f07f1b;text-decoration: none;}
.news .mainCon .conR .conBox p{padding-left: 28px;background: url(../image/news_d.png) no-repeat left 6px;line-height: 24px;color: #666666;font-size: 13px;margin-top: 8px;padding-top: 3px;height: 72px;overflow: hidden;text-overflow: ellipsis;}
.news .mainCon .conR .conBox li p a{color: #666666;}

/* link */
.link { overflow:hidden; width:100%; /*! background-color:#f9f9f9; */ /*! padding-bottom:40px; */}
.link .linkbox { overflow:hidden; width:1200px; margin:0 auto; padding:15px 20px; }
.link .linkbox h3{ float:left; font-size:18px;}
.link h3 a{ color:#005aa1;}
.link h3 em{ color:#999; margin-left:5px;}
.link ul{ overflow:hidden; float:left; width:825px;padding-left:50px;}
.link li{ float:left; white-space:nowrap; margin:5px 15px; font-size:13px;}
.link li a{ color:#666;}