/* ==========================================================================
   Global
   ========================================================================== */
html { font-size: 62.5%; }
a { color: #6d7073; }
a:hover { color: #d30000; }
body { color: #6d7073; font: 12px/1.6 "Microsoft Yahei", arial, "Hiragino Sans GB", sans-serif; ; background: #fff; }
.wrapper { width: 980px; margin-left: auto; margin-right: auto; }
.wrapper:after, .row:after { content: ""; display: table; clear: both; }
.container, .topbar, header, footer { min-width: 980px; }
.en-txt { text-transform: uppercase; }
/* ==========================================================================
   Header
   ========================================================================== */
header { position: fixed; position: absolute; left: 0; top: 0; width: 100%; z-index: 999; }
.header-bg { min-width: 980px; filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#f3f3f8');
background-image: -webkit-linear-gradient(top, #fff, #f3f3f8); background-image: -moz-linear-gradient(top, #fff, #f3f3f8); background-image: -o-linear-gradient(top, #fff, #f3f3f8); background-image: linear-gradient(top, #fff, #f3f3f8); border-bottom: 1px solid #c6c7c9; -webkit-box-shadow: 0 1px 4px rgba(0,0,0,.12); -moz-box-shadow: 0 1px 4px rgba(0,0,0,.12); box-shadow: 0 1px 4px rgba(0,0,0,.12); }
header .wrapper { height: 117px; position: relative; z-index: 999; background: url(../images/header-line.png) no-repeat 150px 0; }
.logo { position: absolute; padding: 24px 0 0 0; }
header .tel { color: #d30000; font-size: 13px; line-height: 25px; top: 11px; position: absolute; right: 440px; }
header .tel .fa { font-size: 15px; line-height: 25px; padding-right: 8px; }
.lang { position: absolute; right: 16px; top: 11px; line-height: 25px; }
.lang a { float: left; color: #8e8e8e; padding-left: 32px; }
.lang .cn { background: url(../images/cn.gif) no-repeat 0; }
.lang .en { background: url(../images/en.gif) no-repeat 0; }
.lang .pipe { float: left; padding: 0 8px 0 5px; }
/* search */
.globalsearch { position: absolute; top: 11px; right: 200px; }
.globalsearch .search-ipt, .globalsearch .search-btn { float: left; border: 0 none; background: transparent; }
.globalsearch .search-ipt { width: 151px; height: 19px; padding: 2px 32px 2px 8px; line-height: 19px; border: 1px solid #f0f0f3; -webkit-border-radius: 6px; -moz-border-radius: 6px; border-radius: 6px; }
.globalsearch .search-btn { width: 30px; margin-left: -30px; height: 25px; cursor: pointer; }
.globalsearch .search-btn .fa { color: #000; font-size: 15px; }
.globalsearch .search-btn:hover .fa { color: #d30000; }
.container { padding-top: 117px; }
/* ==========================================================================
   Nav
   ========================================================================== */
.navbar { }
.globalnav { position: absolute; right: 0; bottom: 15px; }
.globalnav li { float: left; }
.globalnav li a { display: block; color: #4b4b4b; padding: 0 16px; font: 15px/44px microsoft yahei; }
.globalnav .active a, .globalnav li .active1 { color: #d30000; }
.globalnav .dropdown { position: absolute; z-index: 99; background: #f4f4f9; display: none; -webkit-box-shadow: 1px 1px 3px rgba(0,0,0,.15);
-moz-box-shadow: 1px 1px 3px rgba(0,0,0,.15);
box-shadow: 1px 1px 3px rgba(0,0,0,.15); border-bottom: 1px solid #c6c7c9;}
.globalnav .dropdown a { white-space: nowrap; line-height: 32px; color: #6d7073; background: none;  }
.globalnav .dropdown a:hover { color: #fff; background: #e9412a; }
/* ==================================
   banner
   ================================== */
.banner { position: relative; overflow: hidden; min-width: 980px; width: 100%; height: 474px; }
.banner .bd li a { position: absolute; left: 0; top: 0; overflow: hidden; background-position: 50% 50%; background-repeat: no-repeat; background-size: cover; width: 100%; height: 465px; /* superslide 取值规定必须是具体数值 */ }
.banner .hd { position: absolute; width: 100%; left: 0; bottom: 0; height: 5px; background: #8e9195; line-height: 0; overflow: hidden; font-size: 0; }
.banner .hd ul { width: 980px; margin: 0 auto;}
.banner .hd li { float: left; cursor: pointer; width: 231px; height: 5px;  line-height: 0; overflow: hidden; font-size: 0; overflow: hidden; padding: 0 7px;  background: #8e9195;  }
.banner .hd li span { display: block; height: 5px;   }
.banner .hd .on { background: #fff; }
.banner .hd .on span { background: #e43726; }

/* ==========================================================================
   Content
   ========================================================================== */
.pipe { padding: 0 10px; }
.row { margin: 60px 0 0; background: url(../images/row-bg1.gif) repeat-x 0 11px; }
.row-hd { width: 271px; height: 36px; border: 1px solid #c9ced5; background: #fff; margin: 0 auto 48px; text-align: center; position: relative; }
.row-hd h2 { font-size: 32px; font-weight: 300; background: #fff; width: 156px; position: absolute; left: 50%; top: -26px; margin-left: -78px; }
.row-hd h2 a { color: #6d7073; }
.row-hd .more { float: right; }
.row .summary { text-align: center; font-size: 14px; color: #6d7073; margin: 0 auto 56px; }
.row-pro .summary { width: 600px; }
.row-sol .summary { width: 870px; }
.mod { float: left; }
.mod-wrap { border: 1px solid #ddd; }
/* pro */
.pro-list { margin-right: -34px; }
.pro-list .item { float: left; width: 302px; display: inline; margin-right: 34px; border: 1px solid #c9ced5; height: 400px; position: relative; color: #e53724; }
.pro-list .pic { display: block; width: 100%; height: 300px; margin-bottom: 7px; position: relative; _position: static; overflow: hidden; }
.pro-list .pic:after { content: ' '; display: block; position: absolute; left: -150px; top: 0; width: 50%; height: 100%; background-image: -webkit-linear-gradient(0deg, rgba(255, 255, 255, 0), rgba(255, 255, 255, 0.5), rgba(255, 255, 255, 0)); backg--round-color: red; -webkit-transform: skewx(-25deg); -webkit-transition: 0s; }
.pro-list .pic:hover:after { left: 300px; -webkit-transition: 0.8s; }
.pro-list .pic img { width: 100%; height: 100%; }
.pro-list .more { position: absolute; width: 50px; height: 22px; background: url(../images/more-bg.gif) no-repeat; right: 0; bottom: 0; text-indent: -9999px; overflow: hidden; }
.pro-list .txt { padding: 0 30px; }
.pro-title { font-size: 20px; font-weight: 300; line-height: 1.2;  color: #e53724;  }
.pro-en-title { font-size: 20px; font-weight: 300; line-height: 1.2; color: #e53724;  }
/* sol */
.sol-list { position: relative; padding-left: 221px; width: 759px; _width: 762px; height: 416px; }
.sol-list li { float: left; width: 221px; margin-left: 32px; margin-bottom: 30px; _display: inline; }
.sol-list li a { display: block; position: relative; overflow: hidden; color: #fff; height: 178px; }
.sol-list li a:hover .cover { bottom: 0; }
.sol-list li a:hover .cover .cell { -webkit-transform: scale(1); -moz-transform: scale(1); -ms-transform: scale(1); transform: scale(1); }
.sol-list .except { position: absolute; left: 0; top: 0; margin-left: 0; }
.sol-list .except a { height: 290px; }
.sol-list .except .cover { bottom: -290px; }
.sol-list .except .cover .desc { height: 290px; }
.sol-list .bg { width: 100%; height: 100%; }
.sol-list .cover {
filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#b215212e, endColorstr=#b215212e) \8; background-color: rgba(21,33,46,.7); -webkit-transition: bottom 0.5s; -moz-transition: bottom 0.5s; transition: bottom 0.5s; width: 100%; position: absolute; left: 0; bottom: -178px; }
.sol-list .cover .desc { width: 100%; height: 178px; overflow: hidden; text-align: center; }
.sol-list .cover .desc .cell { width: 210px; -webkit-transform: scale(2); -moz-transform: scale(2); -ms-transform: scale(2); transform: scale(2); -webkit-transition: all 0.5s; transition: all 0.5s; }
.sol-list .cover .desc .cell, .sol-list .cover .desc .after { display: inline-block; *display: inline;
 *zoom: 1;
vertical-align: middle; }
.sol-list .cover .desc .after { width: 0; height: 100%; }
.sol-list .cover .desc .info { font-size: 15px; padding: 0 30px; text-align: left; }
.sol-list .cover .desc .more { font-size: 13px; line-height: 25px; padding: 0 40px; *border: 1px solid #fff\9;
border: 1px solid rgba(255,255,255,.6); display: inline-block; margin-top: 10px; }
.sol-list .caption { text-align: center; padding: 5px 0; }
.sol-list .caption .info { font-size: 15px; line-height: 24px; }
.row-sol .row-bd { position: relative; *zoom:1;
}
.all-btn { font-size: 16px; line-height: 66px; bottom: 30px; left: 0; width: 218px; border: 1px solid #c9ced5; text-align: center; position: absolute; -webkit-transition: all 300ms ease; -moz-transition: all 300ms ease; transition: all 300ms ease; }
.all-btn .fa { color: #cc2105; font-size: 14px; line-height: 66px; padding-right: 18px; }
.all-btn:hover { border-color: #cc2105; }
.row-about { background: url(../images/r3-bg.jpg) no-repeat 50% 0; min-height: 348px; _height: 348px; margin-top: 30px; }
.row-about .col-l { float: left; width: 360px; padding-top: 60px; }
.row-about .col-l .pic { display: block; height: 220px; border: 3px solid #787e90; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; }
.row-about .col-l .pic img { width: 100%; height: 100%; }
.row-about .col-r { position: relative; float: right; width: 580px; padding-top: 38px; }
.row-about .col-r h1 { color: #6d7073; font-weight: 300; font-size: 32px; padding: 0 8px; }



.row-about .col-r h1 .more { color: #cc2105; font-size: 13px; padding: 0 40px; line-height: 25px; border: 1px solid #cc2105; float: right; margin-top: 13px; -webkit-transition: all 300ms ease; -moz-transition: all 300ms ease; transition: all 300ms ease; }
.row-about .col-r h1 .more:hover { border-color: #3a4147; color: #3a4147; }
/* news */
.news-list { }
.news-list li { font-size: 13px; line-height: 23px; }
.dot { padding-right: 5px; font-weight: 300; }
.news-list li span { padding-left: 12px; }
.about-info { border-bottom: 1px solid #c0c8ca;  font-size: 14px; padding: 10px 8px 15px; margin-bottom: 15px; }

/*movie:;*/

.indexflv{
	position: absolute;
	right: 0px;
	bottom: -50px;
	width: 220px;
	height: 136px;
	background-color: #ccc;
}


/* ==========================================================================
   Footer
   ========================================================================== */
footer { padding: 15px 0; border-top: 1px solid #eceeef; color: #8c929b; line-height: 2; }
footer .foot-info { padding: 0 36px; }
footer a { color: #8c929b; }
footer a:hover { text-decoration: underline; color: #4b4b4b; }
.footer-nav { padding: 18px 0; }
.footer-nav li { float: left; }
.footer-nav li a { display: block; padding: 0 36px; color: #4b4b4b; font-size: 13px; }
.footer-nav li a:hover { text-decoration: underline; color: #4b4b4b; }