@charset "utf-8";
/* CSS Document */
body{ font-family: "Arial","微软雅黑";}
header{ width:100%; height:110px; background: rgba(255,255,255,0.9); position: fixed; z-index:9999; border-bottom:solid #e5e5e5 1px;}
/*.header{ max-width:1200px; margin:0 auto; height:100px; position:relative;}
.logo{ margin:20px 0;}
.logo a,.bot_logo a{ display:block;}
.logo a img,.bot_logo a img{ width:150px; height:60px;}
.tel{ height:30px; margin:10px; display:block; background:url(../../images/default/tel.png) no-repeat; font-size:24px; color:#e60012; line-height:30px; padding-left:50px; position:absolute; right:0;}
.nav{ width:100%; height:50px; margin-top:50px;}
.nav li{ float:left; line-height:50px; position:relative;}
.nav li a{ display:inline-block; color:#333333; padding:0 25px; font-size:16px;}
.nav li a:hover,.nav li .current{ background:#ebebeb; color:#e60012;}
.nav li dl{ display:none; z-index:999; position:absolute; padding:10px 0; background:rgba(255,255,255,1.00);}*/
.top_box{ width:100%; height:30px; background:#404040; color:#FFFFFF; font-size:12px; line-height:30px;}
.top_box a{ font-size:12px; line-height:30px; color:#FFFFFF; margin-right:10px;}
.top_box a:hover{ text-decoration:underline;}
.header{ max-width:1200px; margin:0 auto; height:100px; position:relative;}
.logo{ margin:10px 0;}
.logo a,.bot_logo a{ display:block;}
.logo a img,.bot_logo a img{ width:150px; height:60px;}
.nav{ height:80px;}
.nav li{ float:left; line-height:80px; position:relative;}
.nav li a{ display:inline-block; color:#333333; padding:0 25px; font-size:16px;}
.nav li a:hover,.nav li .current{ background: rgba(235,235,235,0.80); color:#e60012;}
.nav li dl{ display:none; z-index:9999; position:absolute; background:rgba(255,255,255,1.00); box-shadow:0 1px 2px 0px #e5e5e5;}

.banner_box{ min-width:1200px; max-width:100%; overflow:hidden; padding-top:110px;}
.banner{ max-width:1920px; position: relative;}
.ban_list{ width:100%; height:600px; margin:0 auto; position: relative; left:50%; margin-left:-960px;}
.ban_list li{ width:100%; height:100%; position:absolute; float:left;}
.ban_list li img{ height:100%; transition: all 300ms ease 0s;}
.banner .btn{ position:absolute; height:3px; bottom:2%; left:50%; margin-left:-51px; z-index:999;}
.btn span{ display:block; width:30px; height:3px; margin-right:6px; background:#FFFFFF; float:left; cursor:pointer;}
.btn .current{ background:#e60012;}

.banner_btn{width:1200px; margin:0 auto; position:relative; z-index:9999; display:none;}
.banner_left,.banner_right{ width:42px; height:88px; position:absolute; bottom:256px; cursor:pointer;}
.banner_left{ background:url(../../images/default/left_btn.png) center no-repeat; left:0;}
.banner_right{ background:url(../../images/default/right_btn.png) center no-repeat; right:0;}

.main{ width:100%;}
.content{ max-width:1200px; margin:0 auto; overflow:hidden; position:relative;}
.sy_first{ margin-bottom: 80px;}
.sy_first h2{ width: 100%; text-align: center; margin: 90px 0 60px 0; font-size: 34px; color: #333333;}
.sy_first img{ width: 1200px; height: 424px; margin: 0 auto;}
.sy_first a{ display: block; width: 178px; height: 34px; border: solid #e60012 1px; text-align: center; line-height: 36px; font-size: 16px; color:#e60012; position: absolute; top: 580px; left: 160px;}
.sy_two{ width:100%; height:500px; background:url(../../images/default/sy-two-bg.jpg) no-repeat;padding-top:100px;}
.sy_two img{ width:650px; height:444px; float:left; margin-left:20px;}
.sy_two h2,.sy_two span{ color:#FFFFFF; text-align:right; margin-right:40px;}
.sy_two h2{ font-size:36px; line-height:70px;}
.sy_two span{ display:block; font-size:18px; margin-top:40px;}
.sy_two a{ display:block; width:200px; height:54px; background:#FFFFFF; border-radius:50px; font-size:28px; text-align:center; line-height:54px; color:#e60012; margin-top:130px; float:right; margin-right:40px;}

.sy_three h2{ width: 100%; text-align: center; margin: 80px 0; font-size: 34px; color: #333333;}
.sy_three ul{ height:260px; margin-bottom:100px;}
.sy_three ul li{ width:250px; height:250px; border:solid #e60012 2px; border-radius:50%; position:relative; margin:0 23px; float:left;}
.sy_three ul li img{ width:70px; height:70px; margin:40px auto 15px auto;}
.sy_three ul li h3{ font-size:20px; color:#333333; text-align:center;}
.sy_three ul li span{ display:block; width:174px; padding:3px 40px; height:44px; background:#FFFFFF; position:absolute; bottom:-10px; text-align:center; font-size:16px; color:#4C4C4C;}

.sy_four{ width:100%; height:700px; background:url(../../images/default/sy-three-bg.jpg);}
.sy_four_pos{ width:100%; height:100%; position:relative;}
.sy_four h2{ width: 100%; text-align: center; padding:80px 0; font-size: 34px; color: #FFFFFF;}
/*.sy_four .four01,.sy_four .four02,.sy_four .four03,.sy_four .four04{ position:absolute;}
.sy_four .four01{ left:160px; bottom:100px;}
.sy_four .four02{ left:410px; bottom:55px;}
.sy_four .four03{ left:660px; bottom:100px;}
.sy_four .four04{ right:130px; bottom:55px;}
.sy_four .four01 h3,.sy_four .four02 h3,.sy_four .four03 h3,.sy_four .four04 h3{ font-size:18px; color:#FFFFFF; text-align:left; line-height:36px;}
.sy_four .four01 p,.sy_four .four02 p,.sy_four .four03 p,.sy_four .four04 p{ width:160px; font-size:13px; color:#FFFFFF; text-align:left; line-height:22px}
*/
.sy_four_pos a{display:block; width:160px; height:44px; background:#FFFFFF; border-radius:50px; font-size:24px; text-align:center; line-height:44px; color:#e60012; margin:50px auto;}
.sy_four_show{}
.sy_four_show li{ width:276px; float:left; margin-right:32px;}
.sy_four_show li img{ width:276px; height:240px;}
.sy_four_show li .sy_four_text{ width:100%; height:120px; background:#FFFFFF; text-align:center;}
.sy_four_text h3{ font-size:18px; color:#333333; line-height:34px; padding-top:10px;}
.sy_four_text p{ display:block; width:256px; margin:0 auto; font-size:14px; line-height:22px; color:#666666;}
#m0{ margin:0;}

/*.sy_five{ margin-top:80px; margin-bottom:100px;}
.sy_five_left{ max-width:670px; float:left;}
.sy_five_left h2,.sy_five_right h2{ font-size:34px; color:#333333; margin-bottom:70px;}
.sy_five_left .sy_news{}
.sy_news img{ width:280px; height:220px; float:left; margin-right:20px;}
.sy_news .sy_news_list{ width:370px; float:right;}
.sy_news_list li{ width:100%; line-height:36px; font-size:15px; color:#333333;}
.sy_news_list li a{ color:#333333; float:left;}
.sy_news_list li span{ float:right;}
.sy_five_right{ max-width:490px; float:right;}
.sy_five_right .sy_shop{ width:488px; height:218px; border:solid #cccccc 1px;}
.sy_shop img{ width:140px; height:218px; float:left;}
.sy_shop .sy_shop_list{ width:328px; float:right; padding-top:10px;}
.sy_shop_list li{ width:100%; line-height:38px; font-size:15px;}
.sy_five a{ color:#333333;}
.sy_five a:hover{ color:#e60012;}
.sy_shop .sy_more{ width:62px; height:20px; float:right; text-align:center; line-height:22px; margin:15px 20px}
.sy_more a{ display:block; width:100%; height:100%; font-size:12px; border:solid #666666 1px;}
.sy_shop .sy_more a:hover{ border:solid #e60012 1px;}*/

.sy_six{ margin-top:80px; margin-bottom:60px;}
.sy_six h2{ font-size:34px; text-align:center; color:#333333; margin-bottom:70px;}
.sy_six ul{}
.sy_six ul li{ width:300px; float: left; margin:0 50px;}
.sy_six ul li img{ width:300px; height:280px;}
.sy_six ul li h3{ width:100%; font-size:18px; text-align:center; margin-top:20px; margin-bottom:5px;}
.sy_six ul li h4{ width:240px; margin:0 auto; font-size:14px; color:#666666; text-align:center;}

.bottom{ width:100%; height:260px; padding-top:50px; background:url(../../images/default/bottom-bg.jpg) no-repeat;}
.bottom .bot_logo{ float:left; margin-right:100px;}
.bot_logo .tel02{ height:30px; margin:20px 10px; display:block; background:url(../../images/default/tel02.png) no-repeat; font-size:20px; color:#FFFFFF; line-height:30px; padding-left:45px;}
.bot_nav{ float:left;}
.bot_nav li{ float:left; margin-right:110px;}
.bot_nav li h2{ font-size:16px; color:#FFFFFF; margin-bottom:15px;}
.bot_nav li a{ display:block; font-size:13px; color:#cccccc; line-height:26px;}
.bot_erweima{ width:120px; float:right; margin-right:50px; text-align:center;}
.bot_erweima img{ width:120px; height:120px;}
.bot_erweima span{ font-size:12px; color:#FFFFFF; line-height:34px;}
.r_contact img{ display:inline-block; width:65px; height:65px; margin:20px auto 10px auto;}

.link{ max-width:1200px; margin:0 auto; font-size:13px; color:#FFFFFF; border-bottom:solid #585b6a 1px; padding-bottom:20px;}
.link a{ display:inline-block; font-size:13px; color:#cccccc; margin:0 20px;}
.copy{ max-width:1200px; margin:0 auto; font-size:13px; color:#FFFFFF; line-height:65px; text-align:center;}
.copy a{ color:#cccccc; margin-left:20px;}
.copy span{ margin:0 25px;}
.bottom a:hover{ color:#FFFFFF;}

/*侧边咨询*/
#roll{ width:100%; height:auto; position:fixed; top:300px; z-index:9999;}
.r_contact{ width:140px; height:300px; background:#fc5461; position: absolute; right:30px; text-align:center; color:#FFFFFF; font-size:16px;}
.r_contact img{ display:inline-block; width:65px; height:65px; margin:20px auto 10px auto;}
.r_contact h2{ font-size:15px; position:relative;}
.r_contact h2:before,.r_contact h2:after{ content:""; display:inline-block; width:15px; height:1px; background:#FFFFFF; position:absolute; top:11px;}
.r_contact h2:before{ left:7px;}
.r_contact h2:after{ right:7px;}
.r_contact h3{ font-size:18px; font-weight:bold; margin:5px auto 15px auto;}
.r_contact a{ color:#FFFFFF; display:block; width:100%; height:40px; line-height:40px; margin-bottom:20px;}
.r_contact .blue_bg{ background:#02b8d3;}
.r_contact .green_bg{ background:#93ce06;}
.r_contact .top{ width:50px; height:50px; background:#fc5461; border-radius:50%; position:absolute; bottom:-16px; left:45px; font-size:14px; text-align:center; line-height:20px; cursor:pointer;}
.top em{ display:block; width:16px; height:8px; background:url(../../images/default/btn_top.png) no-repeat; margin:20px auto 0px auto;}


/*产品中心*/
.view_banner{ width:100%; height:420px; padding-top:100px; background:url(../../images/default/view_banner.jpg) center bottom no-repeat;}
.product{}
.product h2{ font-size:50px; color:#333333; margin:110px auto 40px auto;}
.product p{ font-size:20px; color:#666666; line-height:36px;}
.pro_first,.pro_three,.pro_five{ width:100%; height:600px; background:#f4f4f4;}
.pro_first h2,.pro_three h2,.pro_five h2{ text-align:right;}
.pro_first p,.pro_three p,.pro_five p{text-align:right;}
.pro_first img{ width:487px; float:left; margin-top:28px;}

.pro_two,.pro_four,.pro_six{ width:100%; height:600px; background:#FFFFFF;}
.pro_two h2,.pro_four h2,.pro_six h2{ text-align:left;}
.pro_two p,.pro_four p,.pro_six p{ text-align:left;}
.pro_two img{ width:554px; float:right; margin-top:150px;}
.pro_three img{ width:352px; float:left; margin-top:112px;}
.pro_four img{ width:852px; float:right; margin-top:178px;}
.pro_five img{ width:606px; float:left; margin-top:81px;}
.pro_six img{ width:554px; float:right; margin-top:150px;}

/*案例*/
.case{ margin:110px auto 60px auto;}
.case li{ width:260px; height:340px; padding:25px 19px; border:solid #d9d9d9 1px; position:relative; text-align:center; margin:0 50px 80px 50px; float:left; cursor:pointer;}
.case li:hover{ border:solid #e60012 1px;}
.case li h2{ width:90px; height:25px; background: #FFFFFF; font-size:16px; color:#e60012; line-height:25px; position:absolute; left:103px; top:-12px;}
.case li img{ width:260px; height:160px; margin:0 auto;}
.case li h3{ font-size:16px; color:#333333; margin:30px auto;}
.case li p{ width:100%; font-size:14px; color:#808080; line-height:24px; text-align:left;}

/*下载*/
.bg{ width:100%; background:#f7f7f7; padding:100px 0 150px;}
.sub_nav{ margin-left:320px; margin-bottom:120px;}
.sub_nav li{ width:270px; height:56px; float:left; margin-right:20px;}
.sub_nav li a{ display: inline-block; width:100%; height:100%; background:#ebebeb; font-size:18px; color:#333333; text-align:center; line-height:56px;}
.sub_nav li a:hover,.sub_nav li .current{ background:#e60012; color:#FFFFFF;}

.down{}
.down .down_img img{ width:286px;}
.down .down_content{ float:right;}
.down_content h2{ font-size:30px; color:#333333; margin:20px auto;}
.down_content p{ font-size:16px; color:#666666; margin-bottom:70px;}
.down_content .down_list{ width:338px; height:338px; background:#FFFFFF; padding:20px; border:solid #ebebeb 1px; float:left; margin-right:60px; position:relative; cursor:pointer;}
.down_list h3{ font-size:20px; color:#333333;}
.down_list h4{ font-size:14px; color:#666666;}
.down_list .down_app{ width:120px; height:120px; margin:70px auto 90px;}
.down_app img{ width:100%; height:100%;}
.down_list span{ display:block; font-size:14px; color:#666666; text-align:center;}
.down_list .down_erweima{ position:absolute; width:200px; height:200px; left:89px; bottom:69px; display:none;}
.down_erweima img{ width:100%; height:100%;}


/*关于*/
.about_p100{ padding:100px 0 50px;}
.about{ margin-bottom:60px;}
.about h2{float: left;width: 275px;color:#e60012;font-size: 18px;line-height: 26px;}
.about h2 span{font-size: 34px; display: block; padding-bottom: 8px;}
.about p{ font-size: 16px; color: #333; width: 925px; line-height:30px; float: left;}

.contact{ color:#333333; padding:0 160px 100px 160px;}
.contact h2{ font-size:24px; margin-bottom:30px;}
.contact h3,.contact h4,.contact p{ font-size:18px; padding-left:40px; height:20px; line-height:20px; margin-bottom:24px;}
.contact h3{ background: url(../../images/default/con_icon.png) no-repeat;}
.contact h4{ background: url(../../images/default/con_icon.png) 0 -20px no-repeat;}
.contact p{ background: url(../../images/default/con_icon.png) 0 -40px no-repeat;}
.contact img{ width:160px; height:160px;}
.contact span{ display:block; width:160px; text-align:center; line-height:30px; font-size:14px;}
.map{ width:1000px; margin:0 auto 100px;}


/*合作*/
.coo_title{ width:100%; text-align:center; margin:90px auto; font-size:34px; color:#333333;}
.coo_first,.coo_two,.coo_three,.coo_four,.coo_five{ width:100%; height:540px;}
.coo_first h2,.coo_two h2,.coo_three h2,.coo_four h2,.coo_five h2{ font-size:30px; color:#e60012; height:70px; line-height:70px;}
.coo_first h3,.coo_two h3,.coo_three h3,.coo_four h3,.coo_five h3{ font-size:20px; color:#4c4c4c; line-height:30px; width:400px;}
.coo_first,.coo_three,.coo_five{ background:#FFFFFF;}
.coo_first h2,.coo_three h2,.coo_five h2{ text-align:left; padding-left:90px; margin:40px 0px 30px 40px;}
.coo_first h2{ background:url(../../images/default/num1.png) left no-repeat;}
.coo_first h3,.coo_three h3,.coo_five h3{ text-align:left; margin-left:40px;}
.coo_first img{ width:600px; float:right; margin:83px auto;}
.coo_two,.coo_four{ background:#f5f5f5;}
.coo_two h2,.coo_four h2{ text-align:right;  padding-right:90px; margin:40px 40px 30px 0px;}
.coo_two h2{ background:url(../../images/default/num2.png) right no-repeat;}
.coo_two h3,.coo_four h3{ text-align:right; margin-right:40px;}
.coo_two img{ width:532px; float:left; margin:47px auto;}
.coo_three h2{ background:url(../../images/default/num3.png) left no-repeat;}
.coo_four h2{ background:url(../../images/default/num4.png) right no-repeat;}
.coo_five h2{ background:url(../../images/default/num5.png) left no-repeat;}
.coo_three img{ width:482px; float:right; margin:83px auto;}
.coo_four img{ width:551px; float:left; margin:95px auto;}
.coo_five img{ width:580px; float:right; margin:40px auto;}

.coo_six{ width:100%; height:600px; background:url(../../images/default/coo_six_bg.jpg) center no-repeat;}
.coo_six h2{ font-size:34px; color:#FFFFFF; text-align:center; padding:80px 0;}
.coo_six ul{ margin-left:86px; clear:both;}
.coo_six ul li{ width:316px; float:left; margin-right:40px;}
.coo_six ul li img{ width:316px; height:200px;}
.coo_six ul li .coo_six_show{ width:100%; height:90px; background:#FFFFFF; text-align:center; padding-top:26px;}
.coo_six_show h3{ font-size:18px; color:#333333; margin-bottom:5px;}
.coo_six_show h4{ font-size:14px; color:#666666;}

.coo_seven{ width:100%; height:600px; background:#FFFFFF;}
.coo_seven h2{ font-size:34px; color:#333333; text-align:center; padding:80px 0;}
.coo_seven img{ width:100%;}
.coo_seven ul{ clear:both; margin-top:30px; margin-left:46px;}
.coo_seven ul li{ width:120px; font-size:14px; color:#333333; text-align:center; float:left; margin-right:127px;}
.m0{ margin-right:0;}