@charset "utf-8";

/* 公共css部分 */
body{padding:0;margin:0;font-family: "Microsoft Yahei", Tahoma, Arial, serif;}
.container{padding-left: 0;padding-right: 0; width:1200px; height:1%;}

.ft12{ font-size:12px;}
.ft13{ font-size:13px;}
.ft14{ font-size:14px;}
.ft20{ font-size: 20px;}
.ft18{ font-size: 18px;}
.mt10{ margin-top:10px;}
.mt16{ margin-top:16px;}
.mt20{ margin-top:20px;}
.mt22{ margin-top:22px;}
.mt28{ margin-top:28px;}
.mt30{ margin-top:30px;}
.mt40{ margin-top:40px;}
.ml10{margin-left: 10px;}
.pt10{padding-top: 10px;}
.mt8{ margin-top:8px;}
.mt6{ margin-top:6px;}
.fb{ font-weight:bold;}
.tx_l{ text-align:left;}
.tx_r{ text-align:right;}
.tx_c{ text-align:center;}
.red{ color:#F00;}
.yellow{color: #ffff00;}
.b_b{ border-bottom:solid 1px #ccc;}
.pt6{ padding-top:6px;}
.pr6{ padding-right:6px;}
.pl5{padding-left: 5px;}
.pb10{padding-bottom: 10px;}
.pb15{padding-bottom: 15px;}
.dis{ display:block;}
.udis{ display:none;}
.fl{ float:left;}
.ft0{ font-size:0px;}
.ml3{ margin-left:3px;}
.box_center{ margin:20px auto 0px auto;}
.img-block img{ display:block;}


.topbg{height: 35px;background: #ebebeb;}
.top{color: #b3b3b3;}

.top div{float: right;line-height: 35px; }
.top div.top_welcome{width: 610px;font-size: 13px;color: #aeaeae;float: left;}
.top a{color: #b3b3b3;}
.top div.tx_r{color: #b3b3b3;width: 340px;}
.cn,.en{cursor: pointer;}
.top div.tx_r a{display: inline-block;font-size: 13px;padding-right: 10px;vertical-align: middle;}

.sczhyt_qr{position: relative;}
.sczhyt_qr span{position: absolute;top: 35px;left: 0;display: none;}
.sczhyt_qr span img{width: 120px;border: solid 1px #CCCCCC;padding: 4px;}
.sczhyt_qr:hover span{display: block;}

.header{padding: 12px 0;}
.header div{float: left;}
.header .logo{width: 140px;border-right: solid 1px #e7e7e7;}
.header .logo img{height: 129px;}
.header .miaoshu{margin-left: 40px;}
.header .miaoshu span,.header .miaoshu strong{display: block;}
.header .miaoshu strong{font-size: 26px;color: #008ad5;padding-top: 35px;font-weight: normal;}
.header .miaoshu span{font-size: 26px;color: #797979;}

div.contact{float: right;width: 330px;background: url("../images/top_phone.jpg") no-repeat left center;margin-top: 35px;height: 70px;padding-left: 60px;}
div.contact div{float: left;}
div.contact div span,div.contact div strong{display: inline-block;overflow: hidden;}
div.contact div span{font-size: 14px;color: #b1b1b1;line-height: 24px;padding-top: 5px;}
div.contact div strong{font-size: 24px;color: #008dd6;width: 170px;text-align: justify;display: block;height: 32px;line-height: 28px;}
div.contact div:last-child strong{width: 170px;}
div.contact div strong i{content: " ";display: inline-block;width: 100%;}

.nav_bg{background: #017cb8;height: 62px;}

.nav{}
.nav ul li{float: left;width: 120px; height: 62px;line-height: 62px;text-align: center;position: relative;}

.nav li:after{content:'';position:absolute;height:100%;width:0;background:#fff600;bottom:0;left:0;-webkit-transition:width .3s;transition:width .3s; z-index: 1;}
.nav li:hover:after,.nav li.active:after{width:100%;z-index: 1;}

.nav ul li.active{background: none;}
.nav ul li a{color: #c8edff;font-size: 15px;display: block;width: 119px;text-decoration: none;position: absolute;left: 0;top: 0;height: 62px;z-index: 2;}

.nav ul li:not(:last-child) a:after{content: " ";display: inline-block;width: 1px;border-right: solid 1px #51a9d4;height: 32px;position: absolute;top: 15px;right: -1px; }
.nav ul li a:hover:after,.nav ul li a.active:after{display: none;}
.nav ul li a:hover,.nav ul li.active a,.nav ul:hover li.active a:hover{color: #010101;font-weight: bold;}


.banner{width: 100%;margin: 0px auto;overflow: hidden;}
.banner img{width: 100%;}

.index_product_bg{background: #e9e9e9;padding-top: 20px;padding-bottom: 20px;}

.search_box{height: 57px;border-radius: 10px;border: solid 1px #e3e3e3;background:url("../images/search_ico.jpg") no-repeat 18px center #ffffff;padding: 10px 12px 13px 58px;position: relative;}
.search_box div{float: left;}
.search_title{width: 130px;}
.search_title strong,.search_title span{display: block;}
.search_title strong{font-size: 14px;font-weight: normal;}
.search_title span{font-size: 11px;}

.search_key{width: 640px;line-height: 32px;}
.search_key a{display: inline-block;color: #747474;font-size: 14px;padding-right: 10px;}

.search_form{border: solid 1px #e3e3e3;height: 41px;width: 356px;border-radius: 20px;position: absolute;right: 12px;top: 8px;padding-top: 5px;padding-left: 25px;}
.search_form .search_text{width: 280px;height: 26px;border: none;outline: none;}
.search_form .search_btn{background: url("../images/search_btn.jpg") no-repeat left top;width: 26px;height: 26px;border: none;text-indent: -9999px;}


.index_title1 {width: 790px;text-align: center;margin-top: 90px;}

.ico_left,.ico_text,.ico_right{display: inline-block;}
.ico_left,.ico_right{width: 180px;height: 50px;background: url("../images/ico_01.png") no-repeat right top;position: relative;}
.ico_right{background-position: left top;}
.index_title1 .ico_text{width: 290px;text-align: center;}
.index_title1.index_title2 .ico_text{width: 370px;text-align: center;}

.ico_left:after{content: " ";display: inline-block;width: 154px;height: 2px;position: absolute;top: 14px;right: 30px;background: linear-gradient(to right, rgba(122,188,255,1) 0%,rgba(231,232,233,1) 0%,rgba(1,124,184,1) 42%);}
.ico_right:after{content: " ";display: inline-block;width: 154px;height: 2px;position: absolute;top: 14px;left: 30px;background: linear-gradient(to right, rgba(1,124,184,1) 0%,rgba(1,124,184,1) 42%,rgba(231,232,233,1) 100%);}

.ico_text .cn_title{font-size: 28px;color: #444546;font-weight: bold;}
.ico_text .en_title{font-size: 16px;color: #444546;}
.index_product{margin-top: 80px;}

.product_index_nav{width: 225px;}
.product_index_title{background: #0072b8;border-top-left-radius: 3px;border-top-right-radius: 3px;text-align: center;padding-top: 13px;padding-bottom: 9px;}
.product_index_title span,.product_index_title strong{font-size: 19px;display: block;color: #ffffff;}
.product_index_title span{font-size: 12px;color: #a1dffd;}

.product_index_nav ul{border: solid 1px #d0d0d0;border-top: none;background: #ffffff;padding: 30px 10px 30px 10px;}
.product_index_nav ul li{line-height: 42px;text-align: left;list-style: none;padding: 0;}
.product_index_nav ul li ul{border: none;padding: 0;}
.product_index_nav ul li ul li{line-height: 38px;}
.product_index_nav ul li a{font-size: 16px;font-weight: bold;display: block;position: relative;color: #606060;padding-left: 42px;text-decoration: none;}
.product_index_nav ul li a span,.product_index_nav ul li a i{display: block;}
.product_index_nav ul li a span{display: block;position: absolute;top: 13px;left: 21px;width: 15px;height: 15px;border-radius: 15px;background: #606060;padding-top: 5px;}
.product_index_nav ul li a i{width:0;height:0;border-left:5px solid transparent;border-right:5px solid transparent;border-top:7px solid #fff;margin: 0 auto;}
.product_index_nav ul li ul li a{font-size: 13px;font-weight: normal;}

.product_index_nav ul li a:hover,.product_index_nav ul li a.active{color: #ffffff;background: #017cb8;border-radius: 5px;}
.product_index_nav ul li ul li a:hover,.product_index_nav ul li ul li a.active{color: #017cb8;background: none;border-radius: 5px;font-weight: bold;font-size: 14px;}
.product_index_nav ul li a:hover span,.product_index_nav ul li a.active span{background: #ffffff;}
.product_index_nav ul li a:hover i,.product_index_nav ul li a.active i{border-top-color: #017cb8;}

.product_index_list{width: 950px;margin-left:25px;}
.product_index_list ul li{float: left;margin-right: 25px;width: 300px;margin-bottom: 25px;}
.product_index_list ul li:nth-child(3n){margin-right: 0;}
.product_index_list ul li a{text-decoration: none;}
.product_index_list ul li a span{border: solid 1px #d9d9d9;display: block;width: 300px;height: 300px;overflow: hidden;}
.product_index_list ul li a strong{display: block;line-height: 55px;text-align: center;font-size: 15px;font-weight: normal;color: #494949;height: 55px;overflow: hidden;}
.product_index_list ul li a span img{width: 298px;height: 298px;}

.image-list ul li a.getmore{width: 108px;height: 32px;border: solid 1px #a6a6a6;background: #e9e9e9;display: block;margin: 0 auto;text-align: center;line-height: 32px;color: #a6a6a6;position: relative;z-index: 4;}
.image-list ul li a.getmore i{display: block;position: absolute;left: 0;top: 0;width: 100%;height: 100%;font-style:normal;z-index: 5;}

.image-list ul li a:hover strong{color:#017cb8; }
.image-list ul li a.getmore:hover{color: #ffffff;}

.image-list ul li a.getmore:after{content:'';position:absolute;height:100%;width:0;background:#017cb8;bottom:0;left:0;-webkit-transition:width .3s;transition:width .3s; z-index: 1;color: #ffffff;}
.image-list ul li a.getmore:hover:after,.nav li.active:after{width:100%;z-index: 1;}



.opera_box{background: #ffffff;width: 1075px;margin-top: 80px;padding-bottom: 50px;}
.opera_box ul li{float: left;margin-right: 125px;width: 175px;cursor: pointer;}

.opera_box ul li strong,.opera_box ul li span,.opera_box ul li i{display: block;text-align: center;color: #444546;}
.opera_box ul li i{width: 155px;height: 174px;border: solid 2px #e7e7e7;border-radius: 10px;margin: 0 auto;}

.opera_box ul li strong{font-size: 20px;font-weight: normal;padding: 5px 0;}
.opera_box ul li span{font-size: 12px;font-weight: normal;line-height: 22px;}

.opera_box ul li:last-child{margin-right: 0;}
.opera_box ul li:nth-child(1){background: url("../images/area_01.jpg") no-repeat center 25px;}
.opera_box ul li:nth-child(2){background: url("../images/area_02.jpg") no-repeat center 25px;}
.opera_box ul li:nth-child(3){background: url("../images/area_03.jpg") no-repeat center 25px;}
.opera_box ul li:nth-child(4){background: url("../images/area_04.jpg") no-repeat center 25px;}

.opera_box ul li:nth-child(1):hover{background: url("../images/area_b_01.jpg") no-repeat center 25px;}
.opera_box ul li:nth-child(2):hover{background: url("../images/area_b_02.jpg") no-repeat center 25px;}
.opera_box ul li:nth-child(3):hover{background: url("../images/area_b_03.jpg") no-repeat center 25px;}
.opera_box ul li:nth-child(4):hover{background: url("../images/area_b_04.jpg") no-repeat center 25px;}

.opera_box ul li:hover i{border-color: #0072b8;color: #0072b8;}
.opera_box ul li:hover strong{color: #017cb8;}

.case_box,.case_box2{margin-top: 80px;}
.case_box ul li{width: 200px;height: 200px;float: left;}
.case_box ul li img{width: 200px;height: 200px;}
.case_box ul li a{display: block;position: relative;}
.case_box ul li a span{display:none;position: absolute;top: 0;left: 0;color: #ffffff;text-align: center;width: 100%;background:url("../images/case_ico.png") no-repeat center top rgba(0, 0, 0, 0.7);height: 200px;padding-top: 130px;}
.case_box ul li a:hover span{display: block;}

.case_box2{position: relative;}
.case_box2 .case_left,.case_box2 .case_right{position: absolute;top: 30px;}
.case_box2 .case_left{left: -85px;}
.case_box2 .case_right{right: -85px;}

.case_box2 .case_left a,.case_box2 .case_right a{display: block;width: 58px;height: 58px;background: #e9e9e9;border: solid 3px #b1b1b1;border-radius: 50px;text-align: center;line-height: 36px;font-size: 50px;text-decoration: none;color: #b1b1b1;}
.case_box2 .case_left a i,.case_box2 .case_right a i{font-size: 25px;}
.case_box2 .case_left a:hover,.case_box2 .case_right a:hover{border-color: #017cb8;color: #017cb8;}

.case_content{padding-left: 20px;width: 1180px;overflow: hidden;}
.case_content ul li{width: 240px;height: 102px;float: left;}
.case_content ul li img{width: 200px;height: 100px;border: solid 1px #cecece;}
.case_content ul li a:hover img{border-bottom: solid 3px #017cb8;}

.case_phone{margin-top: 50px;text-align: center;color: #017cb8;margin-bottom: 20px;}
.case_phone i,.case_phone span,.case_phone strong{display: inline-block;line-height: 50px;vertical-align: top;}
.case_phone i{font-size: 24px;}
.case_phone span{font-size: 20px;margin-left: 10px;}
.case_phone strong{font-size: 25px;}

.youshi{margin-top: 80px;}
.youshi div{float: left;}
.youshi div strong{font-size: 60px;color: #017cb8;}
.youshi div.youshi01,.youshi div.youshi02,.youshi div.youshi03{width: 300px;}
.youshi div strong,.youshi div span,.youshi div i{float: left;display: block;}

.youshi div strong{width: 140px;text-align: right;padding-right: 10px;height: 90px;}
.youshi div.youshi01 strong{width: 200px;}
.youshi div.youshi02 i{width: 160px;}

.youshi div i{font-size: 16px;font-style: normal;color: #555555;}
.youshi div span{color: #ffffff;background: #017cb8;border-radius: 27px;width: 27px;height: 27px;text-align: center;line-height: 27px;margin-top: 20px;}

.youshi div.youshi01{margin-right: 80px;}
.youshi div.youshi03{margin-left: 80px;}
.youshi div.youshi02{margin-right: 80px;margin-left: 40px;}
.youshi_line{width: 1px;height: 90px;background: #d8d8d8;transform:rotate(45deg);}

.youshi_pic{margin-top: 40px;}
.youshi_text{text-align: center;line-height: 24px;color: #5a5a5a;background: url("../images/ys_line.jpg") repeat-x left bottom;padding-bottom: 25px;}
.youshi_text a{display: inline-block;width: 109px;height: 32px;line-height: 32px;background: #017cb8;color: #91dbff;font-size: 14px;border-radius: 5px;}
.youshi_text p{color: #999999;padding: 10px 110px;}

.album_nav{margin-top: 15px;}
.album_nav a{color:#3c3b3b;text-decoration: none;display: block;padding-left: 20px;position: relative; }
.album_nav ul{padding: 0;}
.album_nav ul li{float: left;width: 125px;}
.album_nav ul li a{color: #3c3b3b;font-size: 16px;}
.album_nav ul li a i{color: #afafaf;position: absolute;left: 0;top: 4px;}
.album_nav ul li:nth-child(2) a i{top: 0;}
.album_nav ul li:nth-child(3) a i{top: 1px;}
.album_nav ul li a:hover,.album_nav ul li a:hover i{color: #017cb8;font-weight: bold;}
.album_nav ul li a.active,.album_nav ul li a.active i{color: #017cb8;font-weight: bold;}
.album_nav div a{font-size: 15px;}
.album_nav div a:hover{color: #017cb8;}

.album_box{position: relative;}
.album_box .album_left,.album_box .album_right{position: absolute;top: 70px;}
.album_box .album_left{left: -85px;}
.album_box .album_right{right: -85px;}

.album_box .album_left a,.album_box .album_right a{display: block;width: 58px;height: 58px;text-decoration: none;background: #b5b5b5;border-radius: 10px;color: #f9f9f9;text-align: center;line-height: 58px;}
.album_box .album_left a:hover,.album_box .album_right a:hover{background: #017cb8;}
.album_box .album_left a i,.album_box .album_right a i{font-size: 20px;}

.album_content{width: 1200px;overflow: hidden;}
.album_content ul{padding: 0;margin: 0;}
.album_content ul li{width: 300px;height: 230px;float: left;text-align: center;}
.album_content ul li img{max-width: 293px;max-height: 177px;}
.album_content ul li a span{width: 297px;height: 181px;border: solid 1px #dedede;padding:1px;margin: 0 auto;
    /*非IE的主流浏览器识别的垂直居中的方法*/
    display: table-cell;
    vertical-align:middle;
    /*设置水平居中*/
    text-align:center;
    /* 针对IE的Hack */
    *display: block;
    *font-size: 175px;/*约为高度的0.873，200*0.873 约为175*/
    *font-family: Arial, serif;/*防止非utf-8引起的hack失效问题，如gbk编码*/
    position: relative;
    line-height: 0;
    overflow: hidden;
}
.album_content ul li a{font-size: 14px;color: #444546;font-weight: normal;text-decoration: none;}
.album_content ul li a strong{font-weight: normal;line-height: 45px;}
.album_content ul li a:hover strong{color: #017cb8}

.index_news{width: 794px;}
.index_news_nav{border: solid 1px #d5d5d5;height: 40px;line-height: 40px;border-top-left-radius: 8px;border-top-right-radius: 8px;}
.index_news_nav i{margin-left: 17px;color: #606060;margin-right: 14px;}
.index_news_nav a{display: inline-block;color: #3c3b3b;font-size: 16px;width: 140px;text-decoration: none;}
.index_news_nav a.news_more{float: right;text-align: right;padding-right: 15px;}
.index_news_nav a:hover,.index_news_nav a.active{color: #017cb8;font-weight: bold;}

.index_news_list{margin-top: 20px;}
.index_news_list ul{margin: 0;padding: 0;}
.index_news_list ul li{float: left;width: 340px;height: 62px;overflow: hidden;background: #f3f3f3;padding: 10px;margin-bottom: 9px;}
.index_news_list ul li.img{float: left;width: 423px;height: 274px;margin-right:31px;padding: 0;margin-bottom: 0;}
.index_news_list ul li img{width: 423px;height: 274px;}

.index_news_list ul li a{text-decoration: none;}
.index_news_list ul li strong,.index_news_list ul li span{display: block;font-size: 14px;}
.index_news_list ul li strong{color: #3c3b3b;font-weight: normal;}
.index_news_list ul li span{color: #bcbbbb;line-height: 28px;}
.index_news_list ul li a:hover strong{font-weight: bold;}

.index_ask{width: 385px;}
.index_ask_nav{border: solid 1px #d5d5d5;height: 40px;line-height: 40px;border-top-left-radius: 8px;border-top-right-radius: 8px;}
.index_ask_nav i{margin-left: 17px;color: #606060;margin-right: 14px;}
.index_ask_nav a{display: inline-block;color: #3c3b3b;font-size: 16px;width: 140px;text-decoration: none;}
.index_ask_nav a.news_more{float: right;text-align: right;padding-right: 15px;}
.index_ask_nav a:hover{color: #017cb8;font-weight: bold;}

.index_ask_list{padding-top: 20px;}
.index_ask_list ul{margin: 0;padding: 0;}
.index_ask_list ul li{overflow: hidden;padding: 5px 12px 5px 27px;width: 100%;margin-bottom: 9px;background: url("../images/ys_line.jpg") repeat-x left bottom;}
.index_ask_list ul li a{text-decoration: none;}
.index_ask_list ul li a strong,.index_ask_list ul li a span{display: block;position: relative;}
.index_ask_list ul li a strong{height: 30px;line-height: 30px;color: #464340;font-weight: normal;}
.index_ask_list ul li a:hover strong{font-weight: bold;}
.index_ask_list ul li a strong:after{content: "Q";position: absolute;left: -25px;top: 9px;background: #fd0000;width: 14px;height: 14px;color: #ffffff;font-size: 14px;font-family: '黑体', sans-serif;line-height: 14px;text-align: center;border-radius: 2px;font-weight: normal;}

.index_ask_list ul li a span{color: #9d9c9c;line-height: 30px;}
.index_ask_list ul li a span:after{content: "A";position: absolute;left: -25px;top: 9px;background: #606060;width: 14px;height: 14px;color: #ffffff;font-size: 14px;font-family: '黑体', sans-serif;line-height: 14px;text-align: center;border-radius: 2px;}

.link_nav{margin-bottom: 10px;margin-top: 30px;}
.link_nav span,.link_nav i,.link_nav strong,.link_nav a{display: inline-block;height: 30px;vertical-align: top;padding-top: 5px;}
.link_nav a{width: 78px;height: 26px;background: url("../images/link_btn.jpg") no-repeat left top;text-align: center;font-size: 12px;color: #017cb8;text-decoration: none;line-height: 26px;padding-top: 0;}
.link_nav a img{width: 78px;}
.link_nav i{color: #017cb8;font-style: normal;margin-right: 10px;}
.link_nav span{color: #868686;}
.link_nav strong{width:980px;background: url("../images/ys_line.jpg") repeat-x left center;margin-left: 10px; }

.link_list{margin-bottom: 15px;}
.link_list a{color: #868686;font-size: 12px;}

.footer_bg{background: #595959;padding-top: 35px;padding-bottom: 40px;}
.footer_bg2{background: #454545;color: #6f6f6f;text-align: center;line-height: 42px;font-size: 13px;}
.footer_bg2 a{color: #6f6f6f;}

.footer_nav{}
.footer_nav ul{display: block;float: left;height: 180px;}
.footer_nav ul:nth-child(1){width: 160px;}
.footer_nav ul:nth-child(2){width: 166px;}
.footer_nav ul:nth-child(3){width: 204px;}
.footer_nav ul:nth-child(4){width: 185px;}

.footer_nav ul li{line-height: 30px;border-left: solid 2px #696969;padding-left: 12px;}
.footer_nav ul li.footer_title{border-color: #017cb8;}
.footer_nav ul li a{font-size: 12px;line-height: 28px;color: #aaaaaa;text-decoration: none;}
.footer_nav ul li.footer_title a{font-size: 14px;line-height: 42px;color: #dadada;}
.footer_nav ul li a:hover{color: #debc25;}

.footer_nav div.footer_logo{float: left;height: 180px;padding-left: 30px;color: #cacaca;width: 470px;border-left: solid 2px #696969;position: relative;}
.footer_phone{width: 315px;}
.footer_phone span,.footer_phone strong{display: block;float: left;margin-left: 15px;}
.footer_phone span{font-size: 14px;}
.footer_phone strong{font-size: 32px;color: #cacaca;padding-top: 10px;}
.footer_phone strong:hover{color: #debc25}
.footer_phone i{font-size: 60px;color: #cacaca;display: block;float: left;}

.footer_company{}
.footer_company ul:nth-child(1){width: 300px;}
.footer_company ul li{border: none;font-size: 13px;}
.footer_company strong{}
.footer_company span,.footer_company i{display: inline-block;vertical-align: top;}
.footer_company span{margin-left: 5px;}
.footer_company i{padding-top: 8px;}
.footer_text{line-height: 42px;}


.cxslide_y{overflow:hidden;position:relative;width:100%;max-width:1920px;height:550px;}
.cxslide_y .box{overflow:hidden;position:relative;width:100%;max-width:1920px;height:550px;}
.cxslide_y .list{overflow:hidden;height:9999px;}
.cxslide_y .list li{overflow:hidden;position:relative;width:100%;height:550px;_vertical-align:top;}

.cxslide_y .list img{_vertical-align:top;}
.cxslide_y .list:hover img{opacity:0.7;}
.cxslide_y .list:hover img:hover{opacity:1;}

.cxslide_y .btn2{overflow:hidden;position:absolute;bottom:23px;left:50%;width:auto;height:20px;padding:0;list-style: none;z-index: 100;transform:translate(-50%,-50%);}
.cxslide_y .btn2:focus{border: none;}
.cxslide_y .btn2 li{float:left;width:17px;height:17px;margin:0 0 0 10px;border-radius:17px;text-align:center;cursor:pointer;font-size: 0;border: solid 2px #017cb8;background: none;}
.cxslide_y .btn2 li.selected{background:#017cb8;color:#fff;}

/*滚动插件样式*/
.cxscroll{}
.cxscroll .box{overflow:hidden;}
.cxscroll .list{overflow:hidden;width:9999px;}
.cxscroll .list li{float:left;}

.box_bg{background: #e9e9e9;padding-top: 27px;}
.page_box{padding-top: 25px;}
.page_bg{background: #ffffff;}

.link_map_bg{background: #0072b8;border-top-left-radius: 3px;border-top-right-radius: 3px;padding-top: 13px;padding-bottom: 9px;width: 950px;margin-left: 25px;height:63px;border: solid 1px #cacaca;border-bottom: none;color: #a1dffd;line-height: 32px;padding-left: 60px;position: relative;}
.link_map_bg a{color: #a1dffd;text-decoration: none;}
.link_map_bg a:hover{color: #ffffff;}
.link_map_bg i{font-size: 24px;position: absolute;top: 15px;left: 20px;}
.link_map_bg.about_link_map_bg{margin-left: 0;width: 1200px;}

.page_bg{width: 950px;margin-left:25px;padding: 20px;}
.page_bg ul li{float: left;margin-right: 20px;width: 290px;margin-bottom: 20px;}
.page_bg ul li:nth-child(3n){margin-right: 0;}
.page_bg ul li a{text-decoration: none;}
.page_bg ul li a span{border: solid 1px #d9d9d9;display: block;width: 290px;height: 290px;overflow: hidden;}
.page_bg ul li a strong{display: block;line-height: 55px;text-align: center;font-size: 16px;font-weight: normal;color: #494949;height: 55px;overflow: hidden;}
.page_bg ul li a span img{width: 288px;height: 288px;}


.page{text-align: center;padding-bottom: 10px;background: #ffffff;width: 950px;}
.page_list{display: inline-block;}
.page div.page_list{padding: 10px;line-height: 25px;}
.page div.page_list a,.page div.page_list span{display: inline-block;min-width: 25px;height: 30px;text-align: center;line-height: 30px;color: #666;border: solid 1px #ccc;margin: 0px 3px;padding: 0 5px;}
.page div.page_list a.active,.page div.page_list a:hover,.page div.page_list span.active{background: #0072b8;color: #fff;border-color:#0072b8; }
.page div.page_list span.none{border: none;background: none;}
.page_count{display: inline-block;border: solid 1px #0072b8;color: #0072b8;height: 30px;line-height: 30px;width: 150px;}

.renews{background: #017cb8;border-top-left-radius: 3px;border-top-right-radius: 3px;padding-top: 13px;padding-bottom: 9px;width: 950px;margin-left: 25px;height:47px;border: solid 1px #cacaca;border-bottom: none;color: #ffffff;line-height: 22px;padding-left: 30px;margin-top: 30px;font-size: 16px;}
.renews.news_left{width: 890px;}
.renews.margint0{margin-top: 0;}
.renews i{color: #bfc5c8;font-size: 24px;padding-top: 5px;}
.renews span{display: inline-block;vertical-align: top;}
.renews.pull-left{margin-left: 0;margin-top: 0;}

.renewslist{width: 950px;padding: 25px;background: #ffffff;}
.renewslist ul li{float: left;margin-right:45px;width: 427px;color: #606060;line-height: 32px; }
.renewslist ul li:nth-child(2n){margin-right: 0;}
.renewslist ul li:before{content: '+';font-size: 14px;padding-right: 5px;}
.renewslist ul li a{color: #606060;display: inline-block;width:320px; }
.renewslist ul li span{display: inline-block;}

.productlistcontent_top{width: 950px;background: #ffffff;padding: 30px;}
.productlistcontent_left{width: 413px;}
.productlistcontent_right{width: 428px;}
.productlistcontent_right_title{font-size: 26px;font-weight: bold;color: #636363;height: 70px;}

.product_info_nav{line-height: 23px;}
.product_info_nav *{display: block;}
.product_info_nav strong{font-size: 16px;color: #017cb8;font-weight: normal;}
.product_info_nav span{font-size: 12px;color: #c5c5c5;}
.product_info_nav i{width: 42px;height: 5px;background: #017cb8;}

.product_info{padding-top: 30px;line-height: 40px;color: #888787;font-size: 16px;}
.product_info *{display: inline-block;}
.product_info strong{width: 110px;font-weight: normal;}
.product_contact_bg{padding-top: 10px;}
.product_contact_bg *{display: inline-block;line-height: 48px;height: 48px;color: #ffffff;}
.product_contact_bg a{width: 100px;text-align: center;background: #017cb8;}
.product_contact_bg a:hover{color: #ffffff;}
.product_contact_bg strong{width: 230px;padding-left: 15px;margin-left: 10px;background: #017cb8;font-weight: normal;}

.view_content{width: 950px;background: #ffffff;padding: 20px;line-height: 26px;color: #727272;}
.view_content img{max-width: 100%;}
.gcsp{width: 950px;background: #ffffff;padding: 20px;text-align: center;}

.jcbg{width: 950px;background: #ffffff;padding: 20px;}
.jcbg ul li{float: left;width: 230px;text-align: center;}
.jcbg ul li a{font-size: 16px;color: #494949;text-decoration: none;}
.jcbg ul li a strong{font-weight: normal;line-height: 45px;height: 45px;overflow: hidden;}
.jcbg ul li a span{width: 215px;height: 296px;border: solid 1px #dedede;padding:1px;margin: 0 auto;
/*非IE的主流浏览器识别的垂直居中的方法*/
display: table-cell;
vertical-align:middle;
/*设置水平居中*/
text-align:center;
/* 针对IE的Hack */
*display: block;
*font-size: 175px;/*约为高度的0.873，200*0.873 约为175*/
*font-family: Arial, serif;/*防止非utf-8引起的hack失效问题，如gbk编码*/
position: relative;
line-height: 0;
    overflow: hidden;
}
.jcbg ul li a span img{max-width: 211px;max-height:292px;}
.jcbg ul li a:hover{color: #017cb8;}

.gsys{width: 950px;background: #ffffff;padding: 50px;}
.gsys ul li{float: left;margin-right: 50px;width: 175px;cursor: pointer;}

.gsys ul li strong,.gsys ul li span,.gsys ul li i{display: block;text-align: center;color: #444546;}
.gsys ul li i{width: 155px;height: 174px;border: solid 2px #e7e7e7;border-radius: 10px;margin: 0 auto;}

.gsys ul li strong{font-size: 20px;font-weight: normal;padding: 5px 0;}
.gsys ul li span{font-size: 12px;font-weight: normal;line-height: 22px;}

.gsys ul li:last-child{margin-right: 0;}
.gsys ul li:nth-child(1){background: url("../images/area_01.jpg") no-repeat center 25px;}
.gsys ul li:nth-child(2){background: url("../images/area_02.jpg") no-repeat center 25px;}
.gsys ul li:nth-child(3){background: url("../images/area_03.jpg") no-repeat center 25px;}
.gsys ul li:nth-child(4){background: url("../images/area_04.jpg") no-repeat center 25px;}

.gsys ul li:nth-child(1):hover{background: url("../images/area_b_01.jpg") no-repeat center 25px;}
.gsys ul li:nth-child(2):hover{background: url("../images/area_b_02.jpg") no-repeat center 25px;}
.gsys ul li:nth-child(3):hover{background: url("../images/area_b_03.jpg") no-repeat center 25px;}
.gsys ul li:nth-child(4):hover{background: url("../images/area_b_04.jpg") no-repeat center 25px;}

.gsys ul li:hover i{border-color: #0072b8;color: #0072b8;}
.gsys ul li:hover strong{color: #017cb8;}


.cfal,.cfhb{background: #ffffff;width: 950px;padding: 34px;}
.cfal ul li{width: 147px;height: 147px;float: left;}
.cfal ul li img{width: 147px;height: 147px;}
.cfal ul li a{display: block;position: relative;}
.cfal ul li a span{display:none;position: absolute;top: 0;left: 0;color: #ffffff;text-align: center;width: 100%;background:url("../images/case_ico.png") no-repeat center top rgba(0, 0, 0, 0.7);height: 147px;padding-top: 90px;background-size: 85%;}
.cfal ul li a:hover span{display: block;}

.cfhb{position: relative;padding:14px 76px 34px 76px;}
.cfhb .case_left,.cfhb .case_right{position: absolute;top: 30px;}
.cfhb .case_left{left: 8px;}
.cfhb .case_right{right: 5px;}

.cfhb .case_left a,.cfhb .case_right a{display: block;width: 58px;height: 58px;background: #fff;border: solid 3px #b1b1b1;border-radius: 50px;text-align: center;line-height: 36px;font-size: 50px;text-decoration: none;color: #b1b1b1;}
.cfhb .case_left a i,.cfhb .case_right a i{font-size: 25px;}
.cfhb .case_left a:hover,.cfhb .case_right a:hover{border-color: #017cb8;color: #017cb8;}


.cfhb_content ul li{width: 200px;height: 97px;float: left;}
.cfhb_content ul li img{width: 190px;height: 95px;border: solid 1px #cecece;}

.realproduct{width: 950px;padding: 30px 30px 10px 30px;background: #ffffff;}


.realproduct ul li{width: 223px;height: 242px;float: left;text-align: center;}
.realproduct ul li img{width: 209px;height: 209px;border: solid 1px #CCCCCC;padding: 1px;}
.realproduct ul li a{display: block;text-decoration: none;}
.realproduct ul li a strong{color: #494949;font-size: 15px;font-weight: normal;line-height: 32px;height: 32px;overflow: hidden;}

.realproduct.pull-left{width: 890px;padding: 30px 30px 10px 30px;background: #ffffff;}
.realproduct.pull-left ul li{width:275px;height:290px;  }
.realproduct.pull-left ul li img{width: 255px;height: 255px;border: solid 1px #CCCCCC;padding: 1px;}
.realproduct.pull-left ul li a strong{display:block;overflow: hidden;}

.realproduct ul li a:hover img{border-color: #0072b8;}
.realproduct ul li a:hover strong{color: #0072b8;font-weight: bold;}

.feedback{width: 950px;padding: 30px;background: #ffffff;margin-bottom: 40px;}
.feedback tr td:first-child{width: 430px;}
.feedback tr td:first-child label{margin-bottom: 10px;}
.feedback tr td:first-child label *{display: block;margin: 0;float: left;}
.feedback tr td:first-child label span{width: 98px;text-align: justify;padding:5px 20px;height: 43px;border: solid 1px #CCCCCC;border-right:none;font-weight: normal;line-height: 35px;}
/*.feedback tr td:first-child label span:after{display:inline-block;overflow:hidden;width:100%;height:0;content:'';vertical-align:top;line-height: 0;font-size: 0;}*/
.feedback tr td:first-child label input{vertical-align:top;height: 43px;width: 250px;padding: 5px 10px;outline: none;}
.feedback tr td:first-child label input.code{vertical-align:top;height: 43px;width: 130px;}
.feedback tr td.input_textarea textarea{width: 460px;height: 297px;outline: none;}
.feedback tr td input.input_submit{width: 388px;height: 44px;background: #ffc000;border:none;font-size: 15px;}
.feedback tr td input.input_submit:hover{font-weight:bold;}

.page_left{width: 225px;}
.page_right{width: 285px;}
.page_title{background: #0072b8;border-top-left-radius: 3px;border-top-right-radius: 3px;text-align: center;padding-top: 13px;padding-bottom: 9px;height: 63px;color: #ffffff;font-size: 18px;line-height: 41px;}

.page_nav{background: #ffffff;padding: 10px;margin-bottom: 30px;}
.page_nav li{height: 36px;text-align: center;line-height: 36px;}
.page_nav li a{display: block;text-decoration: none;color: #616161;font-size: 13px;}
.page_nav li a.active,.page_nav li a:hover,.page_nav:hover li a:hover.active{background: #0072b8;color: #ffffff;border-radius: 5px;}


.renewslist2{counter-reset: li;margin: 0;padding: 20px 16px 20px 36px;background: #ffffff;margin-bottom: 30px;}
.renewslist2 > li{font-size: 13px;list-style: none;position: relative;line-height: 32px;height: 32px;}
.renewslist2 > li:before {background: #b9b9b9;color: white;content: counter(li);counter-increment: li;font-size: 11px;line-height: 15px;position: absolute;top: 10px;left: -20px;text-align: center;width: 15px;}
.renewslist2 > li a{font-size: 13px;color: #606060;}
.renewslist2 > li:nth-child(-n+3):before{background: #0072b8;}

.contact_content{background: #ffffff;}
.telphone_text_c{padding: 13px;}

.telphone_text_c ul li{min-height: 28px;background: url("../images/ys_line.jpg") repeat-x left bottom;padding-top: 5px;color: #606060;position: relative;padding-left: 20px;font-size: 13px;}
.telphone_text_c ul li i{color: #0072b8;position: absolute;left: 0;top: 8px;font-size: 15px;}
.telphone_text_c ul li:first-child i{top: 4px;font-size: 15px;}
.telphone_text_c ul li:last-child{background: none;}

.jybg{width: 950px;padding: 36px;background: #ffffff;}

.jybg ul li{float: left;margin-right: 23px;width: 202px;text-align: center;}
.jybg ul li:nth-child(4n){margin-right: 0;}
.jybg ul li a{font-size: 15px;color: #3e3e3e;text-decoration: none;}
.jybg ul li a strong{font-weight: normal;line-height: 45px;height: 45px;overflow: hidden;display: block;}
.jybg ul li a:hover strong{color: #0072b8}
.jybg ul li a img{max-width: 202px;max-height: 270px;}
.jybg ul li a span{width: 198px;height: 270px;border: solid 1px #dedede;padding:1px;margin: 0 auto;
    /*非IE的主流浏览器识别的垂直居中的方法*/
    display: table-cell;
    vertical-align:middle;
    /*设置水平居中*/
    text-align:center;
    /* 针对IE的Hack */
    *display: block;
    *font-size: 175px;/*约为高度的0.873，200*0.873 约为175*/
    *font-family: Arial, serif;/*防止非utf-8引起的hack失效问题，如gbk编码*/
    position: relative;
    line-height: 0;
    overflow: hidden;
}
.page_margin{height: 35px;}

ul.new_product{background: #ffffff;padding: 12px;}
ul.new_product  li{}
ul.new_product li a{text-decoration: none;}
ul.new_product li a *{display: block;text-align: center;}
ul.new_product li a img{width: 196px;border: solid 1px #CCCCCC;padding: 2px;}
ul.new_product li a:hover img{width: 196px;border: solid 1px #0072b8;padding: 2px;}
ul.new_product li a strong{line-height: 32px;color: #494949;font-weight: normal;height: 33px;overflow: hidden;}
ul.new_product li a:hover strong{color: #0072b8;}

.article_ul{width: 950px;padding: 16px;background: #ffffff;}
.article_ul ul li{margin-right: 20px;float: left;width: 290px;margin-bottom: 10px;}
.article_ul ul li:nth-child(3n){margin-right: 0;}
.article_ul ul li a{text-decoration: none;}
.article_ul ul li a span{display: block;text-align: center;border: solid 1px #CCCCCC;width: 290px;padding: 7px;overflow: hidden;}
.article_ul ul li a img{width: 274px;height: 205px;}
.article_ul ul li a strong{line-height: 38px;text-align: center;display: block;font-size: 15px;font-weight: normal;color: #3b3b3b;height: 38px;overflow: hidden;}
.article_ul ul li a:hover strong{color: #0072b8;}

.article_view{width: 609px;padding: 17px;display: none;}
.article_view .article_img{text-align: center;}
.article_view .article_img img{max-width: 100%;border: solid 1px #eff4f9;}
.article_view .article_title{height: 55px;padding-top: 25px;border-bottom: solid 1px #CCCCCC;margin-bottom: 10px;font-size: 15px;}
.article_view p{line-height: 24px;font-size: 14px;color: #929292;}

.franchisees{width: 950px;padding: 35px;background: #ffffff;}
.franchisees ul li{margin-right: 32px;float: left;width: 196px;margin-bottom: 10px;}
.franchisees ul li:nth-child(4n){margin-right: 0;}
.franchisees ul li a span{display: block;text-align: center;border: solid 1px #CCCCCC;width: 196px;padding: 2px;}
.franchisees ul li a img{width: 190px;height: 95px;}
.franchisees ul li a strong{line-height: 38px;text-align: center;display: block;font-size: 15px;font-weight: normal;color: #3b3b3b;}

.news_img_box{width: 950px;background: #ffffff;padding: 25px 30px;}
.news_img_box ul li{height: 123px;padding-bottom: 29px;margin-bottom: 15px;}
.news_img_box ul li div.news_bg{border: solid 1px #ffffff;padding: 14px;position: relative;height: 123px;border-bottom-color: #d7d7d7;}
.news_img_box ul li:hover div.news_bg{/*border: solid 1px #017cb8;*/}
.news_img_box ul li a{color: #323232;}
.news_img_box ul li a:hover{color: #017cb8;}
.news_img_box ul li.news_img{height: 227px;}
.news_img_box ul li.news_img div.news_bg{height: 227px;}
.news_img_box ul li.news_img a img{width: 261px;height: 197px;}
.news_img_box ul li.news_img div.img_box{height: 197px;}
.news_img_box ul li.news_img div.news_title{margin-left: 35px;height: 55px;line-height: 55px;width: 560px;}
.news_img_box ul li.news_img div.news_title a{font-size: 18px;font-weight: bold;}
.news_img_box ul li.news_img div.news_title span{display: none;}
.news_img_box ul li a.news_more{display: block;float: right;}

.news_img_box ul li.news_img div.news_info{color: #9b9a9a;width: 560px;margin-left: 35px;height: 95px;}

.news_img_box ul li a img{width: 129px;height: 97px;}
.news_img_box ul li{border-bottom: solid 1px #d7d7d7;}
.news_img_box ul li div{float: left;}

.news_img_box ul li div.news_title,
.news_img_box ul li div.news_info{margin-left: 35px;height: 26px;line-height: 26px;width: 679px;color: #9b9a9a;}
.news_img_box ul li div.news_title a,.news_img_box ul li div.news_title span{display: block;float: left;}
.news_img_box ul li div.news_title span{float: right;color: #323232;font-size: 14px;}
.news_img_box ul li a.news_more{background: #9e9d9d;width: 104px;height: 30px;line-height: 30px;text-align: center;color: #ffffff;position: absolute;bottom: 0;right: 0;text-decoration: none;}
.news_img_box ul li a.news_more:hover{background: #017cb8;}
.news_img_box ul li div.news_title a{font-size: 16px;font-weight: bold;}

.link_map_bg.pull-left{margin-left: 0;margin-right: 25px;width: 890px;}
.news_content_box{width: 890px;background: #ffffff;padding: 30px;}
.news_content{}

.newsviewauthor{border-bottom: solid 1px #CCCCCC;color: #939393;line-height: 50px;text-align: center;}
.newsviewtitle h1{font-size: 25px;text-align: center;color: #151515;}

.newsviewauthor a{color: #939393;}
.newsviewcontent{padding: 20px;line-height: 24px;color: #939393;}
.newsviewcontent img{max-width: 100%;}

.nextprea_bg2{width: 100%;margin: 0 auto;height: 18px;}
.nextprea_bg2 .nextprea{height: 33px;line-height: 33px;text-align: center;background: #eaeaea;width: 800px;margin: 0 auto;}
.nextprea_bg2 .nextprea div{display:inline-block;font-size: 14px;color: #7a7a7a;height: 35px;margin-right: 20px;width: auto;line-height: 35px;background: none;}
.nextprea_bg2 .nextprea div:last-child{margin-right: 0;}
.nextprea_bg2 .nextprea div a{font-size: 14px;color: #7a7a7a;}
.nextprea_bg2 .nextprea div a:hover{color:#7a7a7a; }


.renewslist3{counter-reset: li;margin: 0;padding: 20px 16px 20px 36px;background: #ffffff;margin-bottom: 30px;}
.renewslist3 > li{font-size: 13px;list-style: none;position: relative;line-height: 32px;height: 32px;}
.renewslist3 > li:before {background: #b9b9b9;color: white;content: counter(li);counter-increment: li;font-size: 11px;line-height: 15px;position: absolute;top: 10px;left: -20px;text-align: center;width: 15px;}
.renewslist3 > li a{font-size: 13px;color: #606060;}
.renewslist3 > li:nth-child(-n+3):before{background: #0072b8;}

.about_box{background: #ffffff;padding: 57px 30px;width: 1200px;}

.about_nav{border-bottom: solid 1px #eee;height: 22px;margin-bottom: 30px;}
.about_nav ul{display: block;width: 675px;background: #ffffff;margin: 0 auto;height: 43px;padding: 0 20px;}
.about_nav ul li{margin-right: 13px;width: 116px;float: left;}
.about_nav ul li:last-child{margin-right: 0;}

.about_nav ul li a{display: block;background: #cbcbcb;color: #ffffff;height: 43px;line-height: 43px;text-align: center;font-size: 16px;text-decoration: none;border-radius: 5px;}
.about_nav ul li a:hover,.about_nav ul li a.active{background: #017cb8;}

.honor_box{margin-top: 40px;padding: 42px;}
.honor_box ul li{float: left;margin-right: 17px;width: 251px;height: 321px;text-align: center;}
.honor_box ul li:nth-child(4n){margin-right: 0;}
.honor_box ul li a strong{line-height: 55px;color: #404040;font-weight: normal;height: 55px;overflow: hidden;}

.honor_box ul li a img{max-width: 229px;max-height: 251px;}
.honor_box ul li a span{width: 251px;height: 273px;border: solid 1px #dedede;padding:10px;margin: 0 auto;
    /*非IE的主流浏览器识别的垂直居中的方法*/
    display: table-cell;
    vertical-align:middle;
    /*设置水平居中*/
    text-align:center;
    /* 针对IE的Hack */
    *display: block;
    *font-size: 175px;/*约为高度的0.873，200*0.873 约为175*/
    *font-family: Arial, serif;/*防止非utf-8引起的hack失效问题，如gbk编码*/
    position: relative;
    line-height: 0;
    overflow: hidden;
}


.album_bg{width: 950px;background: #ffffff;padding: 30px 20px;}
.album_ul li{float: left;margin-right: 20px;width: 290px;height:278px;text-align: center; }
.album_ul li:nth-child(3n){margin-right: 0;}
.album_ul li a span{display: block;border: solid 1px #CCCCCC;padding: 6px;}
.album_ul li img{width: 275px;height: 205px;}
.album_ul li a strong{font-size: 15px;color: #3b3b3b;font-weight: normal;height: 32px;overflow: hidden;padding-top: 10px;display: block;}
.album_ul li div{display: none;}
.album_title{text-align: center;line-height: 40px;}

.dnews_bg{background: #ffffff;padding: 52px;}
.dnews_box{border: solid 1px #c6c4c4;padding: 53px;}
.dnews_box ul li{float: left;width: 304px;height: 111px;margin-right: 32px;margin-bottom: 43px;}
.dnews_box ul li:nth-child(3n){margin-right: 0;}
.dnews_box ul li a{display: block;background: #ededed;height: 111px;}
.dnews_box ul li a span{display: block;font-size: 15px;}
.dnews_box ul li a i{font-size: 12px;}
.dnews_box ul li a strong{display: block;float: left;padding: 30px 18px;font-weight: normal;color: #a4a4a4;}
.dnews_box ul li a strong.dnews_left{width: 255px;height: 110px;}
.dnews_box ul li a strong.dnews_right{width: 49px;padding: 30px 12px;line-height: 51px;text-align: center;}
.dnews_box ul li a strong.dnews_right i{font-size: 20px;}
.dnews_box ul li a strong i{font-style: normal;}

.dnews_box ul li a:hover strong.dnews_left{background: #017cb8;color: #a1dffd;}
.dnews_box ul li a:hover strong.dnews_right{background: #ffae00;color: #ffffff;}

.hr{text-align: center;}
.about_click{text-align: right;font-size: 14px;}
.about_click i{color: #017cb8;}
.about_content{}

.contact_box{padding: 40px;}
.contact_img_box{margin-top: 80px;}
.contact_img,.contact_text{float: left;}
.contact_img{width: 322px;}
.contact_text{width:700px;margin-left: 38px; }
.contact_text h3{font-size: 24px;color: #383838;font-weight: bold;margin-top: 10px;}
.contact_text p{font-size: 14px;color: #686868;line-height: 28px;}

.contact_title{font-size: 24px;color: #383838;text-align: center;margin-top: 50px;}
.contact_line{width: 216px;height: 4px;margin: 0 auto;}
.contact_line span,.contact_line strong{display: block;width: 50%;height: 4px;float: left;}
.contact_line strong{background: #efe700;}
.contact_line span{background: #0072b8;}

.contact_stitle{color: #686868;font-size: 14px;text-align: center;line-height: 28px;}
.contact_ico{margin-top: 40px;}
.contact_ico span{display: inline-block;width: 44px;height: 44px;background: #017cb8;border-radius: 10px;text-align: center;margin-right: 20px;}
.contact_ico span i{font-size: 30px;line-height: 44px;color: #ffffff;}
.contact_ico table>tbody>tr>td{padding: 20px;vertical-align: top;}

.contact_map_title{font-size: 14px;color: #383838;text-align: center;padding: 20px;}
.contact_map_title span{color: #0072b8;}
.contact_map img{border: solid 1px #CCCCCC;padding: 4px;}
.contact_html{width: 1054px;height: 470px;overflow: hidden;}

.sitemap{border: 5px solid #ccc;width: 1100px;padding: 50px;}
.link-tab{border-bottom: solid 1px #e6e6e6;text-align: right;line-height: 24px;height: 26px;}
.link-tab div{float: right;border: solid 1px #ccc;padding: 0 5px;background: #eee;}
.link-tab a,.link-tab span{color: #686868;width: 30px;text-align: center;}
.link-tab a{width: 70px;}

.sitemaptitle{font-size: 13px;font-weight: bold;color: #333333;line-height: 32px;}
.sitemaplist,.sitemaplist2{border: solid 1px #ccc;min-height: 10px;height: 1%;}
.sitemaplist ul li{float: left;width: 105px;text-align: center;line-height: 28px;}
.sitemaplist ul li a,.linkmap a,.linkmap,.sitemaplist2 li a{color: #686868}
.sitemaplist1 ul li{font-weight: bold;}
.sitemaplist1 ul li ul li{font-weight: normal;}
.sitemaplist ul li.footer_title{font-weight: bold;}

.sitemaplist2 ul{display: block;width: 240px;float: left;padding: 15px;}
.sitemaplist2 ul li{line-height: 28px;}
.sitemaplist2 ul li.footer_title{font-weight: bold;}

.sitemaplist_product ul li{width: 195px;}
.sitemaplist_product ul li ul{padding: 0;list-style: none;}

::-webkit-input-placeholder {
    /* Chrome/Opera/Safari */
    color: #999;
    font-weight: normal;
}

::-moz-placeholder {
    /* Firefox 19+ */
    color: #999;
    font-weight: normal;
}

:-ms-input-placeholder {
    /* IE 10+ */
    color: #999;
    font-weight: normal;
}

:-moz-placeholder {
    /* Firefox 18- */
    color: #999;
    font-weight: normal;
}


.jybg a img,.article_ul a img,.news_img_box li img,.product_index_list a img,.page_bg ul li a img,.jcbg ul li a span img{transition: all 0.5s ease 0s;}
.jybg a:hover img,.article_ul a:hover img,.news_img_box li:hover img,.product_index_list a:hover img,.page_bg ul li a:hover img,.jcbg ul li a:hover span img{transform:scale(1.12,1.12);-webkit-transform:scale(1.12,1.12)}

.chat_fix{position: fixed;right: 0;top: 50%;}
.chat_fix ul li{width: 80px;height:60px;position: relative;}
.chat_fix ul li a{width: 50px;height: 50px;display: block;background: #000000;text-align: center;color: #ffffff;position: relative;padding-top: 10px;float: right;}
.chat_fix ul li a i{font-size: 30px;}
.chat_fix ul li a span{display: none;}
.chat_fix ul li a:hover{background: #017cb8;}

.chat_fix ul li.qq .qq_list{
    position: absolute;
    right:60px;
    top:0;
    width:220px;
    height:auto;
    background:#fff;
    transition:all 0.3s;
    border-right:10px solid transparent;
}

.chat_fix ul li .qq_list{
    padding:15px;
    box-shadow:0px 2px 4px #ddd8d8;
    display: none;
}

.chat_fix ul li.qq .qq_list a{
    display: block;
    font-size: 16px;
    padding:18px 0;
    padding-left:50px;
    background:url(../images/qq12.png) center left no-repeat;
    background-size:32px 32px;
    width:170px;
    color: #666;
}

.chat_fix ul li .tel_content{
    position: absolute;
    right:56px;
    top:0;
    width:220px;
    height:auto;
    background:#fff url(../images/tel_bg.png) 20px center no-repeat;
    box-shadow:0px 2px 4px #ddd8d8;
    display: none;
    padding: 20px 20px 20px 60px;
    font-size: 16px;
}
.chat_fix ul li.tel .tel_content p{font-size: 16px;color:#333;line-height:1;}
.chat_fix ul li.tel .tel_content p.tel_p{font-size: 19px;color:#ff0000;line-height:2;}
.chat_fix ul li:hover div{display: block;}

.image-list {}
.image-list ul {}
.image-list ul li{height: 390px;}
.image-list ul li a{display: block;position: relative;}
.image-list ul li a span{border: 1px solid #ddd;position: relative;-webkit-transition: all .8s ease-out;transition: all .8s ease-out;}
.image-list ul li a .border-top,.image-list ul li a .border-right,.image-list  ul li a .border-bottom,.image-list ul li a .border-left {display: block;position: absolute;background-color: #017cb8;-webkit-transition: all .8s ease-out;transition: all .8s ease-out;}

.image-list ul li a .border-top {height: 1px;width: 0;left: -1px;top: -1px;}
.image-list ul li a:hover .border-top {width: 300px;}
.page_bg.image-list ul li a:hover .border-top {width: 288px;}

.image-list ul li a .border-right {height: 0;width: 1px;right: -1px;top: -1px;}
.image-list ul li a:hover .border-right {height: 300px;}
.page_bg.image-list ul li a:hover .border-right {height: 288px;}

.image-list ul li a .border-bottom {height: 1px;width: 0;right: -1px;bottom: 54px;}
.image-list ul li a:hover .border-bottom {width: 300px;}
.page_bg.image-list ul li a:hover .border-bottom {width: 288px;}

.image-list ul li a .border-left {height: 0;width: 1px;left: -1px;bottom: 54px;}
.image-list ul li a:hover .border-left {height: 300px;}
.page_bg.image-list ul li a:hover .border-left {height: 288px;}


.wjdh-link {display: block;width: 38px;height: 38px;background-image: url(../images/link2.png);background-repeat: no-repeat;background-position: center center;}
.item-mask {width: 100%;height: 300px;background: rgba(0, 0, 0, 0);position: absolute;left: 0;top: 0;opacity: 0;-webkit-transform: rotateX(180deg) scale(0.5, 0.5);transform: rotateX(180deg) scale(0.2, 0.2);transition: all ease-out .5s;}
.page_bg.image-list .item-mask {height: 288px;}
.image-list a.pro:hover .item-mask {opacity: 1;-webkit-transform: rotateX(0deg) scale(1, 1);transform: rotateX(0deg) scale(1, 1);transition: all 1s cubic-bezier(.23, 1, .38, 1) 0s;background: rgba(0, 0, 0, 0.3);}
.item-mask .item-link-icon {display: block;width: 38px;height: 38px;text-align: center;font-size: 22px;line-height: 38px;border: 1px solid rgba(255, 255, 255, .5);border-radius: 50%;position: absolute;left: 50%;top: 50%;margin-left: -21px;margin-top: -21px;}

.footer_qr{width:120px;position: absolute;right: 0;top: 30px;text-align: justify;}
.footer_qr img{margin-top: 10px;width: 120px;}

.course_content{padding-top: 30px;overflow: hidden;}
.de_pross { width: 980px; margin: 0 auto; padding-top: 20px; position: relative;padding-bottom: 40px; }
.de_pross h1 {padding-bottom: 20px; }
.p_cont { width: 980px; height: 100%;  }
.p_cont .pross_box { border-left: 4px solid #E4E8EC; left: 250px; padding: 0 0 35px 0; position: relative; z-index: 0; float: left; }
.p_cont .pross_box:after {content: '';display: block;
    width: 0;
    height: 0;
    border-left: 10px solid transparent;
    border-right: 10px solid transparent;
    border-top: 20px solid #E4E8EC;
    position: absolute;
    left: -12px;
    bottom: -10px;
}
.p_cont .prossUl { left: -117px; list-style: none outside none; position: relative; }
.p_cont .prossUl li {clear: both;position: relative; padding-bottom: 40px;float: left;}
.p_cont .prossUl li .date {display: block; float: left;font-weight: bold;color: #666666; font-size: 18px; left: 0; position: relative; text-align: right; width: 80px;padding-right: 60px;margin: 0; }
.p_cont .prossUl li i{width: 19px;height: 19px;background: #ffffff;border: solid 5px #CCCCCC;border-radius: 19px; left: 65px;position: absolute;top:0;}
.p_cont .prossUl li:hover i{background: #0072b8;}
.p_cont .prossUl li .represent { float: left; position: relative; width: 700px;margin-top: -6px; }
.p_cont .prossUl li .represent .content { padding-left: 110px; }
.p_cont .prossUl li .represent .content a{ display: block;}
.p_cont .prossUl li .represent h3{font-size: 14px; padding-bottom: 20px;margin: 0;font-weight: bold;line-height: 28px;color: #666666 }
.p_cont .prossUl li .represent img {border: 1px solid #e4e8ec; padding: 2px;max-width: 600px;}

.newcontact_title{}
.newcontact_title div{width: 216px;margin: 5px auto;text-align: center;position: relative;padding-bottom: 10px;}
.newcontact_title div strong{font-size: 24px;}
.newcontact_title div:first-child:before{content: '';position: absolute;width: 108px;height: 4px;background: #efe700;left: 0;bottom: 0;}
.newcontact_title div:first-child:after{content: '';position: absolute;width: 108px;height: 4px;background: #0072b8;right:0;bottom: 0;}

.newcontact_title div span{font-size: 18px;display: inline-block;margin-right: 15px;}
.newcontact_title div span:last-child{margin-right: 0;}

.newcontact_content{padding-top: 0px;width: 900px;margin: 0 auto;}
.newcontact_content li{clear: both;padding-bottom: 45px;border-bottom: solid 1px #cecece;height: 1%;padding-top: 40px;}

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

.newcontact_content li div{float: left;}
.newcontact_content li div:first-child{width: 234px;}
.newcontact_content li div:nth-child(2){width: 511px;padding-left: 70px;line-height: 32px;}
.newcontact_content li div:nth-child(3){width: 155px;}
.newcontact_content li div:first-child img{width: 234px;height: 176px;}
.newcontact_content li div:nth-child(3) img{width: 155px;height: 155px;border: solid 1px #cecece;padding: 5px;}