@charset "utf-8";
/* by Sean Lu 20160719 */
html { }
html,body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,blockquote,p { padding:0; margin:0; }
body { font-size: 12px; background: #fff; color: #333; font-family: microsoft yahei;}
ul,li { list-style: none; }
img { border: 0; }
input:focus { outline: none; }

/* 圆细滚动条样式 20150717 */
::-webkit-scrollbar{width:6px;height:12px}
::-webkit-scrollbar-button:vertical{display:none;}
::-webkit-scrollbar-track:vertical{background-color:black}
::-webkit-scrollbar-track-piece{background:#FFF}
::-webkit-scrollbar-thumb:vertical{background-color:#8E8E8E;border-radius:5px}
::-webkit-scrollbar-thumb:vertical:hover{background-color:#3B3B3B}
::-webkit-scrollbar-corner:vertical{background-color:#535353}
::-webkit-scrollbar-resizer:vertical{background-color:#FF6E00}

/* 全局 */
a { text-decoration: none; color: #333; font-size:12px;}
a:hover { text-decoration: none; }

/* 清理浮动 */
.clearfix { clear: both; zoom: 1; }
.clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }

.fl { float: left; }
.fr { float: right; }

.wrapper{ width:1200px; margin:0 auto;}
.wrapper_big{ width:1392px; margin:0 auto;}





.theme-default { width:100%; height:780px; position:relative; overflow:hidden; }
/*.theme-default:after { content: ''; display: block; border: 14px solid transparent; border-bottom-color: #1056d0; position: absolute; bottom: 0; left: 50%; margin-left: -34px; z-index: 99; }*/
.theme-default .bolang { height: 33px; background: url(../img/bolang.png); position: absolute; bottom: 0; left: 0; width: 100%; z-index: 9; }
.theme-default #slider {width:1920px; height:836px;position:absolute; left:50%; top:0; margin-left:-960px;}
.theme-default .nivoSlider {position:relative;background:#fff url(loading.gif) no-repeat 50% 50%; -webkit-box-shadow: 0px 1px 5px 0px #4a4a4a; -moz-box-shadow: 0px 1px 5px 0px #4a4a4a; box-shadow: 0px 1px 5px 0px #4a4a4a;}
.theme-default .nivoSlider img {position:absolute; top:0px; left:0px; display:none;}
.theme-default .nivoSlider a {border:0; display:block;}
.theme-default .nivo-controlNav {position:absolute; left:50%; bottom:10px; margin-left:-55px;}
.theme-default .nivo-controlNav a {display:block;width:22px;height:22px;background:url(../img/bullets.png) no-repeat;text-indent:-9999px;border:0;float:left;}
.theme-default .nivo-controlNav a.active {background-position:0 -22px;}
.theme-default .nivo-directionNav a {display:block;width:30px;height:30px;background:url(../img/arrows.png) no-repeat;text-indent:-9999px;border:0;}
.theme-default a.nivo-nextNav {background-position:-30px 0; right:100px;}
.theme-default a.nivo-prevNav {left:100px;}
.theme-default .nivo-caption {font-family: Helvetica, Arial, sans-serif;}
.theme-default .nivo-caption a {color:#fff; border-bottom:1px dotted #fff;}
.theme-default .nivo-caption a:hover {color:#fff;}

.nivoSlider {position:relative;}
.nivoSlider img {position:absolute;top:0px;left:0px;}
.nivoSlider a.nivo-imageLink {position:absolute;top:0px;left:0px;width:100%;height:100%;border:0;padding:0;margin:0;z-index:6;display:none;}
.nivo-slice {display:block;position:absolute;z-index:5;height:100%;}
.nivo-box {display:block;position:absolute;z-index:5;}
.nivo-directionNav a {position:absolute;top:32%;z-index:9;cursor:pointer;}
.nivo-prevNav {left:0px;}
.nivo-nextNav {right:0px;}
.nivo-controlNav a {position:relative; z-index:9; cursor:pointer;}
.nivo-controlNav a.active {font-weight:bold;}

.theme-default .nivo-controlNav { z-index: 100; bottom: 30px; }






.top{ background:url(../img/topbg.jpg) repeat-x; height:120px;}
.top .logo img{ margin-top:30px;}
.top .toper{ margin-left:160px;}
.top .toper li{ float:left; margin-right:55px;}
.top .toper li a{ font-size:14px; color:#f1f1f1; line-height:120px;}
.top .toper li a:hover{ text-decoration:underline;}
.top .language{ padding-top:54px;}
.top .language a{ font-size:12px; font-weight:bold; color:#898989;}
.top .language a:hover{}
.top .language .tou:hover span{ display:block;}
.top .language .tou span{ display:none;}
.top .link{ padding-top:50px;}




.img{ text-align:center;}
.pro{ height:765px; position:relative; width:1200px;}
.pro .innav{width:1200px; overflow:hidden; margin:0 auto;}
.pro .innav ul{background:#20252a; height:84px; box-shadow:3px 3px 0 #f8c8cb; width:1200px;border:1px solid #BFBFBF; padding:0 96px; position:absolute; top:0; left:0; box-sizing:border-box;}
.pro .innav li{ float:left; text-align:center; padding:0 15px; background:url(img/probg.jpg) no-repeat center; overflow:hidden;}
.pro .innav li.on{ background:#e63744;}
.pro .innav li a{ font-size:14px; color:#f1f1f1; font-weight:bold; line-height:84px;}
.pro .innav li:hover{ background:#e63744;}
.pro_title{ text-align:center; font-size:14px; color:#767576; margin:120px 0 40px; line-height:24px;}
.pro .bd{width:1200px; margin:0 auto;}
.pro .bd ul{width:1200px; margin:0 auto;}
.pro .bd ul li{ width:280px; box-sizing:border-box; height:280px; float:left; margin:0 10px;}
.pro .bd ul li a{}
.pro .bd ul li a img{}
.pro .bd ul li a .pro_con{ padding:10px; width:280px; box-sizing:border-box; border:2px #ccc solid; border-top:none;}
.pro .bd ul li h1{ font-size:14px; color:#20272c;}
.pro .bd ul li h2{ font-size:12px; color:#767576;}
.pro .bd ul li a:hover .pro_con h2{ color:#e63744;}
.pro .bd ul li a .pro_con p{ margin-top:12px; color:#767576; line-height:18px;}
.pro .bd ul li a:hover .pro_con p{ color:#e63744;}
.innav .phd{position:absolute; top:360px; left:0; width:1200px;}
.innav .phd a{ width:12px; height:23px; display:block; cursor:pointer; float:left;}
.innav .phd a.next{ background:url(../img/jt_right.jpg) no-repeat; position:absolute; right:-20px;}
.innav .phd a.prev{ background:url(../img/jt_left.jpg) no-repeat; position:absolute; left:-20px;}






.com{}
.com li{ width:314px; height:245px; float:left; background:#1f2126; padding:95px 75px 0 75px;l}
.com li.onthercolor{ background:#e63744;}
.com li img{ margin-left:130px; margin-bottom:24px;}
.com li h1{ color:#FFF; font-size:18px; text-align:center;}
.com li p{ margin-top:16px; color:#fff; text-align:center;}




.new{ height:400px; position:relative;}
.new .hd{}
.new .hd ul{width:450px; margin:0 auto; position:absolute; left:50%; margin-left:-225px; top:0;}
.new .hd li{ float:left; width:220px; height:60px; text-align:center; margin-right:5px;} 
.new .hd li:hover{ background:url(../img/newstitbg.jpg) no-repeat center top; border:none; width:220px;}
.new .hd li.on{ background:url(../img/newstitbg.jpg) no-repeat center top; border:none; width:220px;}
.new .hd li a{ font-size:14px; line-height:48px; height:48px; border:1px #20272c solid; display:block;}
.new .hd li:hover a{ color:#fff;}
.new .hd li.on a{ color:#fff;}
.new .hd .nhd{position:absolute; width:1200px; top:300px;}
.new .bd ul{ padding-top:50px;}
.new .bd li a{ text-align:center;}
.new .bd li a h1{ font-size:24px; font-weight:normal; width:380px; margin:30px auto 0;}
.new .bd li a span{ color:#6d767c; font-size:18px; margin-top:45px; display:block;}
.new .bd li a p{ width:630px; margin:0 auto; margin-top:38px; line-height:18px;}
.newnav .nhd{ margin-top:30px;}
.newnav .nhd li{ width:6px; height:6px; border-radius:3px; background:#a0a0a0; float:left; margin-right:7px; cursor:pointer; text-indent:-999px; overflow:hidden;}
.newnav .nhd li.on{ background:#e63744;}
.new .hd .nhd a{ width:90px; height:180px; display:block; cursor:pointer; margin-top:-180px;}
.new .hd .nhd a.bprev{ background:url(../img/left.jpg) no-repeat; float:left;}
.new .hd .nhd a.bnext{ background:url(../img/right.jpg) no-repeat; float:right;}
.more{ text-align:center;}
.more a{ color:#e63744; font-size:18px;}




.con{ background:url(../img/contactbg.jpg) no-repeat center; margin-top:60px; height:532px;}
.tel{ padding-top:235px; text-align:center; font-size:56px; font-weight:bold; color:#fff;}
.tel img{ margin-right:14px;}
.contact{ width:680px; margin:0 auto; margin-top:50px;}
.contact li{ float:left; color:#fff; margin-right:30px; font-size:14px;}
.contact li img{ margin-right:12px; vertical-align:middle;}

.links{ width:1200px; margin:auto; margin-top:120px; text-align:center;}
.links span{ color:#eee;}
.links a{ margin-right:20px; color:#eee;}

.foot{ text-align:center; margin:30px 0;}
.foot .footer{ width:500px; margin:auto; margin-bottom:10px;}
.foot .footer li{ float:left; margin:0 18px;}
.foot .footer li a{ color:#1c2227; font-size:14px; font-weight:bold;}





.i_com{ background:url(../img/combg.jpg) no-repeat center; height:438px; padding-top:74px;}
.company{ padding:50px 20px 50px 50px; background:#fff; width:1130px;}
.company p{ line-height:30px; text-indent:24px;}
.company img{ float:right; margin:20px; margin-right:0;}
.ttbt{margin-bottom:20px; background-color:#f1f1f1; padding:20px 0;}
.tit{ font-size:24px; color:#555; text-align:left; margin:0px 0 10px; font-weight:bold;}
.tita{font-size:14px; color:#666; line-height:22px;}
.equip{ background:#ebebeb; padding:50px 0;}
.equipimg{width:1200px; overflow:hidden; height:260px;}
#demo1{ float:left;}
#demo2{ float:left;}
.equipimg li{ float:left; margin-right:20px;}
.equipimg li p{ background:#fff; height:50px; text-align:center; font-size:14px; line-height:50px;}
.yjcontent{ text-align:center; font-size:16px; line-height:30px; margin-bottom:40px;}
.yjimg{  margin:0 auto; width:1200px; margin-bottom:40px; overflow:hidden;}


.innews{margin-bottom:40px;}
.innews li{border-bottom:1px #eee solid; padding:30px 10px; height:120px;}
.innews li:hover{ background:#f1f1f1; }
.innews li img{ width:190px; height:120px; float:left; margin-right:20px; border:1px #ccc solid; display:block;}
.innews li h1{ font-size:18px; color:#4b6d80; font-family:Microsoft yahei; margin-left:210px; font-weight:bold;}
.innews li p{ color:#666; font-size:13px; text-decoration:none; line-height:22px; margin-top:8px; margin-left:210px;}
.innews li .btnmore{border-radius:10px; background-color:#888; color:#fff; width:60px; height:25px; line-height:25px; margin-left:210px; margin-top:10px; text-align:center;}



.product{width:100%; margin:0 auto; height:100%; position:relative;}
.pro_left{ background:#717171 repeat-y; width:15%; height:100%; position:absolute; left:0; top:0;}
.pro_left p{ padding-left:14%; margin-bottom:30px; background:#2e3337; height:50px; line-height:50px; margin-top:50px;}
.pro_left p a{ font-size:18px; color:#fff;}
.pro_left ul{height:100%;}
.pro_left li{ padding-left:14%; margin-bottom:5px; line-height:46px;}
.pro_left li:hover{ background:#e63744;}
.pro_left li.on{ background:#e63744;}
.pro_left li a{ font-size:15px; color:#ebebeb; line-height:46px;}
.pro_left li a:hover{ color:#fff;}
.pro_left li.on a{ color:#fff;}
.pro_right{ padding:50px 5% 50px 5%; box-shadow:0px 10px 15px #ccc; overflow:hidden; margin-left:18%; width:70%; margin-bottom:3%;}
.pro_right h1{ color:#555; border-bottom:1px #ddd solid; padding-bottom:14px; margin-bottom:30px; font-size:20px; font-weight:normal;}
.pro_right h1 a{ float:right; color:#999; font-weight:normal; font-size:14px; border:1px #999 solid; padding:8px 10px;}
.pro_right h1 a:hover{ background:#e63744; color:#fff; border:none}
.pro_right li{ height: auto; float: left; position: relative; margin: 0.8% 1%; position:relative; width:23%;}
.pro_right li a{}
.pro_right li a img{ width:100%; height:188px;}
.pro_right li a p{ height:44px; line-height:44px; text-align:center; background:#1E262B; color:#fff; -webkit-transition: all 1s; -moz-transition: all 1s; -ms-transition: all 1s; -o-transition: all 1s ; transition: all 1s ;}
.pro_right li:hover a p{ background:#e63744; overflow:hidden;}
.pro_right li a em{ background:url(../img/fangda.png) no-repeat center top; display:block; height:188px; position:absolute; top:0; width:100%; z-index:999;-webkit-transform: scale(0, 0);  -moz-transform: scale(0, 0); -ms-transform: scale(0, 0); -o-transform: scale(0, 0); transform: scale(0, 0); -webkit-transition: all 1s cubic-bezier(0.215, 0.61, 0.355, 1) 0s; -moz-transition: all 1s cubic-bezier(0.215, 0.61, 0.355, 1) 0s; -ms-transition: all 1s cubic-bezier(0.215, 0.61, 0.355, 1) 0s; -o-transition: all 1s cubic-bezier(0.215, 0.61, 0.355, 1) 0s; transition: all 1s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;}
.pro_right li:hover a em{-webkit-transform: scale(1, 1); -moz-transform: scale(1, 1); -ms-transform: scale(1, 1); -o-transform: scale(1, 1); transform: scale(1, 1);}


.titta{font-family:Microsoft Yahei; font-size:20px; font-weight:bold; text-decoration:none; color:#555; background-color:#f1f1f1; padding:15px 30px; text-align:center; margin:30px 0;}
.btnn{margin:35px auto; width:366px;}
a.prebtn{border:1px solid #ddd; width:100px; margin:0 10px; float:left; height:32px; line-height:32px; text-align:center; display:block;}
a.prebtn:hover{background-color:#888; color:#fff;}

.inappli{padding:10px 0 50px;}

.innercontact{margin:25px 0;}
.innercontact li{float:left; width:31%; margin:0 1%; border-bottom:1px #ddd dotted; line-height:40px; font-size:15px; color:#666;}

.pnrul{width:100%;}
.pnrul li{float:left; width:31%; margin:0 1%;}
.pnrul li a img{width:100%; height:250px;}
.pnrul li img{width:100%; height:250px;}
.nytitle{font-family:Arial, Helvetica, sans-serif; color:#666; font-size:14px; line-height:22px;}

.pnrul li a em{ background:url(../img/fangda1.png) no-repeat center top; display:block; height:250px; position:absolute; top:0; width:100%; z-index:999;-webkit-transform: scale(0, 0);  -moz-transform: scale(0, 0); -ms-transform: scale(0, 0); -o-transform: scale(0, 0); transform: scale(0, 0); -webkit-transition: all 1s cubic-bezier(0.215, 0.61, 0.355, 1) 0s; -moz-transition: all 1s cubic-bezier(0.215, 0.61, 0.355, 1) 0s; -ms-transition: all 1s cubic-bezier(0.215, 0.61, 0.355, 1) 0s; -o-transition: all 1s cubic-bezier(0.215, 0.61, 0.355, 1) 0s; transition: all 1s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;}
.pnrul li:hover a em{-webkit-transform: scale(1, 1); -moz-transform: scale(1, 1); -ms-transform: scale(1, 1); -o-transform: scale(1, 1); transform: scale(1, 1);}