/*清除苹果样式*/

input[type=button], input[type=submit], input[type=file], button { cursor: pointer; -webkit-appearance: none; }

textarea {

　　-webkit-appearance: none;

}

/*设置浮动*/

.fl {float: left;}

.fr {float: right;}

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

.clearfix {zoom: 1;}



html,body{min-width: 1300px;}

.borderShadow{box-shadow: 0 0 5px 2px #D8DBD9;-webkit-box-shadow: 0 0 5px 2px #D8DBD9;}

.txtHidden{display: block;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}

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



img {

    transition: all .5s;

    -webkit-transition: all .5s;

    -moz-transition: all .5s;

    -ms-transition: all .5s;

    -o-transition: all .5s;

}





/*头部*/

.header{}

.header_top{padding:15px 0;}

.top_logo{width: 30%;}

.top_logo img{max-width: 100%;}

.top_contact{width: 65%; text-align: right;}

.top_contact_item{display: inline-block;color: #323232;position: relative;padding-right: 20px;padding-left: 10px;}

.top_contact_item:after{content: '';position: absolute;right: 0px;top:50%;margin-top: -15px; width: 1px ;height: 30px;background-color: #44559a}

.top_contact_item:last-of-type{padding-right: 0;}

.top_contact_item:last-of-type:after{width: 0;}

.top_contact_item i,.top_contact_item span{display: inline-block;vertical-align: middle;}

.icon_top{display: inline-block;width: 32px;height: 32px;margin-right: 14px;background: url(../icon_top.jpg) no-repeat;}

.icon_map{background-position: 0 0;}

.icon_call{background-position: 0 -32px;}

.icon_date{background-position: 0 -64px;}



.nav{background: #0982d5;height: 48px;line-height: 48px;}

.nav .nav_list{background: #0982d5;height: 48px;line-height: 48px;}

.nav .nav_list>li{position: relative;padding:0 42px;float: left;}

.nav .nav_list>li>a{color: #ffffff;font-size: 15px;display: block;width: 100%;}

.nav_active,.nav .nav_list>li>a:hover{color: #fdbf1e;}

.caret {display: inline-block;position: absolute;right: 5px;top: 50%;margin-top: -7px; width: 15px;height: 15px;background: url(../icon_down.png) no-repeat right center;background-size: 15px 15px; margin-left: 2px;vertical-align: middle;}

.son_nav{display: none; position: absolute;right:0;top:47px; min-width: 200px;z-index: 99;background: #ffffff; border-bottom-left-radius: 5px;border-bottom-right-radius: 5px;

-webkit-box-shadow: 0 3px 12px rgba(0,0,0,.05);

box-shadow: 0 3px 12px rgba(0,0,0,.05);}

.son_nav:before{position: absolute;display: inline-block;top: -7px;right: 5px;width: 0;height: 0;content: '';border: 7px solid transparent;border-top-width: 0;border-bottom-color: #f2f2f2;border-bottom-color: #ffffff;}

.son_nav>li{height: 35px;line-height: 35px;text-align: left;overflow: hidden;padding: 0 10px;border-bottom: 1px dashed #eeeeee;}

.son_nav>li:last-of-type{border-bottom: 0;}

.son_nav>li>a{color: #333;display: block;width: 100%;}

.son_nav>li>a:hover{color: #0982d5;}

.open>.son_nav{display: block;}



.btn_more{display: block;width: 124px;height: 40px;border-radius:40px;text-align: center;line-height: 40px;background-color: #04449c;border:1px solid #04449c; color: #ffffff;margin:25px auto ;}

.btn_more:hover{background-color: #ffffff; color: #04449c;}





.banner .swiper-pagination-bullet{width: 15px;height: 15px;background-color: #ffffff;opacity: 1;}

.banner .swiper-pagination-bullet-active{background-color: #ffbd1e;}

.index_title{margin-bottom:25px;text-align: center;padding:13px 0;font-size: 24px;}

.index_title a{display:inline-block;border-top: 1px solid #cccccc;border-bottom:1px solid #0b6bb7;position: relative;}

.index_title a:after{content: ''; position: absolute;left:50%;bottom:-15px;margin-left: -5px;  width:0;height:0;

border-left:10px solid transparent;

border-right:10px solid transparent;

border-top:15px solid #0b6bb7;}

.tit_zh{color: #1e549c;}

.tit_en{color: #ff9a00;}



.index_product{padding:40px 0;}

.index_product_con{margin-top: 20px;}

.index_product_menu{width: 100%;text-align: center;font-size: 0;vertical-align: top;margin-bottom: 30px;}

.index_product_menu li{display: inline-block;width:140px;height: 44px;line-height: 44px;text-align: center;margin:0 5px;}

.index_product_menu li a{display: block;width: 100%;height: 100%;color: #000;font-size: 18px;border:1px solid #b9b9b9;box-sizing: border-box;}

.index_product_menu li a:hover,.index_product_menu li.on{background-color: #04449c;color: #fff;color: #fff!important;box-sizing: border-box;}

.index_product_menu li.on a{color: #fff!important;}





/*产品列表*/

.product_list{font-size: 0;text-align: left}

.pro_list_item{width: 23%;margin:1% 1% 0 1%;display: inline-block;}

.pro_list_item_img{border:1px solid #cccccc;box-sizing: border-box; position: relative;height: auto;overflow: hidden;}

.pro_list_item_img a{display: block;width: 100%;height: 100%;overflow: hidden; position: relative;}

.pro_list_item_img img{height: auto;overflow: hidden;transition: all 0.6s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;}

.pro_list_item_txt{padding:10px;transition: all 0.6s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;}

.pro_list_item_name{padding:12px;box-sizing: border-box; color: #282828;font-size: 14px;font-weight: 400; width: 100%;display: block;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}

.pro_list_item_ps{max-height: 60px;font-size: 14px;color: #535353;overflow: hidden;line-height: 20px;}

.pro_list_item_img a:hover .pro_list_item_txt{background-color: #f5f5f5;}

.ovrly {background: rgba(0, 0,0,1);height: 100%;left: 0;position: absolute;top: 0;width: 100%;opacity: 0;-webkit-transition: all 0.3s;-moz-transition: all 0.3s;-o-transition: all 0.3s;transition: all 0.3s;}

.pro_list_item .buttons { position: absolute;top: 50%;left: 50%;-webkit-transform: translate(-50%, -50%);-moz-transform: translate(-50%, -50%);-ms-transform: translate(-50%, -50%);-o-transform: translate(-50%, -50%);transform: translate(-50%, -50%);}

.pro_list_item .fa {background: rgb(256, 256, 256);-webkit-box-shadow: 0 0 1px rgba(0, 0, 0, 0.3);-moz-box-shadow: 0 0 1px rgba(0, 0, 0, 0.3);box-shadow: 0 0 1px rgba(0, 0, 0, 0.3);-webkit-border-radius: 50%;-moz-border-radius: 50%;border-radius: 50%;display: inline-block;line-height: 40px;font-size: 16px;text-align: center;text-decoration: none;width: 40px;height: 40px;position: relative;-webkit-transform: rotateZ(360deg) scale(0);-moz-transform: rotateZ(360deg) scale(0);-ms-transform: rotateZ(360deg) scale(0);-o-transform: rotateZ(360deg) scale(0);transform: rotateZ(360deg) scale(0);-webkit-transition: -webkit-transform 0.3s;-moz-transition: -moz-transform 0.3s;-o-transition: -o-transform 0.3s;transition: transform 0.3s;color: rgba(50, 50, 50, 0.9);}

.pro_list_item .fa-search {-webkit-transform-origin: -5% 50%;-moz-transform-origin: -5% 50%;-ms-transform-origin: -5% 50%;-o-transform-origin: -5% 50%;transform-origin: -5% 50%;background:url(../i_search.png) no-repeat;}

.pro_list_item_img a:hover .ovrly { opacity: 0.5;} 

.pro_list_item_img a:hover  .fa {-webkit-transform: rotateZ(0deg) scale(1);-moz-transform: rotateZ(0deg) scale(1);-ms-transform: rotateZ(0deg) scale(1);-o-transform: rotateZ(0deg) scale(1);transform: rotateZ(0deg) scale(1);}

.pro_list_item_img a:hover img{transform: scale(1.02, 1.02);}

.pro_list_item_name a:hover{color: #04449c;}

.pro_list_item_img a:hover  .fa {-webkit-transform: rotateZ(0deg) scale(1);-moz-transform: rotateZ(0deg) scale(1);-ms-transform: rotateZ(0deg) scale(1);-o-transform: rotateZ(0deg) scale(1);transform: rotateZ(0deg) scale(1);}

.pro_list_item_img a:hover img{transform: scale(1.02, 1.02);}



.product_list2 .pro_list_item{width: 30.33%;margin:0 3% 1% 0;}

.product_list2 .pro_list_item:nth-of-type(3n){margin-right: 0;}







/*产品分类*/

.pro_list{font-size: 0;text-align: left;}

.pro_list li{display: inline-block;width:22%;margin:1% 1.5% 0 1.5%; vertical-align: top;}

.pro_list li a{display:block;width: 100%;}

.pro_list li .pro_img{background-color: #ffffff;border:1px solid #dedede;overflow:hidden; box-sizing: border-box; display: block;line-height: normal;overflow: hidden;position: relative;}

.pro_list li .pro_img mark{position: absolute;left: 0;top: 0;box-sizing: border-box;width: 100%;height: 100%;background: rgba(0,114,255,.2);background: #0072ff\9;filter: alpha(opacity=20);z-index: 20;opacity: 0;transform: skewX(45deg);visibility: hidden;transition: 360ms;}

.pro_list li .pro_img img{display: block;width: 100%;height: auto;transition: 424ms linear;}

.pro_list li .pro_name{ display: block;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;  color: #5d5d5d;font-size: 14px;line-height: normal;margin-top: 20px;margin-bottom: 20px; transition: 350ms;text-align: center;}

.pro_list li .pro_img mark:before {content: "";width: 100%;height: 0%;border-left: 3px solid #0069d6;border-right: 3px solid #0069d6;box-sizing: border-box;position: absolute;left: 0;top: 0;transition: 320ms;}

.pro_list li .pro_img mark:after {content: "";width: 0%;height: 100%;border-top: 3px solid #0069d6;border-bottom: 3px solid #0069d6;box-sizing: border-box;position: absolute;left: 0;top: 0;transition: 320ms;}

.pro_list li .pro_img mark b {display: block;width: 46px;height: 46px;position: absolute;left: 50%;top: 50%;margin-left: -23px;margin-top: -23px;z-index: 30;}

.pro_list li .pro_img mark b:before {content: "";width: 100%;height: 1px;background: #0072ff;position: absolute;left: 0;top: 23px;transform: translateX(-200px);-webkit-transform: translateX(-200px);-moz-transform: translateX(-200px);}

.pro_list li .pro_img mark b:after {content: "";width: 1px;height: 100%;background: #0072ff;position: absolute;left: 23px;top: 0;transform: translateY(-200px);-webkit-transform: translateY(-200px);-moz-transform: translateY(-200px);}

.pro_list li:hover .pro_img mark:before {height: 100%;transition: 330ms 200ms;}

.pro_list li:hover .pro_img mark:after {width: 100%;transition: 330ms 200ms;}

.pro_list li:hover .pro_img mark b:before {transition: 355ms 180ms;transform: translateX(0);-webkit-transform: translateX(0);-moz-transform: translateX(0);}

.pro_list li:hover .pro_img mark b:after {transition: 355ms 240ms;transform: translateY(0);-webkit-transform: translateY(0);-moz-transform: translateY(0);}

.pro_list li:hover .pro_img img {transform: scale(1.05);-webkit-transform: scale(1.05);-moz-transform: scale(1.05);}

.pro_list li:hover .pro_name {color: #0072ff;}

.pro_list li:hover .pro_img mark {opacity: 1;transform: skewX(0);visibility: visible;}

.pro_list2 li{width: 30.333%;margin:0 3% 2% 0;}

.pro_list2 li:nth-of-type(3n){margin-right: 0!important;}



/*关于我们*/

.index_about{background-color: #04449c;padding:28px 0;}

.left_img{width: 38%;}

.left_img img{max-width: 100%;}

.right_info{width:62%;padding:30px;box-sizing: border-box;color: #ffffff;}

.right_info_tit{font-weight: bold;font-size: 28px;margin-bottom:20px;line-height: 30px;}

.right_info_detail{font-size: 14px;line-height: 25px;}

.right_info_detail p{text-indent: 28px;}









/* 应用中心 */

.index_application{padding:40px 0;background: #ffffff;}

.application_list{font-size: 0;text-align: left}

.application_item{width: 23%;margin:1% 1% 0 1%;display: inline-block;}

.ocase_item_img{width: 100%; position: relative;overflow: hidden;border: 1px solid #cccccc;}

.application_item img{width: 100%;box-sizing: border-box;}

.imgB {width: 100%;top: 0;left: 0;position: relative;/* opacity: 1; */}

.imgT {width: 100%;top: 0;left: 0;position: absolute;-webkit-transform: scale(5);-moz-transform: scale(5);-ms-transform: scale(5);-o-transform: scale(5);transform: scale(5);-webkit-transition: all 0.3s;-moz-transition: all 0.3s;-o-transition: all 0.3s;transition: all 0.3s;opacity: 0;}

img {vertical-align: middle;}

.application_item:hover .imgT {opacity: 0.5;-webkit-transform: scale(1);-moz-transform: scale(1);-ms-transform: scale(1);-o-transform: scale(1);transform: scale(1);}

.ovrly {background: rgba(0, 0, 0, 0.5);height: 100%;left: 0;top: 0;position: absolute;width: 100%;opacity: 0;-webkit-transition: all 0.3s;-moz-transition: all 0.3s;-o-transition: all 0.3s;transition: all 0.3s;}

.application_item:hover .ovrly { opacity: 1;}

.application_item .buttons {position: absolute;top: 50%;left: 50%;-webkit-transform: translate(-50%, -50%);-moz-transform: translate(-50%, -50%);-ms-transform: translate(-50%, -50%);-o-transform: translate(-50%, -50%);transform: translate(-50%, -50%);}

.application_item .buttons .fa {border:1px solid #ffffff;padding:2px 10px;-webkit-box-shadow: 0 0 1px rgba(0, 0, 0, 0.3);-moz-box-shadow: 0 0 1px rgba(0, 0, 0, 0.3);box-shadow: 0 0 1px rgba(0, 0, 0, 0.3);color: #ffffff;display: inline-block;margin: 0 1px;font-size: 16px;text-align: center;text-decoration: none;-webkit-transition: all 0.3s;-moz-transition: all 0.3s;-o-transition: all 0.3s;transition: all 0.3s;opacity: 0;padding-left: 40px;background:url(../icon_see.png) no-repeat 10px center;}

.application_item:hover .buttons .fa{ opacity: 1;}

.application_item_name{padding:10px;box-sizing: border-box;font-size: 14px;color: #282828;}







.footer{background-color: #04449c;color: #ffffff;}

.footer_top{padding:40px 0;border-bottom:1px solid #ffffff;}

.footer_top .left_nav{width: 50%;font-size: 0;text-align: center;}

.footer_top .left_nav dl{width: 18%;margin-right: 2%;display: inline-block;vertical-align: top;}

.footer_top .left_nav dt{font-size: 18px;color: #ffffff;font-weight: bold;margin-bottom: 12px;}

.footer_top .left_nav dd{margin-bottom: 10px;width: 100%;height: 20px;}

.footer_top .left_nav dd a{font-size: 14px;color: #ffffff; display: block;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}

.footer_top .right_address{width: 50%;padding:0px 65px;box-sizing: border-box;}

.copy_right{text-align: center;line-height: 30px;padding:15px 0;}



/*侧边栏*/

.izl-rmenu{position:fixed; right:0px; top:50%;background:url(../r_b.png) 0px bottom no-repeat; z-index:999; }

.izl-rmenu .btn{width:68px; height:68px; margin-bottom:1px; cursor:pointer; position:relative;border-top-left-radius:5px; border-bottom-left-radius:5px;}

.izl-rmenu .btn-qq{background:url(../icon_qq.png) 0px 0px no-repeat; background-color:#0b6bb8;}

.izl-rmenu .btn-wx{background:url(../icon_wechat.png) 0px 0px no-repeat; background-color:#0b6bb8;}

.izl-rmenu .btn-wx .pic{position:absolute; left:-160px; top:0px; display:none;max-width:160px;height:160px;}

.izl-rmenu .btn-top{background:url(../icon_top.png) 0px 0px no-repeat; background-color:#0b6bb8; display:none;}







.posi{width: 100%;font-size: 16px; color: #484848; background:#e7e5e5; height:52px; line-height:52px;  margin-bottom:25px; }

.posi a{color: #484848;}

.posi a:hover{color: #3b6ea5;}



/*pro neiye*****************************************************/

.prozuoall{width: 250px;display: inline-block;margin-bottom:40px}

.prozuoall>span{width: 100%; height: 70px; line-height: 70px; text-align: center;

font-size: 18px; color: #fff; background: #104b8b; display: block;}

.prozuo{width: 100%;display: inline-block;background: #3b6ea5;/* padding: 30px 0; */min-height: 200px;}

.prozuo>li{ width:100%;  line-height:50px; font-size:16px;}

.prozuo>li>a{ display:block; color:#fff; padding-left:30px;}

.prozuo>li.cur>a{color: #000;

  background: #ffbe1d url(../prozuo-libghh.png) no-repeat 90%!important;}

.prozuo>li:hover>a, .prozuo>li.cur2>a{color: #000;

  background: #ffbe1d url(../prozuo-libgh.png) no-repeat 90% center;}





.prozuo-zi{font-size:14px;padding:20px 0px 20px 20px; display: none}

.prozuo-zi>a{ display:block;color:#b2b9d5; line-height: 30px;}

.prozuo-zi>a:hover{color:#fff; text-decoration: underline;}



.proyou{width:900px; margin-bottom:40px}

.proyou>ul.proul>li{margin-right:51px; margin-bottom:30px;}



.jishu li{transition: all .5s;-webkit-transition: all .5s;-moz-transition: all .5s;-ms-transition: all .5s;-o-transition: all .5s;}

.jishu li{width: 48%;margin: 0 1%;float: left;border-bottom: 1px dashed #cccccc;}

.jishu li:hover {transform: translateY(5px);-webkit-transform: translateY(5px);-o-transform: translateY(5px);-ms-transform: translateY(5px);-moz-transform: translateY(5px);}

.jishu li a {display: block;font-size: 14px;color: #666666;line-height: 40px;}

.jishu li:hover a {color: #3b6ea5;}





.sytit{font-size:18px; color: #1f1f1f; margin:15px 0; border-bottom:2px solid #3b6ea5; overflow:hidden;}

.sytit span{ background:#3b6ea5; float:left;padding:0 18px; color:#ffffff; height:36px; line-height:36px;}

.sytit a{font-size:14px; color: #1f1f1f; float: right; line-height:36px;}

.sytit a:hover{color:#3b6ea5; text-decoration: underline;}





.down-txt{width: 100%; display: inline-block; }

.down-txt li{width: 100%; float: left; margin-bottom: 20px;padding-bottom:20px;

  border-bottom: 1px dashed #cccccc}

.down-txt li i{display: inline-block; width: 60px; height: 68px; text-transform: uppercase;

font-size: 16px; color: #fff; text-align: center; padding-top:38px;

margin-right:30px; float: left;}

.down-txt li i.i01{background: url(../pdf-bg.png) no-repeat;}

.down-txt li i.i02{background: url(../word-bg.png) no-repeat;}

.down-txt li span{font-size: 18px; color: #000; float: left; margin-top: 23px}

.down-txt li a{display: inline-block; color: #fff; width: 190px; height: 45px;line-height: 45px; text-align: center; font-size: 18px; background: #3b6ea5;border:1px solid #3b6ea5; float: right; margin-top:10px}

.down-txt li a:hover{color: #3b6ea5;background: #fff;}





.down-shipin{width: 100%; display: inline-block; }

.down-shipin li{width: 30.333%; margin-right: 3%; float: left; margin-bottom: 20px;}

.down-shipin li:nth-of-type(3n){margin-right: 0;}

.down-shipin li img{width: 100%;}

.down-shipin li p{font-size: 18px; color: #000; text-align: center;

padding: 15px 0; }

.down-shipin li:hover p{color: #3b6ea5; }



.synews{ float:left; width:50%;}

.synews .synews-img{width: 285px; height: 194px;overflow:hidden; border: 5px solid #ebebeb}

.synews .synews-img img{width:100%; height: 100%}

.synews .newslist-txt {width: 65%;padding: 0 10px;}

.synews .synews-txt a{ color:#333333; display:block; }

.synews .synews-txt span{ font-size:16px; margin:15px 0; display: block; color: #212121}

.synews .synews-txt p{ color:#666; font-size:14px; line-height:24px;}

.synews .synews-txt .more{ color:#525252; margin-top:10px; display:block; font-size:14px; background:#ffffff;

border: 1px solid #dddddd; width: 140px; height: 36px; line-height: 36px; text-align: center;}

.synews .synews-txt:hover span{color: #3b6ea5;}

.synews .synews-txt:hover .more{background: #3b6ea5; color:#fff;}

.synews .synews-img:hover img{transform: scale(1.1); -webkit-transform: scale(1.1);

-o-transform: scale(1.1); -ms-transform: scale(1.1); -moz-transform: scale(1.1);}

.synews .synews-txt .more{transition:all .5s;

 -webkit-transition:all .5s; -moz-transition:all .5s;

 -ms-transition:all .5s; -o-transition:all .5s;}



.synews-xia{ float:right; overflow:hidden; width:100%; padding:10px 20px 10px 20px;box-sizing: border-box;}

.synews-xia li{ width:100%; color:#525252; font-size:14px; line-height:29px; overflow:hidden;}

.synews-xia li a{color:#525252; display: block;}

.synews-xia li a:hover{ color:#3b6ea5; }

.synews-xia span{ float:right; }

.synews-xia li:before{transition:all .5s ease-in-out;

-webkit-transition:all .5s ease-in-out; -o-transition:all .5s ease-in-out;

-moz-transition:all .5s ease-in-out; -ms-transition:all .5s ease-in-out;}

.synews-xia li:before{content: ""; display: inline-block; width:0; height:2px;

background: #3b6ea5; float: left; margin:17px 5px 0 0;}

.synews-xia li:hover:before{width: 8px;}



/*分页*/

.fenye{width: 100%; display: inline-block; margin:20px 0; text-align:center; font-size:16px;}

.fenye a{ color:#fff;padding:8px 15px; margin:0 2px;background: #3b6ea5; border-radius: 5px;}

.fenye a:hover{background: #ffbe1d;}

.fenye span{color:#fff;background: #ffbe1d; padding:8px 15px; margin:0 5px;border-radius: 5px;}







.proyou { width: 900px;margin-bottom: 40px;}

.showtle{ text-align: center; border-bottom: 1px solid #dcdcdc; margin-bottom: 20px; padding-bottom: 10px; }

.showtle h1{ font-size: 20px; font-weight: bold; line-height: 26px; padding:10px 0; color: #333333;  }

.showtle p{ font-size: 14px; line-height: 28px; color: #666666;}

.art_page{font-size:16px;line-height:32px;padding:10px 0; border-top: 1px solid #dcdcdc; margin-top: 20px;}

.art_page a{ display: block; color: #666666;  }

.art_page a:hover{ color: #3b6ea5; }

.neirong{font-size: 16px; color: #666; overflow: hidden; line-height: 1.8;}