@charset "utf-8";
body { margin: 0; padding: 0; font-size: 12px; line-height: 22px; font-family: "????????????"; color: #000; -webkit-text-size-adjust: none; height:auto !important}
html, body, div, dl, dt, dd, ol, ul, li, h1, h2, h3, h4, h5, h6, pre, form, fieldset, input, textarea, p, blockquote, th, td, p { margin: 0; padding: 0 }
em{font-style:normal;}
img { border: 0; vertical-align: bottom }
ul, li { list-style: none }
.tc { text-align: center }
.tl { text-align: left }
.tr { text-align: right }
.ac { text-align: center }
.fl { float: left }
.fr { float: right }
.fr p{ float:left;}
.cl { clear: both }
.fb { font-weight: bold }
.dis { display: block }
.undis { display: none }
a { text-decoration: none }
a:hover { text-decoration: underline }
input[type="text"]:focus, input[type="password"]:focus, textarea:focus { outline: 0 }
.body { width: 1100px; margin: 0 auto }

/*15.4.11???*/
.header1 { min-width: 1100px; height: 103px; overflow: hidden }
.logo1 { float: left; padding: 34px 0 0 20px }
.nav1 { float: right; padding: 48px 0 0 0 }
.nav1 li { float: right; padding: 0 0 0 20px; font-size: 16px; margin-right: 20px }
.nav1 li a { color: #000; height: 22px; display: block; overflow: hidden; text-decoration: none }
.nav1 li a div p { height: 22px; line-height: 22px }
.nav1 li a div span { height: 22px; line-height: 22px }

.header {width:1100px;  height: 103px; overflow: hidden;margin: 0 auto; }
.logo {width:35%; float: left; padding:20px 0 0 0 }
.nav {width:65%; float: right; padding:15px 0 0 0 }
.nav .dianhua{line-height:42px;font-size:16px; color:#F00; text-align:right;width:100%}
.nav ul{ overflow:hidden;}
.nav li { float: right; padding: 0 1% 0 0; font-size: 16px;}
.nav li a { color: #000; height: 22px; display: block; overflow: hidden; text-decoration: none }
.nav li.cur a,.nav li a:hover{ color:#df0c0c}
.nav li a div p { height: 22px; line-height: 22px }
.nav li a div span {
	height: 22px;
	line-height: 22px;
	text-transform: capitalize;
}
/*15.4.11???*/

.banner { min-width: 1200px; margin:0 auto;  text-align: center; position: relative }
.banner ul { height: 450px; overflow: hidden }
.banner ul li { position: relative;   height: 450px; display: block; overflow: hidden }
.banner_nav { +display:none; position: absolute; width: 72px; height: 13px; bottom: 10px; left: 50%; margin-left: -36px }
.banner_nav span { width: 13px; height:18px; cursor: pointer; display: inline-block; background: url(img/circle.png) no-repeat center center; margin-left: 5px }
.banner_nav_h { background: url(img/circle_H.png) no-repeat top left!important }
#banner1-con { background: url(../images/banner1-bg.jpg) top left no-repeat #108bc0; height: 450px }
#banner2-con { background: #019757; height: 450px }
#banner3-con { background: #ffa800; height: 450px }
#banner4-con { background: url(../images/banner4-bg.jpg) top left no-repeat #15b5d5; height: 450px }
#banner1-con-1 { position: absolute; left: 50%; top: 0; width: 1100px; margin-left: -600px }
#banner1-con-1 div { position: relative; width:1100px; margin:0 auto; height: 450px; overflow: hidden }
#banner1-con-1 div img { position: absolute }
#banner1-con-1t1 { top: -79px;  }
#banner1-con-1t2 { top: 203px; right: -545px }
#banner1-con-1t3 { top: 450px; right: 220px }
#banner1-con-1m { left: -574px; top: 24px }
#banner1-con-1m1 { left: 300px; top: 450px }
#banner1-con-1m2 { left: -238px; top: 180px }
#banner1-con-1m3 { left: -213px; top: 114px }
#banner1-con-1m4 { left: 434px; top: -108px }
#banner2-con-1 { position: absolute; left: 50%; top: 0; width: 1100px; margin-left: -600px }
#banner2-con-1 div { width: 1100px; height: 450px; position: relative; overflow: hidden }
#banner2-con-1 div img { position: absolute }
#banner2-con-pc { right: 333px; top: 233px }
#banner2-con-pad { right: 401px; top: 450px }
#banner2-con-touch { right: 41px; bottom: -257px }
#banner2-con-view { top: 357px; left: -152px }
#banner2-con-1 div p { position: absolute; height:64px; +line-height:64px;}
#banner2-con-t1 { font-size: 34px; top: 70px; left: -400px }
#banner2-con-t1 span { color: #fff83e; font-size: 48px; font-weight: bold;+height:55px; +line-height:55px;}
#banner2-con-t2 { left: -460px; top: 155px; color: #fff; font-size: 34px }
#banner2-con-t2 span { color: #fff83e; font-size: 48px; font-weight: bold }
#banner2-con-t3 { top:220px; left:0px; color: #fff; font-size:18px; text-align:left;}
#banner2-con-t4 { left:0px; top:300px; font-size: 20px; color: #fff; }
#banner2-con-t4 span { color: #fff83e; font-size: 27px }
#banner2-con-t5 { top: 220px; text-align:left; left: -370px; color: #fff; font-size: 18px }
#banner2-con-t6 { top: 300px; left: -330px; font-size: 18px; color: #fff }
#banner2-con-t6 span{ color: #fff83e; }

#banner3-con-1 { position: absolute; left: 50%; top: 0; width: 1200px; height: 450px; margin-left: -600px; background: url(../images/banner3-con-1bg.jpg) top left no-repeat }
#banner3-con-1 div { width: 1200px; height: 450px; position: relative; overflow: hidden }
#banner3-con-1 div p { position: absolute;}
#banner3-con-1 div img { position: absolute }
#banner3-con-t1 { left: 200px; top: -25px; }
#banner3-con-t1 span { font-size: 48px; color: #532f0b; display: block; overflow:hidden; height:55px; line-height:55px; font-weight:bold; float: left;}
#banner3-con-t2 { top: -75px; left:200px;  color:#532f0b ; font-size:18px; text-align:left; }
#banner3-con-app { left: 283px; top: -50px }
#banner3-con-t3 { top: -20px; left: 200px; text-align: left; font-size: 24px; color: #ab5400 }
#banner3-con-zj { left: 442px; top: -18px }
#banner3-con-bbg { left: 219px; top: 450px }
#banner3-con-b1 { left: -285px; top: 293px }
#banner3-con-b2 { left: -227px; top: 257px }
#banner3-con-b3 { left: -191px; top: 242px }
#banner3-con-b4 { left: -203px; top: 226px }
#banner4-con-1 { position: absolute; left: 50%; top: 0; width: 1200px; height: 450px; margin-left: -600px }
#banner4-con-1 div { width: 1200px; height: 450px; position: relative; overflow: hidden }
#banner4-con-1 div img { position: absolute }
#banner4-con-shop { left: 632px; top: -85px }
#banner4-con-p1 { left: 1200px; top: 231px }
#banner4-con-p2 { left: 1200px; top: 279px }
#banner4-con-p3 { left: 1200px; top: 315px }
#banner4-con-bg { left: 0; top: 0 }
#banner4-con-pc { left: 21px; bottom: 0 }
#banner4-con-tip { top: -87px; left: 478px }
#banner4-con-pc-view { position: absolute!important; left: 298px; top: 230px }
#banner4-con-pc-view-page { position: static!important }
#banner4-con-phone { left: 427px; bottom: -278px }
#banner4-con-phone-view { position: absolute!important; left: 480px; top: 278px }
#banner4-con-phone-view-page { position: static!important }
.busi_title { height: 80px; padding: 80px 0 0 0; background: url(img/title_bg1.jpg) no-repeat center bottom; border-bottom: solid 2px #dbdbdb }
.busi_t {width: 205px; height: 80px; margin: 0 auto; border-bottom: solid 2px #e70012; text-align: center; font-size: 30px; line-height:80px }
.busi_nr { padding: 65px 0 26px 0 }
.busi_zj { width: 1155px; margin: 0 auto }
.busi_list01 { width: 220px; float: left; text-align: center }
.busi_pic01 { height: 214px }
.busi_pic01 a { height:201px; display: block }
.busi_text01 { height: 40px; font-size: 18px }
.busi_text02 { height: 44px; color: #8f8c8c; font-size: 14px }
.busi_more a { width: 104px; height: 32px; display: block; background: #979797; margin: 0 auto; color: #fff; line-height: 32px }
.busi_more a:hover { background: #e70012; text-decoration: none }
.busi_pic_1 { background:url(img/lanwo_07.png) no-repeat center center!important }
.busi_pic_1h { background: url(img/lanwo_07.png) no-repeat center center!important }
.busi_pic_2 { background: url(img/lanwo_09.png) no-repeat center center!important }
.busi_pic_2h { background: url(img/lanwo_09.png) no-repeat center center!important }
.busi_pic_3 { background: url(img/lanwo_11.png) no-repeat center center!important }
.busi_pic_3h { background: url(img/lanwo_11.png) no-repeat center center!important }
.busi_pic_4 { background: url(img/lanwo_13.png) no-repeat center center!important }
.busi_pic_4h { background: url(img/lanwo_13.png) no-repeat center center!important }
.busi_pic_5 { background: url(img/lanwo_15.png) no-repeat center center!important }
.busi_pic_5h { background: url(img/lanwo_15.png) no-repeat center center!important }
.busi_list01img { -webkit-animation: rotateIn 1s .2s ease both; -moz-animation: rotateIn 1s .1s ease both; animation: rotateIn 1s .1s ease both }
@-webkit-keyframes rotateIn {0% {-webkit-transform-origin:center center;-webkit-transform:rotate(0)}
100% {-webkit-transform-origin:center center;-webkit-transform:rotate(360deg)}
}
@-moz-keyframes rotateIn {0% {-moz-transform-origin:center center;-moz-transform:rotate(0)}
100% {-moz-transform-origin:center center;-moz-transform:rotate(360deg)}
}
@keyframes rotateIn {from {transform-origin:50% 50%;transform:rotate(0)}
to {transform-origin:50% 50%;transform:rotate(360deg)}
}
.rotateIn { -webkit-animation-name: rotateIn; animation-name: rotateIn }

/** ???????????? **/
.news_title{ height:80px; padding:80px 0 0 0; background: url(img/title_bg3.jpg) no-repeat center bottom; border-bottom: solid 2px #dbdbdb }
.news_icon1 { text-align: center; padding: 21px 0 0 0; height: 57px }
.news_icon2 { text-align: center; height: 70px }
.news_icon1 a { cursor: pointer }
.news_icon2 a { cursor: pointer }
#news_listcon { overflow: hidden }
.news_nr li { width:313px; height:352px; cursor:pointer;  margin: 0 28px 21px 25px; float:left; display:block;}
.news_nr li:hover .news_text a{ color:#e70012}
.news_pic { width: 313px; }
.news_text { width: 313px; color: #333; font-size:14px; line-height: 24px }
.news_text a { color: #1f1f1f; font-size: 16px; line-height: 40px }
.news_text a:hover { color: #dc0005; text-decoration: none }
.news_more { height: 52px; clear: both }
.news_more a { width: 177px; height: 52px; display: block; color: #e70012; text-decoration: none; line-height: 52px; font-size: 18px; text-align: center; margin: 0 auto; background: #FFF; border: #e70012 solid 1px; border-radius: 4px; -webkit-transition: background .5s linear; -moz-transition: background .5s linear; transition: background .5s linear }
.news_more a:hover { background: #e70012; color: #FFF; border-radius: 4px; -webkit-transition: background .5s linear; -moz-transition: background .5s linear; transition: background .5s linear }

/** ?????????????????? **/
.case_title { height: 80px; padding: 80px 0 0 0; background: url(img/title_bg4.jpg) no-repeat center bottom; border-bottom: solid 2px #dbdbdb }
.case_list { width:910px; margin:0 auto; padding: 20px 0px 20px 0px; position: relative; text-align: center; overflow: hidden }
.case_list li {  float: left; }
.case_list li a { width:161px; height:42px; margin:0px 10px; display:block; font-size: 18px; line-height:42px; text-align: center; color:#fff; background: url(img/news_bg1.png) no-repeat center top; cursor: pointer; }
.case_list li a:hover { color: #fff; background: url(img/news_bg2.jpg) no-repeat center top; text-decoration: none; -webkit-transition: background .5s linear; -moz-transition: background .5s linear; transition: background .5s linear }
.case_list_hover { color: #fff!important; background: url(img/news_bg2.jpg) no-repeat center top!important; text-decoration: none!important }
.case_pro { width: 100%; clear: both; padding: 0 0 60px 0 ;margin: 0 auto;}
.case_pro_cov { position: absolute; left: 13px; top: 0; width: 95%; height: 328px; background: #000; opacity: 0; filter: alpha(opacity=0) }
.case_pro_view { width: 60px; height: 63px; background: url(see_icons.png) no-repeat; position: absolute; left: 50%; top: 50%; margin-left: -30px; margin-top: -35px; opacity: 0; filter: alpha(opacity=0); z-index: 99; -ms-transform: scale(2); -webkit-transform: scale(2); transform: scale(2); transition: opacity 500ms; -webkit-transition: opacity 500ms }
.case_pro_title { position: absolute; left: 13px; bottom: -251px; color: #cac7d4; background: #46434e; width: 95%; text-align: center; transition: bottom 300ms; -webkit-transition: bottom 300ms }
.case_pro_title h6 { padding: 12px 20px 15px 0; background: #222; color: #cac7d4; font-size: 14px }
.case_pro li a:hover .case_pro_view { -ms-transform: scale(1); -webkit-transform: scale(1); transform: scale(1); opacity: .5; filter: alpha(opacity=50); transition: opacity 500ms, transform 500ms; -webkit-transition: opacity 500ms, -webkit-transform 500ms }
.case_pro li a:hover .case_pro_title { bottom: 0!important; transition: opacity 300ms, transform 300ms; -webkit-transition: opacity 300ms, -webkit-transform 300ms }
.case_pro li a:hover .case_pro_cov { opacity: .7; filter: alpha(opacity=70); transition: opacity 300ms, transform 300ms; -webkit-transition: opacity 300ms, -webkit-transform 300ms }
.other_title{ height:80px; padding:80px 0 0 0; background:url(../images/title_bg5.jpg) no-repeat center bottom; border-bottom: solid 2px #dbdbdb }
.other_bg {min-width:1100px;background:url(../img/other_bg.jpg) #2b2c48;padding:65px 0 60px 0}
.anli li {	width:360px;	height:211px;	float:left;	margin:6px 6px 15px 0;	background:#fff;	text-align:center;	font-size:14px;
-webkit-transition:all .3s ease-in-out;-moz-transition:all .3s ease-in-out;transition:all .3s ease-in-out}
.anli li:hover { margin:0 6px 21px 0}
.anli li:hover div { color:#fff}
.anli a { color:#000;	text-decoration:none}
.anli a:hover {	color:#fff}
.other_more { width:175px; height:50px;	margin:22px auto 0 auto; text-align:center}
.other_more a{ width:173px;	height:48px; display:block;	color:#feb902;	line-height:48px; font-size:18px; border:#ffb901 solid 1px;
	border-radius:4px;-webkit-transition:background .5s linear;-moz-transition:background .5s linear;transition:background .5s linear}
.other_more a:hover { text-decoration:none;	color:#FFF;	background:#dfa315}

/** ?????????????????? **/
.honor_title{ height:80px; padding: 80px 0 0 0; background: url(img/title_bg6.jpg) no-repeat center bottom; border-bottom: solid 2px #dbdbdb }
.honor_bg {	min-width:1100px;	height:731px;	background:url(img/honor_bg.jpg) no-repeat center top #060e23;	color:#fff}
.honor { width: 573px; font-size: 28px; line-height: 157px }
.honor_zj { width: 54px; float: left; text-align: center; padding: 100px 0 0 0 }
.honor_more a:hover { text-decoration: none }
.honor_icon { padding: 59px 0 0 0; clear: both; text-align: center }
.honor_f { color: #ffb400; font-size:32px;  margin-left:0px }
.honor_more {width:166px; height:47px; margin:0 auto; text-align:center; background:url(../img/honor_more.png) no-repeat center top;
 line-height:47px;	color:#5da3d7;	font-size:17px;	clear:both}
.honor_more a {	color:#5da3d7}
.ss-container { width: 100%; position: relative; text-align: left; float: left; overflow: hidden; padding-bottom:50px; margin-top: 100px }
.ss-container h2 { font-size: 40px; text-transform: uppercase; color: rgba(78,84,123,0.2); text-shadow: 0 1px 1px #fff; padding: 20px 0 }
.ss-container:before { position: absolute; width: 2px; top: 0; left: 50%; margin-left: -2px; content: ''; height: 89%; background: #abb0bc }
.ss-row { width: 100%; height:54px; overflow:hidden; position: relative; margin-bottom:8px }
.ss-left, .ss-right { float: left; width: 48%; position:absolute }
.ss-right { padding-left: 10px; padding-right: 70px }
.ss-left { text-align: right; float: left; padding-right: 10px; padding-left: 70px }
.ss-circle { overflow: hidden; display: block; text-indent: -9000px; text-align: left; background: url(img/honor_pic.png) top center no-repeat }
.ss-small .ss-circle { width: 53px; height: 54px }
.ss-medium .ss-circle { width: 53px; height: 54px }
.ss-n .ss-circle { background: 0 }
.ss-large .ss-circle { width: 53px; height: 54px; background: 0 }
.ss-circle-deco:before { width: 29%; height: 0; position: absolute; top: 50%; content: ''; margin-top: -3px }
.ss-circle-deco:after { width: 0; height: 0; border-top: 10px solid transparent; border-bottom: 10px solid transparent; content: ''; position: absolute; top: 50%; margin-top: -10px }
.ss-left .ss-circle-deco:before { right: 2% }
.ss-right .ss-circle-deco:before { left: 2% }
.ss-left .ss-circle { float: right; margin-right: -35px }
.ss-right .ss-circle { float: left; margin-left: -47px }
.ss-container h3 { padding-left: 30px; padding-right: 30px }
.ss-container h3 span { font-size: 16px; display: block; color: #282828; padding-bottom: 5px }
.ss-container h3 span a { font-size: 30px; display: block; color: #FFF; height: 36px; line-height: 36px }
.ss-container h3 span a:hover { font-size: 30px; display: block; color: #009ed6; text-decoration: none }
.ss-container h3 a { font-size: 14px; display: block; color: #bfbfc0 }
.M-new-btn { width: 175px; height: 50px; display: block; line-height: 48px; text-align: center; font-size: 18px; color: #518ebe; border: #5494c6 1px solid; border-radius: 4px; position: absolute; left: 50%; bottom: 0; margin-left: -86px; -webkit-transition: background .5s linear; -moz-transition: background .5s linear; transition: background .5s linear }
.M-new-btn:hover { background: #5494c6; color: #FFF }
/** ?????????????????? **/
#distr { position: relative }
.distr_title { height: 80px; padding: 80px 0 0 0; background: url(img/title_bg7.jpg) no-repeat center bottom; border-bottom: solid 2px #dbdbdb }
.distr_icon { width: 100%; text-align: center; position: absolute; left: 0; bottom: 21px }

/** ?????????????????? **/
.cus_title { height: 80px; padding: 80px 0 0 0; background: url(img/title_bg8.jpg) no-repeat center bottom; border-bottom: solid 2px #dbdbdb }
.cus_bg { min-width: 1100px; background: #f5f5f5; padding: 60px 0 37px 0 }
.cus_more { width: 177px; height: 52px; margin: 38px auto 0 auto; text-align: center }
.cus_more a { color: #303030; width: 175px; height: 50px; display: block; line-height: 50px; color: #303030; font-size: 18px; border: #b2b2b2 solid 1px; border-radius: 4px; -webkit-transition: background .5s linear; -moz-transition: background .5s linear; transition: background .5s linear }
.cus_more a:hover { text-decoration: none; color: #FFF; background: #b2b2b2; -webkit-transition: background .5s linear; -moz-transition: background .5s linear; transition: background .5s linear }
.cus_nr li { width: 219px; height: 109px; float: left; border-right: solid 1px #e2e2e2; border-bottom: solid 1px #e2e2e2; text-align: center; position: relative; overflow: hidden }
.cus_nr li a { width: 219px; height:94px; display: block; text-align: center; padding-top:15px; line-height: 109px }
.cus_nr li img { display: inline-block; margin: 0 auto; vertical-align: middle }
.cus_nr li span { height: 100%; width: 0; display: inline-block; vertical-align: middle }
.cus_nr li div { width: 239px; height: 109px; position: absolute; left: 0; bottom: 0; background: #f5f5f5 }

/** ?????????????????? **/
.con_title { height: 80px; padding: 80px 0 0 0; background: url(img/title_bg9.jpg) no-repeat center bottom; border-bottom: solid 2px #dbdbdb }
.con_top { padding:50px 0 0 0; height: auto;}
.lianxi{ margin-top:15px;}
.lianxi p{ line-height:50px;}
.con_bg { min-width: 1100px; height: 450px; background: url(img/con_bg.jpg) no-repeat center top #0d0d0f; text-align: center; color: #fff; font-size: 18px; line-height: 55px }
#distr_con { min-width: 1100px; height: 782px; background: #fc5c42; overflow: hidden }
#distr_con_map { width: 1323px; margin: 0 auto; height: 782px; position: relative; overflow: hidden }
.point_white_line { width: 12px; text-align: center; position: absolute; overflow: hidden; opacity: 0 }
.white_line { width: 1px; background: #FFF; height: 380px; margin: 0 auto }
#map { position: absolute; left: 50%; top: -340px; margin-left: -661.5px; opacity: 0 }
#map_line1 { height: 222px; left: 560px; bottom: -380px }
#map_line2 { height: 335px; left: 580px; bottom: -380px }
#map_line3 { height: 223px; left: 738px; bottom: -380px }
#map_line4 { height: 365px; left: 752px; bottom: -380px }
#map_line5 { height: 221px; left: 815px; bottom: -380px }
#map_line6 { height: 380px; left: 850px; bottom: -380px }
#map_line7 { height: 91px; left: 870px; bottom: -380px }
#map_line8 { height: 219px; left: 610px; bottom: 205px }
.red_flag { width: 21px; height: 29px; position: absolute }
#red_flag1 { left: 584px; bottom: -100px }
#red_flag2 { left: 760px; bottom: -100px }
#red_flag3 { left: 855px; bottom: -100px }
.map_province { color: #ffe243; font-size: 36px; font-weight: bold; position: absolute }
.map_city { color: #FFF; font-size: 18px; position: absolute }
#pro_sx { left: -120px; bottom: 483px }
#pro_dl { left: -120px; bottom: 580px }
#pro_hlj { left: -120px; bottom: 670px }
#city_ty { left: 1350px; bottom: 423px }
#city_cz { left: 1350px; bottom: 375px }
#city_xz { left: 1350px; bottom: 365px; opacity: .6 }
#city_lf { left: 1350px; bottom: 445px; opacity: .6 }
#city_dt { left: 1350px; bottom: 365px; opacity: .6 }
#city_yc { left: 1350px; bottom: 390px; opacity: .9 }
#city_ll { left: 1350px; bottom: 350px; opacity: .85 }
#city_sz { left: 1350px; bottom: 420px; opacity: .6 }
#city_jc { left: 1350px; bottom: 400px; opacity: .6 }
#city_yq { left: 1350px; bottom: 365px; opacity: .6 }
#city_jz { left: 1350px; bottom: 400px; opacity: .6 }
#city_harbin { left: 1350px; bottom: 520px }
#city_mdj { left: 1350px; bottom: 360px; opacity: .9 }
#city_sh { left: 1350px; bottom: 350px; opacity: .6 }
#city_ych { left: 1350px; bottom: 400px; opacity: .6 }
#city_qqhr { left: 1350px; bottom: 475px; opacity: .95 }
#city_sys { left: 1350px; bottom: 445px; opacity: .8 }
#city_hh { left: 1350px; bottom: 500px; opacity: .85 }
#city_jx { left: 1350px; bottom: 540px; opacity: .6 }
#city_hg { left: 1350px; bottom: 520px; opacity: .6 }
#city_jms { left: 1350px; bottom: 400px; opacity: .9 }
#city_dq { left: 1350px; bottom: 460px }
#city_as { left: 1350px; bottom: 450px; opacity: .8 }
#city_yk { left: 1350px; bottom: 375px; opacity: .6 }
#city_fx { left: 1350px; bottom: 300px; opacity: .8 }
#city_pj { left: 1350px; bottom: 400px; opacity: .8 }
#city_ly { left: 1350px; bottom: 460px; opacity: .8 }
.bottoms { min-width: 1100px; background: #1e1e1e; padding: 27px 0 50px 0; clear: both }
.bottom_l { width: 752px; float: left; padding: 0 0 0 30px }
.bottom_l li { width: 188px; float: left }
.bottom_l_title { height: 30px; font-size: 16px; color: #fff }
.bottom_l li li { width: auto; float: none; height: 30px; line-height: 30px; background: url(../images/icon1.jpg) no-repeat left center; padding: 0 0 0 12px; color: #b8b8b8 }
.bottom_l li li a { color: #b8b8b8 }
.bottom_gz { width: 185px; float: left }
.bottom_gz li { height: 30px; color: #b8b8b8 }
.bottom_gz_pic { width: 26px; float: left; margin-top: 7px }
.bottom_gz li a { color: #b8b8b8; line-height: 30px; float: left }
.bottom_r { width: 141px; float: right; padding: 0 85px 0 0 }
.bottom_con { height: 33px; background: url(../images/bg1.png) no-repeat center top; line-height: 23px; padding: 10px 0 0 0; margin: 8px 0 0 0; text-align: center; color: #fff; line-height: 23px }
.spinner { -webkit-animation: spinner 2s infinite linear; -moz-animation: spinner 2s infinite linear; animation: spinner 2s infinite linear }
@-webkit-keyframes spinner {
0% {
-webkit-transform:rotateY(0deg);
transform:rotateY(0deg)
}
50% {
-webkit-transform:rotateY(45deg);
transform:rotateY(45deg)
}
100% {
-webkit-transform:rotateY(0deg);
transform:rotateY(0deg)
}
}
@keyframes spinner {
0% {
-webkit-transform:rotateY(0deg);
transform:rotateY(0deg)
}
50% {
-webkit-transform:rotateY(45deg);
transform:rotateY(45deg)
}
100% {
-webkit-transform:rotateY(0deg);
transform:rotateY(0deg)
}
}
.bot { width: 100%; position: fixed; left: 0; bottom: 0; background: #000; height: 60px; color: #fff; z-index: 4; background: url(../images/bot_bg.png); padding: 5px 0 0 0 }
.bot_icon { width: 39px; position: absolute; right: 40px; bottom: 10px; z-index: 5; cursor: pointer }
.copy_bg { padding: 14px 0 20px 0; background: #000; overflow: hidden; color: #fff }
.copyright { width: 1170px; margin: 0 auto; padding: 0 2px 0 28px; font-size: 13px }
.bot_con { min-height: 65px; _height: 65px; overflow: hidden }
.bot_con li { float: left }
.bot_r { float: left; font-size: 14px; line-height: 20px; padding: 0 0 0 19px }
#bot_left { position: absolute; left: 0; top: 20px; font-size: 36px; display: none; cursor: pointer }
.animated { -webkit-animation-duration: 1s; animation-duration: 1s; -webkit-animation-fill-mode: both; animation-fill-mode: both }
@-webkit-keyframes flipInY {
0% {
-webkit-transform:perspective(400px) rotate3d(0, 1, 0, 90deg);
transform:perspective(400px) rotate3d(0, 1, 0, 90deg);
-webkit-transition-timing-function:ease-in;
transition-timing-function:ease-in;
opacity:0
}
40% {
-webkit-transform:perspective(400px) rotate3d(0, 1, 0, -20deg);
transform:perspective(400px) rotate3d(0, 1, 0, -20deg);
-webkit-transition-timing-function:ease-in;
transition-timing-function:ease-in
}
60% {
-webkit-transform:perspective(400px) rotate3d(0, 1, 0, 10deg);
transform:perspective(400px) rotate3d(0, 1, 0, 10deg);
opacity:1
}
80% {
-webkit-transform:perspective(400px) rotate3d(0, 1, 0, -5deg);
transform:perspective(400px) rotate3d(0, 1, 0, -5deg)
}
100% {
-webkit-transform:perspective(400px);
transform:perspective(400px)
}
}
@keyframes flipInY {
0% {
-webkit-transform:perspective(400px) rotate3d(0, 1, 0, 90deg);
-ms-transform:perspective(400px) rotate3d(0, 1, 0, 90deg);
transform:perspective(400px) rotate3d(0, 1, 0, 90deg);
-webkit-transition-timing-function:ease-in;
transition-timing-function:ease-in;
opacity:0
}
40% {
-webkit-transform:perspective(400px) rotate3d(0, 1, 0, -20deg);
-ms-transform:perspective(400px) rotate3d(0, 1, 0, -20deg);
transform:perspective(400px) rotate3d(0, 1, 0, -20deg);
-webkit-transition-timing-function:ease-in;
transition-timing-function:ease-in
}
60% {
-webkit-transform:perspective(400px) rotate3d(0, 1, 0, 10deg);
-ms-transform:perspective(400px) rotate3d(0, 1, 0, 10deg);
transform:perspective(400px) rotate3d(0, 1, 0, 10deg);
opacity:1
}
80% {
-webkit-transform:perspective(400px) rotate3d(0, 1, 0, -5deg);
-ms-transform:perspective(400px) rotate3d(0, 1, 0, -5deg);
transform:perspective(400px) rotate3d(0, 1, 0, -5deg)
}
100% {
-webkit-transform:perspective(400px);
-ms-transform:perspective(400px);
transform:perspective(400px)
}
}
.flipInY { -webkit-backface-visibility: visible!important; -ms-backface-visibility: visible!important; backface-visibility: visible!important; -webkit-animation-name: flipInY; animation-name: flipInY }
@-webkit-keyframes scaleSmall {
0% {
-webkit-transform:scale(0.8);
opacity:0
}
100% {
-webkit-transform:scale(1);
opacity:1
}
}
@-moz-keyframes scaleSmall {
0% {
-moz-transform:scale(0.8);
opacity:0
}
100% {
-moz-transform:scale(1);
opacity:1
}
}
@-o-keyframes scaleSmall {
0% {
-o-transform:scale(0.8);
opacity:0
}
100% {
-o-transform:scale(1);
opacity:1
}
}
@keyframes scaleSmall {0% {transform:scale(0.8);opacity:0}
100% {transform:scale(1);opacity:1}
}
.scaleSmall { -webkit-animation-name: scaleSmall; -moz-animation-name: scaleSmall; -o-animation-name: scaleSmall; animation-name: scaleSmall }
@-webkit-keyframes bounceInLeft {
0%, 60%, 75%, 90%, 100% {
-webkit-transition-timing-function:cubic-bezier(0.215, 0.610, 0.355, 1.000);
transition-timing-function:cubic-bezier(0.215, 0.610, 0.355, 1.000)
}
0% {
opacity:0;
-webkit-transform:translate3d(-3000px, 0, 0);
transform:translate3d(-3000px, 0, 0)
}
60% {
opacity:1;
-webkit-transform:translate3d(25px, 0, 0);
transform:translate3d(25px, 0, 0)
}
75% {
-webkit-transform:translate3d(-10px, 0, 0);
transform:translate3d(-10px, 0, 0)
}
90% {
-webkit-transform:translate3d(5px, 0, 0);
transform:translate3d(5px, 0, 0)
}
100% {
-webkit-transform:none;
transform:none
}
}
@keyframes bounceInLeft {
0%, 60%, 75%, 90%, 100% {
-webkit-transition-timing-function:cubic-bezier(0.215, 0.610, 0.355, 1.000);
transition-timing-function:cubic-bezier(0.215, 0.610, 0.355, 1.000)
}
0% {
opacity:0;
-webkit-transform:translate3d(-3000px, 0, 0);
-ms-transform:translate3d(-3000px, 0, 0);
transform:translate3d(-3000px, 0, 0)
}
60% {
opacity:1;
-webkit-transform:translate3d(25px, 0, 0);
-ms-transform:translate3d(25px, 0, 0);
transform:translate3d(25px, 0, 0)
}
75% {
-webkit-transform:translate3d(-10px, 0, 0);
-ms-transform:translate3d(-10px, 0, 0);
transform:translate3d(-10px, 0, 0)
}
90% {
-webkit-transform:translate3d(5px, 0, 0);
-ms-transform:translate3d(5px, 0, 0);
transform:translate3d(5px, 0, 0)
}
100% {
-webkit-transform:none;
-ms-transform:none;
transform:none
}
}
.bounceInLeft { -webkit-animation-name: bounceInLeft; animation-name: bounceInLeft }
@-webkit-keyframes bounceInRight {0%, 60%, 75%, 90%, 100% {
-webkit-transition-timing-function:cubic-bezier(0.215, 0.610, 0.355, 1.000);transition-timing-function:cubic-bezier(0.215, 0.610, 0.355, 1.000)
}
0% {opacity:0;-webkit-transform:translate3d(3000px, 0, 0);transform:translate3d(3000px, 0, 0)}
60% {opacity:1;-webkit-transform:translate3d(-25px, 0, 0);transform:translate3d(-25px, 0, 0)}
75% {-webkit-transform:translate3d(10px, 0, 0);transform:translate3d(10px, 0, 0)}
90% {-webkit-transform:translate3d(-5px, 0, 0);transform:translate3d(-5px, 0, 0)}
100% {-webkit-transform:none;transform:none}
}
@keyframes bounceInRight {0%, 60%, 75%, 90%, 100% {-webkit-transition-timing-function:cubic-bezier(0.215, 0.610, 0.355, 1.000);transition-timing-function:cubic-bezier(0.215, 0.610, 0.355, 1.000)}
0% {opacity:0;-webkit-transform:translate3d(3000px, 0, 0);-ms-transform:translate3d(3000px, 0, 0);transform:translate3d(3000px, 0, 0)}
60% {opacity:1;-webkit-transform:translate3d(-25px, 0, 0);-ms-transform:translate3d(-25px, 0, 0);transform:translate3d(-25px, 0, 0)}
75% {-webkit-transform:translate3d(10px, 0, 0);-ms-transform:translate3d(10px, 0, 0);transform:translate3d(10px, 0, 0)}
90% {-webkit-transform:translate3d(-5px, 0, 0);-ms-transform:translate3d(-5px, 0, 0);transform:translate3d(-5px, 0, 0)}
100% {-webkit-transform:none;-ms-transform:none;transform:none}
}
.bounceInRight { -webkit-animation-name: bounceInRight; animation-name: bounceInRight }

/*????????????*/
.csstransitions .m-strategy2 .itm:hover{ z-index: 2; }
.csstransitions .m-strategy2 .itm .front{ -webkit-transition: all .4s; -moz-transition: all .4s; transition: all .4s; -webkit-transform-origin: 50% 10px; -moz-transform-origin: 50% 10px; transform-origin: 50% 10px; }
.csstransitions .m-strategy2 .itm:hover .front{-webkit-transform:rotate(-135deg); -moz-transform:rotate(-135deg); transform:rotate(-135deg); }
.f-cf, .m-nav .list, .g-ct, .g-ct2, .m-timeline, .m-wfGroup {}
.g-panel3.panel2 .bd {width: 1100px;height: 260px;margin: 0 auto;}

/** ???????????? **/
.pro_title{ height:80px; padding:0px 0 0 0; background: url(img/lanwo_38.jpg) no-repeat center bottom; border-bottom:solid 2px #dbdbdb }
.product{ margin-top:40px;}
.slideGroup .parHd{ height:50px; position:relative;}
.slideGroup .parHd ul li{ float:left; width:219px; display:block; border-right:1px solid #FFF;}
.slideGroup .parHd ul{position:absolute;}
.slideGroup .parHd ul li em{ background:#ededed; display:block; width:219px; height:50px; text-align: center; line-height:50px; overflow:hidden;}
.slideGroup .parHd ul li.on em{ background:#7e7e7e; height:50px; color:#FFF; line-height:50px; overflow:hidden; }
.slideGroup .parHd ul li{ float:left; cursor:pointer; overflow:hidden; font-size:18px; color:#333; overflow:hidden; }
.slideGroup .parHd ul li.on{ height:50px; }
.slideGroup .slideBox{ overflow:hidden; zoom:1; padding:10px 44px 10px 44px; position:relative;   }
.slideGroup .sPrev,.slideGroup .sNext{ position:absolute; left:5px; top:80px; display:block; width:44px; height:76px;}
.slideGroup .sNext{ left:auto; right:5px;}
.slideGroup .sPrev:hover,.slideGroup .sNext:hover{  }
.slideGroup .parBd{margin-top:30px;}
.slideGroup .parBd ul{ overflow:hidden; zoom:1;  }
.slideGroup .parBd ul li{ margin:0 6px; float:left; _display:inline; overflow:hidden; text-align:center;  }
.slideGroup .parBd ul li .pic{ text-align:center; }
.slideGroup .parBd ul li .pic img{ width:320px; height:234px; display:block;}
.slideGroup .parBd ul li .pic a:hover img{ border-color:#999;  }
.slideGroup .parBd ul li .title{ line-height:24px;   }
.tempWrap{ width:1000px; margin:0 auto;}
.chanpin li{ float:left; width:320px; height:280px; display:block; display:inline; line-height:40px; }
.chanpin li a{ font-size:16px; color:#666;}


/** ???????????? **/

.main_banner { min-width: 1200px; text-align: center; border: solid 1px #cacdd0; position: relative; clear: both }
.main_banner img { width: 100%; margin: 0 auto }
.main_ejlm { width: 100%; height: 42px; background: url(../images/main_tbg.png); position: absolute; top: 0; left: 0 }
.main_ej { min-width: 1200px; padding: 9px 0 0 0 }
.main_ej li { float: right; padding: 0 47px 0 0; font-size: 14px }
.main_ej li a { height: 24px; display: block; color: #000; padding: 0 2px }
.main_ej li a:hover { background: url(../images/hzhb01.jpg) repeat-x center bottom; color: #000; text-decoration: none }
.main_ej_title { height: 83px; padding: 40px 0 0 0; background: url(img/hzhb02.jpg) repeat-x center 119px; overflow: hidden }
.main_title { float: left; height: 82px; background: url(img/hzhb03.jpg) no-repeat 20px bottom }
.main_t_wz { height: 35px; padding: 0 14px 0 0 }
.main_t_wz a { color: #404040 }
.main_t_wz a:hover { color: #df0c0c; text-decoration: none }
.main_t_wz_icon { float: right; padding: 8px 8px 0 8px; line-height: 2px }
.main_sj { clear: both }
.main_sj li { float: right; padding: 0 14px 0 0; cursor: pointer }
.main_sj li a { height: 28px; display: block; font-size: 14px; color: #fff; background: #8b8a8a; padding: 0 20px; line-height: 27px }
.main_sj li a:hover { color: #fff; background: #df0c0c; text-decoration: none }
.main_hzhb_pic { width: 1133px; height: 384px; margin: 0 auto; background: url(../images/hzhb06.png) no-repeat center top }
.main_hzhb_pic li { width: 283px; height: 192px; float: left; text-align: center }
.main_hzhb_pic li img { vertical-align: middle }
.main_hzhb_pic li span { height: 100%; width: 0; overflow: hidden; display: inline-block; vertical-align: middle }


.content{ font-size:14px; line-height:28px; margin:15px 0}

.main_news {
    padding: 0 8px;
}.main_news li {
    height: 216px;
    border: solid 1px #cfcfcf;
    margin-top: 43px;
}.main_news_pic {
    float: left;
    padding: 20px 0 0 20px;
}.main_news_r {
    width:720px;
    float: right;
    padding: 20px 23px 0 0;
}.main_news_r01 {
    height: 41px;
    border-bottom: dotted 1px #bdbdbd;
    color: #444;
    font-size: 18px;
    padding: 11px 0 0 0;
}.main_news_r02 {
    color: #727272;
    font-size: 16px;
    line-height: 27px;
    padding: 11px 0 0 0;
    height: 85px;
    border-bottom: dotted 1px #bdbdbd;
}.main_news_r03 {
    padding: 13px 0 0 0;
    color: #9c9b9b;
    font-size: 14px;
}.main_news_r03 a {
    color: #2c2c2c;
    font-size: 14px;
    float: right;
}
#pages { text-align:center;
    padding: 14px 0 10px;
    font-family: ??????;
}#pages a.a1 {
    width: 56px;
    padding: 0;
}#pages a {
    display: inline-block;
    height: 22px;
    line-height: 22px;
    background: #fff;
    border: 1px solid #e3e3e3;
    text-align: center;
    color: #333;
    padding: 0 10px;
}#pages span {
    display: inline-block;
    height: 22px;
    line-height: 22px;
    background: #037ce2;
    border: 1px solid #037ce2;
    color: #fff;
    text-align: center;
    padding: 0 10px;
}#pages a:hover{ text-decoration:none;
    background: #037ce2;
    border: 1px solid #037ce2; color:#fff}
#Article{ overflow:hidden; margin:20px auto;}
#Article h1 {
    text-align: center;
    font-size: 22px;
    line-height: 32px; color:#333
}#Article h1 span {
    font-size: 14px;
    line-height: 28px;
    color: #666;
}.summary {
    background-color: #F6FAFD;
    border: 1px solid #DCDDDD;
    font-size: 14px;
    line-height: 23px;
    margin: 15px 0 0;
    padding: 12px 5px 6px;
    text-align: justify;
    text-indent: 2em;
}#Article .content {
    line-height: 28px;
    font-size: 14px;
    margin: 20px auto;
}
.Continue{
    color: #666;
    line-height: 30px;
    font-size: 14px;
	overflow:hidden
}
.Continue_s {
    float: left!important;
}.Continue_x {
    float: right!important;
}
.Continue a{ color:#037ce2}
.main_product ul{ overflow:hidden; margin:15px auto 0;}
.main_product li{ float:left; width:320px; overflow:hidden; border:solid 1px #cfcfcf; padding:10px 10px 0; margin:0 12px 22px; text-align:center}

.case h3{ border-bottom:1px #ccc solid; line-height:35px; height:35px; font-size:16px; margin:15px auto; color:#037ce2}

.main_product li span{ line-height:36px; font-size:16px}
.main_product li:hover span{ color:#037ce2}
.main_product li:hover{border:solid 1px #037ce2;}
.related,.photo-list{
    margin: 20px auto 0;
}
.related h5,.photo-list h5 {
    color: #d50000;
    font-size: 16px;
}.related ul,.photo-list ul{
    padding: 20px 0;
    overflow: hidden;
}.related ul li {
    width: 46%;
    float: left;
    margin-right: 2%;
    line-height: 28px;
}.related ul li a {
    padding-left: 6px; color:#333;
    float: left;
}
.related ul li a:hover{ color:#037ce2}
.related ul li span {
    float: right;
}
.photo-list ul li{ float:left; width:183px;margin: 0 7px 22px;padding:10px 10px 3px; text-align:center; border:solid 1px #cfcfcf;}
.photo-list ul li a{ font-size:14px; line-height:32px; color:#333}
.photo-list ul li a:hover{ color:#037ce2; text-decoration:none}
.photo-list ul li:hover{ border:solid 1px #037ce2}
.product_c{ margin:0 10px; width:1080px;    padding: 20px 0 0 0;}
.product_c li{ margin-bottom:15px;}
.product_c li a{ background:none; border:solid 1px #ccc; color:#333;margin:0 5px;}

.product_c li a:hover{border:solid 1px #0067ce; height:42px; background:#0067ce}
/* toTop */
.toTop {
	width: 46px;
	height:46px;
    background: url(img/up_back.png) no-repeat;
	cursor: pointer;
	position: fixed;
	right: 40px;
	bottom: 100px;
}
.toTop:hover{ background-position:0 -46px}

#yc-mod-slider{ overflow:hidden; width:100%}
div.wrapper { width: 1920px; position:relative; left:50%; top:0; margin-left:-960px;}
.fn-clear { zoom: 1; }
.box_skitter { position: relative; background: none; }
.box_skitter ul { display: none; }
.box_skitter .container_skitter { overflow: hidden; position: relative}
.box_skitter .image { overflow: hidden; }
.box_skitter .image img { display: none; }
.box_skitter .box_clone { position: absolute; top: 0; left: 0; width: 100px; overflow: hidden; display: none; z-index: 20; }
.box_skitter .box_clone img { position: absolute; top: 0; left: 0; z-index: 20;  }
.box_skitter .prev_button { position: absolute; top: 50%; left:22%; z-index: 100; width:27px; height:50px; overflow: hidden; text-indent: -9999em; margin-top: -25px; background: url(img/prev.png) no-repeat left top !important; }
.box_skitter .next_button { position: absolute; top: 50%; right:22%;  z-index: 100; width:27px; height:50px; overflow: hidden; text-indent: -9999em; margin-top: -25px; background: url(img/next.png) no-repeat left top !important; }
.box_skitter .label_skitter { z-index: 150; position: absolute; display: none; }
.loading { position: absolute; top: 50%; right: 50%; z-index: 10000; margin: -16px -16px; color: #fff; text-indent: -9999em; overflow: hidden; background: url(img/ajax-loader.gif) no-repeat left top; width: 31px; height: 31px; }
#slideshow { width: 100%; height:450px; }
#slideshow ul { display: none; }