@charset "utf-8";
/* CSS Document */
/*common*/
.mb10 { margin-bottom:10px;}
.ml10 { margin-left:10px;}
.bg { background:#FFF;}
a:hover{text-decoration: none;}
.icon2{background:url(img/icon2.png) no-repeat; display:inline-block; vertical-align:middle;}
/**/

.sy_cpfl{width: 100%; height: 45px; background:#0d1834;margin-top: 20px;}
.sy_cpfl .sy_cpfl_a{width:1200px; margin:0 auto; z-index:999999;position:relative;}
.sy_cpfl .sy_cpfl_a ul li{float: left; text-align: center;width:237px; height: 45px; line-height: 45px; font-size: 16px; border-right: 1px solid #d8dadc;}
.sy_cpfl .sy_cpfl_a ul li a{color: #FFF; display:block; -webkit-transition:all 0.3s ease;-moz-transition:all 0.3s ease;-o-transition:all 0.3s ease;transition:all 0.3s ease;}
.sy_cpfl .sy_cpfl_a ul li a:hover{background: #0099FF;color: #fff;}
.sy_cpfl .sy_cpfl_a ul li:first-child a{background: #0099FF;color: #fff;}
.sy_cpfl .sy_cpfl_a ul li ul li:first-child a{background: #fff;color: #333;}

.sy_cpfl .sy_cpfl_a ul li ul{display:none; width:237px; background:#ddd;}
.sy_cpfl .sy_cpfl_a ul li:hover ul{font-weight:bold; background:#f1f1f1; display:block;}

.sy_cpfl .sy_cpfl_a ul li ul li{height:45px;line-height:45px;border-bottom: 1px #ddd solid;width: 237px;}
.sy_cpfl .sy_cpfl_a ul li ul li a{line-height:45px;height:45px; text-align:center; font-weight:normal;color: #333 !important;background: #fff !important; padding: 0; display: block; font-size: 15px;}
.sy_cpfl .sy_cpfl_a ul li ul li a:hover{background: #E40000 !important;color: #fff !important;}

.sy_sxfl{width: 100%; background: #f0f0f0; padding: 60px 0; height: 880px;}
.sy_sxfl_a{width: 1200px; margin: 0 auto;}
.ihotprotitle{ height:78px;line-height:78px; background:url(img/index/ihotprotitle.png) left center no-repeat;}
.ihotprotitle h3{line-height: 75px; font-size:30px; color:#333; font-weight: bold;}
.ihotprotitle h3 a{ font-size:18px; margin-left:2px; color:#666; font-weight:normal; text-transform:uppercase;}
.ihotprotitle h3 a:hover{color: #E40000; font-weight: bold;}
.ihotprotitle h3 span a:hover{color:#666; font-weight:normal;}
.ihotprotitle h3 span a{ float:right;line-height:78px; font-size:18px; color:#666; font-weight:normal; padding-right:25px; padding-left:35px;background:url(img/index/more2.png) right center no-repeat;}
.ihotprotitle h3 b{font-size: 18px; margin-left: 10px; color: #666; font-weight: normal; text-transform: uppercase;}

.sy_cpzs{width:100%;}
.sy_cpzs ul{width:2400px; margin:0 auto;    padding-top: 10px;}
.sy_cpzs ul li{float: left; width: 290px;  height: 305px;   margin: 0 4.9px;  margin-bottom: 30px; background: #fff; text-align: center;}
.sy_cpzs ul li p{width: 290px;  height: 245px; background: #fff; overflow: hidden;}
.sy_cpzs ul li span{height: 60px; line-height: 60px; padding: 0 25px; display: block; border-top: 1px solid #F0F0F0;}
.sy_cpzs ul li span a{font-size: 16px; text-align: left; display: block; background: url(img/index/more.png) right center no-repeat; color: #333;}
.sy_cpzs ul li:hover{background: #0099FF; box-shadow: 0 0 10px #888; margin-top: -5px; height: 310px; -webkit-transition: all ease-in-out 0.3s;
    -o-transition: all ease-in-out 0.3s; -ms-transition: all ease-in-out 0.3s; transition: all ease-in-out 0.3s;}
.sy_cpzs ul li:hover span a{color:#fff;}

#demo1p {list-style: none outside none; overflow: hidden; width: 1200px; margin:0 auto;}
#indemo1p { float: left; width: 800%;}
#demo1p1 { float: left;}
#demo1p2 { float: left;}

#demo1b {list-style: none outside none; overflow: hidden; width: 1200px; margin:0 auto;}
#indemo1b { float: left; width: 800%;}
#demo1b1 { float: left;}
#demo1b2 { float: left;}


h2.main_title a { text-align: center; display: block; font-weight: 400; font-size: 40px; color: #333; line-height: 100%; padding-bottom: 19px }
h2.main_title a:hover { color: #333 }
h2.main_title strong { color: #00a2e9 }
h2.main_title span { display: block; text-align: center; background: url(img/index/t_bg1.png) no-repeat center; font-size: 20px; color: #666; line-height: 100%; font-weight: 400 }

.product { padding-top: 107px; background: url(img/index/product_bg.png) no-repeat center bottom; padding-bottom: 79px }
.product h2 a { letter-spacing: 2px }
.pro_list { margin-top: 85px; margin-bottom: 52px; height: 487px }
.pro_list li { background: url(img/index/pro_t.png) no-repeat 64px 27px ; width: 400px; height: 489px; float: left; position: relative; border: 1px solid #D6D6D6; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; -o-transition: all .3s ease; transition: all .3s ease }
.pro_list li>a { display: block; overflow: hidden; height: 487px;}
.pro_list li img { width:400px; height:360px; margin-top:126px;}
.pro_list li h3 { position: absolute; padding-bottom: 20px; padding-top: 62px; padding-left: 67px; width: 100%; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; left: 0; top: 0 }
.pro_list li h3 strong { display: block; font-size: 24px; color: #333; line-height: 100% }
.pro_list li h3 span { display: block; font-size: 14px; color: #333; line-height: 100%; text-transform: uppercase; margin-top: 9px; font-weight: 400 }
.pro_list li h3:after { position: absolute; content: ""; width: 36px; height: 5px; background: #00a2e9; left: 67px; bottom: 0; opacity: 1; -o-transition: all .3s ease; transition: all .3s ease }
.pro_list li h3:before { position: absolute; content: ""; width: 130px; height: 63px; background: url(img/index/pro_more.png) no-repeat center; right: -1px; top: -1px; opacity: 0; -o-transition: all .3s ease; transition: all .3s ease }

.pro_list li:nth-child(2) { border-right: 0; border-left: 0 }
.pro_list li:hover { border-color: #fff; box-shadow: 0 0 35px rgba(0, 0, 0, .1); z-index: 2 }
.pro_list li:hover h3 {}
.pro_list li:hover h3:before { opacity: 1 }
.pro_list li:hover h3:after { opacity: 0 }
.pro_list li:nth-child(2):hover:before, .pro_list li:nth-child(2):hover:after { position: absolute; content: ""; width: 1px; height: 489px; background: #fff; top: -1px }
.pro_list li:nth-child(2):hover:before { left: -1px }
.pro_list li:nth-child(2):hover:after { right: -1px }

.pro_list2 li { width: 400px; float: left }
.pro_list2 li>a:first-child { display: block; float: left; overflow: hidden; width: 211px; height: 158px }
.pro_list2 li img { width: 211px; height: 158px }
.pro_list2 li h3 { width: 189px; height: 120px; background: #00a2e9 url(img/index/more1.png) no-repeat 51px 86px; float: right; margin-top: 19px; -o-transition: all .3s ease; transition: all .3s ease; font-size: 16px; color: #333; line-height: 100%; padding-top: 37px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; text-align: center; }
.pro_list2 li h3>a { display: block; color: #FFF; width: 189px; height: 120px }
.pro_list2 li:hover h3 { background: #FFF url(img/index/more.png) no-repeat 51px 86px }
.pro_list2 li:hover h3 a { color: #00a2e9; }


/*about us*/
.ab_bg{ background:url(img/index/ab_bg.jpg) no-repeat center 0;height: 538px; padding:95px 0 0;}
.cp_title{font-size: 32px;color: #000; background:url(img/index/cp_tbg.png) no-repeat center 0;height: 105px;text-align: center;line-height: 34px; padding:35px 0 0;}
.cp_title a{font-size: 32px;color: #000;}
.cp_title a:hover{color: #f16b12;}
.cp_title i{color: #ccc;}
.cp_title span{display: block;font-size: 16px;color: #000;font-weight: normal;}
.about dl dt{ width:560px; height:420px; float:left;overflow: hidden;line-height: 0;}
.about dl dt img{ width:560px; height:420px;}
.about dl dd{width:530px; float:left; padding:42px 0 0 80px;}
.about .ab_desc{ line-height:24px; font-size:14px; color:#fff ;overflow:hidden; padding:35px 0 0;}
.about .ab_desc p{}
.about dl dd em{ display:inline-block; padding:35px 0 0;width: 520px;}
.about dl dd em a{display: block;width: 110px;height: 44px;text-align: center;line-height: 44px;font-size: 14px;color: #fff;float: left; border:#414c69 1px solid; margin-right:12px;}
.about dl dd em a:hover{background: #e77918; border:#e77918 1px solid;}


.lic{background:url(img/index/lc.jpg) no-repeat center 0; height: 610px; padding-top: 88px; box-sizing: border-box;}
.lic h2{ color: #fff; height: 150px;background:url(img/index/h22.jpg) no-repeat center 93px;}
.lic ul{ overflow: hidden; padding-left: 42px; height: 211px;}
.lic ul li{ float: left; text-align: center; padding-right: 79px;}
.lic ul li:last-of-type{ padding-right: 0;}
.lic ul li i{ display: block; font-size: 18px; color: #fff; padding-top: 16px;}
.lic h3{text-align: center;font-weight: normal; color: #fff; font-size: 28px; line-height: 100%;}
.lic h3 i{ display: block; text-align: center; padding-top: 15px;}
.lic h3 i a{ display: inline-block; width: 254px; height: 50px; line-height: 50px; border-radius: 50px; color: #010101; font-size: 20px; background: #ffcc00;}

.ys {background: url(img/index/ys_bg.jpg) no-repeat center bottom;  height:490px;}
.ys dt {float: left; width: 323px; margin-left: 124px;}
.ys dt img{width:539px;padding-top: 63px;}
.ys dd { float: right; width: 601px; height: 525px; padding-top: 15px; background: #fff; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box }
.ys dd li { width: 601px; height: 106px; margin-bottom: 13px; -o-transition: all .3s ease; transition: all .3s ease; cursor: pointer }
.ys dd li i { display: block; width: 39px; margin: 33px 17px 33px 31px; float: left }
.ys dd li h3 { font-size: 22px; color: #333; line-height: 100%; font-weight: 700; padding: 30px 0 9px }
.ys dd li p { font-size: 14px; color: #666; line-height:23px; white-space: nowrap; }
.ys dd li.cur, .ys dd li:hover { background: #00a2e9; padding-right: 45px }
.ys dd li.cur img, .ys dd li:hover img { filter: brightness(0); -webkit-filter: brightness(0) }
.ys dd li.cur i, .ys dd li:hover i { filter: invert(1); -webkit-filter: invert(1) }
.ys dd li.cur h3, .ys dd li:hover h3, .ys dd li.cur p, .ys dd li:hover p { color: #fff }

/*
.power { background: url(img/index/power_bg.png) no-repeat center top;  overflow: hidden }
.power h2 a, .power h2 a:hover { color: #fff }
.power h2 strong { color: #00a2e9 }
.power h2 span { color: #fff; letter-spacing: 2px; background-image: url(img/index/t_bg2.png) }

.power_nav { width: 301px; height: 620px; background: #ededed; float: left; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; padding-top: 87px }
.power_nav li { padding: 17px 0 20px 59px; width: 242px; height: 65px; margin-bottom: 15px; -o-transition: all .3s ease; transition: all .3s ease; cursor: pointer }
.power_nav li img { width: 65px; height: 65px; background: #fff; border-radius: 50%; float: left; margin-right: 10px }
.power_nav li strong { display: block; font-size: 22px; color: #333; line-height: 100%; padding: 17px 0 4px }
.power_nav li span { display: block; font-size: 12px; color: #050d32; line-height: 100% }
.power_nav li.cur { background: #00A2E9; padding-left: 71px; margin-left: -12px }
.power_nav li.cur strong, .power_nav li.cur span { color: #fff }
.power_con_list { width: 899px; height: 620px; float: right }
.power_con_list dl { height: 620px; position: relative }
.power_con_list dt { width: 1260px; height: 529px; position: absolute; top: 0; left: 0 }
.power_con_list dt img { width: 1260px; height: 529px }
.power_con_list dd { width: 899px; height: 193px; background: #fff; position: absolute; left: 0; bottom: 0; padding: 50px 56px 0 67px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box }
.power_con_list dd img { width: 82px; float: left; padding-top: 17px; margin-right: 52px }
.power_con_list dd h4 { font-size: 28px; color: #333; line-height: 100% }
.power_con_list dd h4 span { font-size: 20px }
.power_con_list dd p { font-size: 14px; color: #666; line-height: 24px; margin-top: 16px; letter-spacing: 1px }
*/


/*news*/
.news{ height:768px; overflow: hidden; margin-top:30px;}
.news h2{background:url(img/index/h2.jpg) no-repeat center 90px; text-align: center; height: 144px;font-weight: normal; font-size: 20px; color: #333;}
.news h2 i{ display: block; line-height: 100%; font-size: 42px;font-weight: bold; padding-bottom: 10px;}
.new_l{ width:786px; height: 539px; box-sizing: border-box; border: 1px solid #dcdcdc;}
.new_l dt img,.new_r dt img{ transition: all 0.3s linear 0s;}
.new_l dt:hover img,.new_r dt:hover img{transform: scale(1.05);}

.new_l h3{font-weight: normal; padding: 18px 26px 0; height: 169px; border-bottom: 1px solid #dcdcdc; overflow: hidden;}
.new_l h3 i{ display:block; overflow: hidden;}
.new_l h3 i span{ display: inline-block; width: 115px; height: 48px; color: #cc0000; font-size: 24px;background:url(img/index/h_hot.png) no-repeat; padding: 8px 6px 0 0; line-height: 39px; text-align: center; margin-right: 6px; float: left;}
.new_l h3 i a{ display: inline-block; float: left; color: #111111; font-size: 20px;padding-top: 17px;}
.new_l h3 i a:hover{ color: #cc0000;}
.new_l h3 em{ display: block; font-size: 14px; color: #999; line-height: 26px; padding-top: 10px;}
.new_l h3 em a:hover{ color: #cc0000;}

.n_on1{ height: 155px; border-bottom: 1px solid #dcdcdc; margin-bottom: 36px;}
.n_on1 dl{overflow: hidden; float: left; padding: 28px 0 0 28px; width: 342px; margin-right: 23px;}
.n_on1 dl:last-of-type{ margin-right: 0; border-left: 1px solid #dcdcdc; height: 128px;}
.n_on1 dl dt{ float: left; width: 52px; height: 99px; background: #ccc; text-align: center; box-sizing: border-box; font-family: Arial; font-size: 16px; color: #fff; padding-top: 30px;}
.n_on1 dl dt span{ display: block;}
.n_on1 dl dd{ float: right; width: 278px; float: right;}
.n_on1 dl dd h4 a{font-weight: normal; font-size: 16px; color: #333333; font-weight: normal; display: block; margin: 10px 0;}
.n_on1 dl dd p{ color: #999999; font-size: 14px; line-height: 26px;}
.n_on1 dl:hover dt{ background: #0550ab;}
.n_on1 dl:hover dd h4 a{ color: #0550ab;}

.new_l ul{ padding-left: 28px;}
.new_l ul li{ overflow: hidden;}
.new_l ul li{ padding-left:18px; line-height: 100%; overflow: hidden; margin-bottom: 22px;background:url(../images/n_io.jpg) no-repeat 0 4px;}
.new_l ul li a{ font-size: 14px; color: #333333;}
.new_l ul li a:hover{color: #0550ab;}
.new_l ul li span{ display: inline-block; float: right; padding-right: 28px; color: #8c8c8c; font-size:14px;}

.new_r{ width:381px; height:539px; background: #f2f2f3; box-sizing: border-box; padding: 0 15px;}
.new_r h4{font-weight: normal; line-height: 100%;  padding: 20px 0 19px 0;}
.new_r h4 a{font-size: 20px; color: #333;}
.new_r h4 span{ display: inline-block; float: right; padding-top: 7px;}
.new_r h4 span a{ font-size: 14px; color: #666;}
.new_r h4 a:hover{ color: #0550ab;}
.new_r dl{height:291px;overflow: hidden; border-bottom: 1px dashed #ccc; margin-bottom: 36px;}
.new_r dt{ overflow: hidden; }
.new_r dd{ padding: 18px 18px 0;}
.new_r dd h5{font-weight: normal; font-size: 18px;}
.new_r dd h5 a{ color: #333;}
.new_r dd h5 a:hover{ color: #0550ab;}
.new_r dd p{ font-size: 14px; color: #666666; line-height: 24px; padding-top:7px;}

.new_r ul li{ padding-left:24px; line-height: 100%; overflow: hidden; margin-bottom: 22px;background:url(../images/n_io.png) no-repeat 8px 4px;}
.new_r ul li a{ font-size: 14px; color: #333333;}
.new_r ul li a:hover{color: #0550ab;}



/**/
h2.tit a{text-align: center;font-size: 38px;color: #333;display: block;margin-bottom: 70px;
background:url(img/tit.jpg) no-repeat center 55px;}
h2.tit a em{font-size: 18px;color: #555;display: block;font-weight: normal;padding-top:23px;}




/**/