*{padding:0; margin:0;}
body{font-size:14px; font-family:'Microsoft YaHei';background-color:#fff; color:#333}
a{text-decoration:none;cursor:pointer}
h1,h2,h3,h4{font-size:14px; font-weight:normal}
img{max-width:100%;display:block; border:none}
a{color: #808080; text-decoration: none;outline: 0;}
a:hover{color:#004094}
input{border-style:none; font-family:'Microsoft YaHei'; outline:none; padding:0;}
li{list-style:none} em{font-style:normal} i,em{font-style:normal}
.fl{float:left;}.fr{float:right}.hide{display:none}.clear,.clearfix{clear:both}
.pad10{padding:10px;}.padt20{padding-top:20px;}.padt30{padding-top:30px;}.padt40{padding-top:40px}
.margin-r5{margin-right:5px;}
.margin-t10{margin-top:10px;}.margin-t20{margin-top:20px}.margin-t40{margin-top:40px}
.bgcolorf5{background-color:#f5f5f5}
.maincolor{color:#ff7500}
.shadow-bttom{box-shadow:0 3px 8px rgba(0,0,0,0.1)}
.fixedtop{position:fixed; top:0px; width:100%; }
.fs14{font-size:14px;}.fs16{font-size:16px;}
.c333{color:#333333}.c80{color:#808080}
.w25{width:25%}.w30{width:30%}.w35{width:35%}.w45{width:45%}

.container{width:80%; margin-left:auto; margin-right:auto}
.w1200{width:1200px; margin-left:auto; margin-right:auto}
.mobile{display:none}

/*common*/
.top{width:100%; background-color:#999a9c; height:22px; padding:5px 0px; border-bottom:5px solid #0096e3}
.top .language{float:left;}
.top .language a{float:left; display:block; color:#fff; height:22px; line-height:22px; margin-right:20px;}
.top .searchbox{overflow:hidden; border-radius:20px; float:right}
.top .searchbox input{width:250px; background-color:#6e6e6e; height:20px; line-height:20px; text-indent:10px; float:left}
.top .searchbox .btn{ display:block; background-color:#6e6e6e; height:20px; line-height:20px; color:#fff; float:left;}
.top .searchbox .btn img{height:20px;}
.navagation {overflow:hidden}
.navagation .nav{overflow: hidden; margin-top: 30px; }
.navagation .smallnav li{height:30px; line-height:30px; float:right; padding-left:15px;}
.navagation .bignav li{height:45px; line-height:45px; float:left; padding:0px 5px;}
.navagation .bignav li a{font-size:18px; font-weight:400}
.navagation .bignav li span{display:inline-block; padding:0px 15px;}
.footer{overflow:hidden; background-color:#eeeeee; padding:35px 0px;}
.footer .quicklink{overflow:hidden; border-bottom:1px solid #9e9e9f; padding-bottom:30px;}
.footer .quicklink .item img{width:150px;}
.footer .item{width:22%; padding-left:3%; float:left}
.footer .item.item1{width:15%; }
.footer .item.item2{width:29%; }
.footer .item.item1{}
.footer .item h2{font-size:18px; margin-bottom:15px;}
.footer .item .i1{font-size:14px;display:block; line-height:28px;}
.footer .bottom{overflow:hidden; padding-top:30px; }
.footer .bottom .left{width:37%; float:left; margin-left:3%;}
.footer .bottom input{width:200px; background-color:#888888; height:30px; line-height:30px; text-indent:20px;  float:left; color:#fff}
.footer .bottom .btn{display:block; width:30px; height:30px; background:url(../images/search.png) no-repeat center center; float:left; margin-left:2px;}
.footer .bottom .right{width:57%; float:right; text-align:right;margin-right:3%;}
.footer .bottom .right p{font-size:14px; line-height:22px;}

.pagebanner{background:url(../images/pc_bannerBG.jpg) no-repeat center center; background-size:cover; width:100%; height:130px; }
.pagebanner h2{font-size:24px; height:30px; line-height:30px; padding-top:40px;}
.pagebanner p{margin-top:15px;}

.subnav{padding-top:35px; padding-bottom:20px; height:30px; line-height:30px; font-size:15px; text-align:left; border-bottom:1px solid #d9d9d9}
.subnav a{padding:0px 15px}
.subnav a.current{color:#0096e3}
.subnav span{color:#0096e3; font-weight:bold}

.gotop{width:100%; display:block; height:40px; background-color:#6e6e6e; text-align:center}
.gotop img{margin:auto}

.pages{height:50px; line-height:50px; text-align:center}
.pages a.page{font-weight:bold; padding:1px 10px; font-size:16px;}
.pages a.current{color:#0096e3}
.pages .prev,.productlist .pages .next{font-size:18px; color:#0096e3}
.pages .prev{margin-right:30px;}
.pages .next{margin-left:30px;}

/*é¦–é¡µ*/
.banner{position:relative; position:relative}
/*.banner .banner_text{position:absolute; top:300px; right:50%}*/
.banner .aboutus{display:block; width:80%; position:absolute; right:0px; bottom:-30px; /*background:url(../images/index_about_bg_1.png) no-repeat center center; background-size:cover;*/}
.banner .aboutus span{color:#fff; font-size:20px; line-height:90px;}
.banner .aboutus span:first-child{margin-left:20%}
.banner .aboutus i{float:right; color:#fff; font-size:16px; line-height:90px; margin-right:10%;}

.productbox{overflow:hidden; height:418px;  background:url(../images/productbox_bg.png) no-repeat center center; width:100%; background-size:cover; margin-top: -31px;}
.productbox .owl-carousel{width:75%; margin:auto; margin-top:110px; position:relative}
.productbox .owl-carousel .item{}
.productbox .owl-carousel .item .left{width:50%; float:left}
.productbox .owl-carousel .item .left h2{font-size:24px; margin-bottom:20px;}
.productbox .owl-carousel .item .left p{font-size:16px; line-height:30px;}
.productbox .owl-carousel .item .right{width:50%; float:right}
.productbox .owl-carousel .item .right img{width:90%}
.productbox .owl-carousel .owl-prev,.productbox .owl-carousel .owl-next{display:block; width:23px; height:34px;position:absolute; top:70px;}
.productbox .owl-carousel .owl-prev{background:url(../images/prev.png) no-repeat center center; float: left; left: -60px;}
.productbox .owl-carousel .owl-next{background:url(../images/next.png) no-repeat center center; float: right;right: -60px;}

.newsbox{width:100%; height:260px; margin-top:20px;}
.newsbox .item{}
.newsbox .item .con{padding:28px;overflow: hidden;}
.newsbox .item h2{font-size:22px; line-height:30px;}
.newsbox .item p{font-size:16px; line-height:28px; margin-top:10px; color:#6e6e6e}
.newsbox .item a{display:block; background-color:#0096e3; color:#fff; text-align:center; width:70px; height:24px; line-height:24px; margin-top:20px; float:right}
.newsbox .news1{width:46%; height:260px; background:url(../images/newsbox1_bg.png) no-repeat right center; background-size:cover; float:left; }
.newsbox .news1 .sb{width:40%; float:right; color:#fff;    text-align: right;    padding-top: 80px;}
.newsbox .news1 .sb .p1{font-size:30px; color:#d9d9d9; margin-top:30px;}
.newsbox .news1 .sb .p2{font-size:30px; color:#fff}
.newsbox .news1 .con{width:50%; float:right; color:#fff}
.newsbox .news1 .con p{color:#d9d9d9}
.newsbox .news2{width:26%; height:260px; background-color:#ebebe8;margin:0px 1%; float:left}
.newsbox .news3{width:26%; height:260px; background-color:#ebebe8; float:right}

.marksbox{overflow:hidden; width:100%;position:relative; margin-top:20px; }
.marksbox .loc{position:absolute; top:45px; left:295px}
.marksbox .contactbox{width:50%;height:290px; float:left; background-color:#bdbdbe}
.marksbox .contactbox .bottomlogo{float:right; margin:90px 80px 0px 0px; }
.marksbox .contactbox .bottomlogo img{width:100px;}
.marksbox .contactbox .info{float:right; margin:80px 80px 0px 0px; padding-left:40px; border-left:1px solid #808080}
.marksbox .contactbox .info h2{font-size:22px; margin-bottom:20px;}
.marksbox .contactbox .info p{font-size:16px; line-height:28px;}
.marksbox .serbvicebox{width:50%; height:290px; float:right; background:url(../images/serbvicebox_bg.png) no-repeat center center; background-size:cover; text-align:center }
.marksbox .serbvicebox .p1{color:#fff; font-size:34px; height:70px; line-height:70px; margin-top:80px;}
.marksbox .serbvicebox .p2{color:#fff; font-size:18px; height:40px; line-height:40px;}


/*å®¢æˆ·æœåŠ¡*/
.services{overflow:hidden}
.services .serviceitem{overflow:hidden; width:100%;margin-top: 45px;margin-bottom: 80px;}
.services .serviceitem .item{ background-color:#ebebe9;width:32%; height:220px; float:left; margin-left:2%; position:relative;}
.services .serviceitem .item:first-child{margin-left:0px;}
.services .serviceitem .item .con{margin:15px; padding:15px; border:1px solid #cbcbcb; border-left:0px; height:160px; overflow:hidden}
.services .serviceitem .item .con p{width:52%;float:right; line-height:24px;}
.services .serviceitem .item .con img{position:absolute; top:0px; left:0px; bottom:0;  height:220px;}
.services .networks{overflow:hidden; width:100%;margin-top: 45px;margin-bottom: 80px;}
.services .networks img{width:80%; }
.services .auth{overflow:hidden; width:100%;margin-top: 45px;margin-bottom: 80px;}
.services .auth .item{overflow:hidden; float:left; text-align:center}
.services .auth .item h2{font-size:16px; line-height:40px;}
.services .auth .item p{line-height:14px; line-height:24px; width:85%; margin:auto}


/*äº§å“åˆ—è¡¨å’Œè¯¦æƒ…*/
.productlist{overflow:hidden; padding-bottom:100px;}
.productlist .list{overflow:hidden; margin-top:50px; width:102%; margin-left:-2%;}
.productlist .list .product{position:relative; width:28%; margin-left:1%; padding:45px 2% 10px; float:left; background-color:#ebebe9; text-align:center; margin-bottom:30px; color:#333}
.productlist .list .product .pic{}
.productlist .list .product .pic img{max-width:100%; }
.productlist .list .product .pic p{height:50px; line-height:65px; font-weight:bold; font-size:16px;}
.productlist .list .product .mask{background:url(../images/mask_bg.png); position:absolute; left:0px; right:0px; top:242px; bottom:0px; border-bottom-right-radius:25%;}
.productlist .list .product .mask p{width:50%; margin:85px auto 0px; border:3px solid #fff; height:60px; line-height:60px; font-size:20px; font-weight:bold;color:#fff}
.productinfo{}
.productinfo .content{overflow:hidden; padding:80px 5%;}
.productinfo .content .cpxx{overflow:hidden}
.productinfo .content .imgbox{float:left; background-color:#ebebe9; width:38%; padding:5%;}
.productinfo .content .title{overflow:hidden;width:50%;  float:right;background-color:#ebebe9; height:80px; }
.productinfo .content .title p{line-height:80px;width:80%; margin:auto}
.productinfo .content .title span{font-weight:bold; margin-left:100px;}
.productinfo .content .summary{overflow:hidden;width:46%; float:right;background-color:#ebebe9; height:121px; margin-top:20px; padding:2%;}
.productinfo .content .summary h2{margin-bottom:15px;}
.productinfo .content .con{overflow:hidden; margin-top:50px;}
.productinfo .content .con img{max-width:100%;}


/*å…³äºŽæˆ‘ä»¬*/
.about{overflow:hidden; margin-bottom:60px;}
.about .gsjx .part1{overflow:hidden;width:100%; height:245px; background-color:#ebebe9;background-image:url(../images/about_01.jpg) ; background-repeat:no-repeat; background-position:right center; background-size:contain}
.about .gsjx .part1 .left{width:48%; float:left;height:245px; }
.about .gsjx .part1 p{padding:5% 0px; line-height:28px; float:right}
.about .gsjx .part2 {overflow:hidden; padding:50px 0px;}
.about .gsjx .part2 p {line-height:35px; text-align:center}
.about .gsjx .part2_en p{text-align:left;text-indent:2em}
.about .gsjx .part3{overflow:hidden;width:100%; height:245px;  background-color:#ebebe9;background-color:#ebebe9;background-image:url(../images/about_02.jpg) ; background-repeat:no-repeat; background-position:left center; background-size:contain}
.about .gsjx .part3 .right{width:40%;padding:0px 5%;  float:right;height:245px; padding-top:30px; }
.about .gsjx .part3_en  .right{padding:2%;}
.about .gsjx .part3 p{line-height:28px;; text-align:right}
.about .qywh{}
.about .qywh .tt{font-size:18px; text-align:center; padding:20px 0px 35px;}
.about .qywh .part1{overflow:hidden;width:100%; height:245px; background-color:#ebebe9;background-image:url(../images/about_03.jpg) ; background-repeat:no-repeat; background-position:right center; background-size:contain}
.about .qywh .part1 .left{width:48%; float:left;height:245px; text-align:center }
.about .qywh .part1 h2{font-size:24px; line-height:50px; font-weight:400; margin-top:80px}
.about .qywh .part1 p{ line-height:28px; font-size:16px; color:#808080}
.about .qywh .part3{overflow:hidden;width:100%; height:245px;  background-color:#ebebe9;background-color:#ebebe9;background-image:url(../images/about_04.jpg) ; background-repeat:no-repeat; background-position:left center; background-size:contain}
.about .qywh .part3 .right{width:40%; height:245px; text-align:center;float:right}
.about .qywh .part3 h2{font-size:24px; line-height:50px; font-weight:400; margin-top:80px}
.about .qywh .part3 p{ line-height:28px; font-size:16px; color:#808080}
.about .tab_con{overflow:hidden; margin-top:40px;}


/*æŠ€æœ¯æ”¯æŒ*/
.support{overflow; margin-top:70px; margin-bottom:100px;}
.support .qaq{overflow:hidden}
.support .qaq .boxtitle{height:40px; line-height:40px; text-indent:30px; font-size:18px; background-color:#0096e3; color:#fff; margin-bottom:2px; }
.support .qaq .list{background-color:#0096e3; color:#fff; overflow:hidden; position:relative}
.support .qaq .list .item{}
.support .qaq .list .item .col{width:40%; padding:3% 5%; float:left}
.support .qaq .list .item .col .title{font-size:17px; color:#fff}
.support .qaq .list .item .col span{margin-right:10px;}
.support .qaq .list .item .col p{margin-top:15px; line-height:24px; padding-left:24px;}
.support .owl-carousel .owl-prev,.support .owl-carousel .owl-next{display:block; width:23px; height:34px;position:absolute; top:55px;}
.support .owl-carousel .owl-prev{font-size:32px; color:#fff; float: left; left: 5px;}
.support .owl-carousel .owl-next{font-size:32px; color:#fff; float: right;right: 5px;}
.support .content{overflow:hidden; margin-bottom:60px;}
.support .content .left,.support .content .right{margin-right:2px; border-radius:10px; border:1px solid #ddd; overflow:hidden; width:48%; -moz-box-shadow:3px 3px 0px 0px #f5f5f5;-webkit-box-shadow:3px 3px 0px 0px #f5f5f5;-o-box-shadow:3px 3px 0px 0px #f5f5f5;box-shadow: 3px 3px 0px 0px #f5f5f5; }
.support .content .left .pad,.support .content .right .pad{margin:5%; overflow:hidden} 
.support .content .left .pad{background:url(../images/supprot_01.jpg) no-repeat left center; background-size:contain;}
.support .content .right .pad{background:url(../images/supprot_02.jpg) no-repeat right center; background-size:contain;}
.support .content .left{float:left; text-align:right; }
.support .content .right{float:right;}
.support .content .left h2,.support .content .right h2{color:#0096e3; font-size:24px; margin-bottom:30px; }
.support .content .left h3,.support .content .right h3{ font-size:16px; line-height:30px;margin-top:25px;}
.support .content .left h3 span,.support .content .right h3 span{color:#0096e3; margin-left:10px;}
.support .content .left p,.support .content .right p{color:#6e6e6e; font-size:14px; line-height:24px;  margin-right: 17px;}


/*è”ç³»æˆ‘ä»¬*/
.contact{overflow:hidden; margin:50px auto 100px;}
.contact .part1{width:100%; height:350px; background:url(../images/contact_01.jpg) no-repeat center center; background-size:cover}
.contact .part1 .right{float:right; width:230px; height:290px;padding:30px;}
.contact .part1 .right h2{font-size:22px; margin-top:40px; margin-bottom:30px;}
.contact .part1 .right p{font-size:16px; line-height:24px; margin-top:15px;}
.contact .part1 .right p.address{font-size:14px;}
.contact .part1 .right p.email span{color:#fff}
.contact .part2{overflow:hidden; margin-top:25px;}
.contact .part2 .left{width:27%; float:left; height:195px;}
.contact .part2 .right{width:63%; height:128px; float:right; background-color:#a6a6a6; padding:3%;position:relative}
.contact .part2 .right .arrow{left: -25px;bottom: 20px;position:absolute; background:url(../images/arrow.png) no-repeat right center; width:30px; height:30px;background-size:contain}
.contact .part2 .right p{height:32px; line-height:32px; background-color:#e9e9e9; margin-top:18px; text-indent:20px;}
.contact .part2 .right p:first-child{margin-top:0px;}
.contact .part3{overflow:hidden; margin-top:35px;}
.contact .part3 .left{width:49%; float:left}
.contact .part3 .right{width:49%; float:right}
.contact .part3 .row{overflow:hidden;width:98%;}
.contact .part3 .row textarea{background-color:#e9e9e9; border:none; width:100%; height:100px;}
.contact .part3 .row input{overflow:hidden;width:100%;}
.contact .part3 .cols{width:48%; margin-right:2%; overflow:hidden; float:left}
.contact .part3 .lable{height:35px; line-height:35px;}
.contact .part3 input{background-color:#e9e9e9; border:none; height:32px; line-height:32px; text-indent:10px; width:100%;}
.contact .part3 input.submitbtn,.contact .part3 input.resetbtn{width:48%; display:block; height:35px; line-height:35px; text-align:center; color:#fff; margin-top:26px;text-indent:0;padding:0;}
.contact .part3 .submitbtn{background-color:#d92419; float:left }
.contact .part3 .resetbtn{background-color:#1a1311; float:right }


/*æ–°é—»åˆ—è¡¨å’Œè¯¦æƒ…*/
.newslist{overflow:hidden; width:85%; margin:auto auto 80px;; }
.newslist .list{width:100%; overflow:hidden; margin-top:50px; margin-bottom:30px;}
.newslist .list .item{width:31%; margin:1%; overflow:hidden; background-color:#ebebe8; float:left}
.newslist .list .item:hover{background:url(../images/news_bg.png) no-repeat center center; background-size:cover; color:#fff}
.newslist .list .item:hover p,.newslist .list .item:hover h2{color:#fff}
.newslist .list .item .con{padding:28px;overflow: hidden;}
.newslist .list .item h2{font-size:20px; line-height:30px;}
.newslist .list .item p{line-height:28px; margin-top:10px; color:#6e6e6e}
.newslist .list .item a{display:block; background-color:#0096e3; color:#fff; text-align:center; width:70px; height:24px; line-height:24px; margin-top:20px; float:right}
.newsinfo{overflow:hidden}
.newsinfo .info{overflow:hidden; border-bottom:1px solid #d9d9d9; text-align:center; padding:30px 0px 20px;}
.newsinfo .info h2{font-size:20px; height:50px; line-height:50px}
.newsinfo .info p{font-size:14px; height:30px; line-height:30px; color:#ccc}
.newsinfo .con{padding:35px 5%;}
.newsinfo .con p{line-height:30px; font-size:16px; margin-top:25px;}
.newsinfo .aboutnews{width:90%; overflow:hidden; margin:auto}
.newsinfo .prev,.newsinfo .next{display:block; width:48%; float:left; font-size:16px; height:40px; line-height:40px; margin-top:30px; margin-bottom:40px; text-overflow:ellipsis; overflow:hidden; white-space:nowrap}
.newsinfo .next{width:45%; margin-left:5%; }

/*2018å¹´7æœˆ31ä¿®æ”¹çš„è£èª‰è¯ä¹¦å›¾ç‰‡æ ·å¼.about .ryzz .honorlist*/
.about .ryzz .honorlist { float: left; width:33%; text-align: center;}
.about .ryzz .honorlist img {vertical-align: middle;    margin: 15px auto;}

/*@media screen and (min-width:1440)
{

}

@media screen and (max-width:720px)
{
}*/