@import 'animate.css';
@import 'skin.css';

/******************************
 ** 初始化
** 1.2.0
 ******************************/
* { margin:0; padding:0; }
html { height:100%; }
body  { min-height:100%; font:14px/2 'Microsoft Yahei', Arial; color:#666; background:#fff; }
img { border:0px; }
ul, ol { list-style-type:none; vertical-align:bottom; }
table { border-collapse:collapse; border-spacing:0; }
input, textarea, select { font:14px/1 'Microsoft Yahei', Arial; color:#666; outline:0; }
textarea { resize:none; overflow:auto; }
h1,h2,h3,h4,h5,h6,font { font-size:14px; }
a { color:#333; text-decoration:none; cursor:pointer; }
a:hover, a:active { color:#eb353a; }
a:link,
a:link img,
input { transition:all .3s linear; }

.clear { float:none !important; clear:both; +line-height:0; +font-size:0; +height:0; }
.hidden { display:none; visibility:visible; }
.wrap { width:1200px; margin:0 auto; position:relative; }
.fl { float: left; }
.fr { float: right; }


/******************************
 ** 首页
 ******************************/
.top { height: 35px; background: #eb353a; position: relative; color: #fff; line-height: 35px; }
.top .home { background: url(../images/top-home.png) left center no-repeat; padding-left: 20px; }
.top .tel { background: url(../images/top-tel.png) left center no-repeat; padding-left: 20px; }
.top .tel .num { font-weight: bold; font-size: 16px; }

.header { position:relative; height:85px; background:#fff; z-index:10; border-bottom: 1px solid #e9e9e9; }
.header .logo { margin:12px 0; }
.header .logo img { display:block; width: 170px; }

.nav { float: left; z-index:10; margin: 0 0 0 80px; position: relative;}
.nav li { float:left; width:102px; height:85px; position:relative; }
.nav li > a { display:block; height:85px; line-height:85px; font-size:16px; color:#333333; text-align:center; transition:none; transition:background .5s ease; }
.nav .drop { position:absolute; left:-4px; top:85px; right:0; background:url(about:blank) center center repeat; display:none; width:120px; }
.nav .drop dl { position:relative; background:#fff; }
.nav .drop dd { line-height:40px; text-align:left; }
.nav .drop dd:first-child { border-top: 3px solid #eb353a; }
.nav .drop a { display:block; text-align: center; color:#666666; line-height:40px; }
.nav .drop a:hover { background: #eb353a; color: #fff; }
.nav.active li.current > a { color:#333; font-weight: normal; }
.nav li.active > a { color:#eb353a !important; font-weight: bold; }
.nav li.current > a { color:#eb353a; font-weight: bold; }

.banner { position:relative; z-index:8; }
.banner .list { position:relative; overflow:hidden; z-index:1; }
.banner .list li { position:absolute; width:100%; height:100%; overflow:hidden; background:#FFF; display:none; z-index:1; }
.banner .list li:first-child { display:block; }
.banner .list li.active { z-index:2; }
.banner .list img { position:relative; display:block; width:1920px; left:50%; margin:0 0 0 -960px; }
.banner .dots { position: absolute; left: 50%; bottom: 30px; margin: 0 0 0 -50px; line-height: 0; z-index: 18; }
.banner .dots li { display: inline-block; +display: inline; +zoom: 1; width: 16px; height: 16px;  background: #fff;  margin: 0 4px;  border-radius:50%; cursor: pointer; transition: all .3s ease; }
.banner .dots li.active { width: 38px; height: 16px; background: #eb353a; border-radius:16px; }
.banner .prev,
.banner .next { width: 32px; height: 72px; position: absolute; top: 50%; margin: -50px 0 0; z-index: 9; cursor: pointer; display: none; }
.banner .prev { background: url(../images/banner-pw.png) 0 0 no-repeat; left: 30px; }
.banner .next { background: url(../images/banner-pw.png) -32px 0 no-repeat ; right: 30px; }
.banner .prev:hover { background-position: 0 -72px; }
.banner .next:hover { background-position: -32px -72px; }
.banner .list,
.banner .list img { height:600px; }
.banner.mini .list,
.banner.mini .list img { height:350px; }

.searcher { background: #fff; height: 70px; border-bottom: 1px solid #dedede; box-shadow: 0 0 20px 0px rgba(63, 63, 63, 0.2); -moz-box-shadow: 0 0 20px 0px rgba(100, 100, 100, 0.6); margin-bottom: 20px; }
.searcher span { line-height: 70px; color: #333; font-size: 16px; }
.searcher .sear { margin-top: 15px; }
.searcher .search { position: relative; }
.searcher .search .srk { background-color: inherit; width: 320px; height: 35px; line-height: 35px; border: solid 1px #e1e1e1; padding-left: 10px; color: #bbb; border-radius:35px; }
.searcher .search .ssbtm { width: 83px; height: 37px; position: absolute; top: 0; bottom: 0; right: 0; background: url(../images/btnsearch.png) 15px center no-repeat #eb353a;  border: solid 1px #eb353a; border-left: none; cursor: pointer; color: #fff;  border-radius:35px; text-align: left; padding-left: 37px; }

.ipro { padding:40px 0 60px; background:#fff; position: relative; }
.ipro .wrap { overflow:hidden; }
.ipro .head { text-align:center; line-height: 40px; margin-bottom: 10px; }
.ipro .head h2 { color: #333333; font-size: 30px; }
.ipro .head .h { color: #eb353a; }
.ipro .head p { color: #666666; font-size: 18px; margin-bottom: 8px; }
.ipro .head .line { display: block; width: 725px; height: 1px; background: #e9e9e9; margin: 0 auto; }
.ipro .head .hline { display: block; width: 115px; height: 2px; background: #eb353a; margin: 0 auto; margin-top: -1px; }
/* scroll */
.scroll{width:1200px; margin:0 auto; position:relative; overflow:hidden; }
.picbox{   padding-top: 40px; overflow:hidden; position:relative; overflow:hidden; }
.picbox ul{ float:left;   }
.piclist{ }
/* goodlist */
.ipro .item { position: relative; float:left; width:278px; height: 426px; margin:0 10px 30px; }
.ipro .item a { display:block; text-align:center; width:278px; border: 1px solid #eee; padding: 10px 0; box-shadow: 0 0 10px 0px rgba(63, 63, 63, 0.2); -moz-box-shadow: 0 0 10px 0px rgba(63, 63, 63, 0.2); }
.ipro .item img { display:block; width:180px; height:180px; background:#fff; padding: 20px 48px 10px; }
.ipro .item h3 { line-height:40px; font-size:24px; color: #333; }
.ipro .item h4 { text-align: center; font-size: 14px; color: #666; margin: 0 10px; font-weight: normal; line-height: 26px; margin-top: 10px; height:52px;  }
.ipro .item span { display: block; width: 156px; height: 42px; border-radius: 42px; background: #dfdfdf; color: #fff; margin: 0 auto; line-height: 42px; margin-bottom: 30px; margin-top: 20px; }
.ipro .item a:hover { margin-top: -10px; }
.ipro .item a:hover span { background: #f5585d; }
.ipro .btnNext,
.ipro .btnPrev { width: 48px; height: 105px; display: block; position: absolute; top:50%; border-radius: 5px; }
.ipro .btnPrev {  left: 50%; margin-left: -700px; background: url(../images/btn_pw.png) left center no-repeat #dfdfdf;}
.ipro .btnNext {  right: 50%; margin-right: -700px; background: url(../images/btn_pw.png) right center no-repeat #dfdfdf; }
.ipro .btnPrev:hover { background: url(../images/btn_pw.png) left center no-repeat #f5585d; }
.ipro .btnNext:hover { background: url(../images/btn_pw.png) right center no-repeat #f5585d; }

.iflow { position: relative; }
.iflow .head { text-align:center; line-height: 40px; }
.iflow .head h2 { color: #333333; font-size: 30px; }
.iflow .head .h { color: #eb353a; }
.iflow .head p { color: #666666; font-size: 18px; margin-bottom: 8px; }
.iflow .head .line { display: block; width: 725px; height: 1px; background: #e9e9e9; margin: 0 auto; }
.iflow .head .hline { display: block; width: 115px; height: 2px; background: #eb353a; margin: 0 auto; margin-top: -1px; }
.iflow .flowlist { height: 295px; border: 1px dotted #dfdfdf; border-left: none; border-radius: 50px; position: relative; margin-top: 120px; z-index: 8; }
.iflow .flowlist dd { cursor:pointer; }
.iflow .flowlist .ddt { float: left; width: 250px; margin-top: -70px; text-align: center; }
.iflow .flowlist span { display: block; width: 135px; height: 135px; background: #fff; margin: 0 auto; border-radius: 135px; box-shadow: 0 0 20px 0px rgba(63, 63, 63, 0.2); -moz-box-shadow: 0 0 20px 0px rgba(100, 100, 100, 0.6); }
.iflow .flowlist h4 { font-size: 22px; color: #434648; line-height: 60px; font-weight: normal; }
.iflow .flowlist p { line-height: 28px; color: #767676; }
.iflow .flowlist .ddb { width: 250px; margin-top: 100px; text-align: center; }
.iflow .flowlist .dtt { float: left; width: 55px; margin-top: -12px; text-align: center; }
.iflow .flowlist .dtb { width: 55px; margin-top: 160px; text-align: center; }
.iflow .flowlist .dtr { width: 55px; margin-top: 130px; margin-right: -28px; text-align: center; }
.iflow .fltel { position: relative; width: 680px; height: 320px; background: url(../../uploadfile/flow-tel.png) left center no-repeat; margin-top: -100px; z-index: 10; }
.iflow .tel { padding: 50px 120px; }
.iflow .fltel span { font-size: 18px; color: #666666; }
.iflow .fltel h3 { font-size: 35px; color: #333; line-height: 50px; margin-bottom: 10px; }
.iflow .fltel a { display: block; width: 130px; height: 40px; text-align: center; line-height: 40px; background: #eb353a; color: #fff; border-radius: 40px; margin-left: 120px; }
.iflow .flowlist .flow1 { background: url(../../uploadfile/flow1.png) center center no-repeat #fff; }
.iflow .flowlist .flow2 { background: url(../../uploadfile/flow2.png) center center no-repeat #fff; }
.iflow .flowlist .flow3 { background: url(../../uploadfile/flow3.png) center center no-repeat #fff; }
.iflow .flowlist .flow4 { background: url(../../uploadfile/flow4.png) center center no-repeat #fff; }
.iflow .flowlist .flow5 { background: url(../../uploadfile/flow5.png) center center no-repeat #fff; }
.iflow .flowlist .flow6 { background: url(../../uploadfile/flow6.png) center center no-repeat #fff; }
.iflow .flowlist dd:hover .flow1 { background: url(../../uploadfile/flow1-1.png) center center no-repeat #eb353a; }
.iflow .flowlist dd:hover .flow2 { background: url(../../uploadfile/flow2-1.png) center center no-repeat #eb353a; }
.iflow .flowlist dd:hover .flow3 { background: url(../../uploadfile/flow3-1.png) center center no-repeat #eb353a; }
.iflow .flowlist dd:hover .flow4 { background: url(../../uploadfile/flow4-1.png) center center no-repeat #eb353a; }
.iflow .flowlist dd:hover .flow5 { background: url(../../uploadfile/flow5-1.png) center center no-repeat #eb353a; }
.iflow .flowlist dd:hover .flow6 { background: url(../../uploadfile/flow6-1.png) center center no-repeat #eb353a; }

.iteam { background: url(../images/iteam-bj.jpg) top center no-repeat; position: relative; }
.iteam .wrap { overflow: hidden; }
.iteam .head { text-align:center; line-height: 40px; padding: 70px 0 40px; }
.iteam .head h2 { color: #fff; font-size: 30px; }
.iteam .head p { color: #fff; font-size: 18px; margin-bottom: 8px; }
.iteam .head .hline { display: block; width: 115px; height: 2px; background: #fff; margin: 0 auto; }
.iteam .iteamlist { width: 100%; overflow: hidden; padding: 10px 0 40px; }
.iteam .list { width: 300%; overflow: hidden; }
.iteam .item { position: relative; width: 280px; height: 395px; border: 1px solid #eee; box-shadow: 0 0 10px 0px rgba(63, 63, 63, 0.2); -moz-box-shadow: 0 0 10px 0px rgba(63, 63, 63, 0.2); margin: 10px 6px 30px 12px ;}
.iteam .item a { display: block;  text-align: center; }
.iteam .img { overflow:hidden; position:relative; }
.iteam .img img { display:block; width:280px; height:210px; }
.iteam .item h3 { font-size: 20px; color: #333; }
.iteam .item .line { display: block; width: 55px; height: 2px; background: #eb353a; margin: 0 auto; }
.iteam .item p { padding: 10px 10px; color: #666; }
.iteam .item .btn { display: block; width: 105px; height: 33px; line-height: 33px; border-radius: 33px; text-align: center; background: #f5585d; color: #fff; font-size: 16px; margin: 0 auto; }
.iteam .item a:hover .btn { background: #fdd000; }
.iteam .item a:hover img { transform:scale(1.05,1.05); }
.iteam .btnNext,
.iteam .btnPrev { width: 48px; height: 105px; display: block; position: absolute; top:60%; border-radius: 5px; }
.iteam .btnPrev {  left: 50%; margin-left: -700px; background: url(../images/btn_pw.png) left center no-repeat #dfdfdf;}
.iteam .btnNext {  right: 50%; margin-right: -700px; background: url(../images/btn_pw.png) right center no-repeat #dfdfdf; }
.iteam .btnPrev:hover { background: url(../images/btn_pw.png) left center no-repeat #f5585d; }
.iteam .btnNext:hover { background: url(../images/btn_pw.png) right center no-repeat #f5585d; }

.iabout { position: relative; background: url(../images/about-bj1.jpg) top left no-repeat #fff; height: 500px; padding-top: 50px; margin-top: 40px; }
.iabout .wrap {  }
.iabout .head { text-align:left; width: 590px; height: 360px; border: 1px solid #e9e9e9; padding: 20px 40px 60px; background: #fff; box-shadow: 5px 5px 10px rgba(0, 0, 0, 0.08); }
.iabout .head h2 { font-size:30px; color:#333; }
.iabout .head .h { color: #eb353a; }
.iabout .head .line { display: block; width: 32px; height: 4px; background: #eb353a; margin: 10px 0; }
.iabout .head p { margin-top: 15px;  height: 220px; color: #888; font-size: 16px; }
.iabout .head a { display: block; width: 125px; height: 45px; border-radius: 45px; background: url(../images/more.png) 100px center no-repeat #aaa; margin: 30px 0; text-align: left; padding-left: 30px; line-height: 45px; color: #fff; }
.iabout .head a:hover { background: url(../images/more.png) 100px center no-repeat #f5585d; }

.inews { padding:30px 0 60px ; background:#fff; position: relative; }
.inews .wrap { overflow: hidden;}
.inews .head { text-align:center; line-height: 40px; margin-bottom: 10px; }
.inews .head h2 { color: #333333; font-size: 30px; }
.inews .head .h { color: #eb353a; }
.inews .head p { color: #666666; font-size: 18px; margin-bottom: 8px; }
.inews .head .line { display: block; width: 725px; height: 1px; background: #e9e9e9; margin: 0 auto; }
.inews .head .hline { display: block; width: 115px; height: 2px; background: #eb353a; margin: 0 auto; margin-top: -1px; }
.inews .newslist { width: 100%; overflow:hidden; margin-top: 30px; position: relative; }
.inews .list { width:300%; overflow:hidden; }
.inews .item { float:left; width:374px; margin:10px 10px 20px 16px; border:1px solid #eee; overflow:hidden; box-shadow: 0 0 10px 0px rgba(231, 231, 231, 1); -moz-box-shadow: 0 0 10px 0px rgba(231, 231, 231, 1); }
.inews .img { overflow:hidden; position:relative; }
.inews .img img { display:block; width: 380px; height:288px; }
.inews .txt {padding: 10px 20px; }
.inews .item h3 { line-height:50px; font-size:20px; font-weight: normal; }
.inews .item p { color: #7e7e7e; margin: 5px 0; }
.inews .item:hover img { transform:scale(1.05,1.05); }
.inews .btnNext,
.inews .btnPrev { width: 48px; height: 105px; display: block; position: absolute; top:50%; border-radius: 5px; }
.inews .btnPrev {  left: 50%; margin-left: -680px; background: url(../images/btn_pw.png) left center no-repeat #dfdfdf;}
.inews .btnNext {  right: 50%; margin-right: -680px; background: url(../images/btn_pw.png) right center no-repeat #dfdfdf; }
.inews .btnPrev:hover { background: url(../images/btn_pw.png) left center no-repeat #f5585d; }
.inews .btnNext:hover { background: url(../images/btn_pw.png) right center no-repeat #f5585d; }

.ifooter { background:#231e1e; color: #dfdfdf; border-top: 9px solid #eb353a; }
.ifooter .wrap { overflow: hidden; }
.ifooter .code { text-align: center; width: 255px; background: #eb353a; padding-top: 20px; margin-right: 90px; }
.ifooter .code img { margin: 0 auto; margin: 10px 0 0 0; }
.ifooter .code h3 { font-weight: normal; font-size: 16px; color: #fff; margin-bottom: 20px; }
.ifooter .link { margin-top: 45px; position: relative; }
.ifooter .link dt { font-size: 16px; color: #fff; }
.ifooter .link .line { width: 30px; height: 2px; background: #eb353a; margin: 10px 0; }
.ifooter .link a { line-height: 35px; }
.ifooter .subnav { width: 240px; }
.ifooter .subnav dd { float: left; width: 105px; }
.ifooter .sublime { width: 200px; }
.ifooter .subads { width: 380px; }
.ifooter .subads dd { color: #fff; }
.ifooter .aline { display: block; width: 100%; height: 1px; background: #4f4b4b; margin-top: 40px; }
.ifooter .bottomer { width: 100%; height: 50px; }
.ifooter .bottomer p { text-align: center; line-height: 50px; }
.ifooter a { color: #dfdfdf; }
.ifooter a:hover { color: #eb353a; }

.toolbar { position:fixed; top:500px; right:1px; z-index:100; }
.toolbar > * { width:64px; height:53px; position:relative; background:#eb353a; border-top: 1px solid #f5747a; }
.toolbar > *:first-child { border-top:0; }
.toolbar > * > a { display:block; width:64px; height:53px; text-align:center; color:#FFF; background:url(../images/toolbar-icon.png) center 0 no-repeat; }
.toolbar .qq a { background-position:center 0; }
.toolbar .tel a { background-position:center -55px; }
.toolbar .code a { background-position:center -110px; }
.toolbar .itop a { background-position:center -165px; }
.toolbar > * > a:hover { background-color: #ffb400; }
.toolbar .drop-code { position:absolute; bottom:0; right:66px; background:#ffb400; font-size:12px; text-align:center; color:#fff; box-shadow:0 0 1px rgba(0,0,0,.2); width:100px; display:none; }
.toolbar .drop-code img { display:block; width:85px; height:85px; margin: 8px 8px 0 8px; }
.toolbar .drop-code h3 { font-weight:normal; }
.toolbar .drop-tel { position:absolute; top:0; right:66px; width:0; overflow:hidden; }
.toolbar .drop-tel p { width:152px; height:53px; line-height:53px; padding:0 0 0 10px; background:#ffb400; color:#FFF; font-size:18px; }
.toolbar .qq:hover,
.toolbar .qiao:hover,
.toolbar .tel:hover,
.toolbar .code:hover { background-color:#ffb400; }
.toolbar .itop:hover { background-color:#ffb400; }





/******************************
 ** 内页架构
 ** 上下式
 ******************************/
.wrapper { width: 1200px; margin: 0 auto; position: relative; padding: 0 0 50px; background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAABLAAAAABAQMAAAD0NsVPAAAABlBMVEUAAAD09PTdqnB/AAAAAXRSTlMAQObYZgAAABBJREFUCNdj+E8AfGAYCAAAL2Yg0SwX6GIAAAAASUVORK5CYII=) center center repeat-y; }
.sidebar { float: left; width: 220px; height: auto; padding: 20px; background: #f4f4f4; }
.container { margin: 0 0 0 300px; }

.location { position: relative; height: 54px; line-height: 54px; margin: 0 0 20px; border-bottom: 1px dashed #999; }
.location .head h2 { display: inline-block; +display: inline; +zoom: 1; vertical-align: middle; font-size: 20px; font-weight: normal; }
.location .head h3 { display: none; }
.location .path { position: absolute; right: 0; top: 0;   font-size: 15px;  }

.side-menuer { margin: 0 0 20px;  }
.topclass { padding: 0 0 20px; color: #333; border-bottom: 2px solid #ddd; text-align: center; }
.topclass h2 { line-height: 30px; font-size: 24px; margin: 0 0 5px; }
.topclass h3 { line-height: 20px; text-transform: uppercase; font-weight: normal; opacity: .9; filter: Alpha(opacity=90); }
.side-menu { padding: 20px 0 0; }
.side-menu dd > a { display: block; padding: 0 20px; margin: 0 0 10px; line-height: 40px; font-size: 16px; background:  #e9e9e9; color: #666; }
.side-menu .drop { overflow: hidden; margin: 0 0 15px; display:none; }
.side-menu .drop li { background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAIAAAACAQMAAABIeJ9nAAAAA1BMVEVxcXHjbzagAAAACklEQVQI12MAAgAABAABINItbwAAAABJRU5ErkJggg==) 10px center no-repeat; }
.side-menu .drop a { display: block; padding: 0 0 0 25px; height: 24px; line-height: 24px; color: #999; }
.side-menu .drop a: hover { color: #e43b48; }
.side-menu dd > a:hover { background: #ddd; }
.side-menu dd.current > a { background:  #eb353a; color: #fff;  }
.side-menu dd.current .drop { display: block; }
.side-menu li.current > a { color: #039c7a; }

.side-con { }
.side-con .info {/*  line-height: 24px; */ text-align: justify; }