@charset "utf-8";
/* CSS Document */
@font-face{
    font-family: 'arial';
    src : url('../font/arial.ttf');
}
*{ margin:0px; padding:0px;}
ul, li{ list-style:none; padding:0px; margin:0px; list-style-type:none;}
/*基本信息*/
body,td,th{ font-size:14px; font-family:Microsoft YaHei,Arial;overflow-x: hidden}
body{ margin:0px; padding:0px; font-family:Microsoft YaHei,Arial;}
img{ border:none}
a{ text-decoration:none;color:black;}
/*a:hover{ color:#b92e33}*/
i{ font-style:normal}
b{ font-weight:normal}
select{ vertical-align:middle;}
button, input, select, textarea{ font-size:100%; margin:0; outline:0 none; vertical-align:middle;}
textarea{ overflow:auto; vertical-align:top; resize:none;}
button, html input[type="button"], input[type="reset"], input[type="submit"], .submit-btn{ -webkit-appearance:button; cursor:pointer; *overflow:visible;}
button[disabled], input[disabled], .disable{ cursor:default;}
input[type="checkbox"], input[type="radio"], .form-radio, .form-checkbox{ box-sizing:border-box; padding:0;}
legend{ border:0; padding:0; white-space:normal; *margin-left:-7px;}
button::-moz-focus-inner, input::-moz-focus-inner{ border:0; padding:0;}
a,input, button, select, textarea{ outline:none;}
.clear{ clear:both;}
input{ box-sizing:inherit;}
fieldset{ border-width:1px 0 0 0; border-style:solid; padding:0 10px 0 18px; border-color:#bebec0}
legend{ padding:0 5px; font-size:13px; font-weight:bold}
h1, h2, h3, h4, h5, h6{ margin:0; padding:0; font-weight:normal; font-size:30px; color:#292929;}
::-moz-focus-inner{ border:0px;}
.container{width: 1200px;margin: 0 auto}
.fl{float: left}
.fr{float: right}

/*header*/
.header{ width:100%; height:auto; margin:0 auto;}
.top{ width:1240px; margin:0 auto;height: 100px;}
.logo{ width:304px; height:auto;margin-top: 15px;}
/*.nav{margin-left: 20px;}*/
.nav ul li{width: auto;height:100px;float:left; margin-left: 22px;line-height: 100px;position: relative}
.nav ul li a{display:inline-block;width: auto;color: #222;font-size: 16px;line-height:40px;font-weight: bold}
.nav li ul{display:none;width:150px;position: absolute;top:100px;left: -35px;z-index: 99999;background-color: #fff;border-top: 3px solid #f61511;box-shadow: 0px 0px 4px rgba(0,0,0,0.2);}
.nav li ul li{width:100%;height:auto;line-height:50px;margin-left: 0px;text-align: center;border-bottom: 1px solid #eee;}
.nav li ul li a{padding:0 12px;/*border-bottom: 1px solid #eee;*/box-sizing: border-box;font-weight: normal;font-size: 14px;}
/*.nav li ul li:hover a{color: #0361b9;}*/
.nav li ul li:last-child{border: none}
.active{color: #f61511!important;}
.nav a:hover{color: #f61511}
.htel{margin-top: 25px}

/*子导航*/
.subnav{width: 100%;overflow: hidden;border-bottom:1px solid #e7e7e7;box-sizing:border-box;text-align: center;overflow: hidden}
.subnav a{display:inline-block;width:130px;line-height: 60px;font-size: 17px;color: #000000;}
.subnav a:hover{background-color: #e62129;color: #fff;}
.mr{color: #fff}
.title3{margin-top: 50px!important;}
.title3 h3{font-size: 26px!important;}

/*banner*/
.banner{width:100%; height:650px; margin:0px auto 0px; overflow:hidden}
#focus {width:100%; height:650px; overflow:hidden; position:relative;}
#focus ul {height:auto; position:absolute;left:-3840px;width: 5709px;}
#focus ul li {float:left; height:650px;position: relative;}
#focus ul li div {position:absolute; overflow:hidden;}
#focus .btnBg {position:absolute; width:100%; height:20px; left:0; bottom:0; }
#focus .btn {position:absolute; width:100%; height:10px; padding:5px 0px; left:0;text-align:center;bottom:20px;}
#focus .btn span {display:inline-block; _display:inline; _zoom:1; width:20px; height:20px; _font-size:0; margin:0 12px; cursor:pointer;background: url("../img/li_bg1.png") no-repeat center;}
#focus .btn span.on {background: url("../img/li_bg.png") no-repeat center;}
#focus .preNext {width:52px; height:103px; position:absolute; top:265px;background:url(../img/shutter_prevBtn.png) no-repeat; cursor:pointer;}
#focus .pre {left:70px;}
#focus .next {right:70px; background-position:right top;background: url(../img/shutter_nextBtn.png) no-repeat ;}
/*banner-end*/

/*banner*/
.shutter {overflow: hidden;width: 100%; min-width:1200px;height: 650px;position: relative;}
.shutter-img {z-index: 1;}
.shutter-img,.shutter-img a {position: absolute;left: 0;top: 0;width: 100%;height: 100%;}
.shutter-img a {cursor: default;}
.shutter-img a > img {width: 100%;height: 100%;}
.shutter-img .created {overflow: hidden;position: absolute;z-index: 20;}
.shutter-btn {}
.shutter-btn li {position: absolute;z-index: 2;top: 50%;width: 52px;height: 103px;margin-top: -25px;cursor: pointer;}
.shutter-btn li.prev {left: 70px;background: url(../img/shutter_prevBtn.png) no-repeat ;}
.shutter-btn li.next {right: 70px;background: url(../img/shutter_nextBtn.png) no-repeat ;}
.shutter-page{ position:absolute; width:100%; bottom:32px; z-index:9; text-align:center;}
.shutter-page ul li{ display:inline-block; margin:0 12px; width:20px; height:20px; cursor:pointer;background: url("../img/li_bg1.png") no-repeat center;}
.shutter-page ul li.on{background: url("../img/li_bg.png") no-repeat center;}
.view-controls a {behavior: url(PIE.htc);}
/*banner-end*/

/*标题*/
.title{text-align: center;height:55px;margin-top: 30px;background: url("../img/title_bg.png") no-repeat center bottom}
.title h3{color: #333;font-size: 30px;font-weight: bold}

/*产品展示*/
.line{width: 100%;height:25px;border-top: 1px solid #eaeaea;background: url("../img/sj.png") no-repeat center;overflow: hidden}
.product{width: 100%;height: auto;overflow: hidden;margin-top: 13px}
.pro{width:100%;height: auto;margin: 0 auto;margin-top:40px;min-height:400px;overflow: hidden;}
.product ul{width: 100%;height: auto;overflow: hidden}
.pro ul li{width: 398px;height: auto;float: left;text-align: center;transition:all 0.5s;margin-right: 3px;font-size: 16px;}
.pro ul li .pro_img{width: 398px;height: 288px;background: url("../img/pro1.png") no-repeat center;position: relative;transition:all 0.5s;}
.pro ul li img{position: absolute;top: 0;right: 0;bottom: 0;left: 0;margin: auto; max-width:60%;}
.pro ul li:nth-child(3n){margin-right: 0px;}
.pro ul li p{text-align: left;text-align:center;color: #000000;font-size: 16px;padding: 10px 0 35px 0;font-size: 20px;font-weight: bold}
.pro ul li span{display:inline-block;float:left;margin-left: 25px;margin-top: 10px;color: #999999}
.pro ul li .more{width: 160px;height: 40px;border: 1px solid #e78733;box-sizing: border-box;margin: 0 auto;border-radius: 50px;line-height: 40px;text-transform: uppercase;}
.pro ul li .more a{display: inline-block;width: 100%;color: #e78733;font-size: 16px;font-weight: bold}
.pro ul li .more:hover{transition:all 0.5s;background-color: #e78733}
.pro ul li .more a:hover{transition:all 0.5s;color: #fff;}
.pro ul li:hover .pro_img{transition:all 0.5s;background: url("../img/pro2.png") no-repeat center}
.about_text{text-align: center;color: #888;line-height: 2.2;margin-top: 25px;}

/*公司简介*/
.about{width: 100%;height: 560px;background: url("../img/about.jpg") no-repeat center;overflow: hidden;margin-top: 70px;}
.about .title{background: url("../img/title_bg2.png") no-repeat center bottom;}
.about .title h3{color: #fff}
.abouts{width: 100%;height: 300px;overflow: hidden;margin-top: 60px;}
.abouts_l {width: 400px;height:100%;background: #fff;}
.abouts_r{width: 760px;float: right;font-size: 16px;}
.abouts_text{color: #fff;line-height: 2}
.abouts_r a{color: #e78733;margin-top: 40px;display: inline-block}
.main_visual {position: relative;z-index: 23;min-width: 320px;max-width: 720px;}
.main_image {width: 100%;height: 100%;overflow: hidden;margin: 0 auto;position: relative}
.main_image ul {width: 9999px;height: 100%;overflow: hidden;position: absolute;top: 0;left: 0}
.main_image li {float: left;width: 100%;height: 100%;}
.main_image li span {display: block;width: 100%;height: 100%}
.main_image li img {display: block;overflow: hidden;width: 100%;max-height: 300px;}
.main_image li a {display: block;width: 100%;height: 100%}
div.flicking_con {overflow: hidden;text-align: center;position: absolute;bottom: 8px;left: 0;right:0px;margin:auto;z-index: 11;}
div.flicking_con li {border-radius: 8px;-webkit-border-radius: 8px;-ms-border-radius: 8px;height: 8px;width: 8px;background-color: #fff;
    margin: 0 3px;display: inline-block;opacity: 1;font-size: 0px;}
div.flicking_con li.on {background: #e62129}
#ll{width: 48px;height: 80px;position: absolute;left: 0;top: 105px;z-index: 9999;background: url("../img/ll.png") no-repeat center;background-color: rgba(0,0,0,0.3);}
#rr{width: 48px;height: 80px;position: absolute;right: 0;top: 105px;z-index: 9999;background: url("../img/rr.png") no-repeat center;background-color: rgba(0,0,0,0.3);}

/*新闻动态*/
.news{width: 100%;height: 850px;background: url("../img/news.jpg") no-repeat center;overflow: hidden;}
.new{width: 100%;height: 568px;margin-top: 50px;}
.new_l{width: 400px;}
.new_top{width: 100%;height: 268px;overflow: hidden}
.new_b{width: 100%;height: 300px;background-color: #303941;padding: 25px 30px;box-sizing: border-box;color: #fff;font-size: 16px;}
.new_b p{font-size: 18px;font-weight: bold;line-height: 1.8;margin-bottom: 15px;}
.new_b i{color: #e78733;}
.new_b span{display: inline-block;margin-top: 20px;line-height: 1.8}
.new_b a{display: inline-block;color: #e78733;text-transform: uppercase;margin-top: 20px;font-size: 14px;width: 110px;background: url("../img/new_more.png") no-repeat right;font-weight: bold}
.new_r{width: 785px;height: 100%;background-color: #fff;padding: 0 20px;box-sizing: border-box}
.new_r ul li{width: 100%;height: 60px;margin-top: 30px;overflow: hidden}
.new_r ul li .date{font-size: 16px;color: #aaaaaa;width: 70px;font-family: 'arial';border-right: 1px solid #dfdfdf;text-align: center}
.new_r ul li .date i{font-size: 38px;display: inline-block;}
.new_r ul li .text{margin-left: 10px;line-height: 1.8;width: 660px}
.new_r ul li .text p{font-size: 18px;color: #303941;font-weight: bold;text-overflow:ellipsis;overflow:hidden;word-wrap:break-word; white-space:nowrap;}
.new_r ul li .text span{color: #666;font-size: 16px;}
.new_r ul li:hover .date{color: #e78733}
.new_r ul li:hover .text p{color: #e78733}

/*合作伙伴*/
.coop{width: 100%;height: auto;overflow: hidden;margin-top: 40px;position: relative}
.coop ul li{width: 240px;height: 122px;background: url("../img/coop.png") no-repeat center;text-align: center;position: relative;float: left}
.coop ul li img{ width:50%;position: absolute;bottom: 10px;left: 0;right: 0;margin: auto}
.coop ul li:hover{background: url("../img/sj2.png") no-repeat center}
#left{display:inline-block;width: 24px;height: 17px;position: absolute;top: 53px;left: 0px;background: url("../img/left.png") no-repeat center;z-index: 9999}
#right{display:inline-block;width: 24px;height: 17px;position: absolute;top: 53px;right: 0px;background: url("../img/right.png") no-repeat center;z-index: 9999}
.friend_link{width: auto;color: #444;font-weight: bold;font-size: 18px;margin-top: 50px;}
.friend_link a{padding: 0 14px;color: #444444;font-weight: normal;font-size: 16px;border-right: 1px solid #cecece}
.friend_link a:hover{color: #0086bf;}
.friend_link a:last-child{border-right: none}

/*内页banner*/
.slider{width: 100%;height: 570px;overflow: hidden;background-size: cover!important;display: none}

/*当前位置*/
.location{width: 100%;height: 85px;line-height: 85px;background-color: #0086bf}
.local{width: 100%;color: #fff;font-weight: bold;text-align: right;font-size: 18px;}
.local i{font-size: 32px;display: inline-block;float: left}
.local a{color: #fff;}

/*产品展示*/
/****************************** contents ******************************/
#contents {width: 100%;min-width: 1200px;min-height: 500px;margin-top: 50px;overflow: hidden;}
.child #contents {margin-top: 52px;}
.child.wide #contents {margin-top: 0;}
#contents #contentsInner {width:1200px;margin:0 auto;padding: 0 0 60px;}
.child.wide #contents #contentsInner {width: 100%;padding: 0;}
#contents #localNavi {width: 280px;float: right;}
#contents #contentsMain {width: 880px;float: left;position: relative}

/*纯正图片*/
.case{width: 100%;height: auto;overflow: hidden}
.case ul li{ width: 140px;float: left;margin: 0 45px 20px 0;text-align: center;}
.case ul li img{width: 140px}
.case ul li p{margin-top: 5px;}
.case ul li:nth-child(5n){margin-right: 0}
.case ul li :hover{opacity: 0.94}


/****************************** localNavi ******************************/
#contents #localNavi .topLevelCategory {display: block;font-weight: bold;}
#contents #localNavi .topLevelCategory a {display: block;padding: 25px 15px 25px 45px;width: 100%;color: #fff;text-decoration: none;position: relative;
    box-sizing: border-box;font-size: 20px;font-weight: bold;background: url("../img/nav.png") no-repeat 15px ;background-color: #0086bf;}
#contents #localNavi .topLevelCategory a:hover {background-color: #0086bf;}
#contents #localNavi ul {margin-bottom: 25px;}
#contents #localNavi ul li {display: block;border-bottom: #ccc 1px solid;font-weight: bold;}
#contents #localNavi ul li a {display: block;padding: 21px 5px 17px 32px;text-decoration: none;color: #333f48;background-color: #fff; position: relative;font-size: 18px;font-weight: bold}
#contents #localNavi ul li a:after {display: block;content: '';position: absolute;top: 50%;left: 15px;width: 0;height: 0;margin-top: -4px;border-width: 5px 0 5px 9px;border-style: solid;border-color: transparent transparent transparent #0086bf;}
#contents #localNavi ul li.current > a {background-color: #f2f2f2;color: #0086bf;}
#contents #localNavi ul li.open {border-bottom: none;}
#contents #localNavi ul li.open a {background-color: #f2f2f2;}
#contents #localNavi ul li a:hover,
#contents #localNavi ul li.open a:hover {background-color: #DCEDF3;}
#contents #localNavi ul li ul {display: none;}
#contents #localNavi ul li.open ul {display: block;border-left: #f2f2f2 10px solid;margin-bottom: 0;}
#contents #localNavi ul li.open ul li {font-size: 90%;}
#contents #localNavi ul li.open ul li a {display: block;background-color: #fff;padding: 17px 5px 14px 35px;text-decoration: none;font-size: 16px;color: #333f48;}
#contents #localNavi ul li.open ul li a:after {display: block;content: '';width: 9px;height: 9px;position: absolute;top: 50%;left: 15px;margin-top: -3px;background: url("../img/navs.png") no-repeat left;/*background-color: #4dc6c8;*/border: none;}
#contents #localNavi ul li.open ul li.current a {background-color: #f2f2f2 !important;color: #0086bf;}
#contents #localNavi ul li.open ul li:hover a {background-color: #DCEDF3 !important;}
#contentsInner #contentsMain .list-block {display: flex;flex-direction: row;flex-wrap: wrap;justify-content: start;align-items: stretch;}
#contentsInner #contentsMain .list-block .detail-block {display: block;align-self: stretch;margin: 0 20px 16px 0;max-width: 270px;}
#contentsInner #contentsMain .list-block .detail-block a:link{text-decoration: none;}
#contentsMain .list-block .detail-block .detail-title {margin: 0 auto -1px;background-color: #ebebeb;padding: 11px 13px;border: solid 1px #999999;font-size: 16px;color: #0086bf;font-weight: bold;box-sizing: border-box;text-overflow:ellipsis;overflow:hidden;word-wrap:break-word; white-space:nowrap;}
#contentsMain .list-block .detail-block .detail-photo {padding: 10px 20px 30px;height: 230px;display: flex;}
#contentsMain .list-block .detail-block .detail-spec {border: solid 1px #999999;padding: 16px;}
#contentsMain .list-block .detail-block .detail-spec dl { /*height: 232px;*/max-height: 232px;}
#contentsMain .list-block .detail-block .detail-spec dl dt {font-weight: bold;margin:0 0 3px 0;color:#101010;}
#contentsMain .list-block .detail-block .detail-spec dl dd {margin:0 0 12px 0;color:#101010;}
#contentsMain .list-block .detail-block .detail-spec dl .pdflink a:link{color: #0086bf;text-decoration: none;display: flex;margin: 10px 0 -12px;}
#contentsMain .list-block .detail-block .detail-spec dl .pdflink {color: #0C0;text-decoration: underline;}
#contentsMain .list-block .detail-block .detail-spec dl .pdflink a{color: #0086bf}
.list-block .detail-block .detail-spec .detail-photo img {align-self: flex-end;max-width: 196px;max-height: 270px;}
.list-block .detail-block a .detail-spec .caption {display: inline-flex;line-height: 1.4 !important;font-size: 12px;text-align:left;color:#333333 !important;}
.list-block .detail-block .detail-spec .caption {font-size: 12px;color: #333; margin-top: -23px !important;}
#contents h2.textHeader {margin-bottom: 20px;padding-bottom: 15px;background: url(../img/bg_h2.png) no-repeat left bottom;font-size: 24px;font-weight: bold;color: #333}
#contents h2.textHeader a {color: #333;text-decoration: none;position: relative;display: block;}

/*新闻动态-内页*/
.newslist{width: 100%;height: auto;overflow: hidden}
.newslist ul li{width: 100%;height: auto;padding: 12px 0 16px;border-bottom: 1px #e6e6e6 solid;overflow: hidden}
.newslist ul li span{display:inline-block;width: 130px;float: left}
.newslist ul li p{width: 700px;float: left;}
.newslist ul li p a{color: #0086bf;border-bottom: 1px solid #0086bf}
.newslist ul li p:hover a{border: none}

/*page*/
.page{width:100%;height: auto;text-align: center;overflow: hidden;margin: 50px auto;}
.page a{display:inline-block;width:40px;height: 40px;line-height: 40px;font-size: 16px;margin: 0 5px;color: #333333;background-color: #f0f0f0;}
.page span{display:inline-block;width:40px;height: 40px;line-height: 40px;font-size: 16px;margin: 0 5px;background-color: #0086bf;}
.current{color: #fff!important;cursor: pointer;}
.page a:hover{background-color: #0086bf;color: #fff;}
/*page-end*/

/*招聘*/
.honor{width: 100%;height: auto;overflow: hidden;margin-top: 45px;}
.honor h3{width: 100%;overflow: hidden;background-color: #0078ab;box-sizing: border-box;font-size: 16px;transition: all 0.5s;border-radius: 3px;line-height: 55px;color: #fff;text-indent: 25px;margin-top: 7px;}
.honor ul{width:100%;height:auto;padding: 20px;box-sizing: border-box;line-height: 2}
.honor ul img{max-width: 100%}
/*.honor h3:hover{background-color: #0078ab;color:#fff;transition: all 0.5s;cursor: pointer}*/
.honor h3 em {float: right;display: block;width: 20px;height: 55px;background: url(../img/jian.png) no-repeat center;cursor: pointer;margin-right: 30px;}
/*.honor h3.on{background-color: #0078ab;color: #ffffff}
.honor h3.on em {background: url(../img/jian.png) no-repeat center;}*/
.maps{width: 818px;height: 600px;background: url("../img/maps.png") no-repeat center;overflow: hidden}
.maps ul li{text-align: center;color: #fff;width: 60px;float: left;transition:all 0.5s;}
.maps ul li img{transition:all 0.5s;}
.maps ul li a{color: #fff;}
.maps ul li:nth-child(1){margin: 245px 0 0 260px}
.maps ul li:nth-child(2){margin: 400px 0 0 35px}
.maps ul li:nth-child(3){margin: 345px 0 0 25px}
.maps ul li img{animation: b  ease-in-out 1s infinite alternate;}
@keyframes b{
    from{transform: translateY(-4px);}
    to{transform: translateY(4px);}
}
.maps ul li:hover a{color: #e78733;font-weight: bold}
/*.maps ul li:hover img{transition:all 0.5s;transform:scale(1.2);}*/

/*view*/
.content{width: 100%;padding:40px 0px 100px 0px;font-size: 16px;line-height: 35px;}
.content p{color: #000000;font-size: 16px;margin: 40px 0 40px 30px}
.con{font-size: 16px;line-height: 2}
.con img{max-width: 100%}
.con a{color: #0086bf!important;border-bottom: 1px solid #0086bf}
.cons{min-height: 400px;line-height: 2}

/*view-end*/
.contact{width: 280px;position: absolute;top: 170px;right: 0;}
.contact ul li{width:100%;font-size: 16px;color: #333;float: left;margin-bottom: 10px;line-height: 35px;font-family: '宋体'}
.contact ul li img{float: left;margin: 5px 10px 0 0;width: 22px;height: 22px;}
.contact ul li i{font-weight: bold;font-family: '宋体'}

/*footer*/
.foot_bg{ width:100%; height:auto; overflow:hidden; padding:50px 0 0 0;margin-top: 60px;background: url("../img/foot.jpg") no-repeat center}
.foot{ width:1230px; height:auto; overflow:hidden; margin:0 auto;margin-bottom: 50px;}
.foot_left{ width:59%; float:left; overflow:hidden;}
#global-bottomnav{width:auto; height:auto; overflow:hidden; padding-bottom:10px;}
#global-bottomnav .center{width:auto; height:auto; overflow:hidden; margin:0px auto;}
#global-bottomnav .center .one{width:16%; height:auto; overflow:hidden; float:left; margin-right:25px;}
#global-bottomnav .center .one .sortName{width:auto; overflow:hidden;}
#global-bottomnav .center .one .sortName a{color:#fff; text-decoration:none;font-size: 18px;color: #fff;font-weight: bold}
#global-bottomnav .center .one .list{padding-top:20px;}
#global-bottomnav .center .one .list ul{list-style:none;}
#global-bottomnav .center .one .list ul li{width:100%; height:30px;overflow:hidden; line-height:30px;}
#global-bottomnav .center .one .list ul li a{color:#fff;text-decoration:none;font-size: 16px;}
#global-bottomnav .center .one .list ul li a:hover{color: #e78733}
.foot_center{width:108px;text-align: center}
.foot_center p{font-size: 18px;color: #fff;font-weight: bold}
.foot_center img{margin: 25px 0 20px 0;width: 100%}
.foot_center span{color: #fff;font-size: 15px;font-weight: bold;}
.foot_tel{ width:80%; height:auto; overflow:hidden;margin-top: 40px;color: #fff;font-size: 16px;}
.foot_tel img{float: left;margin: 0px 10px 0 0}
.foot_right .tel{font-size: 40px;font-weight: bold;color: #fff;}
.foot_right .tel img{margin: 35px 15px 0 0;}
.copy{width:100%;border-top:1px solid rgba(255,255,255,0.35);color: #fff;line-height: 70px;}
.copy a{color: #fff;}
.copy a:hover{color: #e78733}