@charset "utf-8";
/* 初始化CSS */
*{margin:0; padding:0;}
h1, h2, h3, h4, h5, h6{font-size:100%; font-weight:bold;}
fieldset, img{border:none; vertical-align:middle;}
address, caption, cite, code, dfn, th, var{font-style:normal; font-weight:normal;}
ul, ol{list-style:none;}
li{list-style-type:none;}
input{padding-top:0; padding-bottom:0; font-family: "SimSun",Arial,sans-serif;}
select, input{vertical-align:middle;}
select, input, textarea{ margin:0; font-size:12px;}
input[type="text"], input[type="password"], textarea{outline-style:none;}
textarea{font-family: "SimSun",Arial,sans-serif; resize:none;}
body{font:12px "SimSun",Arial,sans-serif; color:#333; background:#fff;}
a{text-decoration:none; color:inherit;}
i, em{ font-style:normal;}
.clearfix:after{ display:block; visibility:hidden; clear:both; height:0; content:"";}
.clearfix{zoom:1;}
.fl{ float:left;}
.fr{ float:right;}
.auto{ margin-left:auto; margin-right:auto;}

/*html5*/
article,aside,footer,header,section,footer,nav,figure,main{display:block}

/*小号文字  scale以12号字体为基准 需写实际字号大小*/
.font_adjust{-webkit-text-size-adjust:none;}
.font_scale8{ -webkit-transform: scale(0.66);}
.font_scale9{ -webkit-transform: scale(0.745);}
.font_scale10{ -webkit-transform: scale(0.83);}
.font_lc{-webkit-transform-origin:left center;}
.font_rc{-webkit-transform-origin:right center;}
.font_up{text-transform:uppercase;}

/*文字截断*/
.TXTovehid{display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}

/*transition*/
.tran200{-webkit-transition:all 0.2s linear; -moz-transition:all 0.2s linear; -ms-transition:all 0.2s linear; transition:all 0.2s linear;}
.tran300{-webkit-transition:all 0.3s linear; -moz-transition:all 0.3s linear; -ms-transition:all 0.3s linear; transition:all 0.3s linear;}
.tran400{-webkit-transition:all 0.4s linear; -moz-transition:all 0.4s linear; -ms-transition:all 0.4s linear; transition:all 0.4s linear;}
.tran500{-webkit-transition:all 0.5s linear; -moz-transition:all 0.5s linear; -ms-transition:all 0.5s linear; transition:all 0.5s linear;}
.tran1000{-webkit-transition:all 1s linear; -moz-transition:all 1s linear; -ms-transition:all 1s linear; transition:all 1s linear;}

.scaleimg:hover{ -webkit-transform: scale(1.1); -moz-transform: scale(1.1); -ms-transform: scale(1.1); transform: scale(1.1);}
.rotateY:hover{ -webkit-transform: rotateY(180deg); -moz-transform: rotateY(180deg); -ms-transform: rotateY(180deg); transform: rotateY(180deg); }
.translateX:hover{-webkit-transform:translateX(-6px); -moz-transform: translateX(6px); -ms-transform:translateX(-6px); transform:translateX(-6px);}

/*网页限定宽度*/
.con_1150{ position:relative; margin:0 auto; width:1150px;}
.con_1150:after{content:""; display:block; height:0; clear:both;}

/*图片懒加载loading*/
.lazy{ background: url(../images/loading.gif) no-repeat center center #eee; }



.header{ width: 100%; min-width: 1150px; height: 120px; /*background: url(../images/header_bj.jpg) center top;*/}
.header .logo{ position: relative; height: 120px; line-height: 120px;}

.header .wrap{ text-align: right; font-size: 0;}
.header .wrap .topimg{display:inline-block; *display: inline; *zoom:1; vertical-align: middle; margin-right:10px;}
.header .wrap .topimg a{ display:inline-block; *display: inline; *zoom:1; width: 25px; height: 25px; margin-left: 12px; background:url(../images/social_ico.png) no-repeat;}

.header .wrap .topimg a.weibo{ background-position:0 0;}
.header .wrap .topimg a.weixin{ background-position:-27px 0;}
.header .wrap .topimg a.weibo:hover{ background-position:0 -27px;}
.header .wrap .topimg a.weixin:hover{ background-position:-27px -27px;}
.header .wrap .toptxt{ display:inline-block; *display: inline; *zoom:1; height:40px; line-height:40px; font-family:'Microsoft YaHei'; font-size:12px; color:#979797; vertical-align: middle; }
.header .wrap .toptxt a:hover{ color:#e62129;}
.header .wrap .toptxt em{ margin:0 10px;}

.header .nav{ font-size: 0; text-align: right; margin-top: 30px;}
.header .nav ul li{ display:inline-block; *display: inline; *zoom:1; font-family:'Microsoft YaHei'; font-size:15px; color:#060606; text-align: center;}
.header .nav ul li a{ float: left;}
.header .nav ul li b{ display: block; font-weight: normal;}
.header .nav ul li i{ display: block; font-size: 9px; color:#979797; text-transform:uppercase;}
.header .nav ul li:before{ content: "/"; float: left; color:#ccc; margin:0 25px;}
.header .nav ul li:first-child:before{ content: ''; display: none;}
.header .nav ul li.on a b,.header .nav ul li.on a i,.header .nav ul li a:hover b,.header .nav ul li a:hover i{color:#e62129;}


.banner { width: 100%; min-width: 1150px; height: 515px; overflow: hidden; position: relative; }
.banner .hd { position: absolute; left: 0; bottom: 22px; width: 100%; height: 12px; z-index: 1; }
.banner .hd ul { width: 1150px; margin: 0 auto; text-align: center; font-size: 0; }
.banner .hd ul li { display: inline-block; *display: inline; *zoom: 1; margin: 0 5px; width: 12px; height: 12px; border-radius: 50%; overflow: hidden; background: #fff; cursor: pointer; box-shadow: 2px 2px 2px #7a7a7a; }
.banner .hd ul li.on { background: #e62129; }
.banner .bd { position: relative; height: 100%; z-index: 0; }
.banner .bd ul { width: 100% !important; height: 515px; overflow: hidden; }
.banner .bd ul li { width: 100% !important; zoom: 1; vertical-align: middle; background-repeat: no-repeat; background-position: center top; }
.banner .bd ul li a { width: 100%; height: 515px; display: block; }
.banner .prev, .banner .next { position: absolute; left: 5%; top: 50%; margin-top: -20px; display: block; width: 32px; height: 40px; background: url(../images/slider-arrow.png) -110px 5px no-repeat; filter: alpha(opacity=50); opacity: 0.5; }
.banner .next { left: auto; right: 5%; background-position: 8px 5px; }
.banner .prev:hover, .banner .next:hover { filter: alpha(opacity=100); opacity: 1; }


.inbar{ width: 100%; min-width: 1150px; height: 54px; border-bottom: 1px solid #d6d6d6;}
.inbar .notice{ height:54px; line-height:54px; overflow:hidden;}
.inbar .notice h2{ float:left; font-family:'Microsoft YaHei'; font-size:12px; color:#000; font-weight: normal; padding:0 10px 0 20px; background:url(../images/notice_ico.jpg) no-repeat left center;}
.inbar .notice .bd{ padding:0 15px; float:left; }
.inbar .notice .infoList li{ height:54px; line-height:54px;   }
.inbar .notice .infoList li span{ font-family:'Microsoft YaHei'; font-size:12px; color:#717171; padding-right:15px;}
.inbar .notice .infoList li a{ max-width:500px; font-family:'Microsoft YaHei'; color:#717171; font-size:12px; }
.inbar .notice .infoList li a:hover{color:#e62129;}

.inbar .stock{ height:54px; line-height:54px; font-family:'Microsoft YaHei'; font-size:12px; color:#333;}
.inbar .stock a:hover{color:#e62129;}


.category{ width: 377px; height: 499px; margin:27px 10px 0 0;}
.category ul li{ position: relative; float: left; width: 188px; height: 249px; overflow: hidden;}
.category ul li.li1n,.category ul li.li3n{ margin-right: 1px;}
.category ul li.li1n,.category ul li.li2n{ margin-bottom: 1px;}
.category ul li img{ width: 100%; height: 100%; -webkit-transition:all 0.5s linear; -moz-transition:all 0.5s linear; transition:all 0.5s linear;}
.category ul li:hover img{-webkit-transform: scale(1.1); -moz-transform: scale(1.1); transform: scale(1.1);}
.category ul li .txt{ position: absolute; width: 75px; height: 75px; line-height: 22px; background:url(../images/category_bj.png); font-family:'Microsoft YaHei'; font-size:14px; color:#fff; text-align: center; }
.category ul li .txt p{ display:table-cell; width: 75px; height: 75px; vertical-align:middle; box-sizing: border-box; padding: 0 5px;}
.category ul li .txt span{display:inline-block; vertical-align:middle;}
.category ul li.li1n .txt{ right: 0; bottom: 0;}
.category ul li.li2n .txt{ left: 0; bottom: 0;}
.category ul li.li3n .txt{ right: 0; top: 0;}
.category ul li.li4n .txt{ left: 0; top: 0;}

.inconfr{ width: 763px;}
.proder{ position:relative; width:375px; height:333px; background:#eee; border:1px solid #ddd; overflow:hidden; margin-top:27px;}
.proder .hd{ overflow:hidden; height:30px; line-height:30px; padding:20px 20px 10px 25px; }
.proder .hd h3{ float: left; font-family:'Microsoft YaHei'; font-size:16px; color:#454545; font-weight: normal;}
.proder .hd .prev,.proder .hd .next,.proder .hd .playState{ display:block;  width:13px; height:15px; float:right; margin-left:-1px; margin-top:10px; overflow:hidden; cursor:pointer; background:url("../images/index_page.png") no-repeat -22px 0 #fff; border: 1px solid #dcdcdc; box-sizing: border-box; }
.proder .hd .next{ background-position:-33px 0; }
.proder .hd .playState{ background-position:0 0; }
.proder .hd .pauseState{ background-position:-10px 0; }
.proder .hd .prev:hover,.proder .hd .next:hover,.proder .hd .playState:hover{ background-color: #e62129; border-color: #e62129; }
.proder .hd .prev:hover{ background-position:-22px -17px; }
.proder .hd .next:hover{ background-position:-33px -17px; }
.proder .hd .playState:hover{ background-position:0 -17px;}
.proder .hd .pauseState:hover{ background-position:-10px -17px; }
.proder .bd ul{ overflow:hidden; zoom:1; }
.proder .bd ul li{ width:375px ; float:left; _display:inline; overflow:hidden; text-align:center; }
.proder .bd ul li p{ text-align:center; width:326px; height:210px; margin:0 auto; }
.proder .bd ul li p img{ width:100%; height:100%; }
/*.proder .bd ul li p:after{content:''; width:0; height:220px; line-height:220px;}
.proder .bd ul li p img{ max-width:100%; max-height:100%; }*/
.proder .bd ul li h5{ margin-top:20px; padding-left:25px; text-align: center; font-family:'Microsoft YaHei'; font-size:15px; color:#313131; font-weight: normal; max-width:300px;}
.proder .bd ul li h5 a:hover{ color: #e62129; }


.innews{ position:relative; width:375px; height:333px; background:#fff; border:1px solid #ebebeb; overflow:hidden; margin-top:27px;}
.innews .hd{ overflow:hidden; height:30px; line-height:30px; padding:20px 20px 10px 25px; }
.innews .hd h3{ float: left; font-family:'Microsoft YaHei'; font-size:16px; color:#454545; font-weight: normal;}
.innews .hd .prev,.innews .hd .next,.innews .hd .playState{ display:block;  width:13px; height:15px; float:right; margin-left:-1px; margin-top:10px; overflow:hidden; cursor:pointer; background:url("../images/index_page.png") no-repeat -22px 0 #fff; border: 1px solid #dcdcdc; box-sizing: border-box; }
.innews .hd .next{ background-position:-33px 0; }
.innews .hd .playState{ background-position:0 0; }
.innews .hd .pauseState{ background-position:-10px 0; }
.innews .hd .prev:hover,.innews .hd .next:hover,.innews .hd .playState:hover{ background-color: #e62129; border-color: #e62129; }
.innews .hd .prev:hover{ background-position:-22px -17px; }
.innews .hd .next:hover{ background-position:-33px -17px; }
.innews .hd .playState:hover{ background-position:0 -17px;}
.innews .hd .pauseState:hover{ background-position:-10px -17px; }
.innews .bd ul{ overflow:hidden; zoom:1; }
.innews .bd ul li{ width:375px ; float:left; _display:inline; overflow:hidden; text-align:left; font-family:'Microsoft YaHei'; }
.innews .bd ul li h5{ text-align:center; width:326px; height:170px; margin:0 auto; overflow: hidden;}
.innews .bd ul li h5 img{ width: 100%; height: 100%; }
.innews .bd ul li h6{ margin-top:15px; padding-left:25px; text-align: center; font-family:'Microsoft YaHei'; font-size:15px; color:#313131; font-weight: normal; max-width:300px; }
.innews .bd ul li h6 a:hover{ color:#e62129;}
/*.innews .bd ul li span{ line-height:21px; text-align:left; padding:5px 20px 0 25px; font-size:12px; color:#b9b9b9;}*/
.innews .bd ul li p{ line-height:21px; text-align: justify; padding:10px 20px 0 25px; font-size:12px; color:#6b6b6b; height:42px; text-overflow: ellipsis; overflow: hidden;display: block;}


.inservice{ position:relative; width:375px; height:150px; background:url(../images/inservice_bg.png) no-repeat right bottom #eee; border:1px solid #ddd; overflow:hidden; margin-top:12px;}
.inservice h3{ font-family:'Microsoft YaHei'; font-size:16px; color:#454545; font-weight: normal; padding:23px 0 0 24px;}
.inservice ul{ padding:15px 0 0 24px;}
.inservice ul li{ font-family:'Microsoft YaHei'; font-size:12px; color:#6b6b6b; height:21px; line-height:21px;}
.inservice ul li a:hover{ color:#e62129;}
.inservice span{ display: block; margin:10px 0 0 24px;}
.inservice.inhr{ background-image: url(../images/injob_bg.png); }


.footer{ width: 100%; min-width: 1150px; border-top: 1px solid #d2d2d2; margin-top: 27px; padding: 25px 0 20px 0;}
.footer ul{ margin-bottom: 10px;}
.footer ul li{ float:left; font-family:'Microsoft YaHei'; font-size:12px; color:#333;}
.footer ul li a:hover{ color:#e62129;}
.footer ul li:before{ content: "|"; color:#d5d5d5; margin:0 10px;}
.footer ul li:first-child:before{ content: ''; display: none;}
.footer p{font-family:'Microsoft YaHei'; color:#666; font-size:12px; line-height:22px;}
.footer p a:hover{ color:#e62129;}
.footer .links{ margin-top: 50px;}
.footer .links select{ width: 208px; height: 26px; border:1px solid #d7d7d7; font-family:'Microsoft YaHei'; font-size:12px; color:#333;}

.nybanner{ width: 100%; min-width: 1150px; height: 193px; background-repeat: no-repeat; background-position: center top; }

.scale{ width: 100%; min-width: 1150px; height: 10px; background: url(../images/scale_bg.jpg); margin-top: 1px;}

.nycon{ margin-top: 30px; }

.nycon .nyleft{ width: 224px; background: #f8f8f8;  box-sizing: border-box; border-radius: 5px; padding-bottom: 50px; }
.nycon .nyleft .nymenu h3{ width: 100%; height: 46px; line-height: 46px; margin: -1px 0 0 -1px; text-align: center; background: #e62129; border: 1px solid #e62129; border-bottom: none; border-top-left-radius: 5px; border-top-right-radius: 5px; font-family:'Microsoft YaHei'; font-size:18px; color:#f8f8f8; font-weight: normal; }
.nycon .nyleft .nymenu ul{ padding: 0 14px; }
.nycon .nyleft .nymenu ul li{ position: relative; height: 45px; line-height: 45px; border-bottom: 1px solid #fff; }
.nycon .nyleft .nymenu ul li a{ display: block; width: 100%; height: 100%; font-family:'Microsoft YaHei'; font-size:14px; color:#555;}
.nycon .nyleft .nymenu ul li.on a,.nycon .nyleft .nymenu ul li:hover a{ font-weight: bold; color: #e62129; }
.nycon .nyleft .nymenu ul li:before{ content: ""; position: absolute; display: block; left: 0; bottom: 0; width: 100%; height: 1px; background: #dddede; }
.nycon .nyleft .nymenu ul li.on:after,.nycon .nyleft .nymenu ul li:hover:after{ content: ""; position: absolute; right: 6px; top: 50%; margin-top: -5px; width: 0;
    height: 0; border-top: 5px solid transparent; border-left: 5px solid #e62129; border-bottom: 5px solid transparent; }

.nycon .nyleft .nycontact{ width: 100%; padding: 100px 14px 0 14px; box-sizing: border-box; margin-top: 50px; background: url(../images/worldmap_bg.png) no-repeat center top; }
.nycon .nyleft .nycontact ul li{ position: relative; line-height: 24px; padding: 10px 0 10px 26px; border-bottom: 1px solid #e6e6e6; font-family:'Microsoft YaHei'; font-size:14px; color:#7f7f7f; }
.nycon .nyleft .nycontact ul li:after{ content: ""; position: absolute; left: 0; top: 15px; width: 18px; height: 16px; background: url(../images/nycontact_ico.png) no-repeat; }
.nycon .nyleft .nycontact ul li.li1n:after{ background-position: 0 0; }
.nycon .nyleft .nycontact ul li.li2n:after{ background-position: 0 -46px; }
.nycon .nyleft .nycontact ul li.li3n:after{ background-position: 0 -92px; }
.nycon .nyleft .nycontact ul li a:hover{ color: #e62129; }
.nycon .nyleft .nycontact ul li.li1n{ color: #e62129; }

.nycon .nyright{ width: 885px; min-height: 400px; }
.nycon .nyright .nytitle{ height: 32px; line-height: 32px; border-bottom: 1px solid #5e5e5e;}
.nycon .nyright .nytitle h3{ font-family:'Microsoft YaHei'; font-size:15px; color:#353535; font-weight: normal;}
.nycon .nyright .crumbs{ font-family:'SimSun'; font-size:12px; color:#737373; background:url(../images/crumbs_bg.png) no-repeat left center; padding-left:22px;}
.nycon .nyright .crumbs a:hover{ color: #e62129;}


.nycon .nyright .newslist ul li{ padding: 26px 0; border-bottom: 1px solid #ddd; }
.nycon .nyright .newslist ul li .pic{ width: 150px; height: 110px; overflow: hidden; border-radius: 5px; }
.nycon .nyright .newslist ul li .pic img{ width: 100%; height: 100%; }
.nycon .nyright .newslist ul li .txt{ width: 720px; }
.nycon .nyright .newslist ul li .txt h5{ width: 100%; line-height: 30px; margin-bottom: 5px; font-family:'Microsoft YaHei'; font-size:18px; color:#333; font-weight: bold;  }
.nycon .nyright .newslist ul li .txt p{ width: 100%; height: 44px; line-height: 22px; overflow: hidden; margin-bottom: 10px; font-family:'Microsoft YaHei'; font-size:12px; color:#666; font-weight: normal; text-align: justify;  }
.nycon .nyright .newslist ul li .txt span{ line-height: 22px; font-family:'Microsoft YaHei'; font-size:12px; color:#666; margin-right: 25px; }
.nycon .nyright .newslist ul li .txt small{ line-height: 22px; background: url(../images/reading_ico.png) no-repeat left center; padding-left: 22px; font-family:'Microsoft YaHei'; font-size:12px; color:#666; }
.nycon .nyright .newslist ul li .txt a:hover{ color: #e62129; }


.nycon .nyright .imglist{ margin-top: 30px; }
.nycon .nyright .imglist ul li{ float: left; width: 275px; height: 220px; margin: 0 30px 30px 0; }
.nycon .nyright .imglist ul li.li3n{ margin-right: 0; }
.nycon .nyright .imglist ul li p{ width: 100%; height: 180px; overflow: hidden; }
.nycon .nyright .imglist ul li p img{ width: 100%; height: 100%; }
.nycon .nyright .imglist ul li span{ display: block; width: 100%; height: 40px; line-height: 40px; text-align: center; background: #5e5e5e; font-family:'Microsoft YaHei'; font-size:14px; color:#fff;}
.nycon .nyright .imglist ul li a:hover span{ background: #e62129; }

.nycon .page { text-align: center; line-height: 30px; font-size: 0; margin: 40px 0 40px 0; font-family: Arial; }
.nycon .page a { display: inline-block; *display: inline; *zoom: 1; height: 30px; line-height: 30px; font-size: 14px; color: #666; text-decoration: none; background: #ececec; margin: 0 0 0 10px; padding: 0 12px; text-align: center; }
.nycon .page span { display: inline-block; *display: inline; *zoom: 1; height: 30px; line-height: 30px; font-size: 14px; color: #6666; text-decoration: none; background: #ececec; margin: 0 0 0 10px; padding: 0 12px; text-align: center; }
.nycon .page .current, .nycon .page a:hover { background-color: #e62129; color: #fff; }

.solsolution{ background: #fbfbfb; border: 1px solid #f1f1f1; padding: 20px 24px; box-sizing: border-box; margin-top: 20px; }
.solsolution .text{ width: 240px; }
.solsolution .text h3{ font-family:'Microsoft YaHei'; font-size:18px; color:#666; font-weight: normal; margin-bottom: 10px; }
.solsolution .text p{ line-height: 20px; font-family:'Microsoft YaHei'; font-size:12px; color:#999; text-align: justify; }

.solsolution ul li{ float: left; width: 130px; text-align: center;}
.solsolution ul li em{ display: block; width: 68px; height: 68px; background: url(../images/solution_ico.png) no-repeat; margin: 0 auto; }
.solsolution ul li span{ display: block; font-family:'Microsoft YaHei'; font-size:18px; color:#666; padding-top: 5px; }
.solsolution ul li.li1n em{ background-position: 0 0; }
.solsolution ul li.li2n em{ background-position: -94px 0; }
.solsolution ul li.li3n em{ background-position: -188px 0; }
.solsolution ul li.li4n em{ background-position: -283px 0; }
.solsolution ul li.li5n em{ background-position: -377px 0; }
.solsolution ul li.li6n em{ background-position: -471px 0; }
.solsolution ul li a:hover span{ color: #e62129; }



.nycon .nyright .news_point{ margin:34px 0;}
.nycon .nyright .news_point .art_title{ margin-bottom:20px; text-align:center;}
.nycon .nyright .news_point .art_title h4{font-family:"Microsoft Yahei"; font-size:22px; color:#444; font-weight:bold; margin-bottom:30px;}
.nycon .nyright .news_point .art_title .info{ width:100%; height:38px; line-height:38px; background:#f2f2f2; font-family:"Microsoft Yahei"; font-size:12px; color:#999; padding:0 36px; box-sizing:border-box;}
.nycon .nyright .news_point .art_title .info span,.nycon .nyright .news_point .art_title .info .bshare{ display: block; width: 25%; }
.nycon .nyright .news_point .art_title .info .bshare{ margin-top: 10px; }
.nycon .nyright .news_point .art_content{ line-height:24px; text-align: justify;}
.nycon .nyright .news_point .art_content img{ max-width:100%;}
.nycon .nyright .news_point .art_content a:hover,.nycon .nyright .news_point .art_content a:hover *{ color: #e62129 !important; text-decoration: underline; }

.nycon .nyright .news_point .art_product{ margin-bottom: 30px; }
.nycon .nyright .news_point .art_product .pic{ width: 460px; height: 320px; }
/*.nycon .nyright .news_point .art_product .pic img{ width: 100%; height: 100%; }*/
.nycon .nyright .news_point .art_product .txt{ width: 400px; }

.nycon .nyright .news_point .art_product .txt h5{ width: 100%; line-height:26px; font-family:"Microsoft Yahei"; font-size:22px; color:#e62129; font-weight: bold; margin-bottom: 20px; }
.nycon .nyright .news_point .art_product .txt p{ height: 72px; line-height:24px; overflow: hidden; font-family:"Microsoft Yahei"; font-size:12px; color:#666; margin-top: 10px; }
.nycon .nyright .news_point .art_product .txt .prctel{ height: 48px; line-height: 24px; background: url(../images/tel_ico.png) no-repeat left center; padding-left: 55px; font-family:"Microsoft Yahei"; font-size:14px; color:#666; margin: 20px 0; }
.nycon .nyright .news_point .art_product .txt .prctel span{ display: block; }
.nycon .nyright .news_point .art_product .txt .prctel span a:hover{ color: #e62129; }
.nycon .nyright .news_point .art_product .txt .prctel .add_tel{ padding-right: 20px; margin-right: 20px; border-right: 1px solid #ccc; }



.nycon .nyright .news_point2{ width: 600px; }
.nycon .nyright .news_point3{ width: 450px; }

.nycon .nyright .nysolution{ width: 262px; margin-top: 34px; background: #ebebeb; padding-bottom: 50px; }
.nycon .nyright .nysolution h2{ height: 45px; line-height: 45px; background: url(../images/nysolution_title_ico.png) no-repeat 20px center #5e5e5e; padding-left: 50px;  font-family:"Microsoft Yahei"; font-size:16px; color:#fff; font-weight: normal;}

.fold_solution{ width: 235px; margin: 14px auto 60px auto;}
.fold_solution ul .nLi{ margin-bottom: 2px; }
.fold_solution ul .nLi h3{ position: relative; width: 100%; height:28px; line-height:28px; padding-left:16px; box-sizing: border-box; background: #8e9399; cursor:pointer; font-family: 'Microsoft YaHei'; font-size: 14px; color: #fff; font-weight: normal; }
.fold_solution ul .nLi h3:after{ content: ""; display: block; position: absolute; right: 15px; top: 8px; width: 12px; height: 12px; background: url(../images/fold_ico.png) no-repeat -28px 0; }
.fold_solution ul .nLi.on h3:after{ background-position: 0 0; }
.fold_solution ul .nLi.on .sub{ display: block;}
.fold_solution ul .nLi .sub{ padding: 4px 0 10px 0; display:none; }
.fold_solution ul .nLi .sub .pic{ width: 100%; height: 116px; overflow: hidden; }
.fold_solution ul .nLi .sub .pic img{ width: 100%; height: 100%; }
.fold_solution ul .nLi .sub .txt{ line-height: 20px; font-family: 'Microsoft YaHei'; font-size: 12px; color: #666; margin: 5px 0;}

.recommend{ width: 235px; margin: 14px auto; }
.recommend p{ width: 100%; height: 160px; overflow: hidden; }
.recommend p img{ width: 100%; height: 100%; }
.recommend span{ display: block; width: 100%; height: 30px; line-height: 30px; text-align: center; background: #8e9399; font-family:"Microsoft Yahei"; font-size:14px; color:#fff; }



.hotspot_solution{ margin-top: 30px; }
.hotspot_solution ul li{ width: 216px; float: left; margin-left: 7px; }
.hotspot_solution ul li:first-child{ margin-left: 0; }
.hotspot_solution ul li p{ width: 100%; height: 130px; overflow: hidden; }
.hotspot_solution ul li p img{ width: 100%; height: 100%; overflow: hidden; }
.hotspot_solution ul li span{ display: block; width: 100%; height: 30px; line-height: 30px; text-align: center; background: #dcdedd; font-family:"Microsoft Yahei"; font-size:14px; color:#333; }
.hotspot_solution ul li a:hover span{ background: #e62129; color: #fff; }


.solution_banner{ width: 100%; height: 210px; background: #eee; margin-top: 30px; }
.solution_banner .txt{ width: 245px; height: 100%; padding: 10px 25px; box-sizing: border-box; }
.solution_banner .txt h3{ font-family:"Microsoft Yahei"; font-size:18px; color:#333; font-weight: normal; text-align: justify; margin: 30px 0 15px 0; }
.solution_banner .txt p{ height: 120px; line-height: 20px; overflow: hidden; font-family:"Microsoft Yahei"; font-size:12px; color:#666; }
.solution_banner .pic{ width: 640px; height: 100%; overflow: hidden; }
.solution_banner .pic img{ width: 100%; height: 100%; }



.solution_list ul .nLi{ margin-bottom: 20px; }
.solution_list ul .nLi .slideBox{ width:100%; height:340px; overflow:hidden; position:relative; border:1px solid #dedede; border-bottom: none; box-sizing: border-box;  }
.solution_list ul .nLi .slideBox .bd{ position:relative; height:100%; z-index:0;   }
.solution_list ul .nLi .slideBox .bd li{ zoom:1; vertical-align:middle; text-align:center; width:883px; height:339px; margin:0 auto; overflow: hidden; }
.solution_list ul .nLi .slideBox .bd li:after{content:''; width:0; height:339px; line-height:339px;}
.solution_list ul .nLi .slideBox .bd img{ max-width:100%; max-height:100%;  }

.solution_list ul .nLi .slideBox .prev,
.solution_list ul .nLi .slideBox .next{ position:absolute; left:3%; top:50%; margin-top:-16px; display:block; width:18px; height:32px; background:url(../images/slider-arrow.png) -176px 0 no-repeat; }
.solution_list ul .nLi .slideBox .next{ left:auto; right:3%; background-position:-60px 0; }
.solution_list ul .nLi .slideBox .prevStop{ display:none;  }
.solution_list ul .nLi .slideBox .nextStop{ display:none;  }

.solution_list ul .nLi h3{ position: relative; width: 100%; height: 40px; line-height: 40px; text-align: center; background: #8e9399; font-family:"Microsoft Yahei"; font-size:16px; color:#fff; font-weight: normal; }
.solution_list ul .nLi h3:after{ content: ""; display: block; position: absolute; right: 15px; top: 8px; width: 22px; height: 22px; background: url(../images/solution_fold_ico.png) no-repeat 0 0; cursor: pointer; }

.solution_list ul .nLi .sub table{ line-height: 20px; font-family:"Microsoft Yahei"; font-size:14px; color:#666;}
.solution_list ul .nLi .sub table .odd{ background: #e9eaeb; }
.solution_list ul .nLi .sub table .even{ background: #d7d9db; }
.solution_list ul .nLi .sub table td{ padding: 10px 40px; }
.solution_list ul .nLi .sub{ display: none; }
.solution_list ul .nLi.on h3:after{ background-position: -34px 0; }
.solution_list ul .nLi.on .sub{ display: block; }



.nycon .nyright .nyfrom { width: 425px; margin: 40px 0; }
.nycon .nyright .nyfrom p { overflow: hidden; margin: 0 0 15px 0; }
.nycon .nyright .nyfrom p .label { display: block; float: left; width: 80px; height: 32px; line-height: 32px; text-align: right; vertical-align: top; font-family: "Microsoft Yahei"; font-size: 14px; color: #4c4c4c; }
.nycon .nyright .nyfrom p .input { display: block; float: left; padding: 0 5px; width: 300px; height: 32px; border: 1px #ccc solid; }
.nycon .nyright .nyfrom p .textarea { display: block; float: left; width: 310px; height: 100px; border: 1px #ccc solid; }
.nycon .nyright .nyfrom p .identify { display: block; float: left; padding: 0 5px; width: 120px; height: 32px; border: 1px #ccc solid; }
.nycon .nyright .nyfrom p .sbmit { display: block; float: left; margin-right: 20px; width: 90px; height: 30px; font-family: "Microsoft Yahei"; font-size: 15px; color: #fff; background: #e62129; border: none; cursor: pointer; -webkit-transition: all .3s linear; transition: all .15s linear; }
.nycon .nyright .nyfrom p .sbmit:hover { opacity: 0.75; filter: alpha(opacity=75); }
.nycon .nyright .nyfrom p .reset { display: block; float: left; margin-right: 20px; width: 90px; height: 30px; font-family: "Microsoft Yahei"; font-size: 15px; color: #4c4c4c; background: #e5e5e5; border: none; cursor: pointer; -webkit-transition: all .3s linear; transition: all .15s linear; }
.nycon .nyright .nyfrom p .reset:hover { opacity: 0.75; filter: alpha(opacity=75); }
.nycon .nyright .nyfrom p img { float: left; width: 60px; height: 30px; margin-left: 10px; }
.nycon .nyright .nyfrom p span { display: block; float: left; height: 32px; line-height: 32px; margin-left: 10px; color: #ff0000; vertical-align: top; }



.syFocusThumb{POSITION: relative; WIDTH:100%;  OVERFLOW: hidden; margin:40px auto;}
.syFocusThumb .pagination {POSITION: absolute; TEXT-ALIGN: left; WIDTH: 100%; HEIGHT:56px; COLOR: #fff; CLEAR: both; TOP: 0; LEFT: 0px}
.syFocusThumb .thumbWrap {POSITION: absolute; WIDTH:728px;  OVERFLOW: hidden; TOP: 0; LEFT:80px}
.syFocusThumb .holder {WIDTH: 4000px}
.syFocusThumb .holder I {CURSOR: pointer;}

.syFocusThumb .prev,.syFocusThumb .next{POSITION: absolute;TOP:0; CURSOR: pointer; left:0px; width:32px; height:56px; background:url(../images/timeline-arrow.png) no-repeat;}
.syFocusThumb .next{ background-position:-83px 0; left:auto; RIGHT: 0px;}

.syFocusThumb .pagination I.selected a{ color:#000;}
.syFocusThumb .sliderwrapper{ width:100%; padding-top:106px; text-align:left;}
.syFocusThumb .toc{ font-size:12px; font-style:normal; display:block;background:url(../images/timeline-list-bj.png) no-repeat left 25px; width:104px; padding-bottom:20px; text-align:center; }
.syFocusThumb .toc a{color:#999;font-family:"Microsoft YaHei"; font-size:20px; }
.syFocusThumb .pagination I.selected{ text-align:center;background:url(../images/timeline-list-on-bj.png) no-repeat left 25px;}
.syFocusThumb .pagination I.selected a{ color:#0744a9;}
.syFocusThumb .contentdiv { line-height: 24px; text-align: justify;}



.prodplay{ position: relative; width: 100%; height: 400px;  margin-top: 30px; }
.prodplay2{ height: 425px; }
.prodplay3{ height: 420px; }
.prodplay4{ height: 233px; }

.prodplay .points h4{ display: none; position: absolute; z-index: 200; top: -145px; left: -91px; width: 200px; height: 50px; line-height: 50px; text-align: center; background: #e62129; border-radius: 10px;  font-family:"Microsoft Yahei"; font-size:14px; color:#fff; font-weight: normal; }
.prodplay .points h4:after{ content: ""; position: absolute; left: 50%; bottom: -100px; display: block; width: 1px; height: 100px; border-left: 1px dotted #e62129; }
.prodplay .points h4:before{ content: ""; position: absolute; left: 50%; bottom: -15px; margin-left: -5px; display: block; width: 0; height: 0; border-left: 5px solid transparent; border-right: 5px solid transparent; border-top: 15px solid #e62129; }
.prodplay .points a:hover h4{ display: block; }


.prodplay2 .points h4{ top: -205px;}
.prodplay2 .points h4:after{ bottom: -160px; height: 150px;}
.prodplay2 .points h4:before{ bottom: -15px;}

.prodplay3 .points h4{ top: -110px;}
.prodplay3 .points h4:after{ bottom: -67px; height: 76px;}
.prodplay3 .points h4:before{ bottom: -15px;}

.prodplay .points .trigger_down h4{ top: auto; bottom: -100px; }
.prodplay .points .trigger_down h4:after{ bottom: -110px; top: -70px; height: 100px; }
.prodplay .points .trigger_down h4:before{ top: -15px; bottom: auto; border-bottom: 15px solid #e62129; border-top: none; }


.prodplay .points a{ position: absolute; width:25px; height:25px; opacity:1; }
.prodplay .points .plus{ position: relative; background: url(../images/point_ico.png) no-repeat center #e62129; width:20px; height:20px; display: block; z-index: 5; border-radius: 50%;}
.prodplay .points .p-pulse { border: 2px solid #e62129; width:20px; height:20px; display: block; position: absolute; z-index: 4; top: 0; left: 0; margin:-2px 0 0 -2px; border-radius: 50%; -webkit-animation: pulsate 2s ease-out infinite; -moz-animation: pulsate 2s ease-out infinite; animation: pulsate 2s ease-out infinite; }

@-webkit-keyframes pulsate {
    0% { opacity: 0; -webkit-transform: scale(0.1); -moz-transform: scale(0.1); -ms-transform: scale(0.1); -o-transform: scale(0.1); transform: scale(0.1); }
    50% {opacity: 1;}
    100% { opacity: 0;-webkit-transform: scale(1.4); -moz-transform: scale(1.4); -ms-transform: scale(1.4); -o-transform: scale(1.4); transform: scale(1.4);opacity: 0.0;}
}
@-moz-keyframes pulsate {
    0% { opacity: 0; -webkit-transform: scale(0.1); -moz-transform: scale(0.1); -ms-transform: scale(0.1); -o-transform: scale(0.1); transform: scale(0.1); }
    50% {opacity: 1;}
    100% { opacity: 0;-webkit-transform: scale(1.4); -moz-transform: scale(1.4); -ms-transform: scale(1.4); -o-transform: scale(1.4); transform: scale(1.4);opacity: 0.0;}
}
@-ms-keyframes pulsate {
    0% { opacity: 0; -webkit-transform: scale(0.1); -moz-transform: scale(0.1); -ms-transform: scale(0.1); -o-transform: scale(0.1); transform: scale(0.1); }
    50% {opacity: 1;}
    100% { opacity: 0;-webkit-transform: scale(1.4); -moz-transform: scale(1.4); -ms-transform: scale(1.4); -o-transform: scale(1.4); transform: scale(1.4);opacity: 0.0;}
}
@-o-keyframes pulsate {
    0% { opacity: 0; -webkit-transform: scale(0.1); -moz-transform: scale(0.1); -ms-transform: scale(0.1); -o-transform: scale(0.1); transform: scale(0.1); }
    50% {opacity: 1;}
    100% { opacity: 0;-webkit-transform: scale(1.4); -moz-transform: scale(1.4); -ms-transform: scale(1.4); -o-transform: scale(1.4); transform: scale(1.4);opacity: 0.0;}
}
@keyframes pulsate {
    0% { opacity: 0; -webkit-transform: scale(0.1); -moz-transform: scale(0.1); -ms-transform: scale(0.1); -o-transform: scale(0.1); transform: scale(0.1); }
    50% {opacity: 1;}
    100% { opacity: 0;-webkit-transform: scale(1.4); -moz-transform: scale(1.4); -ms-transform: scale(1.4); -o-transform: scale(1.4); transform: scale(1.4);opacity: 0.0;}
}



.Validform_wrong{ background: url(../images/error.png) no-repeat left center; padding-left: 20px; margin-left: 78px !important; height:20px !important; line-height:20px !important; float: none !important; text-align: left; clear: both; }
.Validform_right{ display: none !important; }