@charset 'gb2312';
body,input,ul,li,p,ol,h1,h2,h3,h4,h5,em,i,b,div,span,table,tr,td,th,dl,dt,dd{padding: 0; margin: 0;}
body{font: 400 12px/20px '微软雅黑',Arial; background: #fff; color:#565656;}
li{list-style: none;}
a{color: #565656; text-decoration: none;}
a:hover{color: #035aaa;text-decoration: none;}
img{border: 0;}

.main{width: 1200px; margin: 0 auto;}
.clear{clear: both;}
.fl{float:left;}
.fr{float:right;}

.ct{margin: 0 auto;width: 1200px;}
.header{position: relative;z-index: 2;width: 100%;height: 800px;}
.header .topbg{position: absolute; width: 100%; height: 100px;background: #000;top: 0;z-index: 3; filter:alpha(opacity:40); opacity:0.4;  -moz-opacity:0.4;-khtml-opacity: 0.4}
.header .top{height: 100px;position: relative;z-index: 10;}
.header .top .logo{margin-top:18px;width: 520px;}
.header .top .logo img{height: 60px;}
.header .top .phone{margin-top:18px;}

.nav{width: 100%;height: 47px;background: #353535;position: relative;z-index: 10;}
.nav .nav_c{height:47px;}
.nav .nav_c .list_box{height:47px;width:100%}
.nav .nav_c .list_box li{float:left;border-right: 1px solid #ddd;}
.nav .nav_c .list_box li:hover{background:#035aaa}
.nav .nav_c .list_box li a{color:#fff;line-height:47px;font-size:16px;padding: 0 42px;display: block;}
.nav .nav_c .list_box .active{background-color:#035aaa ;}
.nav .nav_c .list_box li:first{border-left:1px solid #ddd;}




.fullSlide{width:100%;position:absolute;height:800px;top: 0; z-index: 0}
.fullSlide .bd{margin:0 auto;position:relative;z-index:0;overflow:hidden;}
.fullSlide .bd ul{width:100% !important;}
.fullSlide .bd li{width:100% !important;height:800px;overflow:hidden;text-align:center;}
.fullSlide .bd li a{display:block;height:800px;}
.fullSlide .hd{width:100%;position:absolute;z-index:1;bottom:11px;left:0;height:34px;line-height:34px;}
.fullSlide .hd ul{text-align:center;}
.fullSlide .hd ul li{cursor:pointer;display:inline-block;*display:inline;zoom:1;color: #fff; font-size: 14px;width:130px;height:34px;margin:0 5px;overflow:hidden;background:#353535;line-height:34px;}
.fullSlide .hd ul .on{background:#035aaa;}
.fullSlide .prev,.fullSlide .next{display:block;position:absolute;z-index:1;top:50%;margin-top:-30px;left:0%;z-index:1;width:40px;height:60px;background:url(slider-arrow.png) -126px -137px #000 no-repeat;cursor:pointer;filter:alpha(opacity=80);opacity:0.8;display:none;}
.fullSlide .next{left:auto;right:0%;background-position:-6px -137px;}

/*======   查询  =======*/
.search{width:100%; height: 90px;background: #525252;}
.search .searchbt{float: left;border-right: 1px solid #ddd;width: 70px;margin-top: 16px;}
.search ul{width: 890px;float: left;padding: 15px 0;height: 60px;margin-left: 20px;}
.search ul li{float: left;margin-right: 19px;}
.search ul li span{display: block;color: #ddd;font-size: 14px;line-height: 28px;}
.search ul li select{border: 1px solid #ddd;background: #fff;font-size: 14px;line-height: 24px;display: block;height: 26px;border-radius: 4px;width: 180px;padding: 0 6px;}
.search ul li input{width: 130px;display: block;height: 24px;border: 1px solid #ddd;border-radius: 4px;padding: 0 6px;}
.search .submit{display: block;width: 100px;background: #004db7;color: #fff;border: none;height: 30px;float: right;font-size: 16px;cursor: pointer;border-radius: 8px;margin-top: 42px;}

/*======   关于我们  =======*/
.fw {margin: 0 auto;width: 1200px;}
.about_in {width:555px;margin-top:66px}
.about_in .tt h2 {font-size:37px;color:#666;font-weight:100;line-height: 37px;}
.about_in .tt p {font-size:18px;color:#035aaa;line-height: 20px;}
.about_in p.txt {line-height:24px;margin-top:20px;margin-bottom:15px;font-size: 14px;text-align: justify;}
a.more_in {display:block;width:140px;height:40px;line-height:40px;background:#035aaa;color:#f6f6f6;margin-bottom:30px;text-indent:35px;transition:all 0.3s}
a.more_in i {font-size:14px;text-indent:-10px;opacity:0;transition:all 0.3s}
a.more_in:hover {text-indent:25px}
a.more_in:hover i {text-indent:10px;opacity:1}
.about_in a.qq, .about_in a.wx, .about_in a.dz {display:inline-block;width:50px;height:50px;margin-right:20px;position:relative;border-radius:50px;box-shadow:0 5px 10px #ccc;transition:all 0.3s}
.about_in a.qq:before, .about_in a.wx:before, .about_in a.dz:before {content:'';position:absolute;left:12px;top:10px;width:25px;height:25px;background:url(top_icon.png) no-repeat}
.about_in a.qq {background:#008aff}
.about_in a.qq:before {background-position:0 -212px}
.about_in a.qq:hover {background:#3ea6ff;box-shadow:none}
.about_in a.wx {background:#05bf44}
.about_in a.wx:before {background-position:0 -164px}
.about_in a.wx:hover {background:#02df4d;box-shadow:none}
.about_in a.dz {background:#035aaa}
.about_in a.dz:before {background-position:0 -116px}
.about_in a.dz:hover {background:#ff4565;box-shadow:none}
.about_in a.phone {display:none}

.gspic{width: 100%; overflow: hidden;}
.gspic ul{}
.gspic ul li{float:left; margin-right:20px;width: 270px;height: 174px;}
.gspic ul li img{width: 270px;display: block;height: 174px;}





.search_in {background:#0079f6;width:601px;margin-top:56px}
.search_in .tt {float:left}
.search_in .form1 {float:left;width:267px;padding:20px 20px 20px 13px}
.search_in .form1 form {background:#fff;border-radius:10px;padding:14px 15px 0}
.search_in .form1 p {padding-bottom:10px}
.search_in .form1 p .text1 {border: none;background:#ebebeb;height:40px;width:100%;text-indent:10px;border-radius:3px}
.search_in .form1 .btn1 {width:100%;height:40px;background:url(search_btnbg.gif) no-repeat;background-position:80px 13px; background-color:#353535; cursor:pointer;border-radius:3px}
.select_box{position:relative;cursor:pointer;background:#ebebeb;font-size:12px;margin-right:10px;margin-bottom:10px;color:#000;height:40px;line-height:40px;z-index:500;width:100%;border-radius:3px}
.select_box select{border: none;padding-left: 6px;background: none;height: 40px;line-height: 40px;width: 235px;color: #6d6d6d;}
.option{width:100%;border:solid 1px #EDE7D6;position:absolute;top:28px;left:-1px;z-index:999;overflow:hidden;display:none;}
.option a{display:block;height:26px;line-height:26px;text-align:left;padding:0 10px;width:100%;background:#fff;color:#666;font-size:12px}
.option a:hover{background:#353535; color:#fff;}

/*======   品牌中心  =======*/
.inbt{width: 100%; height: 35px; background: url(inbt_bg.png) no-repeat center center;text-align: center;line-height: 35px;overflow: hidden;margin-bottom: 30px;}
.inbt span{font-size: 28px;padding: 0px 6px;font-weight: bold;}
.inbt em{border-bottom: 1px solid #333;padding: 0px 41px;display: inline-block;height: 13px;margin-top: 0px;}
.inbt .blue{color: #035aaa;margin-left: 20px;}
.inbt .black{color: #333;margin-left: 10px;margin-right: 20px;}


.h_brand{width:100%;}
#ibrand { margin:0 auto; width:1200px;overflow:auto;padding:40px 0 10px; }
.ibrand { clear:both; margin:15px 0 0; overflow:auto;}
.ibrand_title { height:20px; border-bottom:3px solid #006abb; position:relative; margin:0 0 20px; }
.ibrand_title h1 { line-height:40px; height:40px; font-size:22px; font-weight:normal; text-align:center; color:#fff; background:#006abb; width:120px; margin:0 auto; overflow:hidden; border-radius:12px; }
.ibrand li { float:left; width:135px; background:#fff; height:185px; padding:8px; margin:0 15px 15px 0; border:1px solid #035aaa; text-align:center; border-radius:8px; }
.ibrand h1 { line-height:36px; font-size:18px; font-weight:normal; border-bottom:1px solid #035aaa; }
.ibrand h1 a { color:#035aaa; }
.ibrand h2 { height:100px; width:100px;  margin:10px 20px; }
.ibrand img { height:100px; width:100px; border-radius:8px; }
.ibrand h3 { display:none; }
.ibrand h4 { width:94px; height:24px; margin:0 24px; background:#035aaa; border-radius:6px; }
.ibrand h4 a { color:#fff; }
.ibrand li:hover { background:#a6a6a6; border:1px solid #a6a6a6; }
.ibrand li:hover h1 { border-bottom:1px solid #fff; }
.ibrand li:hover h1 a { color:#fff; }
.ibrand li:hover h4 { background:#fff; }
.ibrand li:hover h4 a { color:#035aaa; }
.ibrand li:hover h2 { display:none; }
.ibrand li:hover h3 { display:block; height:100px; width:100px; margin:10px 20px; }
.ibrand li.li1 { margin:0 0 20px 0; }

.slider{margin-top: 20px;height: 211px;margin-bottom: 70px;}
.slider .before{position:relative;width: 1200px;height: 211px;float: right;}
.slider .before .slider_box{position:relative;width:100%;height:211px;overflow: hidden}
.slider .before .slider_box ul{position: absolute;width:400%;}
.slider .before .slider_box ul li{float: left;margin-left: 0px;margin-right: 15px;overflow: hidden;border: 1px solid #ddd;padding: 4px;}
.slider .before .slider_box ul li img{width: 218px;height: 201px;display: block;}
.slider .before span{display: block;width: 25px;height:45px;}
.slider .before .back{position:absolute;left:-32px;top:80px;background:url("left.png")top center no-repeat;cursor: pointer;}
.slider .before .next{position:absolute;right:-32px;top:80px;background:url("right.png")top center no-repeat;cursor: pointer;}

/*======   产品展示  =======*/
.ipro{width: 100%; margin-top: 50px;overflow: hidden;padding-bottom: 40px;}
.ipro .navpro{width: 240px;float: left;background: #035aaa;height: 730px;}
.ipro .navpro .bt{margin-top: 25px;padding: 0 22px;}
.ipro .navpro .bt strong{font-size: 38px;line-height: 38px;display: block;color:#fff;}
.ipro .navpro .bt span{font-size: 18px;display: block;line-height: 40px;margin-bottom: 10px;color:#fff;}
.ipro .navpro ul{overflow: hidden;margin: 0px 15px;}
.ipro .navpro ul li{float:left;width: 151px; margin: 5px 0;font-size: 15px;}
.ipro .navpro ul li.pro_1{background: none;}
.ipro .navpro ul li a{display: block;width: 180px;height: 44px;line-height: 44px;border-bottom: 1px solid #d9d9d9;font-size: 15px;padding-left:10px;position: relative;transition: all 0.3s;color:#fff;}
.ipro .navpro ul li a:before {content: '';position: absolute;width: 10px;height: 1px;background: #333;left: 0;bottom: -1px;transition: all 0.5s;}
.ipro .navpro ul li a:hover:before{width: 100%;}
.ipro .navpro ul li.pro_2 a:before{width: 100%;}
.ipro .plist{float: right;width: 960px;overflow: hidden;background: #fff;border-top: 1px solid #ddd;}
.ipro .plist ul{}
.ipro .plist li{float: left;padding: 14px; width: 211px; height: 214px;border-right: 1px solid #ddd;border-bottom: 1px solid #ddd;}
.ipro .plist li.mr0{margin-right: 0;}
.ipro .plist li img{width: 211px; height: 180px;}
.ipro .plist li span{display: block;width: 100%;height: 34px;line-height: 34px;text-align: center;font-size: 14px;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}

.sunfoon1{width: 100%; height:280px; background: url(https://b2b-web-memb-plat.bj.bcebos.com/1833991827130204088.jpg) no-repeat center center;}
.sunfoon2{width: 100%; height:280px; background: url(https://b2b-web-memb-plat.bj.bcebos.com/1833992005866043326.jpg) no-repeat center center;}

.midad{ width:1248px;overflow:hidden; margin:40px auto 0;padding-bottom: 60px;}
.midad .adhead{ background:url(midad1.gif) no-repeat center 0; height:146px}
.midad .content{margin-top: 60px; width:1248px; height:496px}
.midad .content .bigbox{width:264px; height:496px; float:left; margin:0 24px; position:relative}
.midad .content .bigbox .box{ width:264px; height:496px; background:url(midmenu.gif) no-repeat 0 0;position:relative}
.midad .content .bigbox:hover .box{ width:264px; height:496px;  float:left; position:relative; color:#fff;opacity: 1; background: url('midmenu.gif') -265px 0px no-repeat;}
.midad .content .bigbox .pic{ position:absolute; width:264px; height:487px; left:0; top:0; padding-top:9px; text-align:center}
.midad .content .bigbox .box .title{ display:block; height:60px; line-height:60px; font-size:28px; text-align:center; color:#035aaa; top:206px; left:0; width:264px; position:absolute}
.midad .content .bigbox:hover .box .title{ display:block; height:60px; line-height:60px; font-size:28px; text-align:center;  top:206px; left:0; width:264px; position:absolute;color:#fff;}
.midad .content .bigbox .box .text{ width:230px; height:69px; position:absolute; top:270px; left:50%; margin-left:-115px; font-size:14px; color:#666; line-height:23px}
.midad .content .bigbox:hover .box .text{ width:230px; height:69px; position:absolute; top:270px; left:50%; margin-left:-115px; font-size:14px; color:#c4e7f5; line-height:23px}
.midad .content .bigbox .box .more{ display:block; width:110px; height:35px; position:absolute; top:370px; left:50%; margin-left:-55px; color:#fff; text-align:center; line-height:35px}
.midad .content .bigbox:hover .box .more{ display:block; width:110px; height:35px; position:absolute; top:370px; margin-left:50%; left:-55px; color:#019dda; text-align:center; line-height:35px}
.midad .content .bigbox .box .more:hover{ display:block; width:110px; height:35px; position:absolute; top:370px; margin-left:50%; left:-55px; color:#019dda; text-align:center; line-height:35px; text-decoration:underline}


.procat{width: 1200px; margin:50px auto 0;overflow:hidden;background:#fff; border:1px solid #ddd;padding: 30px 0;position: relative;}
.procat .next{width: 20px;background: #f2f2f2;height: 40px;position: absolute;top: 90px;right:0;}
.procat .prev{width: 20px;background: #f2f2f2;height: 40px;position: absolute;top: 90px;left:0;}
.procat .catlist{width: 1120px;margin: 0 auto;height: 180px;}
.procat .catlist ul{}
.procat .catlist ul li{width: 202px;float: left;margin: 0 10px;border: 1px solid #ddd;position: relative;height: 180px;}
.procat .catlist ul li a{display: block;}
.procat .catlist ul li img{width: 202px;float: left;height: 180px;position: absolute;top: 0;left: 0;z-index: 10;}
.procat .catlist ul li .catbg{display: none;width: 202px;height: 180px;position: absolute;z-index: 11;background:#035aaa;filter:alpha(opacity:90); opacity:0.9;  -moz-opacity:0.9;-khtml-opacity: 0.9}
.procat .catlist ul li span{display: none;font-size: 18px;position: absolute;z-index: 12;width: 202px;height: 180px;line-height: 180px;text-align: center;color: #fff;}
.procat .catlist ul li:hover .catbg{display: block;}
.procat .catlist ul li:Hover span{display: block;}
.procat .next i,.procat .prev i{font-size:32px; color:#888;margin-left: 4px;margin-top: 4px;}








.news_in {padding:60px 0 70px;background:#f2f2f2;}
.left_tt_in {width:297px;background:#035aaa;padding:30px 25px;box-sizing:border-box;position:relative}
.left_tt_in h3 {font-size:38px;color:#fff;line-height:38px}
.left_tt_in p {font-size:18px;line-height:40px;margin-bottom:10px; color:#FFF;}
.left_tt_in .menu li a {display:block;width:180px;height:40px;line-height:40px;border-bottom:1px solid #d9d9d9;font-size:14px;position:relative;transition:all 0.3s;color:#fff;}
.left_tt_in .menu li a:before {content:'';position:absolute;width:10px;height:1px;background:#353535;left:0;bottom:-1px;transition:all 0.5s}
.left_tt_in .menu li a:hover:before {width:100%}
.left_tt_in .more_in {margin-top:45px;background:#353535;}
.left_tt_in a.next, .left_tt_in a.prev{position:absolute;width:40px;height:40px;text-align:center;line-height:40px;bottom:0;background:#fff;font-size:18px;transition:all 0.3s}
.left_tt_in a.next {right:0}
.left_tt_in a.prev {right:40px}
.left_tt_in a.next .fa, .left_tt_in a.prev .fa{margin-top: 10px;}
.left_tt_in a.next:hover,.left_tt_in a.prev:hover {background:#035aaa;color:#fff}
.news_in .fr {width:873px}
.news_in .bd li {float:left;width:50%;border-right:1px solid #ddd;box-sizing:border-box;background: #fff;height: 425px;}
.news_in .bd li .mod {padding:53px;transition:all 0.3s}
.news_in .bd li .mod:hover {padding-top:40px}
.news_in .bd li a {font-size:16px;color:#353535;line-height:30px}
.news_in .bd li p {font-size:12px;color:#999;margin-bottom:20px}
.news_in .bd li .pic {display:block;width:100%;height:190px;margin-top:30px;overflow:hidden}
.news_in .bd li .pic img {display:block;width:100%;height:100%}

.app_in{width:100%;padding:80px 0 20px;background:#f2f2f2;}
.app_in .left_tt_in{background:#035aaa;height:350px;overflow:hidden;width: 297px;}
.app_in .left_tt_in h3{color:#fff}
.app_in .left_tt_in h3 span{font-size:35px}
.app_in .left_tt_in p{color:#fff}
.app_in .left_tt_in .txt{color:#ddd;line-height:24px;position:relative}
.app_in .left_tt_in a.more_in{background:#353535;margin-top:25px;margin-bottom:0}
.app_in .list {width:873px}
.app_in .list li{float:left;width:33.33333%;position:relative;overflow:hidden;height:350px}
.app_in .list li .pic{position:absolute;width:100%;height:auto;top:0;overflow:hidden}
.app_in .list li .pic img{display:block;width:100%;transition:all 0.6s cubic-bezier(0.215,0.61,0.355,1) 0s}
.app_in .list li .txt{position:absolute;width:100%;height:101px;box-sizing:border-box;padding:20px;left:0;top:249px;background:#fff}
.app_in .list li .txt strong{font-size:16px;color:#353535;line-height:35px}
.app_in .list li .txt p{color:#999}
.app_in .list li:nth-child(even) .pic{top:101px}
.app_in .list li:nth-child(even) .txt{top:0}
.app_in .list li a:hover .pic img{transform:scale(1.1, 1.1);}

.footer{width: 100%;background: #353535;;margin-top: 0px;position: relative;}
.footer .icon{width:1200px;margin: 0 auto;overflow:hidden; padding: 50px 0 20px;margin-bottom: 30px;border-bottom: 1px solid #636363; }
.footer .icon ul{}
.footer .icon ul li{float:left;margin-right: 116px;}
.footer .icon ul li img{height:98px;}
.footer .icon ul li:nth-child(4){margin-right: 0;}
.footer .footlx{position: absolute;top:-30px; background: #0464a0;}
.fmenu{width: 1200px;margin: 0 auto;overflow: hidden;}
.fmenu .fbt{color: #ddd;}
.fmenu .fbt strong{font-size: 22px;font-weight: normal;display: block;}
.fmenu .fbt span{font-size: 16px;display: block;}
.fmenu .fnav1{float: left;width: 290px;height: 210px;}
.fmenu .fnav1 ul{margin-top: 10px;}
.fmenu .fnav1 ul li{float: left;width: 140px;font-size: 12px;}
.fmenu .fnav1 ul li a{line-height: 20px; color: #ddd;}
.fmenu .fnav1 ul li a:hover{color: #f00;}
.fmenu .fnav2{float: left;width: 200px;}
.fmenu .fnav2 ul{margin-top: 10px;} 
.fmenu .fnav2 ul li{float: left;width: 100%;font-size: 12px;}
.fmenu .fnav2 ul li a{line-height: 20px; color: #ddd;}
.fmenu .fnav2 ul li a:hover{color: #f00;}
.fmenu .fcontact{float: left;width: 260px;}
.fmenu .fcontact ul{margin-top: 10px;}
.fmenu .fcontact ul li{ float: left;width: 100%;font-size: 12px;color: #ddd;line-height: 20px;}
.fmenu .fchat{float: right;width: 170px;}
.fmenu .fchat img{width: 140px; height: 140px;margin-top: 10px;}
.bmenu ul{}
.bmenu ul li{display: inline-block;line-height: 40px;width: 130px;}
.bmenu ul li a{font-size: 14px;color: #fff;display: block;}
.footer .info{height: 40px;background:#2d2d2d;}
.footer .copyright{font-size: 14px; text-align: center; color: #ddd;line-height: 40px;}
.footer .copyright a{color: #fff;}


.sunfoonv{width: 100%;height: 909px;margin-top: 80px;background: url(sunfoonbg.jpg) no-repeat center center;}
.sunfoonv .inbt1{width: 1100px;margin: 0 auto;overflow:hidden;margin-bottom: 40px;padding-top: 60px;}
.sunfoonv .inbt1 strong{display:block; font-size: 25px; line-height: 30px;text-align: center;color: #7a7a7a;}
.sunfoonv .inbt1 em{display: block;float: left;width: 490px;background: #7a7a7a;height: 1px;margin-top: 15px;}
.sunfoonv .inbt1 h2{display: block;width: 120px;text-align: center;font-size: 20px;line-height: 26px;float: left;font-weight: normal; color: #005aac;}
.sunfoonv .sunfoonlist{width: 100%;overflow: hidden;}
.sunfoonv .sunfoonlist li{float: left;}
.sunfoonv .sunfoonlist li { float:left; width:353px; padding:60px 0px 10px; box-sizing:border-box; text-align:center; }
.sunfoonv .sunfoonlist dl { border:1px solid #ccc; padding:60px 0px 0px; position:relative; -o-transition:all .6s; -moz-transition:all .6s; -webkit-transition:all .6s; -ms-transition:all .6s; transition:all .6s; background:#fff; }
.sunfoonv .sunfoonlist dl dt { position:absolute; width:110px; height:110px; border:1px solid #ccc; background:#fff; border-radius:100%; box-sizing:border-box; top:-55px; left:50%; margin:0 0 0 -55px; -o-transition:all .6s; -moz-transition:all .6s; -webkit-transition:all .6s; -ms-transition:all .6s; transition:all .6s; }
.sunfoonv .sunfoonlist dl dt a {display:block; border:4px solid #fff; width:100%; height:100%; border-radius:100%; box-sizing:border-box; overflow:hidden; -o-transition:all .6s; -moz-transition:all .6s; -webkit-transition:all .6s; -ms-transition:all .6s; transition:all .6s; }
.sunfoonv .sunfoonlist dl dt span,.sunfoonv .sunfoonlist dl dt i { height:100px; width:100px; display:block; line-height:100px; font-size:50px; -o-transition:all .6s; -moz-transition:all .6s; -webkit-transition:all .6s; -ms-transition:all .6s; transition:all .6s; }
.sunfoonv .sunfoonlist dl dt .shengchan01{background: url(shengchan01.png) no-repeat center center;background-size: 50px;}
.sunfoonv .sunfoonlist dl dt .shengchan02{background: url(shengchan02.png) no-repeat center center;background-size: 50px;}
.sunfoonv .sunfoonlist dl dt .yanfa01{background: url(yanfa01.png) no-repeat center center;background-size: 50px;}
.sunfoonv .sunfoonlist dl dt .yanfa02{background: url(yanfa02.png) no-repeat center center;background-size: 50px;}
.sunfoonv .sunfoonlist dl dt .guanli01{background: url(guanli01.png) no-repeat center center;background-size: 50px;}
.sunfoonv .sunfoonlist dl dt .guanli02{background: url(guanli02.png) no-repeat center center;background-size: 50px;}
.sunfoonv .sunfoonlist dl dt .kucun01{background: url(kucun01.png) no-repeat center center;background-size: 50px;}
.sunfoonv .sunfoonlist dl dt .kucun02{background: url(kucun02.png) no-repeat center center;background-size: 50px;}
.sunfoonv .sunfoonlist dl dt .wuliu01{background: url(wuliu01.png) no-repeat center center;background-size: 50px;}
.sunfoonv .sunfoonlist dl dt .wuliu02{background: url(wuliu02.png) no-repeat center center;background-size: 50px;}
.sunfoonv .sunfoonlist dl dt .jishu01{background: url(jishu01.png) no-repeat center center;background-size: 50px;}
.sunfoonv .sunfoonlist dl dt .jishu02{background: url(jishu02.png) no-repeat center center;background-size: 50px;}
.sunfoonv .sunfoonlist dl:hover dt a { background:#005aac; }
.sunfoonv .sunfoonlist dl:hover dt span { margin:-100px 0 0; transform:rotatey(360deg); -o-transform:rotatey(360deg); -ms-transform:rotatey(360deg); -webkit-transform:rotatey(360deg); -moz-transform:rotatey(360deg); }
.sunfoonv .sunfoonlist dl:hover dt i { transform:rotatey(360deg); -o-transform:rotatey(360deg); -ms-transform:rotatey(360deg); -webkit-transform:rotatey(360deg); -moz-transform:rotatey(360deg); color:#fff; }
.sunfoonv .sunfoonlist dl:hover dt,.sunfoonv .sunfoonlist dl:hover { border:1px solid #005aac; }
.sunfoonv .sunfoonlist dl dd{width: 100%;}
.sunfoonv .sunfoonlist dl dd h3{font-size: 20px;line-height: 36px;font-weight: normal;}
.sunfoonv .sunfoonlist dl dd p{padding: 0 10px;line-height: 20px;font-size: 14px;margin-bottom: 12px;}
.sunfoonv .sunfoonlist dl dd img{width: 100%;}


.insearch{width: 100%;height: 100px;background: #f38b0c;}
.insearch .s_content{ width: 1100px;padding: 20px;height: 80px}
.insearch .s_content .title{ width: 102px;height:63px;background: url("search.jpg") no-repeat top center;}
.insearch .s_content .s_select{width: 960px;position: relative}
.insearch .s_content .s_select span{font-size: 14px;color: #ffffff;margin-left: 15px;}
.insearch .s_content .s_select select{width: 18%;margin: 4px 0;height: 25px;font-size: 12px;color: #565656;border: 1px solid #ddd;background: #fff;}
.insearch .s_content .s_select input{margin: 4px 0;width: 17%;height: 24px;border: 1px solid #ddd;font-size: 12px;padding: 0 4px;background: #fff;}
.insearch .s_content .s_select .btn1{position: absolute;bottom: 0;right: 105px;width: 83px;height: 21px;}
.insearch .s_content .s_select .sub{position: absolute;bottom:0;right:10px;display: block;width: 82px;height: 21px;background: #cd0200;border: none;cursor: pointer;color: #fff}

.about{width:100%;margin-top: 60px;overflow: hidden;}
.about .about_c .bbt{width: 100%;margin-bottom: 8px;}
.about .about_c .bbt strong{display: block;line-height: 34px; font-size: 30px;color: #989898;text-transform:capitalize;font-weight: normal;}
.about .about_c .bbt h2{font-size: 24px;color:#444;font-weight: normal;line-height:34px;letter-spacing: 2px;}
.about .about_c .about_p{position:relative;width:600px;height:291px;line-height:24px;color:#565656;font-size:14px}
.about .about_c .about_p p{text-indent: 2em; text-align: justify;line-height: 24px;font-size: 14px;}
.about .about_c a{position: absolute;bottom: 0;left: 0;color: #0071bc;font-size: 14px;border: 1px solid #0071bc;padding: 6px 20px;}
.about .about_c a:hover{background: #0071bc; color: #fff;}






.nbanner{height: 420px;position: absolute;width: 100%;top: 0;background-repeat:no-repeat; background-position: center center;background-size: cover;}
.nbanner h2{position: absolute; bottom: 100px;left:50%; margin-left:-600px;border-top: 3px solid #fff;border-bottom: 3px solid #fff;height: 70px;line-height: 70px;width: 210px;text-align: center;color: #fff;letter-spacing: 2px;font-size: 24px;}

/*=======    内页     =======*/
.inpage{margin-top: 30px;overflow: hidden;margin-bottom: 70px;}
.inbox{width: 100%; overflow: hidden;}
.inbox .path{height: 38px;}
.inbox .path span,.inbox .path a{display: block;padding: 0 10px;line-height: 38px;background: #035aaa;float: left;color: #fff;font-size: 16px;border-radius: 5px;margin-right: 5px;}
.inbox .path .col{background: #353535;}
.inbox .path a:hover{background: #353535;}
.inbox .inav{width: 240px;float: left;}
.inbox .inav .sidebt{width: 100%;margin-top: 0px;background: #035aaa;height: 96px;margin-bottom: 10px;overflow: hidden;}
.inbox .inav .sidebt strong{font-size: 26px;color: #fff;display: block;line-height: 37px;margin-left: 25px;font-weight: normal;margin-top: 20px;}
.inbox .inav .sidebt span{display: block;font-size: 18px;margin-left: 24px;line-height: 20px;color: #000;}
.inbox .inav ul{overflow: hidden;padding: 0px 15px 30px;background: #035aaa;}
.inbox .inav ul li{ float: left;width: 151px;background: #035aaa;text-align: center;height: 34px;line-height: 34px;margin: 5px 0;font-size: 15px;}
.inbox .inav ul li a{display: block;width: 180px;height: 44px;line-height: 44px;border-bottom: 1px solid #d9d9d9;font-size: 14px;color:#fff;position: relative;transition: all 0.3s;}
.inbox .inav ul li a:before {content: '';position: absolute;width: 10px;height: 1px;background: #333;left: 0;bottom: -1px;transition: all 0.5s;}
.inbox .inav ul li a:hover:before{width: 100%;}
.inbox .inav ul li.active a:before{width: 100%;}

.cbox{margin-top: 30px;line-height: 24px;}


.pagebox{margin-top:0px;overflow: hidden;width: 920px; float: right;}
.pagebox .pagecon{margin-top:25px; width: 100%; overflow:hidden;}
.pagebox .pagecon img{max-width:100%; }
/*=======    产品中心     =======*/
.prolist{overflow: hidden;width: 920px; float: right;}
.prolist ul{ overflow: hidden; margin-top: 25px;}
.prolist ul li{float: left;width: 216px;border: 1px solid #ddd;border-radius:5px;overflow: hidden;margin-right: 15px;margin-bottom: 15px;background: #efefef;padding: 0px;}
.prolist ul li img{width: 206px;height: 180px;padding: 5px;display: block;}
.prolist .text{width: 206px;padding: 0 6px}
.prolist .text .title{display: block;font-size: 14px;line-height: 40px;text-align: center;white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}
.prolist ul li:nth-child(4n){margin-right:0;}
.prolist ul li:hover{background:#035aaa; border-color:#035aaa;}
.prolist ul li:hover .title{color:#fff;}

.xhlist{overflow: hidden;width:100%; margin-top: 25px;}
.xhlist ul{ overflow: hidden; margin-top: 25px;}
.xhlist ul li{float: left;width: 226px;border: 1px solid #ddd;border-radius:5px;overflow: hidden;margin-right: 15px;margin-bottom: 15px;background: #efefef;padding: 0px;}
.xhlist ul li img{width: 216px;height: 190px;padding: 5px;display: block;}
.xhlist .text{width: 206px;padding: 0 6px}
.xhlist .text .title{display: block;font-size: 14px;line-height: 40px;text-align: center;white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}
.xhlist ul li:nth-child(5n){margin-right:0;}
.xhlist ul li:hover{background:#035aaa; border-color:#035aaa;}
.xhlist ul li:hover .title{color:#fff;}


.proinfo{margin-top: 0px;overflow: hidden;width:920px; float:right; }
.proinfo .parameter{overflow: hidden;margin: 25px 0px;}
.proinfo .parameter .picture{float: left;width: 300px;padding: 8px;border: 1px solid #ddd;}
.proinfo .parameter .picture img{display: block;width: 300px;min-height: 220px;}
.proinfo .parameter .pright{float: right;width: 570px; }
.proinfo .parameter .pright h2{font-size: 18px;line-height: 60px;}
.proinfo .parameter .pright .canshu{float: left;width: 478px;background: #fff;margin-top: 30px;border-collapse: collapse;}
.proinfo .parameter .pright .canshu th{border: 1px solid #333;font-size: 15px; font-weight:normal; color:#333; line-height:40px;width:20%;}
.proinfo .parameter .pright .canshu td{border: 1px solid #333;font-size:14px; line-height:24px; padding:0 2%; width:26%;}


.proinfo .procon{margin-top: 24px;font-size: 14px;line-height: 24px;}
.proinfo .procon h2{border-bottom: 1px solid #ddd;height: 40px;line-height: 40px;margin-bottom: 20px;}
.proinfo .procon h2 span{display: block;float: left;width: 120px;background: #035aaa;color: #fff;text-align: center;font-size: 16px;}

.proinfo .rempro{width: 100%; overflow: hidden;}
.proinfo .rempro h2{border-bottom: 1px solid #ddd;height: 40px;line-height: 40px;margin-bottom: 20px;}
.proinfo .rempro h2 span{display: block;float: left;width: 120px;background: #035aaa;color: #fff;text-align: center;font-size: 16px;}
.proinfo .rempro .remlist{width: 100%;margin-top:20px; overflow: hidden;}
.proinfo .rempro .remlist a{display: block; float:left; width:152px; height:26px; border-bottom:1px dashed #ddd; line-height: 26px;margin: 4px 10px;padding:0 6px; font-size:13px; overflow:hidden; text-overflow:ellipsis;white-space:nowrap;}


/*========      新闻       =======*/
.newlist{margin-top: 0px;overflow: hidden;width:920px; float:right; }
.newlist ul{width: 100%; overflow: hidden;margin-top: 20px;}
.newlist ul li{overflow: hidden;border-bottom: 1px dashed #ddd;padding: 10px 5px;}
.newlist ul li .date{float: left;width: 60px;}
.newlist ul li .date strong{display: block;text-align: center;font-size: 20px;border: 1px solid #ddd;border-bottom: none;height: 36px;line-height: 36px;}
.newlist ul li .date span{display: block;text-align: center;font-size: 12px;background: #3E3E3D;color: #fff;height: 28px;line-height: 28px;}
.newlist ul li .text{float: left;margin-left: 20px;width: 825px;}
.newlist ul li .text h3{font-size: 15px;height: 26px;line-height: 26px;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}
.newlist ul li .text p{font-size: 14px;color: #888;line-height: 18px;}

.newinfo{margin-top: 0px;overflow: hidden;width:920px; float:right; }
.newinfo .newtitle{height: 69px;margin-top: 30px;border-bottom: 1px dashed #ddd;text-align: center;}
.newinfo .newtitle h1{font-size: 22px;line-height: 40px;}
.newinfo .newtitle p{line-height: 24px;color: #888;}

.newinfo .newcon{margin-top: 15px;font-size: 14px;line-height: 24px;text-align: justify;}
.newinfo .newb{background: #e8e8e8;margin-top: 25px;padding: 15px 10px;overflow: hidden;}
.newinfo .newb .ud{float: left;width: 600px;}
.newinfo .newb .ud p{font-size: 13px;line-height: 24px;}
.newinfo .newb .share{float: right;width: 200px;}


/*========      品牌列表       =======*/
.brandlist{margin-top: 0px;overflow: hidden;width:920px; float:right;}
.brandlist ul{margin-top:25px;overflow: hidden;}
.brandlist ul li{float: left;width: 213px;border:1px solid #ddd; background:#efefef;overflow: hidden;margin-right: 20px;margin-bottom: 20px;background: ;padding: 0px;}
.brandlist ul li a{}
.brandlist ul li.mr0{margin-right: 0;}
.brandlist ul li img{width: 203px;height: 160px;padding: 5px}
.brandlist ul li span{display: block;width: 100%;height: 36px;line-height: 30px;font-size: 16px;text-align: center;}
.brandlist ul li:hover{border-color:#035aaa;background:#035aaa;}
.brandlist ul li:hover span{color:#fff;}




.brandcon{margin-top: 25px; width: 100%;}
.brandcon .thumb{float:left; width:300px; border:1px solid #ddd; padding:8px; margin-right: 20px;}

.rembd{width: 100%; overflow: hidden;margin-top: 40px;}
.rembd h2{border-bottom: 1px solid #ddd;height: 40px;line-height: 40px;margin-bottom: 20px;}
.rembd h2 span{display: block;float: left;width: 120px;background: #035aaa;color: #fff;text-align: center;font-size: 16px;}
.rembd .remlist{width: 100%;margin-top:20px; overflow: hidden;}
.rembd .remlist a{display: block; float:left; width:152px; height:26px; border-bottom:1px dashed #ddd; line-height: 26px;margin: 4px 10px;padding:0 6px; font-size:13px; overflow:hidden; text-overflow:ellipsis;white-space:nowrap;}




/*========      案例列表       =======*/
.caselist{margin-top: 30px;overflow: hidden;}
.caselist ul{}
.caselist ul li{float: left;width: 285px;overflow: hidden;margin-right: 20px;margin-bottom: 20px;background: #fff;padding: 0px;}
.caselist ul li a{}
.caselist ul li.mr0{margin-right: 0;}
.caselist ul li img{width: 273px;height: 180px;padding: 5px;border: 1px solid #ddd;border-radius: 5px;background: #efefef;}
.caselist ul li span{ display: block;width: 100%;height: 30px;line-height: 30px;font-size: 16px;text-align: center;}




/*========      型号列表       =======*/
.in-search{border: 1px solid #ddd;background: #efefef url(search_bg.png) no-repeat 60px center;padding:24px 20px 15px;height: 75px;margin-top: 25px;}
.in-search .sbox{width: 1010px;margin-left: 125px;}
.in-search .sbox ul{}
.in-search .sbox ul li{float: left;width: 280px;margin-left: 20px;height: 28px;margin-bottom: 12px;}
.in-search .sbox ul li span{font-size: 14px;line-height: 28px;display: block;float: left;width: 75px;text-align: right;}
.in-search .sbox ul li select{display: block;float: left;border: 1px solid #ddd;height: 28px;line-height: 28px;width: 180px;padding: 0 5px;color: #888888;margin-left: 5px;cursor: pointer;}
.in-search .sbox ul li .text{display: block;width: 180px;margin-left: 5px;float: left;height: 26px;line-height: 26px;padding: 0 5px;border: 1px solid #ddd;color: #888;}
.in-search .sbox ul li .submit{background: #004db7;border: 1px solid #004db7;float: left; color: #fff;margin-left: 27px;height: 26px;line-height: 26px;width: 115px;border-radius: 4px;cursor: pointer;display: block;}		
.in-search .sbox ul li .submit:hover{background: #3E3E3D;border-color: #3E3E3D;}
.in-search .sbox ul li .reset{background: #004db7;float: right; border: 1px solid #004db7;color: #fff;margin-right: 8px;height: 24px;line-height: 24px;width: 115px;border-radius: 4px;cursor: pointer;display: block;    text-align: center;
    font-size: 14px;}		
.in-search .sbox ul li .reset:hover{background: #3E3E3D;border-color: #3E3E3D;}



.xhlist{border-collapse: collapse;border: none;}
.xhlist td{border: 1px solid #ddd;text-align: center;font-size: 14px;height: 30px;cursor: pointer;}
.xhlist th{border: 1px solid #ddd;background: #004db7;color: #fff;font-size: 16px;height: 40px;}
.xhlist tr:hover{background: #eee}




.clear{clear: both;}
.sunfoon{line-height:200%;}
.sunfoon img{max-width:100%;}