@media (max-width:1240px) {
	html{overflow-x: scroll;}
}
body{width: 100%; min-width: 1240px;}
.w1240{width: 1240px; margin: 0 auto;}
i,em{font-style: normal;}
.over{overflow: hidden; text-overflow:ellipsis; white-space: nowrap;}
.vcenter{position: absolute; top: 0; bottom: 0; left: 0; right: 0; margin: auto; max-width: 100%; max-height: 100%}

/*index*/
.header{width: 100%; height: 100px; position: absolute; z-index: 99;}
.top{height: 100px; background: url(../image/header_bg.png);}
.top .logo{padding-top: 26px}
.top .logo a{display: inline-block; float: left; border-right: 1px solid #d8d8d8;}
.top .tit{padding-left: 17px}
.top .tit span{display: block; font-size: 14px; color: #333; line-height: 20px; height: 20px; margin-bottom: 8px}
.top .tit i{display: block; font-size: 16px; color: #e60012; line-height: 21px; height: 21px; overflow: hidden;}

.top .header_fr{position: relative;}
.header_fr .header_info{float: right; width: 450px; padding-top: 11px;}

/*search*/
.header_info .search{float: left; width: 213px; height: 23px; border: 1px solid #c7c7c7; margin-top: 6px; background: #fff;}
.search input{float: left; width: 140px; height: 21px; line-height: 21px; border: none; padding-left: 5px;}
.search > a{display: inline-block; width: 25px; height: 17px; border-left: 1px solid #c7c7c7; background: url(../image/search_ico.png) no-repeat 6px 3px; margin-top: 2px;}
.selectbox {position: relative;}
.selectbox span {display: block; cursor: pointer;}
.selectbox p {border: 1px solid #ccc; display: none; background: #fff; position: absolute; z-index: 100;}
.selectbox p a {display: block; overflow: hidden; height: 25px; line-height: 25px;}
.selectbox p a:hover{color: #fff; background: #e60012;}
.tselctbox {float: left; width: 46px; border-right: 1px solid #c7c7c7;}
.tselctbox span {background: url(../image/seaarch_ico01.png) no-repeat 34px center; height: 21px; line-height: 21px; padding-left: 5px; font-size: 12px; color: #333;}
.tselctbox p {top: 21px; left: -1px; width: 47px; font-size: 14px;}
.tselctbox p a {padding-left: 5px; font-size: 12px; color: #333;}

.login{display: block; float: left; height: 35px; line-height: 35px; margin: 0 22px 0 35px}
.login a{font-size: 12px; color: #333; padding: 0 5px;}
.login a.name{display: inline-block; float: left; max-width: 80px; height: 35px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; color:#333;}

.header_info .lang{position: absolute; right: -10px; width: 88px; height: 42px; line-height: 34px; font-size: 12px; color: #fff; background: url(../image/arrows.png) no-repeat 0 0; overflow: hidden; text-align: center;}
.lang a{color: #fff}

nav{padding-top: 8px;}
nav ul li{float: left; line-height: 35px; height: 46px; text-align: center; font-size: 15px; padding: 0 20px; position: relative;}
nav ul li > a{display: inline-block; color: #333; line-height: 35px; padding-bottom: 3px;}
nav ul li:hover > a, nav ul li.cur > a{color: #e60012; border-bottom: 2px solid #e60012}
.nav_down{display: none; position: absolute; left: 0px; top: 46px; width: 100%; background: #e6edf4; border-top: 1px solid #ccd9e6; padding: 6px 0;}
.nav_down a {
    color: #333;
    display: block;
    font-size: 14px;
    height: 32px;
    line-height: 32px;
    overflow: hidden;
    text-align: center;
}
.nav_down a:hover{color: #fff; background: #e60012}

.banner{width: 100%; height: 550px; position: relative; text-align: center; overflow: hidden;}
.banner > div{width: 1600px; height: 550px; position: absolute; left: 50%; margin-left: -800px;}
.banner .slick-dots{width: 100%; height: 28px; bottom: 0; line-height: 0px; position: absolute; text-align: center;}
.banner .slick-dots li{display: inline-block; width: 37px; height: 6px; border-radius: 2px; background: #fff; overflow: hidden; margin: 0 15px}
.banner .slick-dots li button{width: 37px; height: 6px; padding: 0; border: none; background: #fff; color: #fff; cursor: pointer;}
.banner .slick-dots li.slick-active button{background: #e60012; color: #e60012;}

.sy_main_bg{background: #f9f9f9}
.sy_main{padding: 48px 0 100px; overflow: hidden;}
@font-face{font-family: guangbiao; src:url(../font/guangbiao.ttf);}
.sy_tit{text-align: center; color: #e60012; font-family: guangbiao; height: 60px; margin-bottom: 20px;}
.sy_main .sy_wz{text-align: center; font-size: 16px; color: #666; line-height: 36px;}

.sy_solution{float: left; width: 370px; height: 485px; margin-top: 54px}
.sy_solution dl dt{position: relative; width: 370px; height: 207px;}
.sy_con{width: 370px; height: 277px; border: 1px solid #e9e9e9; border-top: none; border-radius: 0 0 8px 8px; padding: 20px 15px; text-align: center; background: #fff}
.sy_tit01 {border-top: 1px solid #dbdbdb; font-size: 26px; color: #333; line-height: 46px; margin: 20px 0 5px}
.sy_tit01 b{display: block; width: 128px; height: 46px; background: #fff; margin: -22px auto 0;}
.sy_tit01 i{color: #e60012}
.sy_con p{width: 299px; height: 128px; font-size: 13px; color: #535353; line-height: 32px; text-align: center; margin: 0 auto 20px; overflow:hidden;}
.sy_con > a{display: inline-block; width: 112px; height: 37px; line-height: 37px; background: #e60012; font-size: 14px; color: #fff; text-align: center;}
.sy_solution .slick-arrow{width: 35px; height: 35px; border: none; position: absolute; top: 86px; z-index: 9; cursor: pointer;}
.sy_solution .slick-prev{left: 8px; background: url(../image/arrows.png) no-repeat 0 -50px}
.sy_solution .slick-next{right: 8px; background: url(../image/arrows.png) no-repeat -53px -50px}

.sy_news{float: left; width: 370px; height: 485px; margin: 54px 65px 0 64px}
.sy_news dl dt{position: relative; width: 370px; height: 207px;}
.sy_news .sy_con ul{padding: 5px 0 23px}
.sy_news .sy_con ul li{font-size: 13px; color: #7e7e7e; line-height: 30px; font-family: arial;}
.sy_news .sy_con ul li a{display: inline-block; float: right; text-align: left; width: 240px; color: #333; line-height: 30px; height: 30px;white-space: nowrap; overflow: hidden;}
.sy_news .sy_con ul li a:hover{color: #e60012;}

.sy_job{float: left; width: 370px; height: 485px; margin-top: 54px}
.sy_job dl dt{position: relative; width: 370px; height: 207px;}
.sy_job .sy_con ul{width: 310px; height: 120px; margin: 5px 12px 23px; overflow: hidden;}
.sy_job .sy_con ul li{font-size: 13px; color: #7e7e7e; line-height: 30px; font-family: arial;}
.sy_job .sy_con ul li a{display: inline-block; float: left; text-align: left; width: 219px; color: #333; line-height: 30px; height: 30px; padding-left: 10px; background: url(../image/sy_job_ico.png) no-repeat left center;}
.sy_job .sy_con ul li a:hover{color: #e60012;}

@font-face{font-family: baskvill; src:url(../font/baskvill.ttf);}
.footer_bg{background: #1d2024; overflow: hidden; padding: 42px 0 30px; clear: both;}
.footer_con{}
.footer_con ul{float: left;}
.footer_con ul li{float: left; width: 163px; min-height: 191px; border-left: 1px solid #34373a;}
.footer_con ul li a {
    color: #a8a9aa;
    display: block;
    font-size: 13px;
    height: 28px;
    line-height: 28px;
    overflow: hidden;
    padding-left: 19px;
}
.footer_con ul li a:first-child{font-size: 15px; color: #fff; height: 17px; line-height: 17px; border-left: 1px solid #e60012; margin: 0 0 12px -1px;}
.footer_con ul li a:hover{color: #fff}
.footer_con .footer_code{float: right; width: 175px;}
.footer_code img{width: 133px; height: 133px; display: block;}
.footer_code dl{padding-top: 20px; overflow: hidden;}
.footer_code dl dt{float: left; width: 35px; height: 35px; background: url(../image/arrows.png) no-repeat -100px 0}
.footer_code dl dd{float: left; color: #fff; padding-left: 6px}
.footer_code dl dd span{display: block; font-size: 14px; line-height: 14px;}
.footer_code dl dd i{display: block; font-family: baskvill; font-size: 18px; line-height: 32px}

.footer_link{clear: both; padding-top: 30px}
.footer_link dl dt{float: left; width: 63px;}
.footer_link dl dt b{display: block; font-family: arial; font-size: 23px; color: #e60012; line-height: 27px; text-transform: uppercase;}
.footer_link dl dt span{display: block; font-family: 14px; color: #fff; line-height: 20px}
.footer_link dl dd{float: left; width: 1177px; line-height: 46px}
.footer_link dl dd a{display: inline-block; white-space: nowrap; padding: 0 25px; font-size: 14px; color: #cececf; background: url(../image/footer_link_line.png) no-repeat left center}
.footer_link dl dd a:first-child{background: none}
.footer_link dl dd a:hover{color: #fff}

.copyright_bg{background: #181b1e; overflow: hidden; padding: 10px 0; text-align: center;}
.copyright{}
.copyright .fll{font-size: 13px; color: #7b7c7d; line-height: 30px; padding: 0 25px}
.copyright .fll a{color: #7b7c7d;}

/*ny_public*/
.ny_banner{width: 100%; height: 400px; position: relative; text-align: center; overflow: hidden;}
.ny_banner > div{width: 1600px; height: 400px; position: absolute; left: 50%; margin-left: -800px;}

.ny_main_bg{overflow: hidden;}
.ny_left_bg{width: 50%; position: absolute; left: 0; background: #fbfbfb; z-index: -1;}
.ny_main{}

@font-face{font-family: impact; src:url(../font/impact.ttf);}
.ny_left{width: 240px; padding-top: 11px; background: #fbfbfb}
.ny_left .ny_left_nav{padding-bottom: 60px;}
.ny_left_nav li {
    border-bottom: 1px solid #e0e0e0;
    line-height: 50px;
    position: relative;
}
.ny_left_nav li:after{position: absolute; right: -50px; top: 0; content: ""; border-style: dashed dashed dashed solid; border-color: transparent transparent transparent #e60012; border-width: 25px; opacity: 0; filter: alpha(opacity=0); display: none \9;}

.ny_left_nav li > a {
    color: #666;
    display: block;
    font-size: 15px;
    height: 50px;
    line-height: 50px;
    overflow: hidden;
    padding-left: 100px;
}
.ny_left_nav li:hover, .ny_left_nav li.cur{ background: #e60012;}
.ny_left_nav li:hover:after, .ny_left_nav li.cur:after{opacity: 1; filter: alpha(opacity=100); display: block \9;}
.ny_left_nav li:hover > a, .ny_left_nav li.cur > a{color: #fff;}
.left_down{background: #fbfbfb; padding: 2px 0 2px 100px;}
.left_down a{display: block; font-size: 15px; color: #666; line-height: 36px; padding-left: 11px; position: relative; height:36px; overflow:hidden;}
.left_down a:before{position: absolute; left: 0; top: 50%; margin-top: -2px; content: ""; width: 4px; height: 4px; background: #b0b0b0; border-radius: 50%;}
.left_down a:hover, .left_down a.cur{color: #e60012}
.left_down a:hover:before, .left_down a.cur:before{background: #e60012}

.ny_left .ny_left_contact{}
.ny_left_contact .left_con_tit{display: block; font-size: 24px; color: #333; line-height: 40px; background: url(../image/left_contact_ico.png) no-repeat left bottom; padding-bottom: 10px;}
.left_con_tit i{font: 18px/40px arial; color: #a2a2a2; text-transform: uppercase;}
.ny_left_contact .left_contact{width: 239px; height: 157px; border: 1px solid #e0e0e0; border-top: none; border-right: none; padding: 30px 10px 0 10px}
.left_contact p.left_add{font-size: 15px; color: #333; line-height: 23px; padding-left: 40px; background: url(../image/left_add.png) no-repeat left center;}
.left_contact p.left_tel{font: 25px/0px impact; color: #e60012; padding-left: 3px; margin-top: 20px; font-size: 22px\9;}
.left_contact p.left_tel:before{display: inline-block; content: ""; width: 20px; height: 26px; background: url(../image/arrows.png) no-repeat -100px -50px;}

.ny_right{width: 999px; border-left: 1px solid #e0e0e0; padding-left: 63px; padding-top: 15px; background: #fff;}
.crumbs{height: 51px; border-bottom: 1px solid #c3c3c3; overflow:hidden;}
.crumbs .subtitle{display: inline-block; float: left; max-width: 400px; height: 52px; line-height: 50px; font-size: 24px; color: #333; border-bottom: 3px solid #e60012; overflow:hidden;}
.crumbs .bread_nav {
    color: #7d7d7d;
    float: right;
    font-size: 12px;
    line-height: 44px;
    padding-top: 7px;
    width: 500px;
    text-align:right;
}
.bread_nav:before{display: inline-block; content: ""; width: 20px; height: 11px; background: url(../image/arrows.png) no-repeat -140px 0;}
.bread_nav a{color: #7d7d7d;}
.bread_nav a:hover, .bread_nav i{color: #e60012}

.page{clear: both; text-align: center;}
.page a{display: inline-block; height: 33px; line-height: 33px; font-size: 14px; color: #fff; padding: 0 15px; background: #d2d2d2; margin: 0 8px;}

.page span{display: inline-block; height: 33px; line-height: 33px; font-size: 14px; color: #fff; padding: 0 15px; background: #d2d2d2; margin: 0 8px;}
.page i{display: inline-block; height: 33px; line-height: 33px; font-size: 14px; color: #d2d2d2;}
.page a:hover, .page a.cpb{background: #e60012;}

.on_next{padding-top: 50px;}
.on_next span{display: block; height: 37px; line-height: 37px; font-size: 13px; color: #333; border-top: 1px solid #e5e5e5; border-bottom: 1px solid #e5e5e5; margin-top: -1px;}
.on_next span a{color: #333;}
.on_next span:hover{color: #e60012;}
.on_next span:hover a{color: #e60012;}

.back{display: block; float: right; width: 103px; height: 33px; line-height: 33px; font-size: 14px; color: #fff; padding-left: 36px; background: url(../image/back.png) no-repeat 12px center #e60012; border-radius: 5px; margin-top: 30px;}

/*about*/
.about{clear: both; padding: 35px 0 90px; overflow: hidden;}
.about .about_con{float: left; width: 402px; font-size: 14px; color: #666; line-height: 32px;}
.about_con p{text-indent: 2em;}
.about .about_video{float: right; width: 483px; height: 467px; padding: 12px 0 0 28px; background: url(../image/about_bg.png) no-repeat left bottom;}
.about_video .jzimg{position: relative; width: 455px; height: 309px;}
.about_video .video_wz{display: block; width: 393px; height: 50px; line-height: 50px; margin-top: 5px; text-align: center; font-size: 22px; color: #fff;}

/*history*/
.history{margin: 40px 0 100px; overflow: hidden; clear: both; position: relative;}
.history dl{padding-bottom: 29px; overflow: hidden;}
.history dl:last-child{padding-bottom: 0px;}
.history dl:before{position: absolute; content: ""; left: 67px; top: 0; width: 2px; height: 100%; background: #b7b7b7;}
.history dl dt{height: 24px; float: left; position: relative; width: 77px; font: 22px/24px baskvill; color: #333; padding-top: 14px;}
.history dl dt:after{position: absolute; content: ""; right: 0px; top: 16px; width: 12px; height: 12px; background: #e60012; border: 3px solid #fff; border-radius: 50%; z-index: 2;}
.history dl dd{float: right; position: relative; width: 838px; padding: 15px 28px 9px 18px; border: 1px solid #cdcdcd; border-radius: 8px}
.history dl dd i{display: inline-block; position: absolute; top: 15px; left: -16px; z-index: 2; width: 16px; height: 18px; background: url(../image/history_ico01.jpg) no-repeat}
.history dl dd p{font-size: 14px; color: #333; line-height: 20px; padding-left: 10px; background: url(../image/history_ico.png) no-repeat left 8px; margin-bottom: 7px}

/*technology*/
.technology{padding: 29px 0 100px;}
.technology .tec_tab{clear: both; text-align: center;}
.tec_tab a{display: inline-block; position: relative; height: 34px; line-height: 34px; font-size: 16px; color: #333; padding: 0 27px; margin: 0 8px;}
.tec_tab a:after{position: absolute; content: ""; border-width: 6px; border-color: #e60012 transparent transparent transparent; border-style: solid dashed dashed dashed; left: 50%; margin-left: -5px; top: 34px; opacity: 0; filter: alpha(opacity=0); display: none \9;}
.tec_tab a:hover, .tec_tab a.cur{background: #e60012; color: #fff;}
.tec_tab a:hover:after, .tec_tab a.cur:after{opacity: 1; filter: alpha(opacity=100); display: block \9;}

.technology ul{padding-top: 20px;}
.technology ul li{width: 936px; border-bottom: 1px solid #e4e4e4; padding: 20px 18px 20px 7px; overflow: hidden;}
.technology ul li .jzimg{position: relative; width: 169px; height: 107px; border: 1px solid #e4e4e4}
.technology ul li .tec_wz{width: 740px; padding: 2px 0 0 25px;}
.tec_wz b{display: block; font-size: 18px; color: #333; line-height: 42px;}
.tec_wz p{font-size: 14px; color: #666; line-height: 28px;}
.technology ul li:hover{background: #f3f3f3;}
.technology ul li:hover b{color: #e60012;}

/*partner*/
.partner{padding: 30px 0 48px;}
.partner .part_tit{font-size: 24px; color: #333; line-height: 42px; clear: both;}
.partner .part_tit i{display:inline-block; float:left; width:23px; height:42px; margin-right:13px;}
.partner .part_tit i img {
    max-height: 23px;
    max-width: 23px;
    vertical-align: middle;
}

.partner ul{width: 969px; padding: 21px 0 20px; overflow: hidden;}
.partner ul li{float: left; width: 209px; margin: 0 33px 28px 0; text-align: center;}
.partner ul li .jzimg{position: relative; width: 203px; height: 125px; border: 3px solid #f1f1f1;}
.partner ul li .part_wz{padding-top: 7px;}
.part_wz span{display: block; font-size: 18px; color: #333; line-height: 28px; height: 28px; overflow: hidden;}
.part_wz i{display: block; font: 15px/20px arial; color: #7d7d7d; height: 20px; overflow: hidden;}

/*news*/
.news{padding: 3px 0 100px;}
.news ul{padding: 0 0 61px;}
.news ul li{width: 936px; border-bottom: 1px solid #e4e4e4; padding: 26px 28px 25px 0; overflow: hidden;}
.news ul li .jzimg{position: relative; width: 197px; height: 113px; padding: 3px; border: 1px solid #dedede}
.news ul li .news_wz{width: 709px; padding: 7px 0 0 22px;}
.news_wz span{display: block; font: 14px/36px arial; color: #949494; height: 36px; overflow: hidden; margin-bottom: 10px;}
.news_wz span a{display: inline-block; float: left; width: 600px; height: 36px; font: 16px/36px Microsoft Yahei; color: #333; font-weight: bold;}
.news_wz p{width: 660px; font-size: 13px; color: #666; line-height: 26px; height: 52px; overflow: hidden;}
.news ul li:hover .jzimg{border: 1px solid #ef5d68;}
.news ul li:hover a{color: #e60012;}

/*news_show*/
.news_show{padding: 29px 0 100px; overflow: hidden; clear: both;}
.show_tit{text-align: center; padding-bottom: 22px;}
.show_tit h1{font-size: 20px; color: #e60012; line-height: 38px; font-weight: normal;}
.show_tit .show_date{font-size: 13px; color: #9f9f9f; line-height: 32px; padding: 3px 0 5px; border-bottom: 1px dotted #cbcbcb;}
.show_date span{padding: 0 20px;}
.news_show p{font-size: 14px; color: #666; line-height: 32px; text-indent: 2em;}
.news_show .show_img{text-align: center; padding: 20px 0 30px;}

/*subscription*/
.subscription{padding: 29px 0 71px}
.subscription .sub_tit{font-size: 20px; color: #e60012; line-height: 40px; clear: both;}
.sub_tit i{font-size: 13px; color: #666;}
.sub_tit i em{color: #ff0000}
.subscription .sub_con{width: 974px; padding-top: 21px;}
.sub_con li{overflow: hidden; margin-bottom: 29px;}
.sub_con li span{display: inline-block; float: left; width: 433px; /*height: 40px; line-height: 40px;*/ font-size: 14px; padding-left: 13px; border: 1px solid #c3c3c3; margin-left: 53px; overflow: hidden;}
.sub_con li span:first-child{margin-left: 0px;}
.sub_con li span input{width: 418px; height: 38px; line-height: 38px; border: none; color: #999; font-family: Microsoft Yahei;}
.sub_con li textarea{float: left; width: 921px; height: 260px; line-height: 40px; font-size: 14px; color: #999; border: 1px solid #c3c3c3; padding-left: 13px; background: #fff; resize: none;}
.sub_con li.yz input{float: left; width: 144px; height: 40px; line-height: 40px; border: 1px solid #c3c3c3; padding-left: 13px; font-family: Microsoft Yahei;color: #999;}
.sub_con li em{float: left; line-height: 40px; color: #ff0000; padding: 0 16px 0 7px;}
.sub_con li.yz img{float: left; cursor: pointer;}
.sub_con li.yz .huan{float: left; font-size: 14px; color: #999; line-height: 60px; padding-left: 17px; text-decoration: underline;}
.sub_con li.yz .btn{display: inline-block; float: left; padding-left: 99px; font-weight: normal;}
.sub_con li.yz .btn a{display: inline-block; width: 137px; height: 39px; line-height: 39px; font-size: 16px; color: #fefefe; background: #bdbdbd; text-align: center; margin-right: 48px;}
.sub_con li.yz .btn a:hover{background: #e60012;}

/*service*/
.service{padding: 29px 0 90px;}
.service p{font-size: 14px; color: #333; line-height: 32px; text-indent: 2em;}

.map-world{ width:830px; height:407px; position:relative; margin: 0 0 45px 54px;}
.map-world a{ position:absolute;}
.map-world a span{ color:#fff; font-size:16px; position:absolute; font-weight: bold;}
.map-world a:hover span{ color:#fff;text-shadow:0 0 2px #a52113;}
.map-world .d-beimei{ width:362px; height:247px; left:0px; top:0px; background:url(../image/map-beimeizhou.png);}
.map-world .d-beimei span{ left:135px; top:135px;}
.map-world .d-beimei:hover{ background:url(../image/map-cur-beimeizhou.png);}
.map-world .d-nanmei{ width:109px; height:174px; left:200px; top:235px; background:url(../image/map-nanmeizhou.png);}
.map-world .d-nanmei span{ left:35px;top:46px;}
.map-world .d-nanmei:hover{ background:url(../image/map-cur-nanmeizhou.png);}
.map-world .d-ouzhou{ width:215px; height:194px; left:371px; top:7px; background:url(../image/map-ouzhou.png); z-index:10;}
.map-world .d-ouzhou span{left:105px;top:105px;}
.map-world .d-ouzhou:hover{ background:url(../image/map-cur-ouzhou.png);}
.map-world .d-yazhou{ width:365px; height:286px; left:470px; top:13px; background:url(../image/map-yazhou.png); }
.map-world .d-yazhou span{left:120px;top:125px;}
.map-world .d-yazhou:hover{ background:url(../image/map-cur-yazhou.png);}
.map-world .d-feizhou{width:153px; height:171px; left:363px; top:172px; background:url(../image/map-feizhou.png);}
.map-world .d-feizhou span{left:70px;top:50px;}
.map-world .d-feizhou:hover{ background:url(../image/map-cur-feizhou.png);}
.map-world .d-dayang{ width:174px; height:138px; left:634px; top:240px; background:url(../image/map-dayangzhou.png);}
.map-world .d-dayang span{left:45px;top:75px;}
.map-world .d-dayang:hover{ background:url(../image/map-cur-dayangzhou.png);}

/*download*/
.download{padding: 39px 0 100px;}
.download ul{padding-bottom: 60px; clear: both;}
.download ul li{height: 50px; line-height: 50px; font-size: 14px; color: #333; overflow: hidden; border-bottom: 1px dashed #c0c0c0; padding: 0 24px;}
.download ul li:first-child{border-top: 1px dashed #c0c0c0;}
.download ul li a{display: inline-block; color: #333; position: relative;}
.download ul li a.tit{float: left; width: 465px; height: 50px; padding-left: 11px;}
.download ul li a.tit:before{position: absolute; top: 50%; margin-top: -1.5px; left: 0; content: ""; border-width: 3px; border-style: dashed dashed dashed solid; border-color: transparent transparent transparent #e60012;}
.download ul li a.more{float: right; width: 60px; height: 50px; padding-left: 29px;}
.download ul li a.more:before{position: absolute; top: 50%; margin-top: -11px; left: 0; content: ""; width: 23px; height: 22px; background: url(../image/arrows.png) no-repeat -140px -20px;}
.download ul li i{font: 14px/50px arial;}
.download ul li:hover{color: #e60012;}
.download ul li:hover a{color: #e60012;}

/*feedback*/
.feedback{padding: 44px 0 100px;}
.feedback .feed_tit{font-size: 28px; color: #e60012; line-height: 46px; padding-bottom: 10px;}
.feed_tit span{font-size: 16px; color: #555;}
.feedback .feed_tit01{font-size: 13px; color: #666; line-height: 28px;}
.feed_tit01 em{color: #ff0000}
.feedback .sub_con{padding-top: 32px;}

/*job*/
.job{padding: 29px 0 91px;}

.jobnr li{width: 100%; margin-bottom: 9px;}
.jobnr li .tit{height: 40px; line-height: 40px; font-size: 16px; color: #fff; background: #e60012;}
.jobnr li .tit span{display: inline-block; float: left;}
.jobnr li .tit .j-bt{width: 391px; padding-left: 43px;}
.jobnr li .tit .j-dz{width: 200px;}

.jobnr li .j-title{height: 36px; line-height: 36px; font-size: 14px; color: #333; padding: 0 65px 0 9px; background: #f6f6f6; cursor:pointer; overflow:hidden;}
.jobnr li .j-title span{display: inline-block;float: left;}
.jobnr li .j-title .j-bt{width: 382px; height: 36px; padding-left: 34px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; cursor: pointer;background: url(../image/ioc-35.png) no-repeat left center;}
.jobnr li.cur .j-title .j-bt{background: url(../image/ioc-36.png) no-repeat left center;}
.jobnr li .j-title .j-dz{width: 200px;}
.jobnr li .j-title .j-date{float: right; font-family: arial;}
.jobnr li .j-textnr{display: none; padding-bottom: 25px; overflow: hidden;}
.jobnr li .j-textnr .j-gl{float: left; width: 660px; padding-left: 33px;}
.jobnr li .j-textnr .j-gl:first-child{width: 274px;}
.jobnr li .j-textnr .j-gl span{display: block; font-size: 14px; color: #333; line-height: 46px; font-weight: bold;}
.jobnr li .j-textnr .j-gl p{font-size: 13px; color: #666; line-height: 32px;}
.jobnr li .j-textnr span.btn{display: block; padding-top: 27px; text-align: center; font-weight: normal; clear: both;}
.jobnr li .j-textnr span a{display: inline-block; width: 140px; height: 60px; line-height: 38px; font-size: 14px; color: #fff; text-align: center; background: #e60012;}
.jobnr li .j-title.cur .j-bt{background: url(../image/ioc-36.png) no-repeat left center;}

/*sitemap*/
.sitemap_bg{background: url(../image/sitemap_bg.jpg) no-repeat center center; background-size: cover; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../image/sitemap_bg.jpg',sizingMethod='scale');overflow: hidden;}
.sitemap{padding: 54px 0 32px; background-color: #fff; opacity: .85; filter: alpha(opacity=85%); margin: 130px auto 30px; border-radius: 10px;}
.sitemap_tit{text-align: center; padding-bottom: 37px; background: url(../image/sitemap_line.png) no-repeat center 80px;}
.sitemap_tit b{display: block; font: 48px/68px arial; color: #e60012; text-transform: uppercase;}
.sitemap_tit span{display: inline-block; min-width: 171px; height: 29px; line-height: 29px; font-size: 18px; color: #fff; background: #e60012;}

.sitemap dl{width: 1057px; min-height: 93px; padding-bottom: 26px; margin: 0 auto}
.sitemap dt{height: 29px; line-height: 29px;}
.sitemap dt a{display: inline-block; min-width: 144px; color: #fff; font-size: 16px; text-align: center; background: #e60012}
.sitemap dd{line-height: 30px; padding-top: 7px;}
.sitemap dd a{display: inline-block; white-space: nowrap; font-size: 14px; color: #333; padding-right: 50px;}
.sitemap dd a:hover{color: #e60012;}

/*login*/
.login_content{margin: 200px auto 100px;}
.login_con{width: 468px; height: 359px; background: url(../image/login_bg.png); border-radius: 10px; margin: 0 auto;}
.login_con b{display: block; height: 85px; font-size: 28px; color: #e60012; line-height: 85px; text-align: center;  overflow: hidden; background: url(../image/login_tit.png) no-repeat center}

.login_con ul{padding: 33px 0 0 74px;}
.login_con ul li{margin-bottom: 15px; height: 38px; overflow: hidden;}
.login_con ul li span{display: block; width: 320px; height: 38px; color: #d6d6d6; padding: 3px 0 2px; overflow: hidden; background: #fff;}
.login_con ul li i{display: inline-block; float: left; width: 44px; height: 33px; border-right: 1px solid #a7a7a7}
.login_con ul li.li01 i{background: url(../image/arrows.png) no-repeat -180px 0px}
.login_con ul li.li02 i{background: url(../image/arrows.png) no-repeat -180px -122px}

.login_con ul li.li05 i{background: url(../image/arrows.png) no-repeat -180px -40px}

.login_con ul li.li03 i{background: url(../image/arrows.png) no-repeat -180px -80px}
.login_con ul li input{width: 274px; height: 33px; line-height: 33px; padding-left: 12px; font-size: 16px; border: none; font-family: Microsoft Yahei;}
.login_con ul li.li03 span{width: 150px; float: left; margin-right: 12px;}
.login_con ul li.li03 input{width: 105px; font-family: Microsoft Yahei;}
.login_con ul li.li03 img{float: left; cursor: pointer;}
.login_con ul li.li03 a{float: left; font-size: 14px; color: #333; line-height: 56px; padding-left: 7px;}
.login_con ul li.li04{height: 44px;}
.login_con ul li.li041{width: 328px; height: 44px; text-align: center;}
.login_con ul li.li041 .login_btn{float: none; margin-right: 0;}
.login_con ul li .login_btn{display: inline-block; float: left; width: 169px; height: 44px; line-height: 44px; font-size: 20px; color: #fff; background: #e60012; text-align: center; margin-right: 15px;}
.login_con ul li .login_bt{font-size: 14px; color: #333; padding-right: 20px;line-height: 66px;}
.login_con ul li .login_bt:hover{color: #e60012}

/*register*/
.register_con{width: 468px; height: 730px; background: url(../image/login_bg.png); border-radius: 10px; margin: 0 auto}
.register_con b{display: block; height: 85px; font-size: 28px; color: #e60012; line-height: 85px; text-align: center;  overflow: hidden; background: url(../image/login_tit.png) no-repeat center}
.register_con ul{padding: 33px 0 0 50px;}
.register_con ul li{height: 38px; margin-bottom: 15px; overflow: hidden;}
.register_con ul li span{float: left; display: inline-block; width: 74px; font-size: 16px; color: #333; line-height: 38px; text-align: right; margin-right: 10px;}
.register_con ul li input{float: left; width: 263px; height: 38px; line-height: 38px; background: #fff; border: none; padding: 0 5px;}
.register_con ul li i{float: left; font-size: 16px; color: #e60012; line-height: 38px; padding-left: 8px;}
#sex_male, #sex_female{display:none}
label{display:-moz-inline-block; display:inline-block; cursor:pointer; margin:8px 30px 8px 0; padding: 0 0 0 27px; line-height:20px; background: url(../image/arrows.png) no-repeat -148px -50px;}
label.checked{background-position:-148px -75px;}
.register_con ul li.yz input{width: 93px; margin-right: 12px; font-family: Microsoft Yahei;}
.register_con ul li.yz img{float: left;}
.register_con ul li.yz a{float: left;font-size: 14px; color: #333; line-height: 56px; padding: 0 0 0 7px;}
.register_con ul li.btn{height: 49px; text-align: center; padding-top: 5px;}
.register_con ul li.btn a{display: inline-block; width: 169px; height: 44px; line-height: 44px; font-size: 20px; color: #fff; background: #e60012;}

/*contact*/
.contact{padding: 23px 0 100px; overflow: hidden; clear: both;}
#dituContent{margin-top: 16px;}
.contact dl{width: 395px;}
.contact dt{font-size: 22px; color: #333; line-height: 54px; font-weight: bold;}
.contact dd{}
.contact dd p{font-size: 15px; color: #666; line-height: 40px; padding-left: 25px; position: relative;}
.contact dd p:before{position: absolute; left: 0; top: 50%; margin-top: -7.5px; content: ""; width: 15px; height: 15px;}
.contact dd p.p1:before{background: url(../image/arrows.png) no-repeat -225px 0;}
.contact dd p.p2:before{background: url(../image/arrows.png) no-repeat -225px -40px;}
.contact dd p.p3:before{background: url(../image/arrows.png) no-repeat -225px -80px;}
.contact dd p.p4:before{background: url(../image/arrows.png) no-repeat -225px -120px;}
.contact dd p.p5:before{background: url(../image/arrows.png) no-repeat -225px -159px;}
.contact dd p.p6:before{background: url(../image/arrows.png) no-repeat -225px -200px;}
.contact dd p.p7:before{background: url(../image/arrows.png) no-repeat -225px -239px;}
.contact dd p.p8:before{background: url(../image/arrows.png) no-repeat -225px -239px;}
.contact dd p a{padding-left: 10px;}
.contact dd p a:hover{color: #e60012}

/*solution*/
.solution{padding: 29px 0 40px}
.solution .solu_top{height: 211px; padding-top: 18px; background: url(../image/solution_bg01.jpg) no-repeat right bottom;}
.solu_top b{display: block; font-size: 30px; color: #333; line-height: 52px; position: relative;}
.solu_top b i{font: 30px/32px arial; color: #333; text-transform: uppercase; font-weight: bold;}
.solu_top b:before{position: absolute; content: ""; left: 0; top: 0; width: 76px; height: 3px; background: #e60012;}
.solu_top .solu_js{width: 878px; height: 141px; font-size: 13px; color: #333; line-height: 26px; text-indent: 2em; padding: 12px 20px 0 20px; overflow: hidden; background: url(../image/solution_bg02.png) no-repeat left bottom;}

.solution .solu_con{width: 1005px; padding-top: 63px; overflow: hidden;}
.solu_con li{float: left; width: 267px; height: 196px; border-bottom: 1px solid #cfcfcf; margin: 0 68px 60px 0; position: relative;}
.solu_con li:after{position: absolute; content: ""; left: 0; bottom: -1px; width: 0; height: 2px; background: #e60012; transition:all .3s ease-in-out 0s; -webkit-transition:all .3s ease-in-out 0s; -mz-transition:all .3s ease-in-out 0s; -o-transition:all .3s ease-in-out 0s; -ms-transition:all .3s ease-in-out 0s;}
.solu_con li .jzimg{display: block; position: relative; width: 267px; height: 149px;}
.solu_con li .jzimg .cover{position: absolute; top: 0; left: 0; height: 100%; width: 100%; background: #e60012; opacity: 0; filter: alpha(opacity=0); padding: 36px 23px 0; display: none \9; transition:all .3s ease-in-out 0s; -webkit-transition:all .3s ease-in-out 0s; -mz-transition:all .3s ease-in-out 0s; -o-transition:all .3s ease-in-out 0s; -ms-transition:all .3s ease-in-out 0s;}
.solu_con li .jzimg .cover p{font-size: 13px; color: #fff; line-height: 28px; height: 84px; overflow: hidden;}
.solu_con li .tit{display: block; font-size: 18px; color: #333; line-height: 47px; height: 47px;}
.solu_con li .tit i{display: inline-block; float: left; width: 255px; height: 47px; overflow: hidden; }
.solu_con li .tit:after{display: inline-block; content: ""; width: 12px; height: 47px; background: url(../image/arrows.png) no-repeat 0 -90px;}
.solu_con li:hover:after{width: 100%;}
.solu_con li:hover .jzimg .cover{opacity: .7; filter: alpha(opacity=70); display: block \9;}
.solu_con li:hover .tit{font-weight: bold;}
.solu_con li:hover .tit:after{background: url(../image/arrows.png) no-repeat -15px -90px;}

/*solution01*/
.solu01{padding: 29px 0 93px}
.solu01 .solu01_top{width: 934px; padding: 15px 23px 18px; border: 1px solid #dadada; border-radius: 10px;}
.solu01_top p{font-size: 13px; color: #575757; line-height: 28px; text-indent: 2em;}

.solu01 .solu01_con{padding-top: 39px; width:1005px; overflow: hidden;}
.solu01_con li{float: left; width: 265px; height: 337px; margin-right: 70px; background: url(../image/solu_show_bg.png) no-repeat center 256px;}
.solu01_con li .jzimg{display: block; position: relative; width: 265px; height: 261px;}
.solu01_con li .tit{display: block; width: 100%; height: 36px; line-height: 36px; font-size: 18px; color: #333; text-align: center; margin-top: 40px;}
.solu01_con li:hover .tit{color: #e60012;}

/*solution_show*/
.solu02{padding: 29px 0 93px}
.solu02 .solu02_top{padding-bottom: 78px; overflow: hidden; clear: both;}
.solu02_top .jzimg{position: relative; width: 382px; height: 261px;}
.solu02_table{width: 462px; height: 265px; margin-right: 25px;}
.solu02_table table{border-left: 1px solid #d8d8d8; border-top: 1px solid #d8d8d8}
.solu02_table table tr td{height: 32px; line-height: 32px; font-size: 14px; color: #333; padding-left: 23px; border-right: 1px solid #d8d8d8; border-bottom: 1px solid #d8d8d8}

.solu02 .solu02_tab{}
.solu02_tab .tab_top{border-bottom: 1px solid #e60012; overflow: hidden;}
.solu02_tab .tab_top li{float: left; width: 112px; height: 41px; line-height: 41px; font-size: 16px; color: #333; text-align: center; margin-right: 12px; cursor: pointer;}
.solu02_tab .tab_top li.cur{background: #e60012; color: #fff; border-radius: 2px 2px 0 0}
.solu02_tab .solu02_con{clear: both;}
.solu02_con .solu_content{display: none; padding: 0}
.solu_content b.tit{display: block; font-size: 22px; color: #333; line-height: 42px; margin: 26px 0 9px;}
.solu_content p{font-size: 14px; color: #4d4d4d; line-height: 32px; text-indent: 2em;}
.solu_content p.red{font-weight: bold; color: #e60012;}
.solu_content span{display: block; position: relative; font-size: 14px; color: #4d4d4d; line-height: 32px; padding-left: 12px;}
.solu_content span:before{position: absolute; content: ""; left: 0; top: 50%; margin-top: -2px; border-width: 3px; border-color: transparent transparent transparent #e60012; border-style: dashed dashed dashed solid;}
.solu_content ul{padding: 37px 0 0;}

.rela_info{clear: both; padding: 50px 0 0}
.rela_info .rela_tit{height: 27px; background: #e60012; padding: 4px 10px;}
.rela_tit span{display: inline-block; float: left; line-height: 19px; font-size: 16px; color: #fff; line-height: 19px; padding-left: 6px; border-left: 3px solid #fff;}
.rela_tit span i{font: 14px/19px arial; color: #fff; text-transform: uppercase;}
.rela_tit a{float: right; font-size: 10px; color: #fff; line-height: 19px; font-weight: bold;}
.solu_rela{padding-top: 38px; overflow: hidden;}
.solu_rela li{float: left; width: 202px; height: 257px; background: url(../image/solu_rela_bg.png) no-repeat center 194px; margin-left: 42px;}
.solu_rela li:first-child{margin-left: 0;}
.solu_rela li .jzimg{display: block; position: relative; width: 202px; height: 199px;}
.solu_rela li .tit{display: block; width: 100%; height: 28px; line-height: 28px; font-size: 14px; color: #333; text-align: center; margin-top: 30px;}
.solu_rela li:hover .tit{color: #e60012;}