@charset "utf-8";
/* CSS Document */

body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,blockquote,p{margin:0;padding:0;}
body{color:#333;font-size:12px;overflow-x: hidden; font-family:"Helvetica Neue",Helvetica,Arial,sans-serif}
ol,ul{list-style:none;}
img,fieldset{vertical-align:top;border:0;}
h1,h2,h3,h4,h5,h6{font-size:inherit; font-weight:normal;}
address,cite,code,em,th,i{font-weight:normal; font-style:normal;}
input,button,textarea,select{font:100% Arial,'';vertical-align:middle;}
table,td,tr,th{font-size:12px;}
a{ text-decoration: none; color: #565656}
a:hover{}

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

.head{width:1230px; margin: 0 auto; overflow: hidden}
.logo{width: 47%;float: left; margin-top: 6PX;}
.layout{width: 300px;float: left;margin: 20px 0px;}
.mianNav{height: 44px;width: 55%;float: right;color: #666;}
.mianNav ul{margin: 0 auto;}
.mianNav ul.sub{display:none;position:absolute;z-index:2;margin-top: 2px;background: #fff;padding-top: 16px;}
.mianNav ul.sub li{float:none;padding: 0px;margin: 0px;width: 325px;text-align: left;}
.mianNav ul.sub li a{color: #000;line-height: 35px;padding: 0px 20px 0px 5px;}
.mianNav ul.sub li a:hover{ background-color: #1952a1;color:#fff; }
.mianNav ul li{float:left;line-height: 46px;text-align:center;display:block;margin: 0px 14px;}
.mianNav ul li.on{color: #004f99;border-bottom: 2px solid #004f99;}
.mianNav ul li a{color: #004f99;font-size:14px;display:block;float: none;text-decoration: none;}
.mianNav ul li a:hover,.header .mianNav ul li.cur{color: #004f99;}

/*banner*/
.flexslider{position:relative;height:516px;overflow:hidden;width:100%;}
.slides{position:relative;z-index:1;}
.slides li{height:516px;}
.slides li a{ display:block;width:100%;height:100%;text-align:left;text-indent:-9999px}
.flex-control-nav{position:absolute;bottom:10px;z-index:2;width:100%;text-align:center;}
.flex-control-nav li{display:inline-block;width:14px;height:14px;margin:0 5px;*display:inline;zoom:1;}
.flex-control-nav a{display:inline-block;width:14px;height:14px;line-height:40px;overflow:hidden;background:url(../image/dot.png) right 0 no-repeat;cursor:pointer;}
.flex-control-nav .flex-active{background-position:0 0;}
.flex-direction-nav{position:absolute;z-index:3; left:0;width:100%;top:45%;}
.flex-direction-nav li a{display:block;width:50px;height:50px;overflow:hidden;cursor:pointer;position:absolute;}
.flex-direction-nav li a.flex-prev{left:60px;background:url(../image/prev.png) center center no-repeat;}
.flex-direction-nav li a.flex-next{right:60px;background:url(../image/next.png) center center no-repeat;}
.picList .clearfix{}

.about{background:#00a9de; margin: 0 auto; overflow: hidden; padding: 10px 0;}
.about h1{font-size:20px; text-align: center; color:#fff; font-size: 4em}
.about h2{color:#fff;font-size:1.6em;margin: 20px auto; line-height: 2em}
.more{background:#1952a1;display: block;color: #fff;text-align: center;width: 200px;margin: 0 auto;line-height: 45px;border-radius: 30px;font-size: 1.5em;}
.more:hover{box-shadow: 0px 0px 9px 0.54px rgba(34, 34, 34, 0.4);background:#253d5f}
/*products*/
.pro{background:url(../image/pro_bj.jpg) no-repeat center; height: 400px; margin: 0 auto; width:100%;overflow: hidden; padding: 50px 0px;}
.pro h1{font-size:20px; text-align: center; color:#00a9de; font-size: 5em}
.pro img{height:200px;width:200px;border-radius: 100px;margin-top:30px;}
.pro li{border-radius: 150px;float:left;height:300px;width:250px;position: relative;}
.pro li:first-child{margin-left:100px;}
.pro li:nth-child(2){margin-left:150px;}
.pro li:nth-child(3){margin-left:150px;}
.pro span{display: block;width:400px;height:100px;float:left}
.pro span a{font-size:36px;line-height:80px;display:block;text-align: center;color:#194eac}
.pro .hei{height:200px;width:200px;border-radius: 100px;position: absolute;top:30px;left: 0;background: rgba(0,0,0,0.20);opacity: 0;font-size: 80px;}
.pro li .hei img{margin-top: 0}
.pro li:hover .hei{opacity: 1;transition: 0.2s}


/*Quality&Technology*/
.member{background: url(../image/news.jpg)no-repeat center; height: 600px; margin: 0 auto; width:100%;overflow: hidden; }
.member .w1200{height:800px}
.member h1{font-size:20px; text-align: center; color:#00a9de; font-size: 5em;margin:50px 0 30px 0;}
.member p{color:#fff;text-align: center;font-size:16px;color:#00a9de;line-height:28px}
.member .diamond{width: 200px;height: 200px;background-color: #f1f2f2;transform:rotate(45deg);-ms-transform:rotate(45deg); 
    
    
    /* Internet Explorer */   
-moz-transform:rotate(45deg); /* Firefox */   -webkit-transform:rotate(45deg); /* Safari 和 Chrome */  
 -o-transform:rotate(45deg); /* Opera */   float:left; margin:70px 100px }
.member .diamond .img2{transform:rotate(-45deg);margin-top:30px;margin-left:20px}
.member .diamond .img1{margin-top:28px;transform:rotate(-45deg);}
.member span{display: block;width:400px;height:100px;float:left}
.member a{font-size:36px;line-height:80px;text-align: center;color:#00a9de;display:block;}

/*.qt .diamond .img2:hover{transform: rotateY(0);transform: rotateX(360deg)}*/

.member .diamond:hover{transform:rotate(405deg);-ms-transform:rotate(405deg);transition: 1s}

/*news*/
.news{background: url(../image/news.jpg)no-repeat center; height: 600px; margin: 0 auto; width:100%;overflow: hidden; }
.left{width:52%;float:left;}
.right{width:48%;float:left;margin-left: 52%}
.right h1{font-size:20px; text-align: center; color:#fff; font-size: 5em;margin-top:50px}
.right .an{border:1px solid #fff;border-radius: 15px;padding:0px 8px;color:#fff;line-height:72px}
.right .nli{width:100%;height:100px;margin-top:15px;}
.right .nli_l{float:left;width:100px;height:100px;background:#f1f3f2;color:#194eac;transition: 0.3s}
.nli_r a{color:#fff;line-height:90px;font-size:16px;float:left;margin-left:25px ;cursor: pointer;}
.right .a1{color:#194eac;display:block;font-size:36px;margin-left:30px;margin-top:20px}
.right .a2{color:#194eac;font-size:16px;display:block;margin-left:20px;}

.right li:hover .a1{color: #fff}
.right li:hover .a2{color: #fff}
.right li:hover .nli_l{background:#194eac;}
.nli_r{overflow: hidden;height: 100px;width: 500px;}
.right li:hover .nli_r{background: rgba(25, 78, 172, 0.1);}


/*Quality&Technology*/
.qt{background: url(../image/QT.jpg)no-repeat center; height: 800px; margin: 0 auto; width:100%;overflow: hidden; }
.qt .w1200{height:800px}
.qt h1{font-size:20px; text-align: center; color:#00a9de; font-size: 5em;margin:50px 0 30px 0;}
.qt p{color:#fff;text-align: center;font-size:16px;color:#00a9de;line-height:28px}
.qt .diamond{width: 200px;height: 200px;background-color: #f1f2f2;transform:rotate(45deg);-ms-transform:rotate(45deg); 
    
    
    /* Internet Explorer */   
-moz-transform:rotate(45deg); /* Firefox */   -webkit-transform:rotate(45deg); /* Safari 和 Chrome */  
 -o-transform:rotate(45deg); /* Opera */   float:left; margin:70px 100px }
.qt .diamond .img2{transform:rotate(-45deg);margin-top:30px;margin-left:20px}
.qt .diamond .img1{margin-top:28px;transform:rotate(-45deg);}
.qt span{display: block;width:400px;height:100px;float:left}
.qt a{font-size:36px;line-height:80px;text-align: center;color:#00a9de;display:block;}

/*.qt .diamond .img2:hover{transform: rotateY(0);transform: rotateX(360deg)}*/

.qt .diamond:hover{transform:rotate(405deg);-ms-transform:rotate(405deg);transition: 1s}


           
/*contact us*/
.contact{background: url(../image/contact.jpg)no-repeat center; height: 650px; margin: 0 auto; width:100%;overflow: hidden;}
.contact h1{font-size:20px; text-align: center; color:#00a9de; font-size: 5em;margin-top:100px;margin-bottom:40px}
.contact .w1200{height:650px}
.contact .ann{border:1px solid #194eac;border-radius: 15px;padding:0px 8px;color:#194eac}
.contact p{color:#fff;text-align: center;font-size:16px;color:#00a9de;line-height:28px}
.contact .diamond{float:left;width:260px;height:125px;margin-top:110px;background: #194eac;opacity: 0.7;-webkit-transition:1s ease;-moz-transition:1s ease;}
.contact img{text-align: center;margin: 20px 110px 20px 110px}
.contact .tub{color:#fff;font-size:16px}


.contact .diamond:hover{-webkit-transform:rotatey(360deg);-moz-transform:rotatey(360deg);}
/*footer*/
.footer{width:100%;background:#f5f5f5;}
.footer .w1200{padding-top:60px;}
.db{width:1200px;height:150px;}
.footer .logo{width: 20%;float: left; margin-top: 6PX;}
.footer .logo img{margin-left:20px}
.footer .layout{width: 300px;float: left;margin: 20px 0px;}
.footer .mianNav{height: 44px;width: 80%;float: right;color: #666;}
.footer .mianNav ul{margin: 0 auto;}
.footer .mianNav ul.sub{display:none;position:absolute;z-index:2;margin-top: 2px;background: #fff;padding-top: 16px;}
.footer .mianNav ul.sub li{float:none;padding: 0px;margin: 0px;width: 225px;text-align: left;}
.footer .mianNav ul.sub li a{color: #000;line-height: 35px;padding: 0px 20px 0px 5px;}
.footer .mianNav ul.sub li a:hover{ background-color: #1952a1;color:#fff; }
.footer .mianNav ul li{float:left;line-height: 46px;text-align:center;display:block;margin: 0px 20px;}
.footer .mianNav ul li a{color: #004f99;font-size:14px;display:block;float: none;text-decoration: none;}
.footer .mianNav ul li a:hover,.header .mianNav ul li.cur{color: #004f99;}
.footer .left{width:350px;float:left;height:150px;}
.footer .middom{width:600px;float:left;height:150px;}
.footer .right{width:250px;float:left;height:150px;}
.footer p{font-size:14px;line-height:30px;color:#333}
.footer .right img{width:30px;height:45px;margin-top:4px}
.footer .right .icon{font-size:30px;color:#1952a1;float:left}
.footer .right .map{color: #00a9de;font-size:18px;}
.r_map{float:left;;display: block;margin-left:20px}
.footer hr{color:#fff}



#fenYe span{margin-top: 13px;
    /* display: block; */
    float: left;
    margin-left: 7px;}